summaryrefslogtreecommitdiffstats
path: root/ecomp-portal-FE/client/app/views/home/widgets-home
diff options
context:
space:
mode:
Diffstat (limited to 'ecomp-portal-FE/client/app/views/home/widgets-home')
-rw-r--r--ecomp-portal-FE/client/app/views/home/widgets-home/widgets-home.controller.js284
-rw-r--r--ecomp-portal-FE/client/app/views/home/widgets-home/widgets-home.controller.spec.js1
-rw-r--r--ecomp-portal-FE/client/app/views/home/widgets-home/widgets-home.less137
-rw-r--r--ecomp-portal-FE/client/app/views/home/widgets-home/widgets-home.tpl.html123
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>