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

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 2019 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 import { Component, OnInit } from '@angular/core';
  39 import { UserbarService, UserProfileService } from 'src/app/shared/services';
  40 import { DomSanitizer } from '@angular/platform-browser';
  41 import { environment } from 'src/environments/environment';
  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   api = environment.api;
  56   constructor(private sanitizer: DomSanitizer, private userbarService: UserbarService, private userProfileService: UserProfileService) { }
  57
  58   ngOnInit() {
  59     this.userList = [];
  60     this.myservice = this.userbarService;
  61     this.isOpen = true;
  62     // this.userbarService.getOnlineUserUpdateRate().subscribe((_res: any) => {
  63     //   if (_res != null) {
  64     //     var rate = parseInt(_res.onlineUserUpdateRate);
  65     //     var duration = parseInt(_res.onlineUserUpdateDuration);
  66     //     this.userbarService.setMaxRefreshCount((duration / rate) + 1);
  67     //     this.userbarService.setRefreshCount(this.userbarService.maxCount);
  68     //     if (rate != NaN && duration != NaN) {
  69     //       // $log.debug('UserbarCtlr: scheduling function at interval ' + millis);
  70     //       this.updateRate = rate;
  71     //       this.start(this.updateRate);
  72     //     }
  73     //   }
  74     // })
  75     this.updateActiveUsers();
  76   }
  77
  78   updateActiveUsers() {
  79     // this.userbarService.decrementRefreshCount();
  80     this.userProfileService.getActiveUser().subscribe((_res: any) => {
  81       if (_res == null) {
  82         // $log.error('UserbarCtrl::updateActiveUsers: failed to get active user');
  83         this.stop();
  84       } else {
  85         var maxItems = 25;
  86         if (_res.length < maxItems)
  87           maxItems = _res.length;
  88         for (var i = 0; i < maxItems; i++) {
  89           var data = {
  90             userId: _res[i],
  91             linkQ: this.sanitizer.bypassSecurityTrustResourceUrl(this.api.linkQ + _res[i]),
  92             linkPic: this.api.linkPic + _res[i],
  93             linkPicURL:this.api.linkPic
  94           }
  95           this.userList.push(data);
  96         }
  97       }
  98
  99     }, (err) => {
 100       this.userList = [];
 101       this.stop();
 102     })
 103
 104     // .add(() => {
 105     //   var footerOff = $('#online-userbar').offset().top;
 106     //   var headOff = $('#footer').offset().top;
 107     //   var defaultOffSet = 45;
 108     //   $(".online-user-container").css({
 109     //     "height": headOff - footerOff - defaultOffSet
 110     //   });
 111     // })
 112
 113   }
 114
 115   toggleSidebar() {
 116     this.isOpen = !this.isOpen;
 117   }
 118
 119   start(rate) {
 120     // stops any running interval to avoid two intervals running at the same time
 121     this.stop();
 122     // store the interval promise
 123     this.intervalPromise = setInterval(this.updateActiveUsers, rate);
 124   }
 125
 126
 127   stop() {
 128     if (this.intervalPromise != null) {
 129       clearInterval(this.intervalPromise);
 130       this.intervalPromise = null;
 131     }
 132   }
 133
 134 }