portal-FE-os/src/app/layout/components/userbar/userbar.component.ts

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 2017-2018 AT&T Intellectual Property. All rights reserved.
   6  * ===================================================================
   7  *
   8  * Unless otherwise specified, all software contained herein is licensed
   9  * under the Apache License, Version 2.0 (the "License");
  10  * you may not use this software except in compliance with the License.
  11  * You may obtain a copy of the License at
  12  *
  13  *             http://www.apache.org/licenses/LICENSE-2.0
  14  *
  15  * Unless required by applicable law or agreed to in writing, software
  16  * distributed under the License is distributed on an "AS IS" BASIS,
  17  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18  * See the License for the specific language governing permissions and
  19  * limitations under the License.
  20  *
  21  * Unless otherwise specified, all documentation contained herein is licensed
  22  * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
  23  * you may not use this documentation except in compliance with the License.
  24  * You may obtain a copy of the License at
  25  *
  26  *             https://creativecommons.org/licenses/by/4.0/
  27  *
  28  * Unless required by applicable law or agreed to in writing, documentation
  29  * distributed under the License is distributed on an "AS IS" BASIS,
  30  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  31  * See the License for the specific language governing permissions and
  32  * limitations under the License.
  33  *
  34  * ============LICENSE_END============================================
  35  *
  36  *
  37  */
  38
  39 import { Component, OnInit } from '@angular/core';
  40 import { UserbarService, UserProfileService } from 'src/app/shared/services';
  41 import { DomSanitizer } from '@angular/platform-browser';
  42
  43 @Component({
  44   selector: 'app-userbar',
  45   templateUrl: './userbar.component.html',
  46   styleUrls: ['./userbar.component.scss']
  47 })
  48 export class UserbarComponent implements OnInit {
  49
  50   userList;
  51   isOpen: boolean;
  52   intervalPromise = null;
  53   updateRate: number;
  54   myservice: UserbarService;
  55   constructor(private sanitizer: DomSanitizer, private userbarService: UserbarService, private userProfileService: UserProfileService) { }
  56
  57   ngOnInit() {
  58     this.userList = [];
  59     this.myservice = this.userbarService;
  60     this.isOpen = true;
  61     // this.userbarService.getOnlineUserUpdateRate().subscribe((_res: any) => {
  62     //   if (_res != null) {
  63     //     var rate = parseInt(_res.onlineUserUpdateRate);
  64     //     var duration = parseInt(_res.onlineUserUpdateDuration);
  65     //     this.userbarService.setMaxRefreshCount((duration / rate) + 1);
  66     //     this.userbarService.setRefreshCount(this.userbarService.maxCount);
  67     //     if (rate != NaN && duration != NaN) {
  68     //       // $log.debug('UserbarCtlr: scheduling function at interval ' + millis);
  69     //       this.updateRate = rate;
  70     //       this.start(this.updateRate);
  71     //     }
  72     //   }
  73     // })
  74     this.updateActiveUsers();
  75   }
  76
  77   updateActiveUsers() {
  78     // this.userbarService.decrementRefreshCount();
  79     this.userProfileService.getActiveUser().subscribe((_res: any) => {
  80       if (_res == null) {
  81         // $log.error('UserbarCtrl::updateActiveUsers: failed to get active user');
  82         this.stop();
  83       } else {
  84         var maxItems = 25;
  85         if (_res.length < maxItems)
  86           maxItems = _res.length;
  87         for (var i = 0; i < maxItems; i++) {
  88           var data = {
  89             userId: _res[i],
  90             linkQ: this.sanitizer.bypassSecurityTrustResourceUrl('qto://talk/' + _res[i]),
  91             linkPic: 'https://tspace.web.att.com/profiles/photo.do?uid=' + _res[i]
  92           }
  93           this.userList.push(data);
  94         }
  95       }
  96
  97     }, (err) => {
  98       this.userList = [];
  99       this.stop();
 100     })
 101
 102     // .add(() => {
 103     //   var footerOff = $('#online-userbar').offset().top;
 104     //   var headOff = $('#footer').offset().top;
 105     //   var defaultOffSet = 45;
 106     //   $(".online-user-container").css({
 107     //     "height": headOff - footerOff - defaultOffSet
 108     //   });
 109     // })
 110
 111   }
 112
 113   toggleSidebar() {
 114     this.isOpen = !this.isOpen;
 115   }
 116
 117   start(rate) {
 118     // stops any running interval to avoid two intervals running at the same time
 119     this.stop();
 120     // store the interval promise
 121     this.intervalPromise = setInterval(this.updateActiveUsers, rate);
 122   };
 123
 124
 125   stop() {
 126     if (this.intervalPromise != null) {
 127       clearInterval(this.intervalPromise);
 128       this.intervalPromise = null;
 129     }
 130   };
 131
 132
 133
 134 }