diff options
Diffstat (limited to 'ecomp-portal-FE/client/app/views/catalog')
5 files changed, 0 insertions, 800 deletions
diff --git a/ecomp-portal-FE/client/app/views/catalog/catalog.controller.js b/ecomp-portal-FE/client/app/views/catalog/catalog.controller.js deleted file mode 100644 index 652c0886..00000000 --- a/ecomp-portal-FE/client/app/views/catalog/catalog.controller.js +++ /dev/null @@ -1,166 +0,0 @@ -/*- - * ================================================================================ - * eCOMP Portal - * ================================================================================ - * Copyright (C) 2017 AT&T Intellectual Property - * ================================================================================ - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ================================================================================ - */ - -'use strict'; - -function _classCallCheck(instance, Constructor) { - if (!(instance instanceof Constructor)) { - throw new TypeError('Cannot call a class as a function'); - } -} - -(function() { - var HTTP_PROTOCOL_RGX = /https?:\/\//; - - var CatalogCtrl = function CatalogCtrl(catalogService, confirmBoxService, - $log, $window, userProfileService, $scope, $timeout, $interval, - $modal, ngDialog) { - - var _this = this; - - _classCallCheck(this, CatalogCtrl); - - // activate spinner - this.isLoading = true; - $scope.getAppCatalogIsDone = false; - $scope.radioValue = 'All'; - $scope.$watch('radioValue', function(newValue, oldValue) { - var appCatalog = $scope.appCatalog; - $scope.appCatalog = []; - $scope.appCatalog = appCatalog; - - - }); - - this.catalogService = catalogService; - this.userProfileService = userProfileService; - $scope.demoNum = 1; - - this.getAccess = function(item) { - if(!item.access) - confirmBoxService.showDynamicInformation(item, - 'app/views/catalog/information-box.tpl.html','CatalogConfirmationBoxCtrl' - ).then(isConfirmed => {}); - }; - - // Run this function when user clicks on checkbox. - this.storeSelection = function(item) { - // $log.debug('CatalogCtrl:storeSelection: item.id is ' + item.id + ', select is ' + item.select); - var pendingFlag = false; - - if(item.access) - pendingFlag = false; - else - pendingFlag = item.pending; - - - - - var appData = { - appId : item.id, - select : item.select, - pending : pendingFlag // TODO - }; - catalogService.updateAppCatalog(appData).then( - function(result) { - // $log.debug('CatalogCtrl:storeSelection result is ', result); - })['catch'](function(err) { - $log.error('CatalogCtrl:storeSelection: exception: ', err); - }); - }; - - userProfileService - .getUserProfile() - .then( - function(profile) { - $scope.attuid = profile.attuid; - $scope.appCatalog = []; - - // applicationsService.getUserApps() - catalogService - .getAppCatalog() - .then( - function(res) { - // $log.info(res); - _this.apps = res; - var rowNo = 0; - for (var i = 0; i < _this.apps.length; i++) { - $scope.appCatalog[i] = { - sizeX : 2, - sizeY : 2, - id : _this.apps[i].id, - headerText : _this.apps[i].name, - imageLink : _this.apps[i].thumbnail - || _this.apps[i].imageUrl, - url : _this.apps[i].url, - restricted : _this.apps[i].restricted, - select : (_this.apps[i].select || (_this.apps[i].access && _this.apps[i].pending)), - access : _this.apps[i].access, - pending: _this.apps[i].pending - }; - } - //$log.debug('CatalogCtrl: getAppCatalog count : ' - // + $scope.appCatalog.length); - _this.isLoading = false; - $scope.getAppCatalogIsDone = true; - })['catch'](function(err) { - $log.error('CatalogCtrl: failed to get app list: ', err); - _this.isLoading = false; - $scope.getAppCatalogIsDone = true; - }); - }); - - this.gridsterOpts = { - columns : 12, - colWidth : 95, - rowHeight : 95, - margins : [ 20, 20 ], - outerMargin : true, - pushing : true, - floating : true, - swapping : true, - }; - - if (getParameterByName('noUserError') != null) { - if (getParameterByName('noUserError') == "Show") { - $("#errorInfo").show(); - } - - } - }; - - CatalogCtrl.$inject = [ 'catalogService', 'confirmBoxService', '$log', - '$window', 'userProfileService', '$scope', '$timeout', '$interval', - '$modal', 'ngDialog' ]; - angular.module('ecompApp').controller('CatalogCtrl', CatalogCtrl); -})(); - -function getParameterByName(name, url) { - if (!url) - url = window.location.href; - name = name.replace(/[\[\]]/g, "\\$&"); - var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), results = regex - .exec(url); - if (!results) - return ''; - if (!results[2]) - return ''; - return results[2].replace(/\+/g, " "); -}
\ No newline at end of file diff --git a/ecomp-portal-FE/client/app/views/catalog/catalog.less b/ecomp-portal-FE/client/app/views/catalog/catalog.less deleted file mode 100644 index 9385c8c5..00000000 --- a/ecomp-portal-FE/client/app/views/catalog/catalog.less +++ /dev/null @@ -1,439 +0,0 @@ -/*- - * ================================================================================ - * eCOMP Portal - * ================================================================================ - * Copyright (C) 2017 AT&T Intellectual Property - * ================================================================================ - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ================================================================================ - */ -.w-ecomp-app-catalog { - //.bg_u;//white for 1702 - .bg_w; // gray for 1610 - position: @page-main-position; - top: @page-main-top; - left: @page-main-left; - right: @page-main-right; - bottom: @page-main-bottom; - padding-top: @padding-top; - overflow-y: @page-main-overflow-y; - padding-left: @padding-left-side; - - .gridster-item-container .gridster-item-body { - overflow-y:auto; - overflow-x:hidden; - } - - .app-catalog-container { - .content_justify; - position: relative; - padding: 0 0 32px 0; - width: 100%; - - .app-catalog-title { - .a24r; - margin: auto; - .content_justify; - } - .app-catalog-list { - min-height: 90vh; - //display: flex; - justify-content: center; - flex-flow: row wrap; - width: 1170px; - - margin: auto; - margin-bottom: 63px; - - .app-gridster-header { - background-color: @u; - font-size:12px; - overflow:hidden - } - - .app-gridster-footer { - background-color: @u; - } - - } - } -} - -.build-number { - .o12i; -} - -@keyframes fadein { - from { - opacity: 0; - } - to { - opacity: 1; - } -} - -.slide.ng-hide-add, -.slide.ng-hide-remove, -.slide.ng-enter, -.slide.ng-leave { - transition: all 0.5s ease; -} -.slide.ng-hide, -.slide.ng-enter { - transform: translate(-100%, 0); -} -.slide.ng-enter-active { - transform: translate(0, 0); -} -.slide.ng-leave { - transform: translate(0, 0); -} -.slide.ng-leave-active { - transform: translate(+100%, 0); -} -.appCatalogue-boarder{ - // border: 2px solid #ccc!important; - // border-radius: 16px!important; - height: 800px; - overflow: auto; -} -.app-visibility.false { - opacity: 0.5; -} - -.dock ul{ -display: inline-block; - -width: auto; -margin: 0px; -padding: 0px; -list-style: none; - -} -.dock ul li { -width: auto; -height: auto; -display: inline-block; -bottom: 0; -vertical-align: bottom; -margin-top: -43px; -} -.dock ul li a { -display: block; -height: 150px; -width: 150px; -position: relative; --webkit-transition-property: width, height,margin-top; --webkit-transition-duration: 0.5s; --o-transition-property: width, height,margin-top; --o-transition-duration: 0.5s; --moz-transition-property: width, height,margin-top; --moz-transition-duration: 0.5s; -} -.dock ul li a:hover { -width: 200px; -height: 200px; -margin-top: -50px; -} -.dock ul li a img { -width: 100%; -position: absolute; -bottom: 0; -left: 0; -border: none; -padding: 0px 0px 0px 30px; -} -.dock_left{ -width: 31px; --webkit-transform: rotate(33deg); --moz-transform: rotate(33deg); --o-transform: rotate(33deg); -position: relative; -background: #EEE; -overflow: hidden; -float: left; -height: 100px; -z-index: 2; -margin: -18px; -} -.dock_right{ -width: 36px; --webkit-transform: rotate(-33deg); --moz-transform: rotate(-33deg); --o-transform: rotate(-33deg); -position: relative; -background: #EEE; -overflow: hidden; -float: left; -height: 100px; -z-index: 2; -margin: -18px; -} - - - - -/*Time for the CSS*/ -* {margin: 0; padding: 0;} -body {background: #ccc;} - -.slider{ - width: 640px; /*Same as width of the large image*/ - position: relative; - /*Instead of height we will use padding*/ - padding-top: 320px; /*That helps bring the labels down*/ - - margin: 50px auto; - - /*Lets add a shadow*/ - box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75); -} - - -/*Last thing remaining is to add transitions*/ -.slider>img{ - position: absolute; - left: 0; top: 0; - transition: all 0.5s; -} - -.slider input[name='slide_switch'] { - display: none; -} - -.slider label { - /*Lets add some spacing for the thumbnails*/ - margin: 18px 0 0 18px; - border: 3px solid #999; - - float: left; - cursor: pointer; - transition: all 0.5s; - - /*Default style = low opacity*/ - opacity: 0.6; -} - -.slider label img{ - display: block; -} - -/*Time to add the click effects*/ -.slider input[name='slide_switch']:checked+label { - border-color: #666; - opacity: 1; -} -/*Clicking any thumbnail now should change its opacity(style)*/ -/*Time to work on the main images*/ -.slider input[name='slide_switch'] ~ img { - opacity: 0; - transform: scale(1.1); -} -/*That hides all main images at a 110% size -On click the images will be displayed at normal size to complete the effect -*/ -.slider input[name='slide_switch']:checked+label+img { - opacity: 1; - transform: scale(1); -} -/*Clicking on any thumbnail now should activate the image related to it*/ - -.caption { - background: rgba(0, 0, 0, 0.5); - position: absolute; - bottom: 0; - width: 640px -} - -.caption a { - display: block; - color: #fff; - text-decoration: none; - font: normal 16px 'Lato', Helvetica, Arial, sans-serif; - -webkit-font-smoothing: antialiased; - padding: 15px; -} - - -/*widgets*/ -.singleBtnBorder { - border-radius: 6px 6px 6px 6px; -} - -.icon-anchor { - color: #888; -} - -.widgetHeaderBtn:hover, .widgetHeaderBtn:focus { - background: rgba(0, 0, 0, 0); - color: #3a7999; - box-shadow: inset 0 0 0 2px #3a7999; -} - -.box-one { - -webkit-transition:all linear 0.4s; - transition:all linear 0.4s; - height:100px; width:200px; background:white; border: 2px solid #ccc!important; - border-radius: 16px!important; -} -.box-one.ng-hide { -display: block!important; - opacity:0; -} - -.gridsterContent{ - height:120px; -} -.gridsterAppContent{ - height:120px; - -} - - .gridsterImage{ - height:84px; - width:168px; - } - .grider-content-ecomp{ - transition: transform 0.5s ease-out; - } - .grider-content-ecomp:hover{ - transform: scale(1.1); -} - -/*application empty div*/ -.app-error-block { - padding-top: 10px; -} - -.text-center { text-align: center; } - -.text-right { text-align: right; } - -.text-justify { text-align: justify; } - -/*widget header*/ -.optionsMenu{ - position: absolute; - list-style: none; - top: 25px; - right: 10px; - border: 1px solid #067ab4; - display: none; - z-index: 2; - border-radius: 6px 0px 6px 6px; - background: #fff; - width: 130px; -} - -.optionsMenuLink { - position: relative; - padding-left: 8px; - padding-right: 2px; - font-size: 12px; - line-height: 30px; - color: #444444; -} -.optionsMenu > li:hover a { - color: #ffffff !important; -} -.optionsMenu > li { - width: 100%; - text-align: left; -} -.optionsMenu > li:hover { - background-color: #0faaf7; - border-color: none !important; - cursor: pointer; -} - -.simulateCatGridHeader{ - position: relative; - height: 70px !important; - border: 1px solid #d3d3d3; - border-bottom: 0; - background-color: #E5E5E5; - white-space: nowrap; - text-overflow: ellipsis; - z-index: 1; -} - -.simulateCatGridHeaderTitle{ - line-height: 20px; - margin-top: 10px; - margin-left: 26px; - font-family: arial; - font-size: 18px; - color: #444444; - float: left; -} - -.simulateCatGridHeaderRadio{ - line-height: 20px; - margin-top: 10px; - margin-left: 10px; - font-family: arial; - font-size: 12px; - color: #444444; - float: left; -} - -.simulateCatGridHeaderDetails{ - line-height: 20px; - margin-left: 10px; - font-family: arial; - font-size: 12px; - color: #444444; - float: left; -} - -.simulateGridHeaderHandle{ - cursor: move; - margin: 12px; - position: absolute; - top: 0; - left: 0; - border: 0; - vertical-align: middle; - -ms-interpolation-mode: bicubic; - display: block; -} - -.att-checkbox--on .att-checkbox__indicator, .att-radio--on .att-radio__indicator { - opacity: 1; -} - -.animate-enter, -.animate-leave -{ - -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; - -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; - -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; - -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; - transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; - position: relative; - display: block; -} - -.animate-enter.animate-enter-active, -.animate-leave { - opacity: 1; - top: 0; - height: 30px; -} - -.animate-leave.animate-leave-active, -.animate-enter { - opacity: 0; - top: -50px; - height: 0px; -} diff --git a/ecomp-portal-FE/client/app/views/catalog/catalog.tpl.html b/ecomp-portal-FE/client/app/views/catalog/catalog.tpl.html deleted file mode 100644 index e169afa9..00000000 --- a/ecomp-portal-FE/client/app/views/catalog/catalog.tpl.html +++ /dev/null @@ -1,91 +0,0 @@ -<!-- - ================================================================================ - eCOMP Portal - ================================================================================ - Copyright (C) 2017 AT&T Intellectual Property - ================================================================================ - Licensed under the Apache License, Version 2.0 (the "License"); - you may not use this file except in compliance with the License. - You may obtain a copy of the License at - - http://www.apache.org/licenses/LICENSE-2.0 - - Unless required by applicable law or agreed to in writing, software - distributed under the License is distributed on an "AS IS" BASIS, - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - See the License for the specific language governing permissions and - limitations under the License. - ================================================================================ - --> -<div class="w-ecomp-app-catalog" id="contentId"> - <div class="app-catalog-container"> - <div id="app-catalog-title" class="app-catalog-title">Application Catalog</div> - <div class="app-catalog-list"> - <div class="simulateCatGridHeader"> - <span class="simulateCatGridHeaderDetails"> Click the check - boxes below to choose which applications are shown on the <a - href="applicationsHome">home page</a>. - </span> <br> - <br> <label class="simulateCatGridHeaderRadio"> Filter: - <input type="radio" ng-model="radioValue" value="All"> All - </label> <label class="simulateCatGridHeaderRadio"> <input - type="radio" ng-model="radioValue" value="Accessible"> - Accessible - </label> <label class="simulateCatGridHeaderRadio"> <input - type="radio" ng-model="radioValue" value="Selected"> On - Home Page - </label> - - </div> - <div class="appCatalogue-boarder"> - <div class="gridster-container override_background"> - <div att-gridster att-gridster-options="catalog.gridsterOpts"> - <div class="style_prevu_kit" att-gridster-item='item' - ng-repeat="item in appCatalog" ng-animate="'animate'" - ng-if="(item.select && radioValue=='Selected') || (item.access && radioValue=='Accessible') || (radioValue == 'All')" - id="app-{{item.headerText.split(' ').join('-')}}"> - - <div class="grider-content-ecomp app-visibility {{item.access}}" - ng-show="(item.select && radioValue=='Selected') || (item.access && radioValue=='Accessible') || (radioValue == 'All')"> - <div id="grips-{{item.headerText.split(' ').join('-')}}" - ng-hide="users.isLoadingTable && !users.getAppCatalogIsDone" - att-gridster-item-header - grips-img-path="assets/images/grips.png" - header-text="{{item.headerText | elipsis: 15}}" - class="app-gridster-header"> - <div ng-show="item.access || isAdminPortalAdmin"> - <input type="checkbox" ng-model="item.select" - ng-change="catalog.storeSelection(item)"> - </div> - <div ng-show="item.pending && !item.access"> - <i style="font-size: 8px">Pending Access</i> - </div> - </div> - <div id="app-image-{{item.headerText.split(' ').join('-')}}" - att-gridster-item-body - ng-style="{'cursor':'pointer', - 'background-image': 'url('+(item.imageLink)+')', - 'order': item.order, - 'background-color':'white', - 'background-repeat': 'no-repeat', - 'background-size': '170px 130px'}" - ng-click="catalog.getAccess(item)" - ng-hide="users.isLoadingTable && !users.getAppCatalogIsDone" - class="gridsterContent"></div> - </div> - </div> - </div> - </div> - </div> - <br> - - <div class="w-ecomp-main-disclaimer"> - To request access to an application, please visit the <a - ng-href="getAccess">Get Access</a> page. - </div> - - <br> - </div> - - </div> -</div>
\ No newline at end of file diff --git a/ecomp-portal-FE/client/app/views/catalog/catalogconfirmation.controller.js b/ecomp-portal-FE/client/app/views/catalog/catalogconfirmation.controller.js deleted file mode 100644 index 83438e9c..00000000 --- a/ecomp-portal-FE/client/app/views/catalog/catalogconfirmation.controller.js +++ /dev/null @@ -1,62 +0,0 @@ -/*- - * ================================================================================ - * eCOMP Portal - * ================================================================================ - * Copyright (C) 2017 AT&T Intellectual Property - * ================================================================================ - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ================================================================================ - */ - -'use strict'; -(function () { - class CatalogConfirmationBoxCtrl { - constructor($scope,$state,catalogService) { - - let init = () => { - let item = ($scope.ngDialogData && $scope.ngDialogData.item) || 'this'; - this.message = $scope.ngDialogData.message ? $scope.ngDialogData.message : `Are you sure you want to delete "${item}"?`; - this.title = $scope.ngDialogData.title ? $scope.ngDialogData.title : ''; - }; - - this.closeBox = isConfirmed => { - $scope.closeThisDialog(isConfirmed); - }; - - this.goTo = (state, params) => { - $scope.closeThisDialog(false); - $state.go(state,params); - - }; - - this.storeSelection = function(item) { - // $log.debug('CatalogCtrl:storeSelection: item.id is ' + item.id + ', select is ' + item.select); - var appData = { - appId : item.id, - select : item.select, - pending : item.pending - }; - catalogService.updateAppCatalog(appData).then( - function(result) { - // $log.debug('CatalogCtrl:storeSelection result is ', result); - })['catch'](function(err) { - $log.error('CatalogCtrl:storeSelection: exception: ', err); - }); - }; - - init(); - } - } - CatalogConfirmationBoxCtrl.$inject = ['$scope','$state','catalogService']; - angular.module('ecompApp').controller('CatalogConfirmationBoxCtrl', CatalogConfirmationBoxCtrl); -})();
\ No newline at end of file diff --git a/ecomp-portal-FE/client/app/views/catalog/information-box.tpl.html b/ecomp-portal-FE/client/app/views/catalog/information-box.tpl.html deleted file mode 100644 index ccc0a9f5..00000000 --- a/ecomp-portal-FE/client/app/views/catalog/information-box.tpl.html +++ /dev/null @@ -1,42 +0,0 @@ -<!-- - ================================================================================ - eCOMP Portal - ================================================================================ - Copyright (C) 2017 AT&T Intellectual Property - ================================================================================ - Licensed under the Apache License, Version 2.0 (the "License"); - you may not use this file except in compliance with the License. - You may obtain a copy of the License at - - http://www.apache.org/licenses/LICENSE-2.0 - - Unless required by applicable law or agreed to in writing, software - distributed under the License is distributed on an "AS IS" BASIS, - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - See the License for the specific language governing permissions and - limitations under the License. - ================================================================================ - --> -<div class="confirmation-box-container"> - <div class="confirmation-message-wrap"> - <div class="confirmation-message" > - <div> - You do not have access to this application. - See the - <a href="" ng-click="confirmBox.goTo('root.getAccess', {appName: confirmBox.message.headerText})"> - Get Access page</a> and request access. - <br><br> - You may check this box if access is pending: - <input type="checkbox" - - ng-model="confirmBox.message.pending" - ng-change="confirmBox.storeSelection(confirmBox.message)" - > - </div> - - </div> - </div> - <div class="dialog-control"> - <div class="cancel-button" ng-click="confirmBox.closeBox(false)">Close</div> - </div> -</div>
\ No newline at end of file |