fabric8-analytics-dependency-editor - npm Package Compare versions

Comparing version 0.0.23 to 0.0.24

package.json

 {
   "name": "fabric8-analytics-dependency-editor",
-  "version": "0.0.23",
+  "version": "0.0.24",
   "description": "Dependency editor",
@@ -77,18 +77,15 @@ "main": "bundles/fabric8-analytics-dep-editor.umd.js",
   "dependencies": {
-    "c3": "0.4.18",
-    "ngx-bootstrap": "1.9.3",
-    "ngx-modal": "0.0.29"
+    "c3": "^0.4.18",
+    "ngx-bootstrap": "^1.9.3",
+    "ngx-modal": "^0.0.29"
   },
   "peerDependencies": {
-    "@angular/core": "4.4.6",
-    "@angular/common": "4.4.6",
-    "@angular/forms": "4.4.6",
-    "@angular/http": "4.4.6",
-    "@angular/compiler": "4.4.6",
-    "@angular/compiler-cli": "4.4.6",
-    "@angular/platform-browser": "4.4.6",
-    "@angular/platform-browser-dynamic": "4.4.6",
-    "@angular/router": "4.4.6",
-    "rxjs": "5.5.2",
-    "zone.js": "0.8.5"
+    "@angular/core": "^4.4.6",
+    "@angular/common": "^4.4.6",
+    "@angular/forms": "^4.4.6",
+    "@angular/http": "^4.4.6",
+    "@angular/platform-browser": "^4.4.6",
+    "@angular/platform-browser-dynamic": "^4.4.6",
+    "@angular/router": "^4.4.6",
+    "rxjs": "^5.5.2"
   },
@@ -95,0 +92,0 @@ "devDependencies": {

src/app/alert-box/alert-box.component.d.ts

@@ -1,27 +0,5 @@
-import { OnInit, OnChanges } from '@angular/core';
-import { BoosterInfo } from '../model/data.model';
-export declare class AlertBoxComponent implements OnInit, OnChanges {
-    title: string;
-    colored: string;
-    issueStatus: string;
-    issueSymbol: string;
-    issueType: string;
-    licolor: string;
-    secureIssue: boolean;
-    licenseIssue: boolean;
-    itSecurity: boolean;
-    licenseAll: Array<string>;
-    hasIssue: boolean;
-    cveName: Array<any>;
-    liData: Array<any>;
-    charts: any;
-    boosterInfo: BoosterInfo;
+import { AlertBox } from '../model/data.model';
+export declare class AlertBoxComponent {
+    alert: AlertBox;
     isLoading: boolean;
-    cveId: Array<any>;
-    cvePackage: Array<any>;
-    constructor();
-    ngOnInit(): void;
-    ngOnChanges(): void;
-    get_secure(): void;
-    getCves(): void;
 }

src/app/alert-box/alert-box.component.js

 import { Component, Input } from '@angular/core';
 var AlertBoxComponent = /** @class */ (function () {
     function AlertBoxComponent() {
-        this.secureIssue = false;
-        this.licenseAll = [];
-        this.cveName = [];
-        this.liData = [];
-        this.charts = {};
-        this.cveId = [];
-        this.cvePackage = [];
     }
-    AlertBoxComponent.prototype.ngOnInit = function () {
-        this.isLoading = null;
-    };
-    AlertBoxComponent.prototype.ngOnChanges = function () {
-        this.isLoading = true;
-        if (this.issueStatus === null) {
-            this.isLoading = true;
-        }
-        else if (typeof this.issueStatus === 'string' && this.issueStatus) {
-            this.isLoading = false;
-        }
-        else if (typeof this.issueStatus === 'number') {
-            this.isLoading = false;
-        }
-        this.getCves();
-    };
-    AlertBoxComponent.prototype.get_secure = function () {
-        this.secureIssue = true;
-    };
-    AlertBoxComponent.prototype.getCves = function () {
-        var _this = this;
-        this.cveId = [];
-        var _loop_1 = function (i) {
-            this_1.cveName[i][0].forEach(function (e) {
-                _this.cveId.push({
-                    'id': e.cve_id,
-                    'package': _this.cveName[i][1]
-                });
-            });
-        };
-        var this_1 = this;
-        for (var i = 0; i < this.cveName.length; i++) {
-            _loop_1(i);
-        }
-    };
     AlertBoxComponent.decorators = [
@@ -57,17 +15,4 @@ { type: Component, args: [{
     AlertBoxComponent.propDecorators = {
-        'title': [{ type: Input },],
-        'colored': [{ type: Input },],
-        'issueStatus': [{ type: Input },],
-        'issueSymbol': [{ type: Input },],
-        'issueType': [{ type: Input },],
-        'licolor': [{ type: Input },],
-        'secureIssue': [{ type: Input },],
-        'licenseIssue': [{ type: Input },],
-        'itSecurity': [{ type: Input },],
-        'licenseAll': [{ type: Input },],
-        'hasIssue': [{ type: Input },],
-        'cveName': [{ type: Input },],
-        'liData': [{ type: Input },],
-        'charts': [{ type: Input },],
-        'boosterInfo': [{ type: Input },],
+        'alert': [{ type: Input },],
+        'isLoading': [{ type: Input },],
     };
@@ -74,0 +19,0 @@ return AlertBoxComponent;

src/app/alert-box/alert-box.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"AlertBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-alert-box","styleUrls":["./alert-box.component.css"],"templateUrl":"./alert-box.component.html"}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"colored":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"issueStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"issueSymbol":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"issueType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"licolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"secureIssue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"licenseIssue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itSecurity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"licenseAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasIssue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cveName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"liData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"charts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"boosterInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"get_secure":[{"__symbolic":"method"}],"getCves":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"AlertBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-alert-box","styleUrls":["./alert-box.component.css"],"templateUrl":"./alert-box.component.html"}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"colored":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"issueStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"issueSymbol":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"issueType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"licolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"secureIssue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"licenseIssue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itSecurity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"licenseAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasIssue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cveName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"liData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"charts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"boosterInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"get_secure":[{"__symbolic":"method"}],"getCves":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"AlertBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-alert-box","styleUrls":["./alert-box.component.css"],"templateUrl":"./alert-box.component.html"}]}],"members":{"alert":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}}}},{"__symbolic":"module","version":1,"metadata":{"AlertBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-alert-box","styleUrls":["./alert-box.component.css"],"templateUrl":"./alert-box.component.html"}]}],"members":{"alert":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}}}}]

src/app/alert-box/alert-box.module.js

@@ -7,2 +7,3 @@ import { NgModule } from '@angular/core';
 import { ChartModule } from '../utils/chart/chart.module';
+import { AlertLoaderModule } from '../alert-loader/alert-loader.module';
 var AlertBoxModule = /** @class */ (function () {
@@ -14,2 +15,3 @@ function AlertBoxModule() {
                     imports: [
+                        AlertLoaderModule,
                         CommonModule,
@@ -16,0 +18,0 @@ HttpModule,

src/app/alert-box/alert-box.module.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"AlertBoxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/http","name":"HttpModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"},{"__symbolic":"reference","module":"../utils/chart/chart.module","name":"ChartModule"}],"declarations":[{"__symbolic":"reference","module":"./alert-box.component","name":"AlertBoxComponent"}],"exports":[{"__symbolic":"reference","module":"./alert-box.component","name":"AlertBoxComponent"}],"providers":[]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"AlertBoxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/http","name":"HttpModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"},{"__symbolic":"reference","module":"../utils/chart/chart.module","name":"ChartModule"}],"declarations":[{"__symbolic":"reference","module":"./alert-box.component","name":"AlertBoxComponent"}],"exports":[{"__symbolic":"reference","module":"./alert-box.component","name":"AlertBoxComponent"}],"providers":[]}]}]}}}]
+[{"__symbolic":"module","version":3,"metadata":{"AlertBoxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"../alert-loader/alert-loader.module","name":"AlertLoaderModule"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/http","name":"HttpModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"},{"__symbolic":"reference","module":"../utils/chart/chart.module","name":"ChartModule"}],"declarations":[{"__symbolic":"reference","module":"./alert-box.component","name":"AlertBoxComponent"}],"exports":[{"__symbolic":"reference","module":"./alert-box.component","name":"AlertBoxComponent"}],"providers":[]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"AlertBoxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"../alert-loader/alert-loader.module","name":"AlertLoaderModule"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/http","name":"HttpModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"},{"__symbolic":"reference","module":"../utils/chart/chart.module","name":"ChartModule"}],"declarations":[{"__symbolic":"reference","module":"./alert-box.component","name":"AlertBoxComponent"}],"exports":[{"__symbolic":"reference","module":"./alert-box.component","name":"AlertBoxComponent"}],"providers":[]}]}]}}}]

src/app/dependency-editor/dependency-editor.component.js

@@ -31,6 +31,2 @@ import { Component, Input, Output, EventEmitter, ViewChild } from '@angular/core';
         var _this = this;
-        if (!DepEditorUtils.isLoaded) {
-            DepEditorUtils.isLoaded = true;
-            return;
-        }
         this.service.dependencySelected
@@ -37,0 +33,0 @@ .subscribe(function (depSelected) {

src/app/license/license.component.d.ts

 import { OnInit, OnChanges } from '@angular/core';
-import { StackLicenseAnalysisModel, LicenseStackAnalysisModel, BoosterInfo } from '../model/data.model';
+import { StackLicenseAnalysisModel, LicenseStackAnalysisModel, BoosterInfo, AlertBox } from '../model/data.model';
 import { AlertBoxComponent } from '../alert-box/alert-box.component';
@@ -23,3 +23,6 @@ export declare class LicenseComponent implements OnInit, OnChanges {
     charts: any;
+    alertConfig: AlertBox;
+    config: any;
     constructor();
+    handleChanges(): void;
     ngOnChanges(): void;
@@ -26,0 +29,0 @@ ngOnInit(): void;

src/app/license/license.component.js

@@ -17,4 +17,6 @@ import { Component, Input, ViewChild } from '@angular/core';
         this.charts = {};
+        this.alertConfig = null;
+        this.config = {};
     }
-    LicenseComponent.prototype.ngOnChanges = function () {
+    LicenseComponent.prototype.handleChanges = function () {
         var _this = this;
@@ -66,7 +68,12 @@ this.stackStatus = '';
                 });
-                this.licenseChange();
             }
         }
+        this.licenseChange();
     };
-    LicenseComponent.prototype.ngOnInit = function () { };
+    LicenseComponent.prototype.ngOnChanges = function () {
+        this.handleChanges();
+    };
+    LicenseComponent.prototype.ngOnInit = function () {
+        this.handleChanges();
+    };
     LicenseComponent.prototype.getShow = function (event) {
@@ -124,2 +131,17 @@ this.toHave = event.toShow;
         }
+        // Forms configuration to make use of alert-box component
+        this.config = {
+            header: {
+                icon: this.icon,
+                name: this.title,
+                secondaryInfo: {
+                    mainText: this.stackLicense,
+                    subText: '(Stack Level)'
+                }
+            },
+            body: {
+                graphic: this.charts
+            }
+        };
+        this.alertConfig = this.config;
     };
@@ -126,0 +148,0 @@ LicenseComponent.decorators = [

src/app/license/license.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"LicenseComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-license","styleUrls":["./license.component.css"],"templateUrl":"./license.component.html"}]}],"members":{"licenseData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"lisData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"allLicenses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"boosterInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"alertBoxComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../alert-box/alert-box.component","name":"AlertBoxComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"getShow":[{"__symbolic":"method"}],"licenseChange":[{"__symbolic":"method"}],"displayLicenses":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"LicenseComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-license","styleUrls":["./license.component.css"],"templateUrl":"./license.component.html"}]}],"members":{"licenseData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"lisData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"allLicenses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"boosterInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"alertBoxComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../alert-box/alert-box.component","name":"AlertBoxComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"getShow":[{"__symbolic":"method"}],"licenseChange":[{"__symbolic":"method"}],"displayLicenses":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"LicenseComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-license","styleUrls":["./license.component.css"],"templateUrl":"./license.component.html"}]}],"members":{"licenseData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"lisData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"allLicenses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"boosterInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"alertBoxComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../alert-box/alert-box.component","name":"AlertBoxComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"handleChanges":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"getShow":[{"__symbolic":"method"}],"licenseChange":[{"__symbolic":"method"}],"displayLicenses":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"LicenseComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-license","styleUrls":["./license.component.css"],"templateUrl":"./license.component.html"}]}],"members":{"licenseData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"lisData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"allLicenses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"boosterInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"alertBoxComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../alert-box/alert-box.component","name":"AlertBoxComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"handleChanges":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"getShow":[{"__symbolic":"method"}],"licenseChange":[{"__symbolic":"method"}],"displayLicenses":[{"__symbolic":"method"}]}}}}]

src/app/model/data.model.d.ts

@@ -241,1 +241,24 @@ export declare class StackReportModel {
 }
+export declare class AlertBox {
+    header: {
+        icon?: string;
+        name: string;
+        countInfo: string;
+        secondaryInfo?: {
+            mainText?: string;
+            subText?: string;
+        };
+        indicator?: string;
+    };
+    body: {
+        graphic?: {
+            config: any;
+        };
+        normal?: [{
+            isAccordion?: boolean;
+            primaryText?: string;
+            secondaryText?: string;
+        }];
+        defaultText?: string;
+    };
+}

src/app/model/data.model.js

@@ -220,2 +220,8 @@ var StackReportModel = /** @class */ (function () {
 export { BoosterInfo };
+var AlertBox = /** @class */ (function () {
+    function AlertBox() {
+    }
+    return AlertBox;
+}());
+export { AlertBox };
 //# sourceMappingURL=data.model.js.map

src/app/model/data.model.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"StackReportModel":{"__symbolic":"class"},"ResultInformationModel":{"__symbolic":"class"},"AuditInformationModel":{"__symbolic":"class"},"RecommendationsModel":{"__symbolic":"class"},"ComponentInformationModel":{"__symbolic":"class"},"SecurityInformationModel":{"__symbolic":"class"},"LicenseAnalysisModel":{"__symbolic":"class"},"GithubModel":{"__symbolic":"class"},"SentimentModel":{"__symbolic":"class"},"LicenseResponseModel":{"__symbolic":"class"},"CategoryDataModel":{"__symbolic":"class"},"CategoryResponseResultModel":{"__symbolic":"class"},"LicenseModel":{"__symbolic":"class"},"LicensePackageModel":{"__symbolic":"class"},"LicenseFilterModel":{"__symbolic":"class"},"LicenseStackAnalysisModel":{"__symbolic":"class"},"StackLicenseAnalysisModel":{"__symbolic":"class"},"UserStackInfoModel":{"__symbolic":"class"},"DependencySnapshotItem":{"__symbolic":"class"},"CveResponseModel":{"__symbolic":"class"},"CveResponseResultModel":{"__symbolic":"class"},"CveDataModel":{"__symbolic":"class"},"CveDataDetailModel":{"__symbolic":"class"},"DependencySearchItem":{"__symbolic":"class"},"CategorySearchItem":{"__symbolic":"class"},"OutlierInformationModel":{"__symbolic":"class"},"ConflictPackageModel":{"__symbolic":"class"},"ReallyUnknownLicenseModel":{"__symbolic":"class"},"ComponentConflictLicenseModel":{"__symbolic":"class"},"ComponentConflictUnknownModel":{"__symbolic":"class"},"UnknownLicensesModel":{"__symbolic":"class"},"SynonymLicenseModel":{"__symbolic":"class"},"EventDataModel":{"__symbolic":"class"},"MissionInfo":{"__symbolic":"class"},"BoosterInfo":{"__symbolic":"class"}}},{"__symbolic":"module","version":1,"metadata":{"StackReportModel":{"__symbolic":"class"},"ResultInformationModel":{"__symbolic":"class"},"AuditInformationModel":{"__symbolic":"class"},"RecommendationsModel":{"__symbolic":"class"},"ComponentInformationModel":{"__symbolic":"class"},"SecurityInformationModel":{"__symbolic":"class"},"LicenseAnalysisModel":{"__symbolic":"class"},"GithubModel":{"__symbolic":"class"},"SentimentModel":{"__symbolic":"class"},"LicenseResponseModel":{"__symbolic":"class"},"CategoryDataModel":{"__symbolic":"class"},"CategoryResponseResultModel":{"__symbolic":"class"},"LicenseModel":{"__symbolic":"class"},"LicensePackageModel":{"__symbolic":"class"},"LicenseFilterModel":{"__symbolic":"class"},"LicenseStackAnalysisModel":{"__symbolic":"class"},"StackLicenseAnalysisModel":{"__symbolic":"class"},"UserStackInfoModel":{"__symbolic":"class"},"DependencySnapshotItem":{"__symbolic":"class"},"CveResponseModel":{"__symbolic":"class"},"CveResponseResultModel":{"__symbolic":"class"},"CveDataModel":{"__symbolic":"class"},"CveDataDetailModel":{"__symbolic":"class"},"DependencySearchItem":{"__symbolic":"class"},"CategorySearchItem":{"__symbolic":"class"},"OutlierInformationModel":{"__symbolic":"class"},"ConflictPackageModel":{"__symbolic":"class"},"ReallyUnknownLicenseModel":{"__symbolic":"class"},"ComponentConflictLicenseModel":{"__symbolic":"class"},"ComponentConflictUnknownModel":{"__symbolic":"class"},"UnknownLicensesModel":{"__symbolic":"class"},"SynonymLicenseModel":{"__symbolic":"class"},"EventDataModel":{"__symbolic":"class"},"MissionInfo":{"__symbolic":"class"},"BoosterInfo":{"__symbolic":"class"}}}]
+[{"__symbolic":"module","version":3,"metadata":{"StackReportModel":{"__symbolic":"class"},"ResultInformationModel":{"__symbolic":"class"},"AuditInformationModel":{"__symbolic":"class"},"RecommendationsModel":{"__symbolic":"class"},"ComponentInformationModel":{"__symbolic":"class"},"SecurityInformationModel":{"__symbolic":"class"},"LicenseAnalysisModel":{"__symbolic":"class"},"GithubModel":{"__symbolic":"class"},"SentimentModel":{"__symbolic":"class"},"LicenseResponseModel":{"__symbolic":"class"},"CategoryDataModel":{"__symbolic":"class"},"CategoryResponseResultModel":{"__symbolic":"class"},"LicenseModel":{"__symbolic":"class"},"LicensePackageModel":{"__symbolic":"class"},"LicenseFilterModel":{"__symbolic":"class"},"LicenseStackAnalysisModel":{"__symbolic":"class"},"StackLicenseAnalysisModel":{"__symbolic":"class"},"UserStackInfoModel":{"__symbolic":"class"},"DependencySnapshotItem":{"__symbolic":"class"},"CveResponseModel":{"__symbolic":"class"},"CveResponseResultModel":{"__symbolic":"class"},"CveDataModel":{"__symbolic":"class"},"CveDataDetailModel":{"__symbolic":"class"},"DependencySearchItem":{"__symbolic":"class"},"CategorySearchItem":{"__symbolic":"class"},"OutlierInformationModel":{"__symbolic":"class"},"ConflictPackageModel":{"__symbolic":"class"},"ReallyUnknownLicenseModel":{"__symbolic":"class"},"ComponentConflictLicenseModel":{"__symbolic":"class"},"ComponentConflictUnknownModel":{"__symbolic":"class"},"UnknownLicensesModel":{"__symbolic":"class"},"SynonymLicenseModel":{"__symbolic":"class"},"EventDataModel":{"__symbolic":"class"},"MissionInfo":{"__symbolic":"class"},"BoosterInfo":{"__symbolic":"class"},"AlertBox":{"__symbolic":"class"}}},{"__symbolic":"module","version":1,"metadata":{"StackReportModel":{"__symbolic":"class"},"ResultInformationModel":{"__symbolic":"class"},"AuditInformationModel":{"__symbolic":"class"},"RecommendationsModel":{"__symbolic":"class"},"ComponentInformationModel":{"__symbolic":"class"},"SecurityInformationModel":{"__symbolic":"class"},"LicenseAnalysisModel":{"__symbolic":"class"},"GithubModel":{"__symbolic":"class"},"SentimentModel":{"__symbolic":"class"},"LicenseResponseModel":{"__symbolic":"class"},"CategoryDataModel":{"__symbolic":"class"},"CategoryResponseResultModel":{"__symbolic":"class"},"LicenseModel":{"__symbolic":"class"},"LicensePackageModel":{"__symbolic":"class"},"LicenseFilterModel":{"__symbolic":"class"},"LicenseStackAnalysisModel":{"__symbolic":"class"},"StackLicenseAnalysisModel":{"__symbolic":"class"},"UserStackInfoModel":{"__symbolic":"class"},"DependencySnapshotItem":{"__symbolic":"class"},"CveResponseModel":{"__symbolic":"class"},"CveResponseResultModel":{"__symbolic":"class"},"CveDataModel":{"__symbolic":"class"},"CveDataDetailModel":{"__symbolic":"class"},"DependencySearchItem":{"__symbolic":"class"},"CategorySearchItem":{"__symbolic":"class"},"OutlierInformationModel":{"__symbolic":"class"},"ConflictPackageModel":{"__symbolic":"class"},"ReallyUnknownLicenseModel":{"__symbolic":"class"},"ComponentConflictLicenseModel":{"__symbolic":"class"},"ComponentConflictUnknownModel":{"__symbolic":"class"},"UnknownLicensesModel":{"__symbolic":"class"},"SynonymLicenseModel":{"__symbolic":"class"},"EventDataModel":{"__symbolic":"class"},"MissionInfo":{"__symbolic":"class"},"BoosterInfo":{"__symbolic":"class"},"AlertBox":{"__symbolic":"class"}}}]

src/app/security/security.component.d.ts

 import { OnInit, OnChanges } from '@angular/core';
-import { CveResponseModel, BoosterInfo } from '../model/data.model';
+import { AlertBox, BoosterInfo, CveResponseModel } from '../model/data.model';
 export declare class SecurityComponent implements OnInit, OnChanges {
@@ -14,6 +14,9 @@ cveData: CveResponseModel;
     cveName: any;
+    alertConfig: AlertBox;
+    private config;
     constructor();
     ngOnChanges(): void;
     ngOnInit(): void;
+    formAlert(): void;
     getShow(event: any): void;
 }

src/app/security/security.component.js

@@ -6,3 +6,3 @@ import { Component, Input } from '@angular/core';
         this.icon = 'fa fa-shield';
-        this.noOfCves = 0;
+        this.noOfCves = null;
         this.hasIssue = false;
@@ -13,4 +13,12 @@ this.toHave = false;
         this.cveName = [];
+        this.alertConfig = null;
+        this.config = {};
     }
     SecurityComponent.prototype.ngOnChanges = function () {
+        this.formAlert();
+    };
+    SecurityComponent.prototype.ngOnInit = function () {
+        this.formAlert();
+    };
+    SecurityComponent.prototype.formAlert = function () {
         var _this = this;
@@ -31,6 +39,7 @@ this.hasIssue = false;
                     if (item.cve !== null) {
-                        _this.cveName.push([
-                            item.cve.details,
-                            item.package
-                        ]);
+                        _this.cveName.push({
+                            isAccordion: false,
+                            primaryText: item.cve.details && item.cve.details.length > 0 ? item.cve.details[0].cve_id : '',
+                            secondaryText: item.package
+                        });
                     }
@@ -46,5 +55,17 @@ }
         }
+        // Forms configuration to make use of alert-box component
+        this.config = {
+            header: {
+                icon: this.icon,
+                name: this.title,
+                countInfo: this.noOfCves,
+                indicator: this.itSecurity === false ? 'ERROR' : ''
+            },
+            body: {
+                normal: this.cveName,
+                defaultText: this.noOfCves === 0 ? 'The analytics engine has not identified any security issues affecting your stack.' : ''
+            }
+        };
+        this.alertConfig = this.config;
     };
-    SecurityComponent.prototype.ngOnInit = function () {
-    };
     SecurityComponent.prototype.getShow = function (event) {
@@ -51,0 +72,0 @@ this.toHave = event.toShow;

src/app/security/security.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"SecurityComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-security","styleUrls":["./security.component.css"],"templateUrl":"./security.component.html"}]}],"members":{"cveData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"boosterInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"getShow":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SecurityComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-security","styleUrls":["./security.component.css"],"templateUrl":"./security.component.html"}]}],"members":{"cveData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"boosterInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"getShow":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"SecurityComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-security","styleUrls":["./security.component.css"],"templateUrl":"./security.component.html"}]}],"members":{"cveData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"boosterInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"formAlert":[{"__symbolic":"method"}],"getShow":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SecurityComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-security","styleUrls":["./security.component.css"],"templateUrl":"./security.component.html"}]}],"members":{"cveData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"boosterInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"formAlert":[{"__symbolic":"method"}],"getShow":[{"__symbolic":"method"}]}}}}]

src/app/shared/dependency-editor.service.js

@@ -24,4 +24,4 @@ import { Injectable, EventEmitter, Output } from '@angular/core';
         console.log('Check from environments', this.LICENSE_API_BASE, this.RECOMMENDER_API_BASE);
-        this.LICENSE_API_BASE = this.LICENSE_API_BASE || 'https://license-analysis.api.prod-preview.openshift.io/';
-        this.RECOMMENDER_API_BASE = this.RECOMMENDER_API_BASE || 'https://recommender.api.prod-preview.openshift.io/';
+        this.LICENSE_API_BASE = 'https://license-analysis.api.prod-preview.openshift.io/';
+        this.RECOMMENDER_API_BASE = 'https://recommender.api.prod-preview.openshift.io/';
         this.URLS_HASH = {
@@ -28,0 +28,0 @@ 'CVE': this.RECOMMENDER_API_BASE + 'api/v1/depeditor-cve-analyses/',

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Dependency count

11

decreased by-21.43%

Number of package files

139

increased by6.11%

Lines of code

3064

increased by1.09%

Worsened metrics

Total package byte prevSize

347726

decreased by-0.16%

Dependency changes

• + Added@angular/common@4.4.7(transitive)

• + Added@angular/compiler@4.4.7(transitive)

• + Added@angular/core@4.4.7(transitive)

• + Added@angular/forms@4.4.7(transitive)

• + Added@angular/http@4.4.7(transitive)

• + Added@angular/platform-browser@4.4.7(transitive)

• + Added@angular/platform-browser-dynamic@4.4.7(transitive)

• + Added@angular/router@4.4.7(transitive)

• + Addedc3@0.4.24(transitive)

• + Addedrxjs@5.5.12(transitive)

• + Addedsymbol-observable@1.0.1(transitive)

• + Addedzone.js@0.8.29(transitive)

• - Removed@angular/common@4.4.6(transitive)

• - Removed@angular/compiler@4.4.6(transitive)

• - Removed@angular/compiler-cli@4.4.6(transitive)

• - Removed@angular/core@4.4.6(transitive)

• - Removed@angular/forms@4.4.6(transitive)

• - Removed@angular/http@4.4.6(transitive)

• - Removed@angular/platform-browser@4.4.6(transitive)

• - Removed@angular/platform-browser-dynamic@4.4.6(transitive)

• - Removed@angular/router@4.4.6(transitive)

• - Removed@angular/tsc-wrapped@4.4.6(transitive)

• - Removedc3@0.4.18(transitive)

• - Removedminimist@1.2.8(transitive)

• - Removedmkdirp@0.5.6(transitive)

• - Removedreflect-metadata@0.1.14(transitive)

• - Removedrxjs@5.5.2(transitive)

• - Removedsource-map@0.5.7(transitive)

• - Removedsource-map-support@0.4.18(transitive)

• - Removedsymbol-observable@1.2.0(transitive)

• - Removedtsickle@0.21.6(transitive)

• - Removedtypescript@2.9.2(transitive)

• - Removedzone.js@0.8.5(transitive)

• Updatedc3@^0.4.18

• Updatedngx-bootstrap@^1.9.3

• Updatedngx-modal@^0.0.29