Change UI about security table

1. Change wording from 'sign' to 'ready'
2. Provide download for prov file

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

@@ -111,19 +111,19 @@
             <table class="table">
                 <tbody>
                     <tr>
-                        <td class="left">{{'HELM_CHART.SIGNED' | translate }}</td>
+                        <td class="left">{{'HELM_CHART.PROV_FILE' | translate }}</td>
                         <div *ngIf="prov_ready;then signedContent else unsignedContent"></div>
                         <ng-template #signedContent>
                             <td class="left">
                                 <span class="content-icon">
                                     <clr-icon shape="shield-check" class="is-success"></clr-icon>
-                                </span>&nbsp;{{'HELM_CHART.SIGNED' | translate }}</td>
+                                </span>&nbsp;<a (click)="downloadChart()">{{'HELM_CHART.READY' | translate }}</a></td>
                         </ng-template>
                         <ng-template #unsignedContent>
                             <td class="left">
                                 <span class="content-icon">
                                     <clr-icon shape="shield-x" class="is-error"></clr-icon>
-                                </span>&nbsp;{{'HELM_CHART.UNSIGNED' | translate }}</td>
+                                </span>&nbsp;{{'HELM_CHART.NOT_READY' | translate }}</td>
                         </ng-template>
                     </tr>
                 </tbody>

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

@@ -6,6 +6,9 @@ import {
 } from "@angular/core";
 
 import { HelmChartMetaData, HelmChartSecurity } from "./../../service/interface";
+import { downloadFile } from './../../utils';
+import { HelmChartService } from "../../service/index";
+import { ErrorHandler } from "./../../error-handler/error-handler";
 
 @Component({
   selector: "hbr-chart-detail-summary",
@@ -23,8 +26,14 @@ export class ChartDetailSummaryComponent implements OnInit {
   @Input() readme: string;
 
   copiedCMD = '';
+  addCMD = `helm repo add --ca-file <ca file> --cert-file <cert file> --key-file <key file> --username <username> --password <password> <repo name> ${this.repoURL}/chartrepo/${this.projectName}`;
+  installCMD = `helm install --ca-file <ca file> --cert-file <cert file> --key-file <key file> --username=<username> --password=<password> --version ${this.chartVersion} <repo name>/${this.chartName}`;
+  verifyCMD = `helm verify --keyring <key path> ${this.chartName}-${this.chartVersion}.tgz`;
 
-  constructor() {}
+  constructor(
+    private errorHandler: ErrorHandler,
+    private helmChartService: HelmChartService
+  ) {}
 
   ngOnInit(): void {
   }
@@ -37,21 +46,26 @@ export class ChartDetailSummaryComponent implements OnInit {
     this.copiedCMD = cmd;
   }
 
-
-  public get addCMD() {
-    return `helm repo add --ca-file <ca file> --cert-file <cert file> --key-file <key file> --username <username> --password <password> <repo name> ${this.repoURL}/chartrepo/${this.projectName}`;
-  }
-
-  public get installCMD() {
-      return `helm install --ca-file <ca file> --cert-file <cert file> --key-file <key file> --username=<username> --password=<password> --version ${this.chartVersion} <repo name>/${this.chartName}`;
-  }
-
-  public get verifyCMD() {
-    return `helm verify --keyring <key path> ${this.chartName}-${this.chartVersion}.tgz`;
-}
-
   public get prov_ready() {
     return this.security && this.security.signature && this.security.signature.signed;
   }
 
+  downloadChart() {
+    if (!this.summary ||
+      !this.summary.urls ||
+      this.summary.urls.length < 1) {
+      return;
+    }
+    let filename = `${this.summary.urls[0]}.prov`;
+
+    this.helmChartService.downloadChart(this.projectName, filename).subscribe(
+      res => {
+        downloadFile(res);
+      },
+      error => {
+        this.errorHandler.error(error);
+      },
+    );
+  }
+
 }

src/ui_ng/src/i18n/lang/en-us-lang.json

@@ -518,7 +518,10 @@
         "ACTIVE": "Active",
         "DEPRECATED": "Deprecated",
         "VERIFY_CHART": "Verify Chart",
-        "COMMAND": "Commands"
+        "COMMAND": "Commands",
+        "PROV_FILE": "Prov File",
+        "READY": "Ready",
+        "NOT_READY": "Not Ready"
     },
     "ALERT": {
         "FORM_CHANGE_CONFIRMATION": "Some changes are not saved yet. Do you want to cancel?"

src/ui_ng/src/i18n/lang/es-es-lang.json

@@ -517,7 +517,10 @@
         "ACTIVE": "Active",
         "DEPRECATED": "Deprecated",
         "VERIFY_CHART": "Verify Chart",
-        "COMMAND": "Commands"
+        "COMMAND": "Commands",
+        "PROV_FILE": "Prov File",
+        "READY": "Ready",
+        "NOT_READY": "Not Ready"
     },
     "ALERT": {
         "FORM_CHANGE_CONFIRMATION": "Algunos cambios no se han guardado aún. ¿Quiere cancelar?"

src/ui_ng/src/i18n/lang/fr-fr-lang.json

@@ -492,7 +492,10 @@
         "ACTIVE": "Active",
         "DEPRECATED": "Deprecated",
         "VERIFY_CHART": "Verify Chart",
-        "COMMAND": "Commands"
+        "COMMAND": "Commands",
+        "PROV_FILE": "Prov File",
+        "READY": "Ready",
+        "NOT_READY": "Not Ready"
     },
     "ALERT": {
         "FORM_CHANGE_CONFIRMATION": "Certaines modifications ne sont pas encore enregistrées. Voulez-vous annuler ?"

src/ui_ng/src/i18n/lang/zh-cn-lang.json

@@ -517,7 +517,10 @@
         "ACTIVE": "正常",
         "DEPRECATED": "废弃",
         "VERIFY_CHART": "验证Chart",
-        "COMMAND": "命令"
+        "COMMAND": "命令",
+        "PROV_FILE": "Prov 文件",
+        "READY": "就绪",
+        "NOT_READY": "未就绪"
     },
     "ALERT": {
         "FORM_CHANGE_CONFIRMATION": "表单内容改变，确认是否取消?"