diff options
Diffstat (limited to 'ecomp-portal-FE/client/app/views/home/widgets-home')
4 files changed, 0 insertions, 545 deletions
diff --git a/ecomp-portal-FE/client/app/views/home/widgets-home/widgets-home.controller.js b/ecomp-portal-FE/client/app/views/home/widgets-home/widgets-home.controller.js deleted file mode 100644 index 3f624117..00000000 --- a/ecomp-portal-FE/client/app/views/home/widgets-home/widgets-home.controller.js +++ /dev/null @@ -1,284 +0,0 @@ -'use strict'; -(function () { - - class WidgetsHomeCtrl { - constructor(widgetsService, $log, $cookies, $scope, userProfileService,dashboardService) { - this.userProfileService = userProfileService; - this.isLoading = true; - - userProfileService.getUserProfile() - .then(profile=> { - $log.info('WidgetsHomeCtrl::getUserProfile: ', profile); - $scope.attuid = profile.attuid; - $log.info('WidgetsHomeCtrl::getUserProfile: user has the following attuid: ' + profile.attuid); - $scope.widgetsViewData = []; - $scope.widgetsView = []; - - widgetsService.getUserWidgets() - .then(widgets => { - $log.info('WidgetsHomeCtrl::getUserWidgets', widgets); - this.widgets = widgets; - this.enlargeURL = ""; - this.isEnlarged = false; - let rowNo = 0; - for (let i = 0; i < this.widgets.length; i++) { - $scope.widgetsView[i] = { - sizeX: 2, - sizeY: 2, - headerText: '', - width: '', - height: '', - url: '', - selected:false - }; - $scope.widgetsView[i].headerText = this.widgets[i].name; - $scope.widgetsView[i].url = this.widgets[i].url; - //$scope.widgetsView[i].width = this.widgets[i].width; - //$scope.widgetsView[i].height = this.widgets[i].height; - //$scope.widgetsView[i].sizeX = this.widgets[i].width/180; - //$scope.widgetsView[i].sizeY = this.widgets[i].height/150; - } - /*News Events Resources*/ - $scope.widgetsView[this.widgets.length] = { - sizeX: 2, - sizeY: 2, - headerText: 'News', - width: '', - height: '', - url: '', - selected:true - }; - $scope.widgetsView[this.widgets.length+1] = { - sizeX: 2, - sizeY: 2, - headerText: 'Events', - width: '', - height: '', - url: '', - selected:true - }; - $scope.widgetsView[this.widgets.length+2] = { - sizeX: 2, - sizeY: 2, - headerText: 'Resources', - width: '', - height: '', - url: '', - selected:true - }; - - /*Setting News data*/ - $scope.newsData = []; - $scope.updateNews = function() { - $scope.newsData.length=0; - dashboardService.getCommonWidgetData('NEWS').then(function(res) { - // $log.info(res.message); - var newsDataJsonArray = res.response.items; - for (var i = 0; i < newsDataJsonArray.length; i++) { - $scope.newsData.push(newsDataJsonArray[i]); - } - })['catch'](function(err) { - $log.error('dashboard controller: failed to get news list', err); - _this.isLoading = false; - }); - } - $scope.updateNews(); - /*Setting Events data*/ - - $scope.eventData = []; - - $scope.updateEvents = function() { - $scope.eventData.length=0; - dashboardService.getCommonWidgetData('EVENTS').then(function(res) { - var eventDataJsonArray = res.response.items; - for (var i = 0; i < eventDataJsonArray.length; i++) { - if(eventDataJsonArray[i].eventDate !=null) { - // yyyy-mm-dd - eventDataJsonArray[i].year = eventDataJsonArray[i].eventDate.substring(2,4); - eventDataJsonArray[i].mon = eventDataJsonArray[i].eventDate.substring(5,7); - eventDataJsonArray[i].day = eventDataJsonArray[i].eventDate.substring(8,10); - } - $scope.eventData.push(eventDataJsonArray[i]); - } - })['catch'](function(err) { - $log.error('dashboard controller: failed to get Events list', err); - _this.isLoading = false; - }); - } - $scope.updateEvents(); - /*Setting Important Resources data*/ - - $scope.importResData = []; - $scope.updateImportRes = function() { - $scope.importResData.length=0; - dashboardService.getCommonWidgetData('IMPORTANTRESOURCES').then( - function(res) { - // $log.error('couldnt get important list...', res.response.dataBlob); - $log.info(res); - var importResDataJSONArray = res.response.items; - for (var i = 0; i < importResDataJSONArray.length; i++) { - $scope.importResData.push(importResDataJSONArray[i]); - } - })['catch'](function(err) { - $log.error('dashboard controller: failed to get resources list...', err); - _this.isLoading = false; - }); - } - $scope.updateImportRes(); - - /********End hardcoded news events and resources****************/ - - - $log.info('WidgetsHomeCtrl::getUserWidgets count : ' + $scope.widgetsView.length); - - if ($cookies.getObject($scope.attuid + '_widget') == undefined || $cookies.getObject($scope.attuid + '_widget') == null || $cookies.getObject($scope.attuid + '_widget').length == 0) { - if (($scope.widgetsView != undefined) && ($scope.widgetsView != null) && ($scope.widgetsView.length > 0)) { - $scope.widgetsViewData = $scope.widgetsView; - //$cookies.putObject($scope.attuid + '_widget', $scope.widgetsView); - } - } - else { - this.listChanged = false; - this.listFromCookie = $cookies.getObject($scope.attuid + '_widget'); - this.finalList = []; - // - // If a widget is still valid for this user from backend and - // it was in the cookie already, put it in the list in the same order - // it was in within the cookie. - // - let finalCount = 0; - for (let i = 0; i < this.listFromCookie.length; i++) { - this.foundInListFromBackend = false; - for (let j = 0; j < $scope.widgetsView.length; j++) { - if ((this.listFromCookie[i].url == $scope.widgetsView[j].url) && - (this.listFromCookie[i].headerText == $scope.widgetsView[j].headerText)) { - this.finalList[finalCount] = { - sizeX: 2, - sizeY: 2, - headerText: '', - width: '', - height: '', - url: '', - selected:false - }; - this.finalList[finalCount].headerText = this.listFromCookie[i].headerText; - //this.finalList[finalCount].width = this.listFromCookie[i].width; - //this.finalList[finalCount].height = this.listFromCookie[i].height; - this.finalList[finalCount].url = this.listFromCookie[i].url; - //this.finalList[finalCount].sizeX = this.listFromCookie[i].width/180; - //this.finalList[finalCount].sizeY = this.listFromCookie[i].height/150; - finalCount++; - this.foundInListFromBackend = true; - break; - } - } - if (this.foundInListFromBackend == false) { - this.listChanged = true; - } - } - - // - // Fill in the rest of the list with the widgets retrieved from the backend that we did - // not already add. There could have been - // new widgets configured for the user that are not in the cookie. - // - for (let i = 0; i < $scope.widgetsView.length; i++) { - this.found = false; - for (let j = 0; j < this.finalList.length; j++) { - if (($scope.widgetsView[i].url == this.finalList[j].url) && - ($scope.widgetsView[i].headerText == this.finalList[j].headerText)){ - // already present - this.found = true; - break; - } - } - if (this.found == false) { - this.finalList[finalCount] = { - sizeX: 2, - sizeY: 2, - headerText: '', - width: '', - height: '', - url: '', - selected:false - }; - this.finalList[finalCount].headerText = $scope.widgetsView[i].headerText; - //this.finalList[finalCount].width = $scope.widgetsView[i].width; - //this.finalList[finalCount].height = $scope.widgetsView[i].height; - this.finalList[finalCount].url = $scope.widgetsView[i].url; - //this.finalList[finalCount].sizeX = $scope.widgetsView[i].width/180; - //this.finalList[finalCount].sizeY = $scope.widgetsView[i].height/150; - finalCount++; - this.listChanged = true; - } - } - - if ((this.finalList != undefined) && (this.finalList != null) && (this.finalList.length > 0)) { - if (this.listChanged) { - $scope.widgetsViewData = this.finalList; - $cookies.putObject($scope.attuid + '_widget', this.finalList); - } else { - $scope.widgetsViewData = $cookies.getObject($scope.attuid + '_widget'); - } - } - this.isLoading = false; - } - }).catch(err => { - $log.error('WidgetsHomeCtrl::getUserWidgets: oh no! couldnt get widgets list...', err); - this.isLoading = false; - }); - }); - - - this.gridsterOpts = { - columns: 6, - colWidth: 190, - rowHeight: 190, - margins: [20, 20], - outerMargin: true, - pushing: true, - floating: true, - swapping: true, - draggable: { - handle: 'img', - stop: function () { - $cookies.putObject($scope.attuid + '_widget', $scope.widgetsViewData); - } - } - }; - } - } - - WidgetsHomeCtrl.$inject = ['widgetsService', '$log', '$cookies', '$scope', 'userProfileService','dashboardService']; - angular.module('ecompApp').controller('WidgetsHomeCtrl', WidgetsHomeCtrl); - - angular.module('ecompApp').constant('refreshInterval', '30000'); - - angular.module('ecompApp').directive('refreshIframe', ['$interval', 'refreshInterval', function ($interval, refreshInterval) { - - function link(scope, element, attrs) { - var timeoutId; - - function updateIframe() { - if(attrs.isEnlarged == "false") - { - element.attr('src', element.attr('src')); - } - } - - element.on('$destroy', function () { - $interval.cancel(timeoutId); - }); - - // start the UI update process; save the timeoutId for cancelling - /*timeoutId = $interval(function () { - updateIframe(); // update DOM - }, refreshInterval);*/ - } - - return { - link: link - }; - } ]); - -})(); diff --git a/ecomp-portal-FE/client/app/views/home/widgets-home/widgets-home.controller.spec.js b/ecomp-portal-FE/client/app/views/home/widgets-home/widgets-home.controller.spec.js deleted file mode 100644 index 8b137891..00000000 --- a/ecomp-portal-FE/client/app/views/home/widgets-home/widgets-home.controller.spec.js +++ /dev/null @@ -1 +0,0 @@ - diff --git a/ecomp-portal-FE/client/app/views/home/widgets-home/widgets-home.less b/ecomp-portal-FE/client/app/views/home/widgets-home/widgets-home.less deleted file mode 100644 index 46e5b1fd..00000000 --- a/ecomp-portal-FE/client/app/views/home/widgets-home/widgets-home.less +++ /dev/null @@ -1,137 +0,0 @@ -.w-ecomp-widgets-home{ - //.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; - - .widget-gridster-header { - background-color:#ffffff; - } - - .widget-gridster-footer { - background-color:#ffffff - } - - .widget-iframe { - width: 100%; - height: 90%; - } - - .widget-image { - cursor: pointer; - width: 20px; - height: 25px; - } - - .enlarge-content{ - top: 120px; - left: 400px; - width:1170px; - height:600px; - right: 0; - bottom: 0; - left: 0; - background: none repeat scroll 0 0 #f2f2f2; - } - - .enlarge-close-button{ - .btn-blue; - position: relative; - top : -20px; - left : 1145px; - width : 25px; - } - - .widgets-home-container { - .content_justify; - position: relative; - padding-right: 0; - padding-left: 0; - padding-bottom: 32px; - width: 100%; - - .widgets-home-title { - .a24r; - margin: auto; - .content_justify; - } - .portals-list { - min-height: 70vh; - //display: flex; - justify-content: center; - flex-flow: row wrap; - width: 1170px; - - margin: auto; - margin-bottom: 63px; - - .portals-list-item { - background-color: @u; - border-radius: 2px; - box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1); - display: inline-block; - width: 360px; - height: 300px; - background-size: cover; - cursor: pointer; - margin: 15px; - overflow: hidden; - - .portals-item-info { - background-color: @u; - height: 50px; - top: 180px; - // position: relative; - box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1); - padding: 16px; - - .info-title { - .a24r; - margin-bottom: 4px; - - text-overflow: ellipsis; - overflow: hidden; - } - .info-description { - .c16r; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - } - .info-button { - .btn-green; - width: 96px; - // position: absolute; - bottom: 16px; - left: 16px; - } - - &:hover { - opacity: .93; - z-index: 3; - } - } - } - } - } -} - -.gridster-item-container .gridster-item-body{ - bottom:0px; - overflow:hidden; -} - -@keyframes fadein { - from { - opacity: 0; - } - to { - opacity: 1; - } -} diff --git a/ecomp-portal-FE/client/app/views/home/widgets-home/widgets-home.tpl.html b/ecomp-portal-FE/client/app/views/home/widgets-home/widgets-home.tpl.html deleted file mode 100644 index 8e385c1e..00000000 --- a/ecomp-portal-FE/client/app/views/home/widgets-home/widgets-home.tpl.html +++ /dev/null @@ -1,123 +0,0 @@ -<div class="w-ecomp-widgets-home" id="contentId"> - <div class="widgets-home-container"> - <div id="widgets-home-title" class="widgets-home-title">Widgets</div> - - - <div class="portals-list"> - <div class="gridster-container override_background"> - <span class="ecomp-spinner" ng-show="widgetsHome.isLoading"></span> - <div ng-hide="widgetsHome.isEnlarged" att-gridster - att-gridster-options="widgetsHome.gridsterOpts" > - <div att-gridster-item='item' ng-repeat="item in widgetsViewData"> - <div id="widget-grips-{{item.headerText.split(' ').join('-')}}" - att-gridster-item-header - grips-img-path="assets/images/grips.png" - header-text={{item.headerText}} - class="widget-gridster-header"> - </div> - <div att-gridster-item-body ng-if="item.headerText=='News'"> - <div id="newsContainer" class="information-section-gridsterContent"> - <div class="news"> - <ul id="newsContent" ng-show="newsData.length!=0"> - <li ng-repeat="news in newsData"><a href="{{news.href}}" target="_blank" ng-bind="news.title"></a></li> - </ul> - <div ng-hide="newsData.length!=0"> - <div class="activity-error-container" style="background: rgb(255, 255, 255); overflow: auto!important; width: 100%;"> - <div class="activity-error-block"> - <i class="ion-information-circled full-linear-ion-information-circled" style="margin-left:125px; font-size: 90px"></i> <br> - <div class="activity-error-msg1">There's currently no news available.</div> - </div> - </div> - </div> - </div> - </div> - </div> - <div att-gridster-item-body ng-if="item.headerText=='Events'"> - <div class="information-section-gridsterContent"> - <div class="events"> - <ul ng-show="eventData.length!=0"> - <li ng-repeat="event in eventData"> - <div ng-click="event_content_show=!event_content_show"> - <div class="events-date">{{event.mon}}/{{event.day}}/{{event.year}} </div> - <div> - <div class="event-title-div"> - <p ng-bind="event.title"></p> - </div> - <div> - <span class="ion-ios-arrow-up" ng-if="event_content_show" style="color: #888; font-size: 22px;"></span> - <span class="ion-ios-arrow-down" ng-if="!event_content_show" style="color: #888; font-size: 22px;"></span> - - </div> - <div style="clear: both;"></div> - </div> - </div> - <div class="events-content" ng-show="event_content_show"> - <div class="events-content-body"> - <a class="events-link" ng-href="{{event.href}}" target="_blank"> - <span ng-bind="event.content"></span> - </a> - </div> - <div></div> - </div> - </li> - - - </ul> - <div ng-hide="eventData.length!=0"> - <div class="activity-error-container" style="background: rgb(255, 255, 255); overflow: hidden!important; width: 100%;"> - <div class="activity-error-block"> - <i class="ion-information-circled full-linear-ion-information-circled" style="margin-left:125px; font-size: 90px"></i> <br> - <div class="activity-error-msg1">There's currently no event available.</div> - </div> - </div> - </div> - </div> - </div> - </div> - - <div att-gridster-item-body ng-if="item.headerText=='Resources'"> - <div class=""> - <div class="resources"> - <ul ng-show="importResData.length!=0"> - <li ng-repeat="item in importResData"><a href="{{item.href}}" target="_blanl">{{item.title}}</a></li> - </ul> - <div ng-hide="importResData.length!=0"> - <div class="activity-error-container" style="background: rgb(255, 255, 255); overflow: hidden!important; width: 100%;"> - <div class="activity-error-block"> - <i class="ion-information-circled full-linear-ion-information-circled" style="margin-left:125px; font-size: 90px"></i> <br> - <div class="activity-error-msg1">There's currently no links available.</div> - </div> - </div> - </div> - </div> - </div> - </div> - - <div att-gridster-item-body ng-if="item.headerText!='News' && item.headerText!='Events' && item.headerText!='Resources'"> - <iframe id="widget-iframe-{{item.headerText.split(' ').join('-')}}" - class="widget-iframe" - ng-src="{{item.url | trusted}}" - refresh-iframe - is-enlarged="{{widgetsHome.isEnlarged}}"> - </iframe> - </div> - <div id="widget-footer-{{item.headerText.split(' ').join('-')}}" - att-gridster-item-footer class="widget-gridster-footer"> - </div> - </div> - </div> - </div> - <div ng-show="widgetsHome.isEnlarged" > - <div id="widgets-button-enlarge-close" class="enlarge-close-button" ng-click="widgetsHome.isEnlarged=false">X</div> - <iframe id="iframe-widget-enlarge-close" ng-src="{{widgetsHome.enlargeURL | trusted}}" class="enlarge-content" > - </iframe> - </div> - - </div> - - <div id="widgets-disclaimer" class="w-ecomp-main-disclaimer"> - To request access to an application, please visit the <a - ng-href="getAccess">Get Access</a> page. - </div> - </div> -</div> |