Add github flavered table in markdown

Add table style in markdown and
Fix deleted all version may cause 404

Signed-off-by: Qian Deng <dengq@vmware.com>
This commit is contained in:
Qian Deng 2018-08-21 18:34:35 +08:00
parent 3ca5f67157
commit dac86844e4
2 changed files with 83 additions and 33 deletions

View File

@ -1,37 +1,80 @@
.content-wrapper { .content-wrapper {
margin-top:20px; margin-top: 20px;
padding: 0 0 0 15px; padding: 0 0 0 15px;
.md-container { .md-container {
border: solid 1px #ddd; border: solid 1px #ddd;
} }
.summary-container { .summary-container {
padding:0; padding: 0;
table { table {
background-color: #F2F2F2; background-color: #f2f2f2;
margin-top: 0.5rem; margin-top: 0.5rem;
} }
.content-group { .content-group {
margin-bottom: 30px; margin-bottom: 30px;
} }
.content-icon { .content-icon {
margin-right: 6px; margin-right: 6px;
} }
.text-wrapper { .text-wrapper {
word-break: break-all; word-break: break-all;
} }
} }
.cmd-title { .cmd-title {
white-space: nowrap; white-space: nowrap;
vertical-align: middle; vertical-align: middle;
} }
.cmd-content { .cmd-content {
width: 100%; width: 100%;
} }
} }
@mixin align-text-mixin($values...) {
@each $var in $values {
&[align="$var"] {
text-align: $var;
}
}
}
%code-block {
background: #ddd;
border-radius: 2px;
padding: 2px 4px;
}
.md-div {
::ng-deep {
code:not([class*="language-"]) {
@extend %code-block;
color: #657b83;
}
pre:not([class*="language-"]) {
background: #fdf6e3;
code:not([class*="language-"]) {
@extend %code-block;
background: transparent;
}
}
table {
display: block;
width: 100%;
overflow: auto;
padding: 0;
border-spacing: 0;
border-collapse: collapse;
margin-bottom: 16px;
td,
th {
padding: 6px 13px;
border: 1px solid #ddd;
@include align-text-mixin(left, right, center);
}
tr {
&:nth-child(2n) {
background-color: #f2f2f2;
}
}
}
}
}

View File

@ -160,9 +160,16 @@ export class ChartVersionComponent implements OnInit {
deleteVersions(versions: HelmChartVersion[]) { deleteVersions(versions: HelmChartVersion[]) {
if (versions && versions.length < 1) { return; } if (versions && versions.length < 1) { return; }
let successCount: number;
let totalCount = this.chartVersions.length;
let versionObs = versions.map(v => this.deleteVersion(v)); let versionObs = versions.map(v => this.deleteVersion(v));
Observable.forkJoin(versionObs).finally(() => this.refresh()).subscribe(res => { Observable.forkJoin(versionObs).finally(() => {
if (this.chartVersions.length === versionObs.length) { if (totalCount !== successCount) {
this.refresh();
}
}).subscribe(res => {
successCount = res.filter(r => r.state === OperationState.success).length;
if (totalCount === successCount) {
this.backEvt.emit(); this.backEvt.emit();
} }
}); });