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>

src/ui_ng/lib/src/helm-chart/chart-detail/chart-detail-summary.component.scss

@@ -1,37 +1,80 @@
 .content-wrapper {
-    margin-top:20px;
+  margin-top: 20px;
-    padding: 0 0 0 15px;
+  padding: 0 0 0 15px;
+  .md-container {
+    border: solid 1px #ddd;
+  }
+  .summary-container {
+    padding: 0;
+    table {
+      background-color: #f2f2f2;
+      margin-top: 0.5rem;
+    }
+    .content-group {
+      margin-bottom: 30px;
+    }
+    .content-icon {
+      margin-right: 6px;
+    }
+    .text-wrapper {
+      word-break: break-all;
+    }
+  }
+  .cmd-title {
+    white-space: nowrap;
+    vertical-align: middle;
+  }
+  .cmd-content {
+    width: 100%;
+  }
+}
 
-    .md-container {
+@mixin align-text-mixin($values...) {
-        border: solid 1px #ddd;
+  @each $var in $values {
-    }
+    &[align="$var"] {
-    
+      text-align: $var;
-    .summary-container {
-        padding:0;
-        table {
-            background-color: #F2F2F2;
-            margin-top: 0.5rem;
-        }
-    
-        .content-group {
-            margin-bottom: 30px;
-        }
-        
-        .content-icon {
-            margin-right: 6px;
-        }
-    
-        .text-wrapper {
-            word-break: break-all;
-        }
     }
+  }
+}
 
-    .cmd-title {
+%code-block {
-        white-space: nowrap;
+  background: #ddd;
-        vertical-align: middle;
+  border-radius: 2px;
-    }
+  padding: 2px 4px;
+}
 
-    .cmd-content {
+.md-div {
-        width: 100%;
+  ::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;
+        }
+      }
+    }
+  }
+}

src/ui_ng/lib/src/helm-chart/versions/helm-chart-version.component.ts

@@ -160,9 +160,16 @@ export class ChartVersionComponent implements OnInit {
 
   deleteVersions(versions: HelmChartVersion[]) {
     if (versions && versions.length < 1) { return; }
+    let successCount: number;
+    let totalCount = this.chartVersions.length;
     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();
       }
     });