diff options
Diffstat (limited to 'vnfmarket/src/main')
25 files changed, 1049 insertions, 1717 deletions
diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/home-test.js b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/home-test.js index a182a9b3..40c09c23 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/home-test.js +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/home-test.js @@ -13,7 +13,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -(function() { +(function () { 'use strict'; /** @@ -24,19 +24,19 @@ * Test of the app */ - describe('Home - Marketplace', function() { + describe('Home - Marketplace', function () { var controller = null, $scope = null, $location, service, httpBackend, config, state; - beforeEach(function() { + beforeEach(function () { module('vnfmarket'); }); beforeEach(module('ui.router')); beforeEach(module('md.data.table')); beforeEach(module('pascalprecht.translate')); - beforeEach(inject(function($controller, $rootScope, _$location_, homeService, $httpBackend, vnfConfig, $state) { + beforeEach(inject(function ($controller, $rootScope, _$location_, homeService, $httpBackend, vnfConfig, $state) { $scope = $rootScope.$new(); $location = _$location_; service = homeService; @@ -48,11 +48,11 @@ }); })); - it('Should HomeCtrl must be defined', function() { + it('Should HomeCtrl must be defined', function () { expect(controller).toBeDefined(); }); - it('Service List response should be of type array', function() { + it('Service List response should be of type array', function () { var data = [{ "csarId": "26b4d6c4-a157-43c0-8ebc-9d6af1d6c40c", "name": "clearwater_vnf", @@ -75,28 +75,28 @@ var returnData = {}; httpBackend.expectGET(config.common.baseUrl + config.api.home.getFeaturesList.url).respond(returnData); - service.getFeaturesList().then(function(response) { + service.getFeaturesList().then(function (response) { expect(response.data).toBeDefined(); expect(Array.isArray(response.data)).toBeTruthy(); }); httpBackend.flush(); }); - it('Service List response is not of array type', function() { + it('Service List response is not of array type', function () { var data = {}; httpBackend.whenGET(config.common.baseUrl + config.api.home.getFeaturesList.url).respond(200, data); var returnData = {}; httpBackend.expectGET(config.common.baseUrl + config.api.home.getFeaturesList.url).respond(returnData); - service.getFeaturesList().then(function(response) { + service.getFeaturesList().then(function (response) { expect(response.data).toBeDefined(); expect(Array.isArray(response.data)).toBeFalsy(); }); httpBackend.flush(); }); - it('Service List response should contain service details', function() { + it('Service List response should contain service details', function () { var returnData = {}; var data = [{ "csarId": "26b4d6c4-a157-43c0-8ebc-9d6af1d6c40c", @@ -118,7 +118,7 @@ httpBackend.whenGET(config.common.baseUrl + config.api.home.getFeaturesList.url).respond(200, data); httpBackend.expectGET(config.common.baseUrl + config.api.home.getFeaturesList.url).respond(returnData); - service.getFeaturesList().then(function(response) { + service.getFeaturesList().then(function (response) { expect(response.data).toBeDefined(); var serviceDetails = response.data[0]; expect(serviceDetails.csarId).toBeDefined(); @@ -140,24 +140,24 @@ httpBackend.flush(); }); - it('Should match the path Module name', function() { + it('Should match the path Module name', function () { $location.path('/marketplace'); expect($location.path()).toBe('/marketplace'); }); - it('Path to the state home has to be defined', function() { + it('Path to the state home has to be defined', function () { expect(state.href("home")).toBe('#!'); }); - it('Path to the state home.marketplace has to be defined', function() { + it('Path to the state home.marketplace has to be defined', function () { expect(state.href("home.marketplace")).toBe('#!/marketplace'); }); - it('Path to the state home.serviceDetails has to be defined', function() { + it('Path to the state home.serviceDetails has to be defined', function () { expect(state.href("home.serviceDetails")).toBe('#!/serviceDetails'); }); - it('When a state is invalid', function() { + it('When a state is invalid', function () { expect(state.href("blah")).toBeNull('/marketplace'); }); }); diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/home.html b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/home.html index da8fdc3e..692e7276 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/home.html +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/home.html @@ -13,17 +13,18 @@ See the License for the specific language governing permissions and limitations under the License. --> -<md-sidenav layout="column" class="md-sidenav-left md-whiteframe-z1" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')" id="sideNav"> +<md-sidenav layout="column" class="md-sidenav-left md-whiteframe-z1" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')" + id="sideNav"> <div ng-controller="SidenavCtrl as vm" ng-cloak> <md-toolbar class="md-tall md-hue-1"> <div class="image"> - <img src="/onapui/vnfmarket/common/images/logo.png" align="middle" > + <img src="/onapui/vnfmarket/common/images/logo.png" align="middle"> </div> <div layout="column" class="md-toolbar-tools-bottom inset"> </div> </md-toolbar> <md-list> - <md-list-item ui-sref="home.marketplace" ui-sref-opts="{reload: true}"> + <md-list-item ui-sref="home.marketplace" ui-sref-opts="{reload: true}"> <div class="inset"> <!--<ng-md-icon icon="apps"></ng-md-icon>--> <i> @@ -43,7 +44,8 @@ </div> </md-sidenav> -<div layout="column" class="relative md-whiteframe-23dp verticalBar" layout-fill role="main" ng-controller="LayoutCtrl as layout" ng-cloak> +<div layout="column" class="relative md-whiteframe-23dp verticalBar" layout-fill role="main" ng-controller="LayoutCtrl as layout" + ng-cloak> <md-toolbar class="md-hue-2 md-whiteframe-z2"> <div class="md-toolbar-tools"> <md-button ng-click="layout.toggleSidenav('left')" hide-gt-md aria-label="Menu"> @@ -52,7 +54,7 @@ <h3 class="headTitle">{{ 'module.marketplace.main.headerTitle' | translate}}</h3> </div> </md-toolbar> - <div class="PageIndicator" ></div> + <div class="PageIndicator"></div> <md-content layout="column" class="contentBackground" flex md-scroll-y> <div ui-view></div> </md-content> diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/homeCtrl.js b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/homeCtrl.js index 8555bad5..0b5e681b 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/homeCtrl.js +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/homeCtrl.js @@ -13,7 +13,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -(function() { +(function () { 'use strict'; /** @@ -57,7 +57,7 @@ vm.pagination = [5, 10, 15, { label: 'All', - value: function() { + value: function () { return vm.services.length ? vm.services.length : 0; } }]; @@ -80,9 +80,9 @@ pageSelect: true }; - vm.getFeatureList = function() { + vm.getFeatureList = function () { vm.SpinClass = "fa-spin" - homeService.getFeaturesList().then(function(response) { + homeService.getFeaturesList().then(function (response) { for (var i = 0; i < response.data.length; i++) { response.data[i].createTime = new Date(response.data[i].createTime); response.data[i].modifyTime = new Date(response.data[i].modifyTime); @@ -92,35 +92,35 @@ }); } - vm.downloadService = function(csarId) { - homeService.updateDownloadCount(csarId).then(function(response){ - homeService.downloadServiceFile(csarId); + vm.downloadService = function (csarId) { + homeService.updateDownloadCount(csarId).then(function (response) { + homeService.downloadServiceFile(csarId); vm.getFeatureList(); - }); - + }); + } - vm.changeView = function(viewType) { + vm.changeView = function (viewType) { vm.hasGridView = !vm.hasGridView; localStorage.setItem('viewType', viewType); } - vm.showDetails = function(serviceDetails) { + vm.showDetails = function (serviceDetails) { $state.go('home.serviceDetails', { serviceDetails: serviceDetails }); } - vm.serviceUpload = function(isUpload, csarId) { - homeService.openUploadDialog(vm.getFeatureList, isUpload, csarId); + vm.serviceUpload = function (isUpload, csarId) { + homeService.openUploadDialog(vm.getFeatureList, isUpload, csarId); }; - - vm.onDeleteCompletion = function() { + + vm.onDeleteCompletion = function () { vm.getFeatureList(); } - vm.serviceDelete = function(serviceDetails) { + vm.serviceDelete = function (serviceDetails) { homeService.openDeleteDialog(serviceDetails, vm.onDeleteCompletion); }; diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/homeModule.js b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/homeModule.js index acf0516c..ec89764b 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/homeModule.js +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/homeModule.js @@ -13,7 +13,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -(function() { +(function () { 'use strict'; /** diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/homeRoute.js b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/homeRoute.js index bcd7906b..d6c9ace0 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/homeRoute.js +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/homeRoute.js @@ -24,7 +24,7 @@ */ angular.module('vnfmarket') - .config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider, vnfConfig) { + .config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider, vnfConfig) { var homePath = '/onapui/vnfmarket/app/modules/home'; $stateProvider diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/homeService.js b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/homeService.js index 750c1711..ccf34789 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/homeService.js +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/homeService.js @@ -13,7 +13,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -(function() { +(function () { 'use strict'; /** @@ -34,8 +34,8 @@ getFeaturesList: getFeaturesList, downloadServiceFile: downloadServiceFile, openDeleteDialog: openDeleteDialog, - updateDownloadCount:updateDownloadCount, - openUploadDialog:openUploadDialog + updateDownloadCount: updateDownloadCount, + openUploadDialog: openUploadDialog }; function getFeaturesList() { @@ -44,23 +44,23 @@ var defer = $q.defer() httpService.apiRequest(url, method) - .then(function(response) { + .then(function (response) { defer.resolve(response); - }, function(error) { + }, function (error) { defer.reject(error); }); return defer.promise; } - - function updateDownloadCount(csarId) { + + function updateDownloadCount(csarId) { var url = vnfConfig.api.home.updateDownloadCount.url; - var method = vnfConfig.api.home.updateDownloadCount.method; - url = url.replace(":csarId", csarId) + var method = vnfConfig.api.home.updateDownloadCount.method; + url = url.replace(":csarId", csarId) var defer = $q.defer() httpService.apiRequest(url, method) - .then(function(response) { + .then(function (response) { defer.resolve(response); - }, function(error) { + }, function (error) { defer.reject(error); }); return defer.promise; @@ -74,34 +74,34 @@ function openDeleteDialog(serviceDetails, callbackFunction) { $mdDialog.show({ - controller: 'serviceDeleteCtrl', - templateUrl: vnfConfig.modulePath.home + '/serviceDelete/serviceDelete.html', - serviceDetails: serviceDetails, - controllerAs: 'vm' - }) - .then(function(answer) { + controller: 'serviceDeleteCtrl', + templateUrl: vnfConfig.modulePath.home + '/serviceDelete/serviceDelete.html', + serviceDetails: serviceDetails, + controllerAs: 'vm' + }) + .then(function (answer) { //vm.status = 'You said the information was "' + answer + '".'; callbackFunction(); - }, function() { + }, function () { //vm.status = 'You cancelled the dialog.'; }); } - - function openUploadDialog(callbackFunction,isUpload ,csarId) { + + function openUploadDialog(callbackFunction, isUpload, csarId) { $mdDialog.show({ - controller: 'serviceUploadCtrl', - templateUrl: vnfConfig.modulePath.home + '/serviceUpload/serviceUpload.html', - controllerAs: 'vm', - isUpload: isUpload, - csarId: csarId ? csarId : null - }) - .then(function(answer) { - if(callbackFunction) - callbackFunction(); - // vm.status = 'You said the information was "' + answer + '".'; - }, function() { - // vm.status = 'You cancelled the dialog.'; - }); + controller: 'serviceUploadCtrl', + templateUrl: vnfConfig.modulePath.home + '/serviceUpload/serviceUpload.html', + controllerAs: 'vm', + isUpload: isUpload, + csarId: csarId ? csarId : null + }) + .then(function (answer) { + if (callbackFunction) + callbackFunction(); + // vm.status = 'You said the information was "' + answer + '".'; + }, function () { + // vm.status = 'You cancelled the dialog.'; + }); } } diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/marketplace.html b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/marketplace.html index c9c4a313..64a3f392 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/marketplace.html +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/marketplace.html @@ -16,14 +16,14 @@ <div class="md-padding nomargin nopadding" flex layout-sm="column"> <md-card class="nomargin"> <md-card-content class="nopadding"> - <img src="/onapui/vnfmarket/common/images/productioncardtype.png" style="width:100%;"> + <img src="/onapui/vnfmarket/common/images/productioncardtype.png" style="width:100%;"> </md-card-content> </md-card> <!-- Start About Page --> <md-card class="sortbar"> <md-toolbar id="homeToolbar" class="md-hue-3"> <div class="md-toolbar-tools"> - <label ng-if="vm.services.length > 0" class="md-title fontSize marginAuto selectLblAlignment">{{'module.marketplace.main.sortBy.label' | translate}}</label> + <label ng-if="vm.services.length > 0" class="md-title fontSize marginAuto selectLblAlignment">{{'module.marketplace.main.sortBy.label' | translate}}</label> <select ng-model="sortBy" class="md-no-underline noMargin iconMargin md-title fontSize" id="sortByLabel" ng-if="vm.services.length > 0"> <option class="md-title fontSize " value="" disabled selected>{{'module.marketplace.main.sortBy.title' | translate}}</option> <option class="md-title fontSize " value="{{'module.marketplace.main.sortBy.options.name.value' | translate}}">{{'module.marketplace.main.sortBy.options.name.key' | translate}}</option> @@ -32,18 +32,22 @@ </select> <form flex name="vm.filter.name" class="iconMargin"> <md-input-container md-no-float class="md-block" id="searchFieldContainer" ng-if="!vm.showSearch"> - <input class="md-title fontSize" ng-model="vm.filter.search" type="text" id="searchField" placeholder="{{'module.marketplace.main.search.placeholder' | translate}}" autofocus> + <input class="md-title fontSize" ng-model="vm.filter.search" type="text" id="searchField" placeholder="{{'module.marketplace.main.search.placeholder' | translate}}" + autofocus> </md-input-container> </form> - <md-icon class="md-icon iconAlignment defaultColor" aria-label="{{'common.actions.close' | translate}}" ng-click="vm.showSearch = !vm.showSearch; vm.filter.search = '';" ng-if="!vm.showSearch" id="cancelSearch"> + <md-icon class="md-icon iconAlignment defaultColor" aria-label="{{'common.actions.close' | translate}}" ng-click="vm.showSearch = !vm.showSearch; vm.filter.search = '';" + ng-if="!vm.showSearch" id="cancelSearch"> <md-tooltip md-direction="top">{{'common.actions.close' | translate}}</md-tooltip> <i class="fa fa-close" aria-hidden="true"></i> </md-icon> - <md-icon class="md-icon iconAlignment defaultColor" aria-label="{{'module.marketplace.main.search.label' | translate}}" ng-if="!vm.showSearch" id="searchIcon"> + <md-icon class="md-icon iconAlignment defaultColor" aria-label="{{'module.marketplace.main.search.label' | translate}}" ng-if="!vm.showSearch" + id="searchIcon"> <i class="fa fa-search searchIconColor" aria-hidden="true"></i> </md-icon> - <md-icon class="md-icon iconMargin iconAlignment defaultColor" aria-label="{{'common.actions.search' | translate}}" ng-if="vm.showSearch && vm.services.length > 0" ng-click="vm.showSearch = !vm.showSearch;"> + <md-icon class="md-icon iconMargin iconAlignment defaultColor" aria-label="{{'common.actions.search' | translate}}" ng-if="vm.showSearch && vm.services.length > 0" + ng-click="vm.showSearch = !vm.showSearch;"> <md-tooltip md-direction="top">{{'common.actions.search' | translate}}</md-tooltip> <i class="fa fa-search" aria-hidden="true"></i> </md-icon> @@ -52,21 +56,24 @@ <span ng-if="vm.services.length > 0" class="iconMargin btn-toolbar"> <div class="btn-group-xs" role="group" aria-label="Basic example"> - <button class="btn btnDefault gridViewType" aria-label="{{'module.marketplace.main.listView.label' | translate}}" ng-click="vm.changeView('list')" ng-disabled="!vm.hasGridView"> - <md-icon class="md-icon "> - <md-tooltip md-direction="top">{{'module.marketplace.main.listView.label' | translate}}</md-tooltip> - <i class="fa fa-list viewIconPosition" aria-hidden="true"></i> - </md-icon> - </button> - <button class="btn btnDefault gridViewType " aria-label="{{'module.marketplace.main.gridView.label' | translate}}" ng-click="vm.changeView('grid')" ng-disabled="vm.hasGridView"> - <md-icon class="md-icon"> - <md-tooltip md-direction="top">{{'module.marketplace.main.gridView.label' | translate}}</md-tooltip> - <i class="fa fa-th viewIconPosition" aria-hidden="true"></i> - </md-icon> - </button> + <button class="btn btnDefault gridViewType" aria-label="{{'module.marketplace.main.listView.label' | translate}}" ng-click="vm.changeView('list')" + ng-disabled="!vm.hasGridView"> + <md-icon class="md-icon "> + <md-tooltip md-direction="top">{{'module.marketplace.main.listView.label' | translate}}</md-tooltip> + <i class="fa fa-list viewIconPosition" aria-hidden="true"></i> + </md-icon> + </button> + <button class="btn btnDefault gridViewType " aria-label="{{'module.marketplace.main.gridView.label' | translate}}" ng-click="vm.changeView('grid')" + ng-disabled="vm.hasGridView"> + <md-icon class="md-icon"> + <md-tooltip md-direction="top">{{'module.marketplace.main.gridView.label' | translate}}</md-tooltip> + <i class="fa fa-th viewIconPosition" aria-hidden="true"></i> + </md-icon> + </button> </div> </span> - <md-icon class="md-icon iconAlignment defaultColor" aria-label="{{'module.marketplace.main.refresh.label' | translate}}" ng-click="vm.getFeatureList()"> + <md-icon class="md-icon iconAlignment defaultColor" aria-label="{{'module.marketplace.main.refresh.label' | translate}}" + ng-click="vm.getFeatureList()"> <md-tooltip md-direction="top">{{'module.marketplace.main.refresh.label' | translate}}</md-tooltip> <i class="fa fa-refresh" ng-class="vm.SpinClass" aria-hidden="true"></i> </md-icon> @@ -75,13 +82,17 @@ </md-toolbar> </md-card> <div class="md-padding" layout-xs="column" layout="row" layout-wrap ng-if="vm.hasGridView && vm.services.length > 0" id="gridView"> - <md-card class="gridViewMargin md-padding tiles flex-md-100 flex-gt-md-30 flex-lt-md-100" ng-repeat="service in vm.services | filter: vm.filter.search| orderBy:sortBy" layout-wrap> + <md-card class="gridViewMargin md-padding tiles flex-md-100 flex-gt-md-30 flex-lt-md-100" ng-repeat="service in vm.services | filter: vm.filter.search| orderBy:sortBy" + layout-wrap> <md-card-header class="nopadding"> <md-card-header-text> <md-toolbar class="md-menu-toolbar gridToolbarHeight"> <div class="md-toolbar-tools nopadding gridTitleHeight"> - <span class="md-title fontSize gridServiceTitle"><md-tooltip md-direction="top">{{'common.message.viewDetails' | translate}} </md-tooltip> <a class="pointerClick" ng-click="vm.showDetails(service)">{{service.name}}</a></span> - <span flex></span> + <span class="md-title fontSize gridServiceTitle"> + <md-tooltip md-direction="top">{{'common.message.viewDetails' | translate}} </md-tooltip> + <a class="pointerClick" ng-click="vm.showDetails(service)">{{service.name}}</a> + </span> + <span flex></span> </div> </md-toolbar> </md-card-header-text> @@ -93,14 +104,14 @@ <md-toolbar class="md-menu-toolbar"> <div class="md-toolbar-tools nopadding"> <button class="btn btnDefault iconMargin" ng-click="vm.serviceUpload(false, service.csarId)"> - <md-tooltip md-direction="top">{{'common.actions.update' | translate}}</md-tooltip> + <md-tooltip md-direction="top">{{'common.actions.update' | translate}}</md-tooltip> <i> <img src="/onapui/vnfmarket/common/images/reupload.png" class="btnIconSpacing"> </i> - {{'common.actions.update' | translate}} + {{'common.actions.update' | translate}} </button> <button class="btn btnDefault iconMargin deletebutton" ng-click="vm.serviceDelete(service)"> - <md-tooltip md-direction="top">{{'common.actions.delete' | translate}}</md-tooltip> + <md-tooltip md-direction="top">{{'common.actions.delete' | translate}}</md-tooltip> <i> <img src="/onapui/vnfmarket/common/images/delete.png" class="btnIconSpacing"> </i> @@ -108,11 +119,11 @@ </button> <span flex></span> <button class="btn btnPrimary downloadIcon" ng-click="vm.downloadService(service.csarId)" ng-disabled="service.downloadCount == -1"> - <md-tooltip md-direction="top">{{'common.actions.download' | translate}} </md-tooltip> + <md-tooltip md-direction="top">{{'common.actions.download' | translate}} </md-tooltip> <i> <img src="/onapui/vnfmarket/common/images/download.png" class="btnIconSpacing"> </i> - {{'common.actions.download' | translate}} + {{'common.actions.download' | translate}} </button> </div> </md-toolbar> @@ -120,9 +131,11 @@ <span class="gridUnderline"></span> <md-toolbar class="md-menu-toolbar gridBottomeHeight"> <div class="md-toolbar-tools nopadding gridBottomeHeight"> - <span class="md-subhead gridBottomFonts"> {{'module.marketplace.main.gridView.serviceType.label' | translate}} : {{service.type }}</span> - <span flex></span> - <span class="md-subhead gridBottomFonts"> {{'module.marketplace.main.gridView.downloads.label' | translate}} : <span class="md-title fontSize ">{{service.downloadCount != -1 ?service.downloadCount : 0 }}</span></span> + <span class="md-subhead gridBottomFonts"> {{'module.marketplace.main.gridView.serviceType.label' | translate}} : {{service.type }}</span> + <span flex></span> + <span class="md-subhead gridBottomFonts"> {{'module.marketplace.main.gridView.downloads.label' | translate}} : + <span class="md-title fontSize ">{{service.downloadCount != -1 ?service.downloadCount : 0 }}</span> + </span> </div> </md-toolbar> </md-card> @@ -133,92 +146,110 @@ <thead md-head md-order="sortBy"> <tr md-row> <th md-column class="text-center fontSize"> - <md-tooltip md-direction="top">{{'module.marketplace.main.listView.headers.name' | translate}}</md-tooltip>{{'module.marketplace.main.listView.headers.name' | translate}} + <md-tooltip md-direction="top">{{'module.marketplace.main.listView.headers.name' | translate}}</md-tooltip>{{'module.marketplace.main.listView.headers.name' + | translate}} </th> <th md-column class="text-center fontSize"> - <md-tooltip md-direction="top">{{'module.marketplace.main.listView.headers.provider' | translate}}</md-tooltip>{{'module.marketplace.main.listView.headers.provider' | translate}}</th> + <md-tooltip md-direction="top">{{'module.marketplace.main.listView.headers.provider' | translate}}</md-tooltip>{{'module.marketplace.main.listView.headers.provider' + | translate}}</th> <th md-column class="text-center fontSize"> - <md-tooltip md-direction="top">{{'module.marketplace.main.listView.headers.description' | translate}}</md-tooltip>{{'module.marketplace.main.listView.headers.description' | translate}}</th> + <md-tooltip md-direction="top">{{'module.marketplace.main.listView.headers.description' | translate}}</md-tooltip>{{'module.marketplace.main.listView.headers.description' + | translate}}</th> <th md-column class="text-center fontSize"> - <md-tooltip md-direction="top">{{'module.marketplace.main.listView.headers.type' | translate}}</md-tooltip>{{'module.marketplace.main.listView.headers.type' | translate}}</th> + <md-tooltip md-direction="top">{{'module.marketplace.main.listView.headers.type' | translate}}</md-tooltip>{{'module.marketplace.main.listView.headers.type' + | translate}}</th> <th md-column class="text-center fontSize"> - <md-tooltip md-direction="top">{{'module.marketplace.main.listView.headers.size' | translate}}</md-tooltip>{{'module.marketplace.main.listView.headers.size' | translate}}</th> + <md-tooltip md-direction="top">{{'module.marketplace.main.listView.headers.size' | translate}}</md-tooltip>{{'module.marketplace.main.listView.headers.size' + | translate}}</th> <th md-column class="text-center fontSize"> - <md-tooltip md-direction="top">{{'module.marketplace.main.listView.headers.createdAt' | translate}}</md-tooltip>{{'module.marketplace.main.listView.headers.createdAt' | translate}}</th> + <md-tooltip md-direction="top">{{'module.marketplace.main.listView.headers.createdAt' | translate}}</md-tooltip>{{'module.marketplace.main.listView.headers.createdAt' + | translate}}</th> <th md-column class="text-center fontSize"> - <md-tooltip md-direction="top">{{'module.marketplace.main.listView.headers.lastModified' | translate}}</md-tooltip>{{'module.marketplace.main.listView.headers.lastModified' | translate}}</th> + <md-tooltip md-direction="top">{{'module.marketplace.main.listView.headers.lastModified' | translate}}</md-tooltip>{{'module.marketplace.main.listView.headers.lastModified' + | translate}}</th> <th md-column md-numeric class="text-center fontSize"> - <md-tooltip md-direction="top">{{'module.marketplace.main.listView.headers.donwloads' | translate}}</md-tooltip>{{'module.marketplace.main.listView.headers.donwloads' | translate}}</th> + <md-tooltip md-direction="top">{{'module.marketplace.main.listView.headers.donwloads' | translate}}</md-tooltip>{{'module.marketplace.main.listView.headers.donwloads' + | translate}}</th> <th md-column md-numeric class=" actionWidth text-center fontSize"> - <md-tooltip md-direction="top">{{'module.marketplace.main.listView.headers.actions' | translate}}</md-tooltip>{{'module.marketplace.main.listView.headers.actions' | translate}}</th> + <md-tooltip md-direction="top">{{'module.marketplace.main.listView.headers.actions' | translate}}</md-tooltip>{{'module.marketplace.main.listView.headers.actions' + | translate}}</th> </tr> </thead> <tbody md-body> <tr md-row md-select="dessert" md-select-id="name" md-auto-select ng-repeat="service in vm.services | filter: vm.filter.search | orderBy:sortBy | limitTo: vm.paginationQuery.limit: (vm.paginationQuery.page - 1) * vm.paginationQuery.limit"> <td md-cell class="text-center"> - <md-tooltip md-direction="top">{{service.name}}</md-tooltip> - <a class="pointerClick" ng-click="vm.showDetails(service)">{{service.name}}</a></td> + <md-tooltip md-direction="top">{{service.name}}</md-tooltip> + <a class="pointerClick" ng-click="vm.showDetails(service)">{{service.name}}</a> + </td> <td md-cell class="text-center"> - <md-tooltip md-direction="top">{{service.provider}}</md-tooltip> - {{service.provider}}</td> + <md-tooltip md-direction="top">{{service.provider}}</md-tooltip> + {{service.provider}}</td> <td md-cell class="text-center"> - <md-tooltip md-direction="top">{{service.shortDesc}}</md-tooltip> - {{service.shortDesc | limitTo:50 }}<span ng-if="service.shortDesc.length > 50">...<span></td> + <md-tooltip md-direction="top">{{service.shortDesc}}</md-tooltip> + {{service.shortDesc | limitTo:50 }} + <span ng-if="service.shortDesc.length > 50">... + <span> + </td> <td md-cell class="text-center"> - <md-tooltip md-direction="top">{{service.type}}</md-tooltip> - {{service.type}}</td> + <md-tooltip md-direction="top">{{service.type}}</md-tooltip> + {{service.type}}</td> <td md-cell class="text-center"> - <md-tooltip md-direction="top">{{service.size}}</md-tooltip> - {{service.size}}</td> + <md-tooltip md-direction="top">{{service.size}}</md-tooltip> + {{service.size}}</td> <td md-cell class="text-center"> - <md-tooltip md-direction="top">{{service.createTime | date:'yyyy-MM-dd h:mm a'}}</md-tooltip> - {{service.createTime | date:'yyyy-MM-dd h:mm a'}}</td> + <md-tooltip md-direction="top">{{service.createTime | date:'yyyy-MM-dd h:mm a'}}</md-tooltip> + {{service.createTime | date:'yyyy-MM-dd h:mm a'}}</td> <td md-cell class="text-center"> - <md-tooltip md-direction="top">{{service.modifyTime | date:'yyyy-MM-dd h:mm a'}}</md-tooltip> - {{service.modifyTime | date:'yyyy-MM-dd h:mm a'}}</td> + <md-tooltip md-direction="top">{{service.modifyTime | date:'yyyy-MM-dd h:mm a'}}</md-tooltip> + {{service.modifyTime | date:'yyyy-MM-dd h:mm a'}}</td> <td md-cell class="text-center"> - <md-tooltip md-direction="top" >{{service.downloadCount ?service.downloadCount : 0 }}</md-tooltip> - {{service.downloadCount != -1?service.downloadCount : 0 }}</td> + <md-tooltip md-direction="top">{{service.downloadCount ?service.downloadCount : 0 }}</md-tooltip> + {{service.downloadCount != -1?service.downloadCount : 0 }}</td> <td md-cell> <span class="pull-right"> <md-icon class="md-icon" aria-label="{{'common.actions.update' | translate}}" ng-click="vm.serviceUpload(false, service.csarId)"> - <md-tooltip md-direction="top">{{'common.actions.update' | translate}}</md-tooltip> - <i> - <img src="/onapui/vnfmarket/common/images/reupload.png" class="btnIconSpacing"> - </i> + <md-tooltip md-direction="top">{{'common.actions.update' | translate}}</md-tooltip> + <i> + <img src="/onapui/vnfmarket/common/images/reupload.png" class="btnIconSpacing"> + </i> <!-- <i class="material-icons materialIconAdjustment" aria-hidden="true">{{'common.actions.fileUpload' | translate}}</i> --> </md-icon> - <md-icon class="md-icon" aria-label="{{'common.actions.download' | translate}}" ng-click="vm.downloadService(service.csarId)" ng-if="service.downloadCount != -1"> - <md-tooltip md-direction="top">{{'common.actions.download' | translate}}</md-tooltip> + <md-icon class="md-icon" aria-label="{{'common.actions.download' | translate}}" ng-click="vm.downloadService(service.csarId)" + ng-if="service.downloadCount != -1"> + <md-tooltip md-direction="top">{{'common.actions.download' | translate}}</md-tooltip> <!-- <i class="material-icons materialIconAdjustment" aria-hidden="true">{{'common.actions.getApp' | translate}}</i> --> <i> - <img src="/onapui/vnfmarket/common/images/download.png" class="btnIconSpacing primaryColor"> - </i> + <img src="/onapui/vnfmarket/common/images/download.png" class="btnIconSpacing primaryColor"> + </i> </md-icon> - <md-icon class="md-icon" aria-label="{{'common.actions.delete' | translate}}" ng-click="vm.serviceDelete(service)"> - <md-tooltip md-direction="top">{{'common.actions.delete' | translate}}</md-tooltip> - <i> - <img src="/onapui/vnfmarket/common/images/delete.png" class="btnIconSpacing"> - </i> + <md-icon class="md-icon" aria-label="{{'common.actions.delete' | translate}}" ng-click="vm.serviceDelete(service)"> + <md-tooltip md-direction="top">{{'common.actions.delete' | translate}}</md-tooltip> + <i> + <img src="/onapui/vnfmarket/common/images/delete.png" class="btnIconSpacing"> + </i> <!-- <i class="fa fa-trash-o icon-red fa-sm" aria-hidden="true"></i> --> </md-icon> - <md-icon class="md-icon" aria-label="Delete service" > + <md-icon class="md-icon" aria-label="Delete service"> </span> </td> </tr> </tbody> </table> </md-table-container> - <md-table-pagination class="pagination-class" md-limit="vm.paginationQuery.limit" md-limit-options="vm.pagination" md-page="vm.paginationQuery.page" md-total="{{vm.services.length}}" md-page-select="vm.paginationOptions.pageSelect" md-boundary-links="vm.paginationOptions.boundaryLink" md-label="{ page : 'Page', RowPerPage:'row per page', of:'of'}"></md-table-pagination> + <md-table-pagination class="pagination-class" md-limit="vm.paginationQuery.limit" md-limit-options="vm.pagination" md-page="vm.paginationQuery.page" + md-total="{{vm.services.length}}" md-page-select="vm.paginationOptions.pageSelect" md-boundary-links="vm.paginationOptions.boundaryLink" + md-label="{ page : 'Page', RowPerPage:'row per page', of:'of'}"></md-table-pagination> </md-card> <div ng-if="vm.services.length == 0"> - <div class="content emptyPage"> - <div class="imageContainer"> - <img src="/onapui/vnfmarket/common/images/empty.png" class="btnIconSpacing"> + <div class="content emptyPage"> + <div class="imageContainer"> + <img src="/onapui/vnfmarket/common/images/empty.png" class="btnIconSpacing"> + </div> + <h3>{{'module.marketplace.main.emptyList.label' | translate}} + <a ng-click="vm.serviceUpload(true)">{{'module.marketplace.main.emptyList.anchor' | translate}}</a> {{'module.marketplace.main.emptyList.labelContinued' + | translate}}</h3> </div> - <h3>{{'module.marketplace.main.emptyList.label' | translate}} <a ng-click="vm.serviceUpload(true)">{{'module.marketplace.main.emptyList.anchor' | translate}}</a> {{'module.marketplace.main.emptyList.labelContinued' | translate}}</h3> </div> </div> -</div> </div>
\ No newline at end of file diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/functionalTest/functionalTestCtrl.js b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/functionalTest/functionalTestCtrl.js index a9d12db3..709ceb2c 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/functionalTest/functionalTestCtrl.js +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/functionalTest/functionalTestCtrl.js @@ -13,7 +13,7 @@ * See the License for the specific language governing permissions and
* limitations under the License.
*/
-(function() {
+(function () {
'use strict';
/**
@@ -24,11 +24,9 @@ * Controller of the app
*/
- angular
- .module('vnfmarket')
- .controller('functionalTestOnboardingCtrl', functionalTest);
+ angular.module('vnfmarket').controller('functionalTestOnboardingCtrl', functionalTest);
- functionalTest.$inject = [ 'vnfConfig', 'baseUrlConfig', '$mdDialog', 'functionalTestService', '$stateParams'];
+ functionalTest.$inject = ['vnfConfig', 'baseUrlConfig', '$mdDialog', 'functionalTestService', '$stateParams'];
/*
* recommend
@@ -36,9 +34,9 @@ * and bindable members up top.
*/
- function functionalTest(vnfConfig, baseUrlConfig, $mdDialog, functionalTestService,$stateParams) {
+ function functionalTest(vnfConfig, baseUrlConfig, $mdDialog, functionalTestService, $stateParams) {
var vm = this;
- vm.csarId = $stateParams.csarId;
+ vm.csarId = $stateParams.csarId;
console.log("functionalTest")
vm.filter = {
"search": '',
@@ -51,7 +49,7 @@ vm.pagination = [5, 10, 15, {
label: 'All',
- value: function() {
+ value: function () {
return vm.validations.length ? vm.validations.length : 0;
}
}];
@@ -73,26 +71,26 @@ limitSelect: true,
pageSelect: true
};
- vm.getvalidations = function(){
+ vm.getvalidations = function () {
console.log(vm.functionalTests)
}
-
-
- vm.hide = function(answer) {
+
+
+ vm.hide = function (answer) {
$mdDialog.hide(answer);
};
-
-
- vm.getFunctionTestDetails = function() {
- functionalTestService.getFunctionTestDetails(vm.csarId).then(function(response){
- vm.validations = response.data;
- })
- }
-
- vm.getFunctionTestDetails();
-
- vm.cancel = function() {
+
+
+ vm.getFunctionTestDetails = function () {
+ functionalTestService.getFunctionTestDetails(vm.csarId).then(function (response) {
+ vm.validations = response.data;
+ })
+ }
+
+ vm.getFunctionTestDetails();
+
+ vm.cancel = function () {
$mdDialog.cancel();
};
}
diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/functionalTest/view.html b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/functionalTest/view.html index 7a626ff6..b251f2ab 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/functionalTest/view.html +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/functionalTest/view.html @@ -4,24 +4,24 @@ <h2>{{'common.tabs.functionTest.title' | translate}}</h2>
<span flex></span>
<button class="btnTransparency" ng-click="vm.cancel()">
- <i class="fa fa-close fa-sm" aria-hidden="true"></i>
+ <i class="fa fa-close fa-sm" aria-hidden="true"></i>
</button>
</div>
</md-toolbar>
<br>
<div>
- <!-- <img src="../../../../../common/images/floating-layer-function.png">-->
+ <!-- <img src="../../../../../common/images/floating-layer-function.png">-->
<img src="/onapui/vnfmarket/common/images/floating_layer_function.png" width="100%" height="40%">
</div>
<br>
-<md-card flex="100" class="nomargin md-padding">
+ <md-card flex="100" class="nomargin md-padding">
<md-table-container>
<table md-table>
<thead md-head md-order="vm.filter.name" md-on-reorder="vm.getValidations">
<tr md-row>
- <th md-column class="fontSize" md-order-by="testCase">
+ <th md-column class="fontSize" md-order-by="testCase">
<md-tooltip md-direction="top">{{'common.tabs.functionTest.testTHead' | translate}} </md-tooltip>
{{'common.tabs.functionTest.testTHead' | translate}}
</th>
@@ -29,15 +29,15 @@ <md-tooltip md-direction="top">{{'common.tabs.functionTest.descTHead' | translate}} </md-tooltip>
{{'common.tabs.functionTest.descTHead' | translate}}
</th>
- <th md-column class="fontSize" md-order-by="testResult">
+ <th md-column class="fontSize" md-order-by="testResult">
<md-tooltip md-direction="top">{{'common.tabs.functionTest.resultTHead' | translate}} </md-tooltip>
{{'common.tabs.functionTest.resultTHead' | translate}}
</th>
-
+
</tr>
</thead>
<tbody md-body>
- <tr md-row ng-repeat="validation in vm.validations | orderBy: vm.filter.name |
+ <tr md-row ng-repeat="validation in vm.validations | orderBy: vm.filter.name |
limitTo: vm.paginationQuery.limit: (vm.paginationQuery.page - 1) * vm.paginationQuery.limit track by $index">
<td md-cell class="">
<md-tooltip md-direction="top">{{validation.name}}</md-tooltip>{{validation.name}}
@@ -49,11 +49,13 @@ <td md-cell class="">
<md-tooltip md-direction="top">{{validation.status}}</md-tooltip>{{validation.status}}
</td>
-
+
</tr>
</tbody>
</table>
</md-table-container>
- <md-table-pagination class="pagination-class" md-limit="vm.paginationQuery.limit" md-limit-options="vm.pagination" md-page="vm.paginationQuery.page" md-total="{{vm.validations.length}}" md-page-select="vm.paginationOptions.pageSelect" md-boundary-links="vm.paginationOptions.boundaryLink" md-label="{ page : 'Page', RowPerPage:'row per page', of:'of'}"></md-table-pagination>
-</md-card>
+ <md-table-pagination class="pagination-class" md-limit="vm.paginationQuery.limit" md-limit-options="vm.pagination" md-page="vm.paginationQuery.page"
+ md-total="{{vm.validations.length}}" md-page-select="vm.paginationOptions.pageSelect" md-boundary-links="vm.paginationOptions.boundaryLink"
+ md-label="{ page : 'Page', RowPerPage:'row per page', of:'of'}"></md-table-pagination>
+ </md-card>
</md-dialog>
\ No newline at end of file diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/lifeCycle/lifeCycleCtrl.js b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/lifeCycle/lifeCycleCtrl.js index 60f9e3fd..715ca31b 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/lifeCycle/lifeCycleCtrl.js +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/lifeCycle/lifeCycleCtrl.js @@ -13,7 +13,7 @@ * See the License for the specific language governing permissions and
* limitations under the License.
*/
-(function() {
+(function () {
'use strict';
/**
@@ -28,7 +28,7 @@ .module('vnfmarket')
.controller('lifeCycleOnboardingCtrl', lifeCycle);
- lifeCycle.$inject = [ 'vnfConfig', 'baseUrlConfig', '$mdDialog'];
+ lifeCycle.$inject = ['vnfConfig', 'baseUrlConfig', '$mdDialog'];
/*
* recommend
@@ -36,7 +36,7 @@ * and bindable members up top.
*/
- function lifeCycle(vnfConfig, baseUrlConfig,$mdDialog) {
+ function lifeCycle(vnfConfig, baseUrlConfig, $mdDialog) {
var vm = this;
console.log("functionalTest")
vm.filter = {
@@ -50,7 +50,7 @@ vm.pagination = [5, 10, 15, {
label: 'All',
- value: function() {
+ value: function () {
return vm.lifeCycleTests.length ? vm.lifeCycleTests.length : 0;
}
}];
@@ -72,32 +72,32 @@ limitSelect: true,
pageSelect: true
};
- vm.getTests = function(){
+ vm.getTests = function () {
console.log(vm.lifeCycleTests)
}
-
-
- vm.hide = function(answer) {
+
+
+ vm.hide = function (answer) {
$mdDialog.hide(answer);
};
- vm.cancel = function() {
+ vm.cancel = function () {
$mdDialog.cancel();
};
- vm.lifeCycleTests = [{
- "step" : "Lifecycle step-1",
- "parameter" : "Lifecycle Parameter1",
- "result" : "pass"
- },
- {
- "step" : "Lifecycle step-2",
- "parameter" : "Lifecycle Parameter2",
- "result" : "pass"
- },{
- "step" : "Lifecycle step-3",
- "parameter" : "Parameter3",
- "result" : "pass"
- }]
+ vm.lifeCycleTests = [{
+ "step": "Lifecycle step-1",
+ "parameter": "Lifecycle Parameter1",
+ "result": "pass"
+ },
+ {
+ "step": "Lifecycle step-2",
+ "parameter": "Lifecycle Parameter2",
+ "result": "pass"
+ }, {
+ "step": "Lifecycle step-3",
+ "parameter": "Parameter3",
+ "result": "pass"
+ }]
}
})();
\ No newline at end of file diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/lifeCycle/view.html b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/lifeCycle/view.html index e74436f3..692e78e5 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/lifeCycle/view.html +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/lifeCycle/view.html @@ -4,48 +4,50 @@ <h2>{{'common.tabs.lifeCycle.title' | translate}}</h2>
<span flex></span>
<button class="btnTransparency" ng-click="vm.cancel()">
- <i class="fa fa-close fa-sm" aria-hidden="true"></i>
+ <i class="fa fa-close fa-sm" aria-hidden="true"></i>
</button>
</div>
</md-toolbar>
-
-<md-card flex="100" class="nomargin md-padding">
+
+ <md-card flex="100" class="nomargin md-padding">
<md-table-container>
<table md-table>
<thead md-head md-order="vm.filter.name" md-on-reorder="vm.getTests">
<tr md-row>
- <th md-column class="fontSize" md-order-by="step">
- <md-tooltip md-direction="top">{{'common.tabs.lifeCycle.stepTHead' | translate}}</md-tooltip>
+ <th md-column class="fontSize" md-order-by="step">
+ <md-tooltip md-direction="top">{{'common.tabs.lifeCycle.stepTHead' | translate}}</md-tooltip>
{{'common.tabs.lifeCycle.stepTHead' | translate}}
</th>
- <th md-column class="fontSize" md-order-by="parameter">
- <md-tooltip md-direction="top">{{'common.tabs.lifeCycle.ParamTHead' | translate}}</md-tooltip>
+ <th md-column class="fontSize" md-order-by="parameter">
+ <md-tooltip md-direction="top">{{'common.tabs.lifeCycle.ParamTHead' | translate}}</md-tooltip>
{{'common.tabs.lifeCycle.ParamTHead' | translate}}
</th>
- <th md-column class="fontSize" md-order-by="result">
- <md-tooltip md-direction="top">{{'common.tabs.lifeCycle.ResultTHead' | translate}}</md-tooltip>
+ <th md-column class="fontSize" md-order-by="result">
+ <md-tooltip md-direction="top">{{'common.tabs.lifeCycle.ResultTHead' | translate}}</md-tooltip>
{{'common.tabs.lifeCycle.ResultTHead' | translate}}
</th>
-
+
</tr>
</thead>
<tbody md-body>
<tr md-row md-select="dessert" md-select-id="name" md-auto-select ng-repeat="test in vm.lifeCycleTests | orderBy: vm.filter.name |
limitTo: vm.paginationQuery.limit: (vm.paginationQuery.page - 1) * vm.paginationQuery.limit track by $index">
<td md-cell>
- <md-tooltip md-direction="top">{{test.step}}</md-tooltip>{{test.step}}
+ <md-tooltip md-direction="top">{{test.step}}</md-tooltip>{{test.step}}
</td>
<td md-cell>
- <md-tooltip md-direction="top">{{test.parameter}}</md-tooltip>{{test.parameter}}
+ <md-tooltip md-direction="top">{{test.parameter}}</md-tooltip>{{test.parameter}}
</td>
<td md-cell>
- <md-tooltip md-direction="top">{{test.result}}</md-tooltip>{{test.result}}
+ <md-tooltip md-direction="top">{{test.result}}</md-tooltip>{{test.result}}
</td>
-
+
</tr>
</tbody>
</table>
</md-table-container>
- <md-table-pagination class="pagination-class" md-limit="vm.paginationQuery.limit" md-limit-options="vm.pagination" md-page="vm.paginationQuery.page" md-total="{{vm.lifeCycleTests.length}}" md-page-select="vm.paginationOptions.pageSelect" md-boundary-links="vm.paginationOptions.boundaryLink" md-label="{ page : 'Page', RowPerPage:'row per page', of:'of'}"></md-table-pagination>
-</md-card>
+ <md-table-pagination class="pagination-class" md-limit="vm.paginationQuery.limit" md-limit-options="vm.pagination" md-page="vm.paginationQuery.page"
+ md-total="{{vm.lifeCycleTests.length}}" md-page-select="vm.paginationOptions.pageSelect" md-boundary-links="vm.paginationOptions.boundaryLink"
+ md-label="{ page : 'Page', RowPerPage:'row per page', of:'of'}"></md-table-pagination>
+ </md-card>
</md-dialog>
\ No newline at end of file diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/onBoardingService.js b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/onBoardingService.js index b73cd5a7..abc788c3 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/onBoardingService.js +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/onBoardingService.js @@ -13,7 +13,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -(function() { +(function () { 'use strict'; /** @@ -40,8 +40,8 @@ method = vnfConfig.api.home.getFunctionalList.method; url = url.replace(":csarId", csarId); - url += "?operTypeId="+operTypeId; - url += "&operId="+operId; + url += "?operTypeId=" + operTypeId; + url += "&operId=" + operId; /*var response = @@ -73,9 +73,9 @@ //defer.resolve(response); httpService.apiRequest(url, method) - .then(function(response) { + .then(function (response) { defer.resolve(response); - }, function(error) { + }, function (error) { defer.reject(error); }); return defer.promise; @@ -144,9 +144,9 @@ httpService.apiRequest(url, method) - .then(function(response) { + .then(function (response) { defer.resolve(response); - }, function(error) { + }, function (error) { defer.reject(error); }); return defer.promise; diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/onboarding.html b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/onboarding.html index 57e65451..040b2e45 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/onboarding.html +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/onboarding.html @@ -7,7 +7,9 @@ <div class="layout-row onboardProgress">
<div class="flex-100 progress1">
<div class="progressDiv"></div>
- <div class="roundProg"><span>1</span></div>
+ <div class="roundProg">
+ <span>1</span>
+ </div>
</div>
<!-- <div class="flex-33 progress2">
<div class="progressDiv"></div>
@@ -23,7 +25,7 @@ <div class="onbdContent">
<div class="onboarddiv">
<div class="btnOuter">
- <div class="onboardBtn btnImage1" type="button" aria-label="Eat cake" ng-click="vm.displayValidationDialog()">
+ <div class="onboardBtn btnImage1" type="button" aria-label="Eat cake" ng-click="vm.displayValidationDialog()">
</div>
</div>
diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/onboarding.js b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/onboarding.js index c2c735be..e9803480 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/onboarding.js +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/onboarding.js @@ -13,7 +13,7 @@ * See the License for the specific language governing permissions and
* limitations under the License.
*/
-(function() {
+(function () {
'use strict';
/**
@@ -28,7 +28,7 @@ .module('vnfmarket')
.controller('onBoardingCtrl', onBoarding);
- onBoarding.$inject = [ 'vnfConfig', 'baseUrlConfig', '$interval', '$timeout', '$state', '$mdDialog', '$stateParams', 'onBoardingService'];
+ onBoarding.$inject = ['vnfConfig', 'baseUrlConfig', '$interval', '$timeout', '$state', '$mdDialog', '$stateParams', 'onBoardingService'];
/*
* recommend
@@ -50,36 +50,36 @@ $(".onboardProgress .progress3 .progressDiv").removeClass("progressed");
$(".onboardProgress .progress3 .roundProg").removeClass("progressed");
- var fileName = $stateParams.csarName
-
- vm.mainTitle = fileName.slice(0, fileName.lastIndexOf("."));
+ var fileName = $stateParams.csarName
+
+ vm.mainTitle = fileName.slice(0, fileName.lastIndexOf("."));
//vm.mainTitle = $stateParams.csarName;//"clearwater_ns";
var csarId = $stateParams.csarId;
- if(!csarId) {
+ if (!csarId) {
$state.go("home.marketplace", {});
- return;
+ return;
}
/*onBoardingService.getFunctionalList(csarId).then(function(response) {
vm.functionalDataList = response.data;
});*/
- vm.getIconClass = function(status) {
+ vm.getIconClass = function (status) {
var classIcon = "";
- if(status == undefined || status == 1) {
+ if (status == undefined || status == 1) {
//classIcon = "fa fa-clock-o";
classIcon = "clock-icon";
}
- else if(status == 2) {
+ else if (status == 2) {
//classIcon = "fa fa-spinner fa-spin";
classIcon = "progress-icon fa-spin";
}
- else if(status == 0) {
+ else if (status == 0) {
//classIcon = "fa fa-check-circle";
classIcon = "success-icon";
}
- else if(status == -1) {
+ else if (status == -1) {
classIcon = "failed-icon fa fa-exclamation";
}
return classIcon;
@@ -90,11 +90,11 @@ vm.functional = [];
var currentIteration = {};
- onBoardingService.getOnBoardingSteps().then(function(response) {
+ onBoardingService.getOnBoardingSteps().then(function (response) {
var operTypeList = response.data.operTypeList;
- for(var i = 0; i < operTypeList.length; i++) {
-
+ for (var i = 0; i < operTypeList.length; i++) {
+
switch (operTypeList[i].operTypeId) {
case "validation":
vm.validation = operTypeList[i];
@@ -110,13 +110,13 @@ break;
}
}
- currentIteration = {"list":vm.validation, "item":0};
+ currentIteration = { "list": vm.validation, "item": 0 };
updateStepStatus();
});
function addDefaultStatus(listArr) {
- for(var index = 0; index < listArr.oper.length; index++) {
+ for (var index = 0; index < listArr.oper.length; index++) {
listArr.oper[index].status = 1;
}
}
@@ -132,7 +132,7 @@ var operTypeId = currentIteration.list["operTypeId"];
var operId = currentIteration.list.oper[currentIteration.item].operId;
- if(operTypeId == "validation" || operTypeId == "lifecycletest") {
+ if (operTypeId == "validation" || operTypeId == "lifecycletest") {
updateView(0);
}
else {
@@ -150,15 +150,15 @@ function updateView(stepStatus) {
var listIterFinished = false;
- if(stepStatus == 0) {
+ if (stepStatus == 0) {
currentIteration.list.oper[currentIteration.item].status = stepStatus;
//Success, go to next step
- if(currentIteration.list.oper.length - 1 > currentIteration.item) {
+ if (currentIteration.list.oper.length - 1 > currentIteration.item) {
currentIteration.item++;
}
else {
//Choose next list
- if(currentIteration.list == vm.validation){
+ if (currentIteration.list == vm.validation) {
//First list is completed
$(".onboardProgress .progress1 .progressDiv").addClass("progressed");
$(".onboardProgress .progress1 .roundProg").addClass("progressed");
@@ -166,7 +166,7 @@ currentIteration.item = 0*/
listIterFinished = true;
- $state.go('home.onboardingSuccess', {"csarId": csarId});
+ $state.go('home.onboardingSuccess', { "csarId": csarId });
}
/*else if(currentIteration.list == vm.lifeCycle){
//Second list is completed
@@ -185,55 +185,55 @@ }*/
}
}
- else if(stepStatus == -1) {
+ else if (stepStatus == -1) {
//Failed case
currentIteration.list.oper[currentIteration.item].status = stepStatus;
listIterFinished = true;
}
- if(!listIterFinished) {
+ if (!listIterFinished) {
updateStepStatus();
}
}
- vm.displayValidationDialog = function(){
- $mdDialog.show({
- controller: 'validationOnboardingCtrl',
- templateUrl: vnfConfig.modulePath.home + '/serviceUpload/onboarding/validation/view.html',
- controllerAs: 'vm'
- })
- .then(function(answer) {
- vm.getFeatureList();
- // vm.status = 'You said the information was "' + answer + '".';
- }, function() {
- // vm.status = 'You cancelled the dialog.';
- });
- }
- vm.displayLifecycleDialog = function(){
- $mdDialog.show({
- controller: 'lifeCycleOnboardingCtrl',
- templateUrl: vnfConfig.modulePath.home + '/serviceUpload/onboarding/lifeCycle/view.html',
- controllerAs: 'vm'
- })
- .then(function(answer) {
- vm.getFeatureList();
- // vm.status = 'You said the information was "' + answer + '".';
- }, function() {
- // vm.status = 'You cancelled the dialog.';
- });
- }
- vm.displayFunctionalTestDialog = function(){
- $mdDialog.show({
- controller: 'functionalTestOnboardingCtrl',
- templateUrl: vnfConfig.modulePath.home + '/serviceUpload/onboarding/functionalTest/view.html',
- controllerAs: 'vm'
- })
- .then(function(answer) {
- vm.getFeatureList();
- // vm.status = 'You said the information was "' + answer + '".';
- }, function() {
- // vm.status = 'You cancelled the dialog.';
- });
- }
+ vm.displayValidationDialog = function () {
+ $mdDialog.show({
+ controller: 'validationOnboardingCtrl',
+ templateUrl: vnfConfig.modulePath.home + '/serviceUpload/onboarding/validation/view.html',
+ controllerAs: 'vm'
+ })
+ .then(function (answer) {
+ vm.getFeatureList();
+ // vm.status = 'You said the information was "' + answer + '".';
+ }, function () {
+ // vm.status = 'You cancelled the dialog.';
+ });
+ }
+ vm.displayLifecycleDialog = function () {
+ $mdDialog.show({
+ controller: 'lifeCycleOnboardingCtrl',
+ templateUrl: vnfConfig.modulePath.home + '/serviceUpload/onboarding/lifeCycle/view.html',
+ controllerAs: 'vm'
+ })
+ .then(function (answer) {
+ vm.getFeatureList();
+ // vm.status = 'You said the information was "' + answer + '".';
+ }, function () {
+ // vm.status = 'You cancelled the dialog.';
+ });
+ }
+ vm.displayFunctionalTestDialog = function () {
+ $mdDialog.show({
+ controller: 'functionalTestOnboardingCtrl',
+ templateUrl: vnfConfig.modulePath.home + '/serviceUpload/onboarding/functionalTest/view.html',
+ controllerAs: 'vm'
+ })
+ .then(function (answer) {
+ vm.getFeatureList();
+ // vm.status = 'You said the information was "' + answer + '".';
+ }, function () {
+ // vm.status = 'You cancelled the dialog.';
+ });
+ }
}
})();
\ No newline at end of file diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/onboardingSuccess.js b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/onboardingSuccess.js index 584237fc..47414995 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/onboardingSuccess.js +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/onboardingSuccess.js @@ -13,7 +13,7 @@ * See the License for the specific language governing permissions and
* limitations under the License.
*/
-(function() {
+(function () {
'use strict';
/**
@@ -28,7 +28,7 @@ .module('vnfmarket')
.controller('onBoardingSuccessCtrl', onBoardingSuccess);
- onBoardingSuccess.$inject = [ 'vnfConfig', 'baseUrlConfig', 'homeService', '$state', '$stateParams'];
+ onBoardingSuccess.$inject = ['vnfConfig', 'baseUrlConfig', 'homeService', '$state', '$stateParams'];
/*
* recommend
@@ -39,36 +39,36 @@ function onBoardingSuccess(vnfConfig, baseUrlConfig, homeService, $state, $stateParams) {
var vm = this;
console.log("onBoardingSuccess");
- vm.services= [], vm.serviceDetails;
+ vm.services = [], vm.serviceDetails;
var csarId = $stateParams.csarId;
- if(!csarId) {
+ if (!csarId) {
$state.go("home.marketplace", {});
- return;
+ return;
}
- vm.return = function() {
+ vm.return = function () {
$state.go('home.marketplace', {}, {
reload: true
});
}
- vm.showDetailPage = function() {
- homeService.getFeaturesList().then(function(response) {
+ vm.showDetailPage = function () {
+ homeService.getFeaturesList().then(function (response) {
for (var i = 0; i < response.data.length; i++) {
response.data[i].createTime = new Date(response.data[i].createTime);
response.data[i].modifyTime = new Date(response.data[i].modifyTime);
}
vm.services = response.data;
- for(var j = 0; j < response.data.length; j++) {
- if(response.data[j].csarId == csarId) {
+ for (var j = 0; j < response.data.length; j++) {
+ if (response.data[j].csarId == csarId) {
vm.serviceDetails = response.data[j];
break;
}
}
$state.go("home.serviceDetails.validation", {
- serviceDetails : vm.serviceDetails
+ serviceDetails: vm.serviceDetails
});
});
}
diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/validation/validationCtrl.js b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/validation/validationCtrl.js index 6eb746e2..6937239f 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/validation/validationCtrl.js +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/validation/validationCtrl.js @@ -13,7 +13,7 @@ * See the License for the specific language governing permissions and
* limitations under the License.
*/
-(function() {
+(function () {
'use strict';
/**
@@ -28,7 +28,7 @@ .module('vnfmarket')
.controller('validationOnboardingCtrl', validation);
- validation.$inject = [ 'vnfConfig', 'baseUrlConfig', '$mdDialog'];
+ validation.$inject = ['vnfConfig', 'baseUrlConfig', '$mdDialog'];
/*
* recommend
@@ -50,7 +50,7 @@ vm.pagination = [5, 10, 15, {
label: 'All',
- value: function() {
+ value: function () {
return vm.validations.length ? vm.validations.length : 0;
}
}];
@@ -72,32 +72,32 @@ limitSelect: true,
pageSelect: true
};
- vm.getValidations = function(){
+ vm.getValidations = function () {
console.log(vm.validations)
}
-
-
- vm.hide = function(answer) {
+
+
+ vm.hide = function (answer) {
$mdDialog.hide(answer);
};
- vm.cancel = function() {
+ vm.cancel = function () {
$mdDialog.cancel();
};
- vm.validations = [{
- "step" : "Validation step-1",
- "parameter" : "Validation Parameter1",
- "result" : "pass"
- },
- {
- "step" : "Validation step-2",
- "parameter" : "Validation Parameter2",
- "result" : "pass"
- },{
- "step" : "Validation step-3",
- "parameter" : "Validation Parameter3",
- "result" : "pass"
- }];
+ vm.validations = [{
+ "step": "Validation step-1",
+ "parameter": "Validation Parameter1",
+ "result": "pass"
+ },
+ {
+ "step": "Validation step-2",
+ "parameter": "Validation Parameter2",
+ "result": "pass"
+ }, {
+ "step": "Validation step-3",
+ "parameter": "Validation Parameter3",
+ "result": "pass"
+ }];
}
})();
\ No newline at end of file diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/validation/view.html b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/validation/view.html index 0411b076..6cc2c75a 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/validation/view.html +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/onboarding/validation/view.html @@ -1,51 +1,53 @@ <md-dialog aria-label="Upload Service dialog" flex="80" id="uploadDialog" ng-cloak>
- <md-toolbar class="md-hue-3 dialogHeader">
- <div class="md-toolbar-tools">
- <h2>{{'common.tabs.validation.title' | translate}}</h2>
- <span flex></span>
- <button class="btnTransparency" ng-click="vm.cancel()">
- <i class="fa fa-close fa-sm" aria-hidden="true"></i>
- </button>
- </div>
- </md-toolbar>
+ <md-toolbar class="md-hue-3 dialogHeader">
+ <div class="md-toolbar-tools">
+ <h2>{{'common.tabs.validation.title' | translate}}</h2>
+ <span flex></span>
+ <button class="btnTransparency" ng-click="vm.cancel()">
+ <i class="fa fa-close fa-sm" aria-hidden="true"></i>
+ </button>
+ </div>
+ </md-toolbar>
<md-card flex="100" class="nomargin md-padding">
- <md-table-container>
- <table md-table>
- <thead md-head md-order="vm.filter.name" md-on-reorder="vm.getValidations">
- <tr md-row>
- <th md-column class="fontSize" md-order-by="step">
- <md-tooltip md-direction="top">{{'common.tabs.validation.stepTHead' | translate}}</md-tooltip>
- {{'common.tabs.validation.stepTHead' | translate}}
- </th>
- <th md-column class="fontSize" md-order-by="parameter">
- <md-tooltip md-direction="top">{{'common.tabs.validation.ParamTHead' | translate}}</md-tooltip>
- {{'common.tabs.validation.ParamTHead' | translate}}
- </th>
- <th md-column class="fontSize" md-order-by="result">
- <md-tooltip md-direction="top">{{'common.tabs.validation.ResultTHead' | translate}}</md-tooltip>
- {{'common.tabs.validation.ResultTHead' | translate}}
- </th>
-
- </tr>
- </thead>
- <tbody md-body>
- <tr md-row md-select="dessert" md-select-id="name" md-auto-select ng-repeat="validation in vm.validations | orderBy: vm.filter.name |
+ <md-table-container>
+ <table md-table>
+ <thead md-head md-order="vm.filter.name" md-on-reorder="vm.getValidations">
+ <tr md-row>
+ <th md-column class="fontSize" md-order-by="step">
+ <md-tooltip md-direction="top">{{'common.tabs.validation.stepTHead' | translate}}</md-tooltip>
+ {{'common.tabs.validation.stepTHead' | translate}}
+ </th>
+ <th md-column class="fontSize" md-order-by="parameter">
+ <md-tooltip md-direction="top">{{'common.tabs.validation.ParamTHead' | translate}}</md-tooltip>
+ {{'common.tabs.validation.ParamTHead' | translate}}
+ </th>
+ <th md-column class="fontSize" md-order-by="result">
+ <md-tooltip md-direction="top">{{'common.tabs.validation.ResultTHead' | translate}}</md-tooltip>
+ {{'common.tabs.validation.ResultTHead' | translate}}
+ </th>
+
+ </tr>
+ </thead>
+ <tbody md-body>
+ <tr md-row md-select="dessert" md-select-id="name" md-auto-select ng-repeat="validation in vm.validations | orderBy: vm.filter.name |
limitTo: vm.paginationQuery.limit: (vm.paginationQuery.page - 1) * vm.paginationQuery.limit track by $index">
- <td md-cell>
- <md-tooltip md-direction="top">{{validation.step}}</md-tooltip>{{validation.step}}
- </td>
- <td md-cell>
- <md-tooltip md-direction="top">{{validation.parameter}}</md-tooltip>{{validation.parameter}}
- </td>
- <td md-cell>
- <md-tooltip md-direction="top">{{validation.result}}</md-tooltip>{{validation.result}}
- </td>
-
- </tr>
- </tbody>
- </table>
- </md-table-container>
- <md-table-pagination class="pagination-class" md-limit="vm.paginationQuery.limit" md-limit-options="vm.pagination" md-page="vm.paginationQuery.page" md-total="{{vm.validations.length}}" md-page-select="vm.paginationOptions.pageSelect" md-boundary-links="vm.paginationOptions.boundaryLink" md-label="{ page : 'Page', RowPerPage:'row per page', of:'of'}"></md-table-pagination>
+ <td md-cell>
+ <md-tooltip md-direction="top">{{validation.step}}</md-tooltip>{{validation.step}}
+ </td>
+ <td md-cell>
+ <md-tooltip md-direction="top">{{validation.parameter}}</md-tooltip>{{validation.parameter}}
+ </td>
+ <td md-cell>
+ <md-tooltip md-direction="top">{{validation.result}}</md-tooltip>{{validation.result}}
+ </td>
+
+ </tr>
+ </tbody>
+ </table>
+ </md-table-container>
+ <md-table-pagination class="pagination-class" md-limit="vm.paginationQuery.limit" md-limit-options="vm.pagination" md-page="vm.paginationQuery.page"
+ md-total="{{vm.validations.length}}" md-page-select="vm.paginationOptions.pageSelect" md-boundary-links="vm.paginationOptions.boundaryLink"
+ md-label="{ page : 'Page', RowPerPage:'row per page', of:'of'}"></md-table-pagination>
</md-card>
</md-dialog>
\ No newline at end of file diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/serviceUpload.html b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/serviceUpload.html index 2c813fb3..9c864f03 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/serviceUpload.html +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/serviceUpload.html @@ -17,11 +17,11 @@ <md-toolbar class="md-hue-3 dialogHeader">
<div class="md-toolbar-tools" id="uploadStyle">
- <h2 ng-if="vm.isUpload" >{{'module.marketplace.serviceUpload.title' | translate}}</h2>
- <h2 ng-if="!vm.isUpload" >{{'module.marketplace.serviceUpload.updateTitle' | translate}}</h2>
+ <h2 ng-if="vm.isUpload">{{'module.marketplace.serviceUpload.title' | translate}}</h2>
+ <h2 ng-if="!vm.isUpload">{{'module.marketplace.serviceUpload.updateTitle' | translate}}</h2>
<span flex></span>
<button class="btnTransparency" ng-click="vm.cancel()" ng-hide="vm.status == 'progress'">
- <i class="fa fa-close fa-sm" aria-hidden="true"></i>
+ <i class="fa fa-close fa-sm" aria-hidden="true"></i>
</button>
</div>
</md-toolbar>
@@ -35,7 +35,7 @@ <label for="file" class="btn btnDefault"> {{'common.actions.add' | translate}} </label>
<label>
<span ng-if="!vm.service.file"> {{'module.marketplace.serviceUpload.fields.fileUpload.noFileSelected' | translate}}</span>
- <span ng-if="vm.service.file"> {{ vm.service.file.name}}</span>
+ <span ng-if="vm.service.file"> {{ vm.service.file.name}}</span>
</label>
</div>
<input class="hidden" id="file" type="file" file-upload="vm.service.file" md-asterisk accept=".csar">
@@ -43,18 +43,18 @@ </div>
<div>
- <label for="shortDesc" class="labels">{{'module.marketplace.serviceUpload.fields.shortDescription.placeholder' | translate}}</label>
- <input ng-model="vm.service.shortDesc" type="text" id="shortDesc" name="shortDesc">
+ <label for="shortDesc" class="labels">{{'module.marketplace.serviceUpload.fields.shortDescription.placeholder' | translate}}</label>
+ <input ng-model="vm.service.shortDesc" type="text" id="shortDesc" name="shortDesc">
</div>
<div>
-
- <label class="labels">{{'module.marketplace.serviceUpload.fields.details.placeholder' | translate}}</label>
- <textarea name="details" ng-model="vm.service.details" maxlength="150" rows="3" md-select-on-focus></textarea>
+
+ <label class="labels">{{'module.marketplace.serviceUpload.fields.details.placeholder' | translate}}</label>
+ <textarea name="details" ng-model="vm.service.details" maxlength="150" rows="3" md-select-on-focus></textarea>
</div>
<div>
-
- <label for="remarks" class="labels">{{'module.marketplace.serviceUpload.fields.remarks.placeholder' | translate}}</label>
- <input ng-model="vm.service.remarks" type="text" id="remarks" name="remarks">
+
+ <label for="remarks" class="labels">{{'module.marketplace.serviceUpload.fields.remarks.placeholder' | translate}}</label>
+ <input ng-model="vm.service.remarks" type="text" id="remarks" name="remarks">
</div>
</div>
</md-dialog-content>
@@ -76,7 +76,10 @@ </div>
<md-progress-linear md-mode="determinate" value="{{vm.apiInfo}}"></md-progress-linear>
<h4 class="text-center"> {{vm.apiInfo}} % </h4>
- <span class="text-center" ng-if="vm.status == 'success'">{{'module.marketplace.serviceUpload.fields.funcTestReport.label' | translate}} <a href="{{vm.funcTestReportUrl}}" target="_blank">{{'common.actions.clickHere' | translate}}</a></span>
+ <span class="text-center" ng-if="vm.status == 'success'">{{'module.marketplace.serviceUpload.fields.funcTestReport.label' | translate}}
+ <a href="{{vm.funcTestReportUrl}}"
+ target="_blank">{{'common.actions.clickHere' | translate}}</a>
+ </span>
</div>
<div flex="25" layout="column">
</div>
@@ -88,19 +91,21 @@ <md-dialog-actions layout="row" ng-show="vm.status == 'Idle'" class="marginAuto">
<!-- <span flex></span> -->
-
- <button ng-if="!vm.isUpload" class="md-raised btn btnPrimary btnPrimaryPadding btnSpacing" ng-click="vm.answer('Uploaded')" ng-disabled="!vm.service.file">
+
+ <button ng-if="!vm.isUpload" class="md-raised btn btnPrimary btnPrimaryPadding btnSpacing" ng-click="vm.answer('Uploaded')"
+ ng-disabled="!vm.service.file">
{{'common.actions.update' | translate}}
</button>
-
- <button ng-if="vm.isUpload" class="md-raised btn btnPrimary btnPrimaryPadding btnSpacing" ng-click="vm.answer('Uploaded')" ng-disabled="!vm.service.file">
+
+ <button ng-if="vm.isUpload" class="md-raised btn btnPrimary btnPrimaryPadding btnSpacing" ng-click="vm.answer('Uploaded')"
+ ng-disabled="!vm.service.file">
{{'common.actions.upload' | translate}}
</button>
<button class="md-raised btn btnDefault btnPrimaryPadding btnSpacing" ng-click="vm.cancel()">
{{'common.actions.close' | translate}}
</button>
-
+
</md-dialog-actions>
<md-dialog-actions class="marginAuto" layout="row" ng-show="vm.status == 'success'">
diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/serviceUploadCtrl.js b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/serviceUploadCtrl.js index 7a2fdaaa..6d141ce1 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/serviceUploadCtrl.js +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/serviceUploadCtrl.js @@ -13,7 +13,7 @@ * See the License for the specific language governing permissions and
* limitations under the License.
*/
-(function() {
+(function () {
'use strict';
/**
@@ -36,24 +36,24 @@ * and bindable members up top.
*/
- function ServiceUpload(serviceUploadService, $scope, vnfConfig, $mdDialog, $mdToast, $rootScope, $interval, baseUrlConfig,$state, isUpload, csarId) {
+ function ServiceUpload(serviceUploadService, $scope, vnfConfig, $mdDialog, $mdToast, $rootScope, $interval, baseUrlConfig, $state, isUpload, csarId) {
var vm = this;
- vm.isUpload = isUpload;
- vm.csarId = csarId
+ vm.isUpload = isUpload;
+ vm.csarId = csarId
vm.apiInfo = 0;
vm.status = "Idle";
vm.promise = null;
vm.service = {};
- vm.hide = function(answer) {
+ vm.hide = function (answer) {
$mdDialog.hide(answer);
};
- vm.cancel = function() {
+ vm.cancel = function () {
$mdDialog.cancel();
};
- vm.answer = function(answer) {
+ vm.answer = function (answer) {
vm.status = "progress";
var dataObj = vm.service,
file = vm.service.file,
@@ -70,31 +70,31 @@ "Content-Type": undefined
}
- vm.promise = $interval(function() {
+ vm.promise = $interval(function () {
if ($rootScope.progressBar >= 80 && vm.status !== "success") {
vm.apiInfo = 80;
} else {
vm.apiInfo = parseInt($rootScope.progressBar, 10);
}
}, 500);
-
- if(vm.isUpload){
- var filename = vm.service.file.name;
- serviceUploadService.postServiceUpload(fd, headers)
- .then(function(response) {
- vm.hide("Uploading")
- $state.go('home.onboarding', {"csarId": response.data.csarId, "csarName": filename});
- });
- } else {
- serviceUploadService.repostServiceUpload(fd, headers, vm.csarId)
- .then(function(response) {
- vm.hide("Uploading")
- $state.go('home.onboarding', {"csarId": response.data.csarId, "csarName": filename});
- });
- }
+
+ if (vm.isUpload) {
+ var filename = vm.service.file.name;
+ serviceUploadService.postServiceUpload(fd, headers)
+ .then(function (response) {
+ vm.hide("Uploading")
+ $state.go('home.onboarding', { "csarId": response.data.csarId, "csarName": filename });
+ });
+ } else {
+ serviceUploadService.repostServiceUpload(fd, headers, vm.csarId)
+ .then(function (response) {
+ vm.hide("Uploading")
+ $state.go('home.onboarding', { "csarId": response.data.csarId, "csarName": filename });
+ });
+ }
};
- $scope.$on("$destroy", function() {
+ $scope.$on("$destroy", function () {
if (vm.promise) {
$interval.cancel(vm.promise);
}
diff --git a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/serviceUploadService.js b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/serviceUploadService.js index a938c097..458a98b6 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/serviceUploadService.js +++ b/vnfmarket/src/main/webapp/vnfmarket/app/modules/home/serviceUpload/serviceUploadService.js @@ -13,7 +13,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -(function() { +(function () { 'use strict'; /** @@ -32,7 +32,7 @@ function serviceUpload($q, vnfConfig, httpService) { return { postServiceUpload: postServiceUpload, - repostServiceUpload: repostServiceUpload + repostServiceUpload: repostServiceUpload }; function postServiceUpload(data, headers) { @@ -42,25 +42,25 @@ var defer = $q.defer() httpService.apiRequestWithProgress(url, method, apiData, headers) - .then(function(response) { + .then(function (response) { defer.resolve(response); - }, function(error) { + }, function (error) { defer.reject(error); }); return defer.promise; } - - function repostServiceUpload(data, headers, csarId) { + + function repostServiceUpload(data, headers, csarId) { var url = vnfConfig.api.home.repostServiceUpload.url, method = vnfConfig.api.home.repostServiceUpload.method, apiData = data; - url = url.replace(":csarId", csarId) + url = url.replace(":csarId", csarId) var defer = $q.defer() httpService.apiRequestWithProgress(url, method, apiData, headers) - .then(function(response) { + .then(function (response) { defer.resolve(response); - }, function(error) { + }, function (error) { defer.reject(error); }); return defer.promise; diff --git a/vnfmarket/src/main/webapp/vnfmarket/common/css/home.css b/vnfmarket/src/main/webapp/vnfmarket/common/css/home.css index 820d46a8..28566e88 100644 --- a/vnfmarket/src/main/webapp/vnfmarket/common/css/home.css +++ b/vnfmarket/src/main/webapp/vnfmarket/common/css/home.css @@ -14,67 +14,66 @@ * limitations under the License.
*/
#searchField {
- position: relative;
- top: 13px;
- border-bottom-color:whitesmoke;
- background-color:#858CA8;
- height:33px;
+ position: relative;
+ top: 13px;
+ border-bottom-color: whitesmoke;
+ background-color: #858ca8;
+ height: 33px;
}
-.contentBackground{
- background: white;
-}
-#homeToolbar form{
- height: 33px;
- /*background-color: lightgray;*/
- margin: 0px;
+.hidden {
+ display: none;
}
-#searchFieldContainer{
- padding-right:0;
- top: -31px;
+.contentBackground {
+ background: white;
}
-
-.noMargin{
- margin:0
+#homeToolbar form {
+ height: 33px;
+ /*background-color: lightgray;*/
+ margin: 0px;
}
-.iconMargin{
- margin-right:8px;
+#searchFieldContainer {
+ padding-right: 0;
+ top: -31px;
}
-@media (min-width : 600px) {
- #gridView .layout-xs-column{
- margin-bottom: 10px !important;
- }
+.noMargin {
+ margin: 0;
}
-
-@media (max-width : 600px) {
- #gridView .layout-xs-column .iconMargin:not(.deletebutton){
- margin-right:0px;
- margin-bottom: 6px;
- }
-
- #gridView .layout-xs-column .downloadIcon{
- margin-top: 6px;
- margin-bottom: 6px;
- }
+.iconMargin {
+ margin-right: 8px;
}
+@media (min-width: 600px) {
+ #gridView .layout-xs-column {
+ margin-bottom: 10px !important;
+ }
+}
+@media (max-width: 600px) {
+ #gridView .layout-xs-column .iconMargin:not(.deletebutton) {
+ margin-right: 0px;
+ margin-bottom: 6px;
+ }
-.iconAlignment{
- position: relative;
- bottom: 4px;
+ #gridView .layout-xs-column .downloadIcon {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ }
}
+.iconAlignment {
+ position: relative;
+ bottom: 4px;
+}
-.gridViewMargin{
+.gridViewMargin {
margin: 0 1.6% 1% 1.6%;
- padding: 0px 16px 0px 16px;
+ padding: 0px 16px 0px 16px;
}
-
/*.mdl-color-text--white {
color: rgb(255,255,255) !important;
}
@@ -102,7 +101,7 @@ }*/
.service-detail-tags .material-icons {
- font-size: 16px !important;
+ font-size: 16px !important;
}
/*
@@ -161,845 +160,842 @@ .mdl-chip--contact {
padding-left: 0; }*/
- .no-padding {
- padding: 0 !important;
+.no-padding {
+ padding: 0 !important;
}
.mdl-card__title {
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- color: rgb(0,0,0);
- display: block;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: stretch;
- -ms-flex-pack: stretch;
- justify-content: stretch;
- line-height: normal;
- padding: 16px 16px;
- -webkit-perspective-origin: 165px 56px;
- perspective-origin: 165px 56px;
- -webkit-transform-origin: 165px 56px;
- transform-origin: 165px 56px;
- box-sizing: border-box;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: rgb(0, 0, 0);
+ display: block;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-justify-content: stretch;
+ -ms-flex-pack: stretch;
+ justify-content: stretch;
+ line-height: normal;
+ padding: 16px 16px;
+ -webkit-perspective-origin: 165px 56px;
+ perspective-origin: 165px 56px;
+ -webkit-transform-origin: 165px 56px;
+ transform-origin: 165px 56px;
+ box-sizing: border-box;
}
.mdl-card__title-text {
- -webkit-align-self: flex-end;
- -ms-flex-item-align: end;
- align-self: flex-end;
- color: inherit;
- display: block;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- font-size: 24px;
- font-weight: 300;
- line-height: normal;
- overflow: hidden;
- -webkit-transform-origin: 149px 48px;
- transform-origin: 149px 48px;
- margin: 0;
+ -webkit-align-self: flex-end;
+ -ms-flex-item-align: end;
+ align-self: flex-end;
+ color: inherit;
+ display: block;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ font-size: 24px;
+ font-weight: 300;
+ line-height: normal;
+ overflow: hidden;
+ -webkit-transform-origin: 149px 48px;
+ transform-origin: 149px 48px;
+ margin: 0;
}
.mdl-button--primary.mdl-button--primary {
- color: rgb(33,150,243);
+ color: rgb(33, 150, 243);
}
.mdl-button {
- background: transparent;
- border: none;
- border-radius: 2px;
- color: rgb(0,0,0);
- position: relative;
- height: 36px;
- margin: 0;
- min-width: 64px;
- padding: 0 16px;
- display: inline-block;
- font-family: "Roboto", "Helvetica", "Arial", sans-serif;
- font-size: 14px;
- font-weight: 500;
- text-transform: uppercase;
- line-height: 1;
- letter-spacing: 0;
- overflow: hidden;
- will-change: box-shadow;
- transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- outline: none;
- cursor: pointer;
- text-decoration: none;
- text-align: center;
- line-height: 36px;
- vertical-align: middle;
+ background: transparent;
+ border: none;
+ border-radius: 2px;
+ color: rgb(0, 0, 0);
+ position: relative;
+ height: 36px;
+ margin: 0;
+ min-width: 64px;
+ padding: 0 16px;
+ display: inline-block;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+ font-size: 14px;
+ font-weight: 500;
+ text-transform: uppercase;
+ line-height: 1;
+ letter-spacing: 0;
+ overflow: hidden;
+ will-change: box-shadow;
+ transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
+ background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+ color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+ outline: none;
+ cursor: pointer;
+ text-decoration: none;
+ text-align: center;
+ line-height: 36px;
+ vertical-align: middle;
}
.mdl-layout-spacer {
- -webkit-flex-grow: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
}
.mdl-button--primary.mdl-button--primary {
- color: rgb(33,150,243);
+ color: rgb(33, 150, 243);
}
.mdl-button {
- background: transparent;
- border: none;
- border-radius: 2px;
- color: rgb(0,0,0);
- position: relative;
- height: 36px;
- margin: 0;
- min-width: 64px;
- padding: 0 16px;
- display: inline-block;
- font-family: "Roboto", "Helvetica", "Arial", sans-serif;
- font-size: 14px;
- font-weight: 500;
- text-transform: uppercase;
- line-height: 1;
- letter-spacing: 0;
- overflow: hidden;
- will-change: box-shadow;
- transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- outline: none;
- cursor: pointer;
- text-decoration: none;
- text-align: center;
- line-height: 36px;
- vertical-align: middle;
+ background: transparent;
+ border: none;
+ border-radius: 2px;
+ color: rgb(0, 0, 0);
+ position: relative;
+ height: 36px;
+ margin: 0;
+ min-width: 64px;
+ padding: 0 16px;
+ display: inline-block;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+ font-size: 14px;
+ font-weight: 500;
+ text-transform: uppercase;
+ line-height: 1;
+ letter-spacing: 0;
+ overflow: hidden;
+ will-change: box-shadow;
+ transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
+ background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+ color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+ outline: none;
+ cursor: pointer;
+ text-decoration: none;
+ text-align: center;
+ line-height: 36px;
+ vertical-align: middle;
}
.mdl-button .material-icons {
- vertical-align: middle;
+ vertical-align: middle;
}
.mdl-button .material-icons {
- vertical-align: middle;
+ vertical-align: middle;
}
#emptyList {
- padding: 30px;
+ padding: 30px;
}
.mdl-card__actions.service-actions {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0;
}
.mdl-card__supporting-text.service-desc {
- display: -webkit-box;
- -webkit-line-clamp: 3;
- -webkit-box-orient: vertical;
- overflow: hidden;
- /* text-overflow: ellipsis; */
- margin-bottom: 14px;
- height: 60px;
+ display: -webkit-box;
+ -webkit-line-clamp: 3;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ /* text-overflow: ellipsis; */
+ margin-bottom: 14px;
+ height: 60px;
}
-
.pagination-class .label {
- color: rgba(0, 0, 0, 0.54) !important;
+ color: rgba(0, 0, 0, 0.54) !important;
}
-md-card-header{
- padding: 16px 0 16px 0 !important;
+md-card-header {
+ padding: 16px 0 16px 0 !important;
}
-#service-type-name{
- margin-right: 6px;
+#service-type-name {
+ margin-right: 6px;
}
-.icon-red{
- color: red;
+.icon-red {
+ color: red;
}
-#homeToolbar, .dialogHeader {
- min-height: 40px;
- height: 40px;
+#homeToolbar,
+.dialogHeader {
+ min-height: 40px;
+ height: 40px;
}
-.fontSize{
- font-size:18px;
+.fontSize {
+ font-size: 18px;
}
-md-option.fontSize{
- font-size:16px;
+md-option.fontSize {
+ font-size: 16px;
}
-th.fontSize{
- font-size:15px !important;
+th.fontSize {
+ font-size: 15px !important;
}
-.pointerClick{
- cursor: pointer;
+.pointerClick {
+ cursor: pointer;
}
-.actionIcon{
- position: relative;
- top: 4px;
+.actionIcon {
+ position: relative;
+ top: 4px;
}
-#sideNav{
- background-color : #f5f5f5 !important;
-
+#sideNav {
+ background-color: #f5f5f5 !important;
}
-#sideNav.md-locked-open{
+#sideNav.md-locked-open {
z-index: 0;
}
.btnDefault {
- border-radius: 6px;
- /* height: 24px; */
- font-size: 12px;
- font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;
- line-height: 24px;
- color: #000;
- border: 1px solid #d3d3d3;
- text-align: center;
- box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
- background: linear-gradient(to bottom, #fff, #fafafa);
- padding: 0 10px;
+ border-radius: 6px;
+ /* height: 24px; */
+ font-size: 12px;
+ font-family: "Microsoft Yahei", Arial, Tahoma, Verdana, SimSun;
+ line-height: 24px;
+ color: #000;
+ border: 1px solid #d3d3d3;
+ text-align: center;
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+ background: linear-gradient(to bottom, #fff, #fafafa);
+ padding: 0 10px;
}
.btnDefault:hover {
- border-color: #4ac9ff;
- color: #009ae7;
+ border-color: #4ac9ff;
+ color: #009ae7;
}
-.actionBtnHeight{
- height:22px;
+.actionBtnHeight {
+ height: 22px;
}
-#gridView .actionBtnHeight > .materialIconAdjustment{
- font-size: 16px;
- position: relative;
- top: 2px;
+#gridView .actionBtnHeight > .materialIconAdjustment {
+ font-size: 16px;
+ position: relative;
+ top: 2px;
}
-#listView .materialIconAdjustment{
- position: relative;
- top: 4px;
+#listView .materialIconAdjustment {
+ position: relative;
+ top: 4px;
}
-.btnTransparency{
- background-color: transparent;
- border:none;
+.btnTransparency {
+ background-color: transparent;
+ border: none;
}
-.btnSpacing{
- margin-right: 5px;
+.btnSpacing {
+ margin-right: 5px;
}
.btn-danger {
- border-radius: 6px;
- font-size: 12px;
- font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;
- line-height: 24px;
- text-align: center;
- box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
- padding: 0 10px;
- color: #fff;
- background: #d43f3a;
+ border-radius: 6px;
+ font-size: 12px;
+ font-family: "Microsoft Yahei", Arial, Tahoma, Verdana, SimSun;
+ line-height: 24px;
+ text-align: center;
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+ padding: 0 10px;
+ color: #fff;
+ background: #d43f3a;
}
.btn-primary {
- border-radius: 6px;
- font-size: 12px;
- font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;
- line-height: 24px;
- text-align: center;
- box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
- padding: 0 10px;
-}
-.btn-danger:hover{
- border: 1px solid #d43f3a;
- background: linear-gradient(to bottom, #fff, #fafafa);
- color:#d43f3a;
- background: #fafafa !important;
-}
-.msg{
- text-align: left;
- vertical-align: middle;
- vertical-align: middle;
- position: absolute;
- top: 47%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- padding-left: 70px;
- white-space: normal;
-}
-.deleteIconSize{
- font-size: 37px;
-}
-.fullWidth{
- width:100%;
-}
-
-.deleteAction{
- margin: auto;
- display: block;
- text-align: center;
- position: relative;
- top: 15px;
-}
-.deleteBtn{
- margin: 5px 5px 5px 0px;
-}
- .icon_info {
- color: green;
+ border-radius: 6px;
+ font-size: 12px;
+ font-family: "Microsoft Yahei", Arial, Tahoma, Verdana, SimSun;
+ line-height: 24px;
+ text-align: center;
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+ padding: 0 10px;
+}
+.btn-danger:hover {
+ border: 1px solid #d43f3a;
+ background: linear-gradient(to bottom, #fff, #fafafa);
+ color: #d43f3a;
+ background: #fafafa !important;
+}
+.msg {
+ text-align: left;
+ vertical-align: middle;
+ vertical-align: middle;
+ position: absolute;
+ top: 47%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ padding-left: 70px;
+ white-space: normal;
+}
+.deleteIconSize {
+ font-size: 37px;
+}
+
+/* if display block then button and text is getting overlapped */
+.fullWidth {
+ width: 100%;
+ display: inline-block;
+}
+
+.deleteAction {
+ margin: auto;
+ display: block;
+ text-align: center;
+ position: relative;
+ top: 15px;
+}
+.deleteBtn {
+ margin: 5px 5px 5px 0px;
+}
+.icon_info {
+ color: green;
}
.icon_warning {
- color: orange;
+ color: orange;
}
-.btn[disabled]{
- background: lightgray !important;
+.btn[disabled] {
+ background: lightgray !important;
}
-.serviceDelete{
- font-size: 22px;
- padding-right: 4px;
- position: relative;
- top: 3px;
- color: red;
- right: 3px;
+.serviceDelete {
+ font-size: 22px;
+ padding-right: 4px;
+ position: relative;
+ top: 3px;
+ color: red;
+ right: 3px;
}
-#description{
- list-style-type: disc;
+#description {
+ list-style-type: disc;
}
.icon_error {
- color: red;
+ color: red;
}
-table tbody tr:nth-child(even)>td {
- background-color:#fafafa;
+table tbody tr:nth-child(even) > td {
+ background-color: #fafafa;
}
-table tbody tr:nth-child(odd)>td {
- background-color:#f7f7f7
+table tbody tr:nth-child(odd) > td {
+ background-color: #f7f7f7;
}
table tbody tr:hover td {
- background-color: #e6fbe0 !important;
+ background-color: #e6fbe0 !important;
}
-#serviceUpload{
- box-shadow: 1px 2px 4px -1px #858CA8;
+#serviceUpload {
+ box-shadow: 1px 2px 4px -1px #858ca8;
}
table tr {
- height:33px !important;
+ height: 33px !important;
}
-table thead{
- text-align: left;
- font-size: 14px;
- background-color: #E1E4E5;
+table thead {
+ text-align: left;
+ font-size: 14px;
+ background-color: #e1e4e5;
}
table tr {
- border-color: grey;
+ border-color: grey;
}
-
-#uploadDialog .msg{
- position: relative;
- top: 9px;
+#uploadDialog .msg {
+ position: relative;
+ top: 9px;
}
-.nopadding{
- padding:0 !important;
+.nopadding {
+ padding: 0 !important;
}
-.nomargin{
- margin:0 !important;
+.nomargin {
+ margin: 0 !important;
}
-#serviceName{
- position: relative;
- left: 14px;
- background-color: #efefef;
- color:rgb(148,148,148);
- text-align:center;
- width:100px;
- border-radius: 3px;
+#serviceName {
+ position: relative;
+ left: 14px;
+ background-color: #efefef;
+ color: rgb(148, 148, 148);
+ text-align: center;
+ width: 100px;
+ border-radius: 3px;
}
-.gridTitleHeight{
- height:46px !important;
- min-height:46px !important;
+.gridTitleHeight {
+ height: 46px !important;
+ min-height: 46px !important;
}
-.gridToolbarHeight{
- min-height: 54px;
- height: 54px;
+.gridToolbarHeight {
+ min-height: 54px;
+ height: 54px;
}
-.gridBottomeHeight{
- height:46px !important;
- min-height:46px !important;
+.gridBottomeHeight {
+ height: 46px !important;
+ min-height: 46px !important;
}
-.gridUnderline{
- border-bottom: 1px solid black;
- border-bottom-style: dashed;
+.gridUnderline {
+ border-bottom: 1px solid black;
+ border-bottom-style: dashed;
}
-.gridBottomFonts{
- color: rgb(148,148,148);
- font-size: 12px;
+.gridBottomFonts {
+ color: rgb(148, 148, 148);
+ font-size: 12px;
}
-.marginAuto{
- margin:auto;
+.marginAuto {
+ margin: auto;
}
-.selectLblAlignment{
- padding-right: 10px;
+.selectLblAlignment {
+ padding-right: 10px;
}
-.viewIconPosition{
- position: relative;
- top: -2px;
+.viewIconPosition {
+ position: relative;
+ top: -2px;
}
-#searchIcon{
- background-color: #858CA8;
- height: 31px;
- position: relative;
- top: 1.5px;
+#searchIcon {
+ background-color: #858ca8;
+ height: 31px;
+ position: relative;
+ top: 1.5px;
}
-#cancelSearch{
- background-color: #858CA8;
- height: 31px;
- position: relative;
- top: 1.5px;
+#cancelSearch {
+ background-color: #858ca8;
+ height: 31px;
+ position: relative;
+ top: 1.5px;
}
-.searchIconColor{
- color:rgb(234,234,234);
+.searchIconColor {
+ color: rgb(234, 234, 234);
}
-.tabContentBorder{
- border:1px solid #e7e7e7;
+.tabContentBorder {
+ border: 1px solid #e7e7e7;
}
-.nav.navbar-nav .active a{
- color: #3399FF !important;
- height: calc(41px - 1px);
+.nav.navbar-nav .active a {
+ color: #3399ff !important;
+ height: calc(41px - 1px);
}
-.nav.navbar-nav a{
- padding:16px 16px 4px 16px !important;
- color: rgba(0, 0, 0, 0.87) !important;
+.nav.navbar-nav a {
+ padding: 16px 16px 4px 16px !important;
+ color: rgba(0, 0, 0, 0.87) !important;
}
-.nav.navbar-nav a:hover{
- background:transparent;
+.nav.navbar-nav a:hover {
+ background: transparent;
}
-.nav.navbar-nav li:not(.active){
- border-right: 1px solid dimgray !important;
- cursor:pointer;
+.nav.navbar-nav li:not(.active) {
+ border-right: 1px solid dimgray !important;
+ cursor: pointer;
}
.nav.navbar-nav li {
- background-color:#eee;
- border: 2px solid lightgray;
-
+ background-color: #eee;
+ border: 2px solid lightgray;
}
.nav.navbar-nav li.active {
- background-color:white;
- /*box-shadow: -1px 5px 10px -1px lightslategrey;*/
- border-top:3px solid #3399FF;
+ background-color: white;
+ /*box-shadow: -1px 5px 10px -1px lightslategrey;*/
+ border-top: 3px solid #3399ff;
}
-.borderBottom{
- border-bottom:1px solid black;
+.borderBottom {
+ border-bottom: 1px solid black;
}
-.backgroundWhite{
- background-color: transparent;
+.backgroundWhite {
+ background-color: transparent;
}
-.paddingBottom{
- padding-bottom: 16px;
+.paddingBottom {
+ padding-bottom: 16px;
}
.onboardProgress {
- margin-bottom: 90px;
+ margin-bottom: 90px;
}
.processLabel {
- margin-top: 40px;
+ margin-top: 40px;
}
-#onBoardingContent, #onBoardingSuccessContent {
- background-color: #fff;
- padding: 30px;
+#onBoardingContent,
+#onBoardingSuccessContent {
+ background-color: #fff;
+ padding: 30px;
}
.onboarddiv {
- margin: auto;
- text-align: center;
- top: -59px;
- position: relative;
+ margin: auto;
+ text-align: center;
+ top: -59px;
+ position: relative;
}
.progressDiv {
- width: 100%;
- height: 4px;
- /*border: 2px solid #3DCCA6;*/
- background-color: #E2E2E2;
- position: relative;
- top: 18px;
- margin: auto;
+ width: 100%;
+ height: 4px;
+ /*border: 2px solid #3DCCA6;*/
+ background-color: #e2e2e2;
+ position: relative;
+ top: 18px;
+ margin: auto;
}
.roundProg {
- border-radius: 15px;
- width: 30px;
- height: 30px;
- background-color: #E2E2E2;
- z-index: 1;
- text-align: center;
- margin: auto;
- line-height: 28px;
- position: relative;
+ border-radius: 15px;
+ width: 30px;
+ height: 30px;
+ background-color: #e2e2e2;
+ z-index: 1;
+ text-align: center;
+ margin: auto;
+ line-height: 28px;
+ position: relative;
}
.progressed {
- background-color: #3DCCA6;
- color: #fff;
+ background-color: #3dcca6;
+ color: #fff;
}
.bg-grey {
- background-color: #F6F7F7;
+ background-color: #f6f7f7;
}
.onboardBtn {
- width: 120px !important;
- height: 120px !important;
- background-color: #E0EDFA;
- background-repeat: no-repeat;
- background-size: initial;
- margin: auto;
- border: 1px solid transparent;
- border-radius: 66px;
+ width: 120px !important;
+ height: 120px !important;
+ background-color: #e0edfa;
+ background-repeat: no-repeat;
+ background-size: initial;
+ margin: auto;
+ border: 1px solid transparent;
+ border-radius: 66px;
}
.onboardBtn.btnImage1 {
- background-image: url("../images/Validtion.png");
- background-position: 20px 19px;
+ background-image: url("../images/Validtion.png");
+ background-position: 20px 19px;
}
.onboardBtn.btnImage2 {
- background-image: url("../images/Lifecycle-Test.png");
- background-position: 23px 20px;
+ background-image: url("../images/Lifecycle-Test.png");
+ background-position: 23px 20px;
}
.onboardBtn.btnImage3 {
- background-image: url("../images/Function-Test.png");
- background-position: 25px 13px;
+ background-image: url("../images/Function-Test.png");
+ background-position: 25px 13px;
}
.btnOuter {
- margin: auto;
- border-radius: 70px;
- /*border: 1px solid transparent;*/
- background-color: #F6F7F7;
- background-size: initial;
- width: 140px;
- height: 140px;
- padding: 10px;
+ margin: auto;
+ border-radius: 70px;
+ /*border: 1px solid transparent;*/
+ background-color: #f6f7f7;
+ background-size: initial;
+ width: 140px;
+ height: 140px;
+ padding: 10px;
}
.listItems {
- position: relative;
- top: -60px;
+ position: relative;
+ top: -60px;
}
.onbdContent span.statusIcon {
- font-size: 22px;
- color: #3DCCA6;
- margin-right: 8px;
- display: inline-block;
- width: 21px;
- height: 21px;
- margin-bottom: -6px;
+ font-size: 22px;
+ color: #3dcca6;
+ margin-right: 8px;
+ display: inline-block;
+ width: 21px;
+ height: 21px;
+ margin-bottom: -6px;
}
.onbdContent .md-padding div {
- margin: 14px;
+ margin: 14px;
}
.clock-icon {
- background-image: url("../images/03.png");
+ background-image: url("../images/03.png");
}
.progress-icon {
- background-image: url("../images/02.png");
+ background-image: url("../images/02.png");
}
.success-icon {
- background-image: url("../images/01.png");
+ background-image: url("../images/01.png");
}
.failed-icon {
- /*background-image: url("../images/01.png");*/
+ /*background-image: url("../images/01.png");*/
- /*TODO Remove code after getting proper image*/
+ /*TODO Remove code after getting proper image*/
- color: red !important;
- padding-left: 6px;
+ color: red !important;
+ padding-left: 6px;
}
-.iconColor{
- color:#3399FF;
+.iconColor {
+ color: #3399ff;
}
-.downiconColor{
- color:white;
+.downiconColor {
+ color: white;
}
-.delButton{
- margin-left:10px;
+.delButton {
+ margin-left: 10px;
}
-.downloadButton{
- background:#3399FF;
-
-
+.downloadButton {
+ background: #3399ff;
}
-.reloadButton{
- padding:0 10px 0 0;
+.reloadButton {
+ padding: 0 10px 0 0;
}
-
.downloadButton:hover {
- color:black;
+ color: black;
}
-
-.btnPrimary{
- border-radius: 3px;
- /* height: 24px; */
- font-size: 12px;
- font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;
- line-height: 24px;
- color: white;
- border: 1px solid #d3d3d3;
- text-align: center;
- box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
- background: linear-gradient(to bottom, #fff, #fafafa);
- padding: 0 6px;
- background: #3399FF;
-
+.btnPrimary {
+ border-radius: 3px;
+ /* height: 24px; */
+ font-size: 12px;
+ font-family: "Microsoft Yahei", Arial, Tahoma, Verdana, SimSun;
+ line-height: 24px;
+ color: white;
+ border: 1px solid #d3d3d3;
+ text-align: center;
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+ background: linear-gradient(to bottom, #fff, #fafafa);
+ padding: 0 6px;
+ background: #3399ff;
}
-.tiles{
- border: 1px solid #e5e5e5;
+.tiles {
+ border: 1px solid #e5e5e5;
}
-#banner{
- background-image: url("../images/productioncardtype.png") ;
+#banner {
+ background-image: url("../images/productioncardtype.png");
}
-.toolContainer{
- position: absolute;
+.toolContainer {
+ position: absolute;
}
-.contentContainer{
- background-color: #DCDCDC;
- position: absolute;
- top: 49px;
- z-index: 2;
+.contentContainer {
+ background-color: #dcdcdc;
+ position: absolute;
+ top: 49px;
+ z-index: 2;
}
-.sortbar{
- margin-top: 24px;
- margin-left: 40px;
- margin-right: 48px;
- margin-bottom: 8px;
+.sortbar {
+ margin-top: 24px;
+ margin-left: 40px;
+ margin-right: 48px;
+ margin-bottom: 8px;
}
-#rightFlex{
- padding-top:55px;
+#rightFlex {
+ padding-top: 55px;
}
-#childLeftFlex{
- text-align: right;
+#childLeftFlex {
+ text-align: right;
}
-#childRightFlex{
- text-align: right;
- line-height: 24px;
+#childRightFlex {
+ text-align: right;
+ line-height: 24px;
}
-#buttonsbar{
- padding-left: 35px;
+#buttonsbar {
+ padding-left: 35px;
}
-
.reloadButton {
- padding:0 10px 0 0;
- margin-left:65px;
+ padding: 0 10px 0 0;
+ margin-left: 65px;
}
-.verticalBar{
- z-index:50;
+.verticalBar {
+ z-index: 50;
}
-.marketplaceSize{
- font-size:11px;
+.marketplaceSize {
+ font-size: 11px;
}
-.image{
- max-height: 101px;
- max-width: 17%;
- position: relative;
- top: 8px;
- bottom: 0;
- left: -66px;
- right: 0;
- margin: auto;
+.image {
+ max-height: 101px;
+ max-width: 17%;
+ position: relative;
+ top: 8px;
+ bottom: 0;
+ left: -66px;
+ right: 0;
+ margin: auto;
}
-.divheight{
- line-height:0px !important;
+.divheight {
+ line-height: 0px !important;
}
-.headTitle{
- color:#858CA8;
+.headTitle {
+ color: #858ca8;
}
-.btnPrimaryPadding
-{
- padding: 0 19px !important;
+.btnPrimaryPadding {
+ padding: 0 19px !important;
}
-.gridViewType{
- color:#3399FF;
+.gridViewType {
+ color: #3399ff;
}
-.gridViewType[disabled] > i{
- color:white;
+.gridViewType[disabled] > i {
+ color: white;
}
-.gridViewType[disabled]{
- background:#3399FF !important;
+.gridViewType[disabled] {
+ background: #3399ff !important;
}
-.gridViewType[disabled] i{
- color:white;
+.gridViewType[disabled] i {
+ color: white;
}
#onBoardingSuccessContent {
- /*min-height: 500px;*/
- height: 100%;
- width: 100%;
+ /*min-height: 500px;*/
+ height: 100%;
+ width: 100%;
}
#onBoardingSuccessContent #returnBtn {
- position: relative;
- left: -30px;
- border: none;
- border-radius: 0 13px 13px 0;
- width: 130px;
- color: #9D9D9D;
- background: #F2F2F2;
+ position: relative;
+ left: -30px;
+ border: none;
+ border-radius: 0 13px 13px 0;
+ width: 130px;
+ color: #9d9d9d;
+ background: #f2f2f2;
}
#onBoardingSuccessContent #returnBtn:hover {
- color: #333;
+ color: #333;
}
#onBoardingSuccessContent #returnBtn span {
- font-size: 15px;
- margin-right: 10px;
+ font-size: 15px;
+ margin-right: 10px;
}
.content {
- text-align: center;
- margin-top: 200px;
+ text-align: center;
+ margin-top: 200px;
}
.content.emptyPage {
- text-align: center;
- margin-top: 100px;
+ text-align: center;
+ margin-top: 100px;
}
.content div {
- text-align: center;
- margin: 10px;
+ text-align: center;
+ margin: 10px;
}
.content .imageContainer {
- width: 300px;
- height: 150px;
- /*background-color: #f8f8f8;*/
- margin: 0 auto;
+ width: 300px;
+ height: 150px;
+ /*background-color: #f8f8f8;*/
+ margin: 0 auto;
}
.content .imageContainer img {
- height: 100%;
+ height: 100%;
}
.content .backLink {
- text-decoration: none;
- color: #9D9D9D;
+ text-decoration: underline;
+ /*color: #9d9d9d;*/
}
.content .backLink:hover {
- color: #333;
+ color: #333;
}
textarea {
- width: 100%;
- height: 150px;
- box-sizing: border-box;
- border: 2px solid #ccc;
- border-radius: 4px;
- background-color: white;
- font-size: 16px;
- resize: none;
+ width: 100%;
+ height: 150px;
+ box-sizing: border-box;
+ border: 2px solid #ccc;
+ border-radius: 4px;
+ background-color: white;
+ font-size: 16px;
+ resize: none;
}
input {
- width: 100%;
+ width: 100%;
}
-.labels{
- padding-top:20px;
+.labels {
+ padding-top: 20px;
}
-#uploadStyle{
- /*padding-top: 25px;*/
- padding-left: 25px;
+#uploadStyle {
+ /*padding-top: 25px;*/
+ padding-left: 25px;
}
-.PageIndicator{
- position: absolute;
- background-color: #00b3ee;
- top: 11%;
- padding-left: 5px;
- margin: -6px;
- height: 30px;
- width: 6px;
- z-index: 45;
+.PageIndicator {
+ position: absolute;
+ background-color: #00b3ee;
+ top: 11%;
+ padding-left: 5px;
+ margin: -6px;
+ height: 30px;
+ width: 6px;
+ z-index: 45;
}
-.UploadPageIndicator{
- position: absolute;
- background-color: #00b3ee;
- top: 11%;
- padding-left: 5px;
- margin: -5px;
- height: 30px;
- width:10px;
+.UploadPageIndicator {
+ position: absolute;
+ background-color: #00b3ee;
+ top: 11%;
+ padding-left: 5px;
+ margin: -5px;
+ height: 30px;
+ width: 10px;
}
-.btnIconSpacing{
- position: relative;
- top: -2px;
- left: -3px;
+.btnIconSpacing {
+ position: relative;
+ top: -2px;
+ left: -3px;
}
-#listView .btnIconSpacing{
- top: -6px !important;
- position: relative;
- /*top: -2px;*/
- left: -3px;
+#listView .btnIconSpacing {
+ top: 0px !important;
+ position: relative;
+ left: -3px;
}
-.gridServiceTitle{
- color:#337ab7 !important;
+.gridServiceTitle {
+ color: #337ab7 !important;
}
-.actionWidth{
- min-width: 150px;
+.actionWidth {
+ min-width: 150px;
}
-.primaryColor{
- background-color:#3399FF;
+.primaryColor {
+ background-color: #3399ff;
}
-.nav.navbar-nav a{
- padding: 10.5px !important;
- color: dimgray;
+.nav.navbar-nav a {
+ padding: 10.5px !important;
+ color: dimgray;
}
#detailsTabs .fontSize {
- font-size: 15px;
- font-weight:bold;
+ font-size: 15px;
+ font-weight: bold;
+}
+.navbar {
+ min-height: 43px;
}
-.navbar{
- min-height:43px;
-}
\ No newline at end of file diff --git a/vnfmarket/src/main/webapp/vnfmarket/common/thirdparty/bootstrap/js/alert.js b/vnfmarket/src/main/webapp/vnfmarket/common/thirdparty/bootstrap/js/alert.js deleted file mode 100644 index db97f3b0..00000000 --- a/vnfmarket/src/main/webapp/vnfmarket/common/thirdparty/bootstrap/js/alert.js +++ /dev/null @@ -1,94 +0,0 @@ -/* ======================================================================== - * Bootstrap: alert.js v3.3.7 - * http://getbootstrap.com/javascript/#alerts - * ======================================================================== - * Copyright 2011-2016 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - * ======================================================================== */ - - -+function ($) { - 'use strict'; - - // ALERT CLASS DEFINITION - // ====================== - - var dismiss = '[data-dismiss="alert"]' - var Alert = function (el) { - $(el).on('click', dismiss, this.close) - } - - Alert.VERSION = '3.3.7' - - Alert.TRANSITION_DURATION = 150 - - Alert.prototype.close = function (e) { - var $this = $(this) - var selector = $this.attr('data-target') - - if (!selector) { - selector = $this.attr('href') - selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 - } - - var $parent = $(selector === '#' ? [] : selector) - - if (e) e.preventDefault() - - if (!$parent.length) { - $parent = $this.closest('.alert') - } - - $parent.trigger(e = $.Event('close.bs.alert')) - - if (e.isDefaultPrevented()) return - - $parent.removeClass('in') - - function removeElement() { - // detach from parent, fire event then clean up data - $parent.detach().trigger('closed.bs.alert').remove() - } - - $.support.transition && $parent.hasClass('fade') ? - $parent - .one('bsTransitionEnd', removeElement) - .emulateTransitionEnd(Alert.TRANSITION_DURATION) : - removeElement() - } - - - // ALERT PLUGIN DEFINITION - // ======================= - - function Plugin(option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('bs.alert') - - if (!data) $this.data('bs.alert', (data = new Alert(this))) - if (typeof option == 'string') data[option].call($this) - }) - } - - var old = $.fn.alert - - $.fn.alert = Plugin - $.fn.alert.Constructor = Alert - - - // ALERT NO CONFLICT - // ================= - - $.fn.alert.noConflict = function () { - $.fn.alert = old - return this - } - - - // ALERT DATA-API - // ============== - - $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) - -}(jQuery); diff --git a/vnfmarket/src/main/webapp/vnfmarket/common/thirdparty/bootstrap/js/carousel.js b/vnfmarket/src/main/webapp/vnfmarket/common/thirdparty/bootstrap/js/carousel.js deleted file mode 100644 index 6ff954c9..00000000 --- a/vnfmarket/src/main/webapp/vnfmarket/common/thirdparty/bootstrap/js/carousel.js +++ /dev/null @@ -1,237 +0,0 @@ -/* ======================================================================== - * Bootstrap: carousel.js v3.3.7 - * http://getbootstrap.com/javascript/#carousel - * ======================================================================== - * Copyright 2011-2016 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - * ======================================================================== */ - - -+function ($) { - 'use strict'; - - // CAROUSEL CLASS DEFINITION - // ========================= - - var Carousel = function (element, options) { - this.$element = $(element) - this.$indicators = this.$element.find('.carousel-indicators') - this.options = options - this.paused = null - this.sliding = null - this.interval = null - this.$active = null - this.$items = null - - this.options.keyboard && this.$element.on('keydown.bs.carousel', $.proxy(this.keydown, this)) - - this.options.pause == 'hover' && !('ontouchstart' in document.documentElement) && this.$element - .on('mouseenter.bs.carousel', $.proxy(this.pause, this)) - .on('mouseleave.bs.carousel', $.proxy(this.cycle, this)) - } - - Carousel.VERSION = '3.3.7' - - Carousel.TRANSITION_DURATION = 600 - - Carousel.DEFAULTS = { - interval: 5000, - pause: 'hover', - wrap: true, - keyboard: true - } - - Carousel.prototype.keydown = function (e) { - if (/input|textarea/i.test(e.target.tagName)) return - switch (e.which) { - case 37: this.prev(); break - case 39: this.next(); break - default: return - } - - e.preventDefault() - } - - Carousel.prototype.cycle = function (e) { - e || (this.paused = false) - - this.interval && clearInterval(this.interval) - - this.options.interval - && !this.paused - && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) - - return this - } - - Carousel.prototype.getItemIndex = function (item) { - this.$items = item.parent().children('.item') - return this.$items.index(item || this.$active) - } - - Carousel.prototype.getItemForDirection = function (direction, active) { - var activeIndex = this.getItemIndex(active) - var willWrap = (direction == 'prev' && activeIndex === 0) - || (direction == 'next' && activeIndex == (this.$items.length - 1)) - if (willWrap && !this.options.wrap) return active - var delta = direction == 'prev' ? -1 : 1 - var itemIndex = (activeIndex + delta) % this.$items.length - return this.$items.eq(itemIndex) - } - - Carousel.prototype.to = function (pos) { - var that = this - var activeIndex = this.getItemIndex(this.$active = this.$element.find('.item.active')) - - if (pos > (this.$items.length - 1) || pos < 0) return - - if (this.sliding) return this.$element.one('slid.bs.carousel', function () { that.to(pos) }) // yes, "slid" - if (activeIndex == pos) return this.pause().cycle() - - return this.slide(pos > activeIndex ? 'next' : 'prev', this.$items.eq(pos)) - } - - Carousel.prototype.pause = function (e) { - e || (this.paused = true) - - if (this.$element.find('.next, .prev').length && $.support.transition) { - this.$element.trigger($.support.transition.end) - this.cycle(true) - } - - this.interval = clearInterval(this.interval) - - return this - } - - Carousel.prototype.next = function () { - if (this.sliding) return - return this.slide('next') - } - - Carousel.prototype.prev = function () { - if (this.sliding) return - return this.slide('prev') - } - - Carousel.prototype.slide = function (type, next) { - var $active = this.$element.find('.item.active') - var $next = next || this.getItemForDirection(type, $active) - var isCycling = this.interval - var direction = type == 'next' ? 'left' : 'right' - var that = this - - if ($next.hasClass('active')) return (this.sliding = false) - - var relatedTarget = $next[0] - var slideEvent = $.Event('slide.bs.carousel', { - relatedTarget: relatedTarget, - direction: direction - }) - this.$element.trigger(slideEvent) - if (slideEvent.isDefaultPrevented()) return - - this.sliding = true - - isCycling && this.pause() - - if (this.$indicators.length) { - this.$indicators.find('.active').removeClass('active') - var $nextIndicator = $(this.$indicators.children()[this.getItemIndex($next)]) - $nextIndicator && $nextIndicator.addClass('active') - } - - var slidEvent = $.Event('slid.bs.carousel', { relatedTarget: relatedTarget, direction: direction }) // yes, "slid" - if ($.support.transition && this.$element.hasClass('slide')) { - $next.addClass(type) - $next[0].offsetWidth // force reflow - $active.addClass(direction) - $next.addClass(direction) - $active - .one('bsTransitionEnd', function () { - $next.removeClass([type, direction].join(' ')).addClass('active') - $active.removeClass(['active', direction].join(' ')) - that.sliding = false - setTimeout(function () { - that.$element.trigger(slidEvent) - }, 0) - }) - .emulateTransitionEnd(Carousel.TRANSITION_DURATION) - } else { - $active.removeClass('active') - $next.addClass('active') - this.sliding = false - this.$element.trigger(slidEvent) - } - - isCycling && this.cycle() - - return this - } - - - // CAROUSEL PLUGIN DEFINITION - // ========================== - - function Plugin(option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('bs.carousel') - var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option) - var action = typeof option == 'string' ? option : options.slide - - if (!data) $this.data('bs.carousel', (data = new Carousel(this, options))) - if (typeof option == 'number') data.to(option) - else if (action) data[action]() - else if (options.interval) data.pause().cycle() - }) - } - - var old = $.fn.carousel - - $.fn.carousel = Plugin - $.fn.carousel.Constructor = Carousel - - - // CAROUSEL NO CONFLICT - // ==================== - - $.fn.carousel.noConflict = function () { - $.fn.carousel = old - return this - } - - - // CAROUSEL DATA-API - // ================= - - var clickHandler = function (e) { - var href - var $this = $(this) - var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) // strip for ie7 - if (!$target.hasClass('carousel')) return - var options = $.extend({}, $target.data(), $this.data()) - var slideIndex = $this.attr('data-slide-to') - if (slideIndex) options.interval = false - - Plugin.call($target, options) - - if (slideIndex) { - $target.data('bs.carousel').to(slideIndex) - } - - e.preventDefault() - } - - $(document) - .on('click.bs.carousel.data-api', '[data-slide]', clickHandler) - .on('click.bs.carousel.data-api', '[data-slide-to]', clickHandler) - - $(window).on('load', function () { - $('[data-ride="carousel"]').each(function () { - var $carousel = $(this) - Plugin.call($carousel, $carousel.data()) - }) - }) - -}(jQuery); diff --git a/vnfmarket/src/main/webapp/vnfmarket/common/thirdparty/bootstrap/js/collapse.js b/vnfmarket/src/main/webapp/vnfmarket/common/thirdparty/bootstrap/js/collapse.js deleted file mode 100644 index 12038693..00000000 --- a/vnfmarket/src/main/webapp/vnfmarket/common/thirdparty/bootstrap/js/collapse.js +++ /dev/null @@ -1,212 +0,0 @@ -/* ======================================================================== - * Bootstrap: collapse.js v3.3.7 - * http://getbootstrap.com/javascript/#collapse - * ======================================================================== - * Copyright 2011-2016 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - * ======================================================================== */ - -/* jshint latedef: false */ - -+function ($) { - 'use strict'; - - // COLLAPSE PUBLIC CLASS DEFINITION - // ================================ - - var Collapse = function (element, options) { - this.$element = $(element) - this.options = $.extend({}, Collapse.DEFAULTS, options) - this.$trigger = $('[data-toggle="collapse"][href="#' + element.id + '"],' + - '[data-toggle="collapse"][data-target="#' + element.id + '"]') - this.transitioning = null - - if (this.options.parent) { - this.$parent = this.getParent() - } else { - this.addAriaAndCollapsedClass(this.$element, this.$trigger) - } - - if (this.options.toggle) this.toggle() - } - - Collapse.VERSION = '3.3.7' - - Collapse.TRANSITION_DURATION = 350 - - Collapse.DEFAULTS = { - toggle: true - } - - Collapse.prototype.dimension = function () { - var hasWidth = this.$element.hasClass('width') - return hasWidth ? 'width' : 'height' - } - - Collapse.prototype.show = function () { - if (this.transitioning || this.$element.hasClass('in')) return - - var activesData - var actives = this.$parent && this.$parent.children('.panel').children('.in, .collapsing') - - if (actives && actives.length) { - activesData = actives.data('bs.collapse') - if (activesData && activesData.transitioning) return - } - - var startEvent = $.Event('show.bs.collapse') - this.$element.trigger(startEvent) - if (startEvent.isDefaultPrevented()) return - - if (actives && actives.length) { - Plugin.call(actives, 'hide') - activesData || actives.data('bs.collapse', null) - } - - var dimension = this.dimension() - - this.$element - .removeClass('collapse') - .addClass('collapsing')[dimension](0) - .attr('aria-expanded', true) - - this.$trigger - .removeClass('collapsed') - .attr('aria-expanded', true) - - this.transitioning = 1 - - var complete = function () { - this.$element - .removeClass('collapsing') - .addClass('collapse in')[dimension]('') - this.transitioning = 0 - this.$element - .trigger('shown.bs.collapse') - } - - if (!$.support.transition) return complete.call(this) - - var scrollSize = $.camelCase(['scroll', dimension].join('-')) - - this.$element - .one('bsTransitionEnd', $.proxy(complete, this)) - .emulateTransitionEnd(Collapse.TRANSITION_DURATION)[dimension](this.$element[0][scrollSize]) - } - - Collapse.prototype.hide = function () { - if (this.transitioning || !this.$element.hasClass('in')) return - - var startEvent = $.Event('hide.bs.collapse') - this.$element.trigger(startEvent) - if (startEvent.isDefaultPrevented()) return - - var dimension = this.dimension() - - this.$element[dimension](this.$element[dimension]())[0].offsetHeight - - this.$element - .addClass('collapsing') - .removeClass('collapse in') - .attr('aria-expanded', false) - - this.$trigger - .addClass('collapsed') - .attr('aria-expanded', false) - - this.transitioning = 1 - - var complete = function () { - this.transitioning = 0 - this.$element - .removeClass('collapsing') - .addClass('collapse') - .trigger('hidden.bs.collapse') - } - - if (!$.support.transition) return complete.call(this) - - this.$element - [dimension](0) - .one('bsTransitionEnd', $.proxy(complete, this)) - .emulateTransitionEnd(Collapse.TRANSITION_DURATION) - } - - Collapse.prototype.toggle = function () { - this[this.$element.hasClass('in') ? 'hide' : 'show']() - } - - Collapse.prototype.getParent = function () { - return $(this.options.parent) - .find('[data-toggle="collapse"][data-parent="' + this.options.parent + '"]') - .each($.proxy(function (i, element) { - var $element = $(element) - this.addAriaAndCollapsedClass(getTargetFromTrigger($element), $element) - }, this)) - .end() - } - - Collapse.prototype.addAriaAndCollapsedClass = function ($element, $trigger) { - var isOpen = $element.hasClass('in') - - $element.attr('aria-expanded', isOpen) - $trigger - .toggleClass('collapsed', !isOpen) - .attr('aria-expanded', isOpen) - } - - function getTargetFromTrigger($trigger) { - var href - var target = $trigger.attr('data-target') - || (href = $trigger.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') // strip for ie7 - - return $(target) - } - - - // COLLAPSE PLUGIN DEFINITION - // ========================== - - function Plugin(option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('bs.collapse') - var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option) - - if (!data && options.toggle && /show|hide/.test(option)) options.toggle = false - if (!data) $this.data('bs.collapse', (data = new Collapse(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - var old = $.fn.collapse - - $.fn.collapse = Plugin - $.fn.collapse.Constructor = Collapse - - - // COLLAPSE NO CONFLICT - // ==================== - - $.fn.collapse.noConflict = function () { - $.fn.collapse = old - return this - } - - - // COLLAPSE DATA-API - // ================= - - $(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function (e) { - var $this = $(this) - - if (!$this.attr('data-target')) e.preventDefault() - - var $target = getTargetFromTrigger($this) - var data = $target.data('bs.collapse') - var option = data ? 'toggle' : $this.data() - - Plugin.call($target, option) - }) - -}(jQuery); diff --git a/vnfmarket/src/main/webapp/vnfmarket/common/thirdparty/bootstrap/js/dropdown.js b/vnfmarket/src/main/webapp/vnfmarket/common/thirdparty/bootstrap/js/dropdown.js deleted file mode 100644 index 04e9c2de..00000000 --- a/vnfmarket/src/main/webapp/vnfmarket/common/thirdparty/bootstrap/js/dropdown.js +++ /dev/null @@ -1,165 +0,0 @@ -/* ======================================================================== - * Bootstrap: dropdown.js v3.3.7 - * http://getbootstrap.com/javascript/#dropdowns - * ======================================================================== - * Copyright 2011-2016 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - * ======================================================================== */ - - -+function ($) { - 'use strict'; - - // DROPDOWN CLASS DEFINITION - // ========================= - - var backdrop = '.dropdown-backdrop' - var toggle = '[data-toggle="dropdown"]' - var Dropdown = function (element) { - $(element).on('click.bs.dropdown', this.toggle) - } - - Dropdown.VERSION = '3.3.7' - - function getParent($this) { - var selector = $this.attr('data-target') - - if (!selector) { - selector = $this.attr('href') - selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 - } - - var $parent = selector && $(selector) - - return $parent && $parent.length ? $parent : $this.parent() - } - - function clearMenus(e) { - if (e && e.which === 3) return - $(backdrop).remove() - $(toggle).each(function () { - var $this = $(this) - var $parent = getParent($this) - var relatedTarget = { relatedTarget: this } - - if (!$parent.hasClass('open')) return - - if (e && e.type == 'click' && /input|textarea/i.test(e.target.tagName) && $.contains($parent[0], e.target)) return - - $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget)) - - if (e.isDefaultPrevented()) return - - $this.attr('aria-expanded', 'false') - $parent.removeClass('open').trigger($.Event('hidden.bs.dropdown', relatedTarget)) - }) - } - - Dropdown.prototype.toggle = function (e) { - var $this = $(this) - - if ($this.is('.disabled, :disabled')) return - - var $parent = getParent($this) - var isActive = $parent.hasClass('open') - - clearMenus() - - if (!isActive) { - if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { - // if mobile we use a backdrop because click events don't delegate - $(document.createElement('div')) - .addClass('dropdown-backdrop') - .insertAfter($(this)) - .on('click', clearMenus) - } - - var relatedTarget = { relatedTarget: this } - $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget)) - - if (e.isDefaultPrevented()) return - - $this - .trigger('focus') - .attr('aria-expanded', 'true') - - $parent - .toggleClass('open') - .trigger($.Event('shown.bs.dropdown', relatedTarget)) - } - - return false - } - - Dropdown.prototype.keydown = function (e) { - if (!/(38|40|27|32)/.test(e.which) || /input|textarea/i.test(e.target.tagName)) return - - var $this = $(this) - - e.preventDefault() - e.stopPropagation() - - if ($this.is('.disabled, :disabled')) return - - var $parent = getParent($this) - var isActive = $parent.hasClass('open') - - if (!isActive && e.which != 27 || isActive && e.which == 27) { - if (e.which == 27) $parent.find(toggle).trigger('focus') - return $this.trigger('click') - } - - var desc = ' li:not(.disabled):visible a' - var $items = $parent.find('.dropdown-menu' + desc) - - if (!$items.length) return - - var index = $items.index(e.target) - - if (e.which == 38 && index > 0) index-- // up - if (e.which == 40 && index < $items.length - 1) index++ // down - if (!~index) index = 0 - - $items.eq(index).trigger('focus') - } - - - // DROPDOWN PLUGIN DEFINITION - // ========================== - - function Plugin(option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('bs.dropdown') - - if (!data) $this.data('bs.dropdown', (data = new Dropdown(this))) - if (typeof option == 'string') data[option].call($this) - }) - } - - var old = $.fn.dropdown - - $.fn.dropdown = Plugin - $.fn.dropdown.Constructor = Dropdown - - - // DROPDOWN NO CONFLICT - // ==================== - - $.fn.dropdown.noConflict = function () { - $.fn.dropdown = old - return this - } - - - // APPLY TO STANDARD DROPDOWN ELEMENTS - // =================================== - - $(document) - .on('click.bs.dropdown.data-api', clearMenus) - .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) - .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle) - .on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown) - .on('keydown.bs.dropdown.data-api', '.dropdown-menu', Dropdown.prototype.keydown) - -}(jQuery); |