summaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/view-models/modals
diff options
context:
space:
mode:
Diffstat (limited to 'catalog-ui/src/app/view-models/modals')
-rw-r--r--catalog-ui/src/app/view-models/modals/conformance-level-modal/conformance-level-modal-view-model.ts29
-rw-r--r--catalog-ui/src/app/view-models/modals/conformance-level-modal/conformance-level-modal-view.html22
-rw-r--r--catalog-ui/src/app/view-models/modals/conformance-level-modal/conformance-level-modal.less3
-rw-r--r--catalog-ui/src/app/view-models/modals/onboarding-modal/onboarding-modal-view.html12
4 files changed, 60 insertions, 6 deletions
diff --git a/catalog-ui/src/app/view-models/modals/conformance-level-modal/conformance-level-modal-view-model.ts b/catalog-ui/src/app/view-models/modals/conformance-level-modal/conformance-level-modal-view-model.ts
new file mode 100644
index 0000000000..61a83c88f7
--- /dev/null
+++ b/catalog-ui/src/app/view-models/modals/conformance-level-modal/conformance-level-modal-view-model.ts
@@ -0,0 +1,29 @@
+'use strict';
+
+export interface IConformanceLevelModalModelScope {
+ footerButtons:Array<any>;
+ modalInstance:ng.ui.bootstrap.IModalServiceInstance;
+}
+
+export class ConformanceLevelModalViewModel {
+
+ static '$inject' = ['$scope', '$uibModalInstance'];
+
+ constructor(private $scope:IConformanceLevelModalModelScope,
+ private $uibModalInstance:ng.ui.bootstrap.IModalServiceInstance) {
+
+ this.initScope();
+ }
+
+ private initScope = ():void => {
+
+ this.$scope.modalInstance = this.$uibModalInstance;
+
+ this.$scope.footerButtons = [
+ {'name': 'Continue', 'css': 'grey', 'callback': this.$uibModalInstance.close},
+ {'name': 'Reject', 'css': 'blue', 'callback': this.$uibModalInstance.dismiss}
+ ];
+
+ };
+
+}
diff --git a/catalog-ui/src/app/view-models/modals/conformance-level-modal/conformance-level-modal-view.html b/catalog-ui/src/app/view-models/modals/conformance-level-modal/conformance-level-modal-view.html
new file mode 100644
index 0000000000..3577e4d77b
--- /dev/null
+++ b/catalog-ui/src/app/view-models/modals/conformance-level-modal/conformance-level-modal-view.html
@@ -0,0 +1,22 @@
+<sdc-modal modal="modalInstance"
+ type="classic"
+ class="w-sdc-modal modal-type-alert conformance-level-modal"
+ header="Warning"
+ buttons="footerButtons"
+ show-close-button="false">
+
+ <perfect-scrollbar include-padding="true">
+ <div class="w-sdc-modal-body-content" data-tests-id="message">
+ <p>
+ You are about to distribute a service with models and artifacts created with an <b>older version of the platform</b>.
+ For such service, new properties, metadata and requirements needed by ECOMP components will not be available.
+ </p><p>
+ It is highly recommended that you upgrade the service models and artifacts.
+ </p><p>
+ Click "Continue" if you need to distribute the current service version.<br />
+ Click "Reject" if you need to stop the distribution and manually upgrade the service.
+ </p>
+ </div>
+ </perfect-scrollbar>
+
+</sdc-modal>
diff --git a/catalog-ui/src/app/view-models/modals/conformance-level-modal/conformance-level-modal.less b/catalog-ui/src/app/view-models/modals/conformance-level-modal/conformance-level-modal.less
new file mode 100644
index 0000000000..7f195ade83
--- /dev/null
+++ b/catalog-ui/src/app/view-models/modals/conformance-level-modal/conformance-level-modal.less
@@ -0,0 +1,3 @@
+.conformance-level-modal{
+
+}
diff --git a/catalog-ui/src/app/view-models/modals/onboarding-modal/onboarding-modal-view.html b/catalog-ui/src/app/view-models/modals/onboarding-modal/onboarding-modal-view.html
index 3657fad017..b078a4b1ef 100644
--- a/catalog-ui/src/app/view-models/modals/onboarding-modal/onboarding-modal-view.html
+++ b/catalog-ui/src/app/view-models/modals/onboarding-modal/onboarding-modal-view.html
@@ -9,9 +9,9 @@
<input type="text"
class="search-text"
placeholder="Search"
- data-ng-model="searchBind"
+ data-ng-model="search.filterTerm"
data-tests-id="onboarding-search"
- ng-model-options="{ debounce: 500 }" />
+ ng-model-options="{ debounce: 300 }" />
<span class="w-sdc-search-icon magnification"></span>
</div>
</div>
@@ -38,16 +38,16 @@
<div infinite-scroll-disabled='allItemsDisplayed' infinite-scroll="increaseNumItemsToDisplay()" infinite-scroll-container="'#onboarding-modal-scrollbar-container'">
<!-- Loop on components list -->
- <div data-ng-repeat-start="component in componentsList | filter: searchBind | orderBy:sortBy:reverse | limitTo:numberOfItemsToDisplay track by $index"
+ <div data-ng-repeat-start="component in componentsList | filter: search | orderBy:sortBy:reverse | limitTo:numberOfItemsToDisplay track by $index"
class="flex-container data-row"
- data-ng-class="{'selected': component === selectedComponent}"
+ data-ng-class="{'selected': component.packageId === selectedComponent.packageId}"
data-ng-click="doSelectComponent(component);"
data-tests-id="csar-row"
>
<!-- Name -->
<div class="table-col-general flex-item" sdc-smart-tooltip>
- <span class="sprite table-arrow" data-ng-class="{'opened': component === selectedComponent}" data-tests-id="{{component.name}}"></span>
+ <span class="sprite table-arrow" data-ng-class="{'opened': component.packageId === selectedComponent.packageId}" data-tests-id="{{component.name}}"></span>
{{component.name}}
</div>
@@ -71,7 +71,7 @@
</div>
- <div data-ng-repeat-end="" data-ng-if="component===selectedComponent" class="item-opened">
+ <div data-ng-repeat-end="" data-ng-if="component.packageId === selectedComponent.packageId" class="item-opened">
<div class="item-opened-description">
<div class="item-opened-description-title">VSP Description:</div>