page2 + 3-1/2

trainee
1 parent b2f214e7
Showing 2 changed files with 360 additions and 24 deletions Show diff stats
src/app/dashboard/dashboard.component.html
src/app/dashboard/dashboard.component.ts
@@ -9,17 +9,20 @@
         <a href="#tab1" data-toggle="tab" aria-expanded="true">ติดตั้ง</a>
       </li>
       <li class="sbold">
-        <a href="#tab2" data-toggle="tab" aria-expanded="false">page 2</a>
+        <a href="#tab2" data-toggle="tab" aria-expanded="false">RND</a>
       </li>
       <li class="sbold">
-        <a href="#tab3" data-toggle="tab" aria-expanded="false">page 3</a>
+        <a href="#tab3" data-toggle="tab" aria-expanded="false">SDE+SDN</a>
       </li>
       <li class="sbold">
-        <a href="#tab4" data-toggle="tab" aria-expanded="false">page 4</a>
+        <a href="#tab4" data-toggle="tab" aria-expanded="false">AP Down+APD</a>
       </li>
       <li class="sbold">
-        <a href="#tab5" data-toggle="tab" aria-expanded="false">page 5</a>
+        <a href="#tab5" data-toggle="tab" aria-expanded="false">BNW+NDS+NED+NES+NET</a>
       </li>
+      <li class="sbold">
+          <a href="#tab6" data-toggle="tab" aria-expanded="false">CUS</a>
+        </li>
     </ul>
     <div class="tab-content">
       <div class="panel tab-pane active" id="tab1">
@@ -128,7 +131,6 @@
           </div>
         </div>
       </div>
-
       <div class="panel tab-pane" id="tab2">
         <div class="caption">
           <h1 class="icon-bubble font-green-sharp">
@@ -148,7 +150,7 @@
         </div>
         <div class="panel-body">
           <div class="row">
-            <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData | filter:FilterSearch: '' ">
+            <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData2 | filter:FilterSearch: '' ">
               <a class="dashboard-stat dashboard-stat-v2 red "
                   href="{{item.link}}" 
                   target="_blank"
@@ -202,7 +204,7 @@
         </div>
         <div class="panel-body">
           <div class="row">
-              <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12"  *ngFor="let item of resultDataOnHold | filter:FilterSearchOnHold: '' ">
+              <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12"  *ngFor="let item of resultDataOnHold2 | filter:FilterSearchOnHold: '' ">
                 <a class="dashboard-stat dashboard-stat-v2 red "
                     href="{{item.link}}" 
                     target="_blank"
@@ -254,7 +256,7 @@
         </div>
         <div class="panel-body">
           <div class="row">
-            <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData | filter:FilterSearch: '' ">
+            <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData3 | filter:FilterSearch: '' ">
               <a class="dashboard-stat dashboard-stat-v2 red "
                   href="{{item.link}}" 
                   target="_blank"
@@ -308,7 +310,7 @@
         </div>
         <div class="panel-body">
           <div class="row">
-              <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12"  *ngFor="let item of resultDataOnHold | filter:FilterSearchOnHold: '' ">
+              <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12"  *ngFor="let item of resultDataOnHold3 | filter:FilterSearchOnHold: '' ">
                 <a class="dashboard-stat dashboard-stat-v2 red "
                     href="{{item.link}}" 
                     target="_blank"
@@ -553,6 +555,112 @@
               </div>
             </div>
       </div>
+      <div class="panel tab-pane" id="tab6">
+          <div class="caption">
+              <h1 class="icon-bubble font-green-sharp">
+                <span class="caption-subject font-green-sharp sbold font"> Active</span>
+              </h1>
+    
+                <div class="input-group" style="float: right; margin-top: 11px;">
+                  <div class="input-icon right">
+                    <i class="icon-magnifier">
+                    </i>
+                    <input type="text" placeholder="Search.." class="form-control sbold font" [(ngModel)]="FilterSearch">
+                  </div>
+                </div>
+              
+              <hr>
+              <br>
+            </div>
+            <div class="panel-body">
+              <div class="row">
+                <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData | filter:FilterSearch: '' ">
+                  <a class="dashboard-stat dashboard-stat-v2 red "
+                      href="{{item.link}}" 
+                      target="_blank"
+                      [ngStyle] = "{'background-color': getColorDay(item.days.toFixed(0))}">
+                <!-- <div [ngStyle]="{'background-color':item.days === '366.0098' ? 'green' : 'red' }"></<div> -->
+                <!-- <div class="avater">{{(item.days).toFixed(0)}} D</div> -->
+                    <div class="avater" [ngStyle]="{'background-color': getColorDay(item.days.toFixed(0))}" style="font-size: 26px; text-align: center; font-weight: bold;" >{{item.days.toFixed(0)}}D</div>
+                    <div class="visual">
+                      <i class="fa fa-comments"></i>
+                    </div>
+                    <table>
+                      <tr>
+                        <div class="details" style="width: calc(100% - 50px);">
+                          <div style="text-align: right; margin-top: -50px; color: black;">{{item.STATUS}}</div>
+                            <div class= "number" style=" color: black; display: block; text-align: right;">
+                              <span data-counter="counterup" data-value="">{{item.custgroupName}}</span>
+                            </div>
+                          <div class="desc" style=" color: black;">{{item.team}}</div><br>
+                          <!-- <div class="desc" style="text-align: left; text-align: bottom; color: black;">{{(item.COMMENT > 20)? | (item.COMMENT | slice:0:20) + '....':(item.COMMENT)}}</div> -->
+                        </div>
+                      </tr>
+                      <tr>
+                        <div class="details" style="width: calc(100% - 50px);">
+                          <div class="desc" style="text-align: left; color: black; margin-top: 100px;">{{item.COMMENT | short}}</div> 
+                        </div>
+                      </tr>
+                    </table>
+                  </a>
+                </div>
+              </div>
+            </div>
+        <br>
+        <br>
+        <br>
+        <br>
+            <!-- On Hold -->
+          
+            <div class="caption">
+              <h1 class="icon-bubble font-grey-gallery">
+                <span class="caption-subject font-grey-gallery sbold font"> On Hold</span>
+              </h1>
+              <div class="input-group" style="float: right; margin-top: 11px;">
+                <div class="input-icon right">
+                  <i class="icon-magnifier">
+                  </i>
+                  <input type="text" placeholder="Search.." class="form-control sbold font" [(ngModel)]="FilterSearchOnHold">
+                </div>
+              </div>
+              <hr>
+              <br>
+            </div>
+            <div class="panel-body">
+              <div class="row">
+                  <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12"  *ngFor="let item of resultDataOnHold | filter:FilterSearchOnHold: '' ">
+                    <a class="dashboard-stat dashboard-stat-v2 red "
+                        href="{{item.link}}" 
+                        target="_blank"
+                        [ngStyle] = "{'background-color': getColorDay(item.days.toFixed(0))}">
+                  <!-- <div [ngStyle]="{'background-color':item.days === '366.0098' ? 'green' : 'red' }"></<div> -->
+                  <!-- <div class="avater">{{(item.days).toFixed(0)}} D</div> -->
+                      <div class="avater" [ngStyle]="{'background-color': getColorDay(item.days.toFixed(0))}" style="font-size: 26px; text-align: center; font-weight: bold;" >{{item.days.toFixed(0)}}D</div>
+                      <div class="visual">
+                        <i class="fa fa-comments"></i>
+                      </div>
+                      <table>
+                        <tr>
+                          <div class="details" style="width: calc(100% - 50px);">
+                            <div style="text-align: right; margin-top: -50px; color: black;">{{item.STATUS}}</div>
+                              <div class= "number" style=" color: black; display: block; text-align: right;">
+                                <span data-counter="counterup" data-value="">{{item.custgroupName}}</span>
+                              </div>
+                            <div class="desc" style=" color: black;">{{item.team}}</div><br>
+                            <!-- <div class="desc" style="text-align: left; text-align: bottom; color: black;">{{(item.COMMENT > 20)? | (item.COMMENT | slice:0:20) + '....':(item.COMMENT)}}</div> -->
+                          </div>
+                        </tr>
+                        <tr>
+                          <div class="details" style="width: calc(100% - 50px);">
+                            <div class="desc" style="text-align: left; color: black; margin-top: 100px;">{{item.COMMENT | short}}</div> 
+                          </div>
+                        </tr>
+                      </table>
+                      </a>
+                    </div>
+              </div>
+            </div>
+      </div>
     </div>  
   </div>
 </div>   
@@ -41,8 +41,24 @@ export class DashboardComponent implements OnInit {
   resultData: any;
   resultDataOnHold: any;
+  resultData2: any;
+  resultDataOnHold2: any;
+
+  resultData3: any;
+  resultDataOnHold3: any;
+
+  resultData4: any;
+  resultDataOnHold4: any;
+
+  resultDat5: any;
+  resultDataOnHold5: any;
+
+  resultData6: any;
+  resultDataOnHold6: any;
+
   async ngOnInit() {
+    //----------------------------1------------------------
     // Active
     try {
       const data = {
@@ -99,9 +115,130 @@ export class DashboardComponent implements OnInit {
     setInterval(async() => {
       await this.getDataOnHold();
     }, 600000);
+
+    //----------------------------2------------------------
+     // Active
+    try {
+      const data2 = {
+        // tslint:disable-next-line:max-line-length
+        "query": "SELECT vtiger_account.accountname AS custgroupName , vtiger_troubletickets.ticketid AS id , IF( vtiger_groups.groupname IS NOT NULL , vtiger_groups.groupname , vu.user_name) AS team , vtiger_troubletickets.title , vtiger_troubletickets. STATUS , vtiger_troubletickets.priority , CONCAT( 'http%3A%2F%2Fvtiger.sourcecode.co.th%2Findex.php%3Faction%3DDetailView%26module%3DHelpDesk%26parenttab%3DSupport%26record%3D' , vtiger_troubletickets.ticketid) AS link ,( SELECT xx.comments FROM vtiger_ticketcomments xx WHERE xx.ticketid = vtiger_troubletickets.ticketid ORDER BY xx.createdtime DESC LIMIT 1) AS COMMENT , CASE vtiger_troubletickets. STATUS WHEN 'Closed' THEN( unix_timestamp(vtiger_crmentity.modifiedtime) - unix_timestamp(vtiger_crmentity.createdtime)) / 86400 ELSE( unix_timestamp(now()) - unix_timestamp(vtiger_crmentity.createdtime)) / 86400 END AS days , concat( vtiger_ticketcf.cf_568 , ' (' , vtiger_cf_568.day_amount , ')') AS type , IFNULL(( SELECT 'Wait for response by' FROM vtiger_ticket_history WHERE vtiger_troubletickets.ticketid = vtiger_ticket_history.ticketid AND assigned_type = 'Wait for response' ORDER BY updatetime DESC LIMIT 0 , 1) , 'Created by') userType , IFNULL(( SELECT concat('' , assigned_by , '') FROM vtiger_ticket_history WHERE vtiger_troubletickets.ticketid = vtiger_ticket_history.ticketid AND assigned_type = 'Wait for response' ORDER BY updatetime DESC LIMIT 0 , 1) , vtiger_users.user_name) username , vtiger_crmentity.description , vtiger_crmentity.createdtime , vtiger_crmentity.modifiedtime , vtiger_cf_568.cf_568id FROM vtiger_crmentity JOIN vtiger_users ON vtiger_users.id = vtiger_crmentity.smcreatorid JOIN vtiger_troubletickets ON vtiger_crmentity.crmid = vtiger_troubletickets.ticketid JOIN vtiger_account ON vtiger_account.accountid = vtiger_troubletickets.parent_id JOIN vtiger_ticketcf ON vtiger_ticketcf.ticketid = vtiger_troubletickets.ticketid JOIN vtiger_cf_568 ON vtiger_cf_568.cf_568 = vtiger_ticketcf.cf_568 LEFT OUTER JOIN vtiger_groups ON vtiger_crmentity.smownerid = vtiger_groups.groupid LEFT OUTER JOIN vtiger_users vu ON vtiger_crmentity.smownerid = vu.id WHERE 1 AND vtiger_crmentity.setype = 'HelpDesk' AND vtiger_crmentity.deleted = 0 AND vtiger_ticketcf.cf_568 != '' AND vtiger_cf_568.cf_568id NOT IN(8 , 9 , 10) AND( LCASE(vtiger_cf_568.cf_568) = 'RND (Renovate)' AND LCASE(vtiger_troubletickets. STATUS) not in('closed' , 'Wait For Customer')) GROUP BY vtiger_troubletickets.ticketid ORDER BY vtiger_crmentity.createdtime ASC LIMIT 0 , 100",
+        "params": ["vtiger_crmentity"]
+      };
+      let response = await this._apiService.post('dynamic', data2);
+      if (response !== null) {
+        this.resultData2 = response;
+        this.resultData2.link = decodeURIComponent(decodeURIComponent(this.resultData2.link));
+        console.log('link: ', this.resultData2.link);
+        // tslint:disable-next-line:forin
+        for (const i in this.resultData2) {
+          this.resultData2[i].link = this._common.decodeURI(this.resultData2[i].link);
+          this.resultData2[i].birth_date = this._common.convertDate(this.resultData2[i].birth_date);
+        }
+      } else {
+        this.resultData2 = [];
+      }
+    } catch (error) {
+      console.log(error);
+    }
+
+    setInterval(async() => {
+      await this.getData2();
+    }, 600000);
+
+
+    //OnHold
+    try {
+      const dataOnHold2 = {
+        // tslint:disable-next-line:max-line-length
+        "query": "SELECT vtiger_account.accountname AS custgroupName , vtiger_troubletickets.ticketid AS id , IF( vtiger_groups.groupname IS NOT NULL , vtiger_groups.groupname , vu.user_name) AS team , vtiger_troubletickets.title , vtiger_troubletickets. STATUS , vtiger_troubletickets.priority , CONCAT( 'http%3A%2F%2Fvtiger.sourcecode.co.th%2Findex.php%3Faction%3DDetailView%26module%3DHelpDesk%26parenttab%3DSupport%26record%3D' , vtiger_troubletickets.ticketid) AS link ,( SELECT xx.comments FROM vtiger_ticketcomments xx WHERE xx.ticketid = vtiger_troubletickets.ticketid ORDER BY xx.createdtime DESC LIMIT 1) AS COMMENT , CASE vtiger_troubletickets. STATUS WHEN 'Closed' THEN( unix_timestamp(vtiger_crmentity.modifiedtime) - unix_timestamp(vtiger_crmentity.createdtime)) / 86400 ELSE( unix_timestamp(now()) - unix_timestamp(vtiger_crmentity.createdtime)) / 86400 END AS days , concat( vtiger_ticketcf.cf_568 , ' (' , vtiger_cf_568.day_amount , ')') AS type , IFNULL(( SELECT 'Wait for response by' FROM vtiger_ticket_history WHERE vtiger_troubletickets.ticketid = vtiger_ticket_history.ticketid AND assigned_type = 'Wait for response' ORDER BY updatetime DESC LIMIT 0 , 1) , 'Created by') userType , IFNULL(( SELECT concat('' , assigned_by , '') FROM vtiger_ticket_history WHERE vtiger_troubletickets.ticketid = vtiger_ticket_history.ticketid AND assigned_type = 'Wait for response' ORDER BY updatetime DESC LIMIT 0 , 1) , vtiger_users.user_name) username , vtiger_crmentity.description , vtiger_crmentity.createdtime , vtiger_crmentity.modifiedtime , vtiger_cf_568.cf_568id FROM vtiger_crmentity JOIN vtiger_users ON vtiger_users.id = vtiger_crmentity.smcreatorid JOIN vtiger_troubletickets ON vtiger_crmentity.crmid = vtiger_troubletickets.ticketid JOIN vtiger_account ON vtiger_account.accountid = vtiger_troubletickets.parent_id JOIN vtiger_ticketcf ON vtiger_ticketcf.ticketid = vtiger_troubletickets.ticketid JOIN vtiger_cf_568 ON vtiger_cf_568.cf_568 = vtiger_ticketcf.cf_568 LEFT OUTER JOIN vtiger_groups ON vtiger_crmentity.smownerid = vtiger_groups.groupid LEFT OUTER JOIN vtiger_users vu ON vtiger_crmentity.smownerid = vu.id WHERE 1 AND vtiger_crmentity.setype = 'HelpDesk' AND vtiger_crmentity.deleted = 0 AND vtiger_ticketcf.cf_568 != '' AND vtiger_cf_568.cf_568id NOT IN(8 , 9 , 10) AND( LCASE(vtiger_cf_568.cf_568) = 'RND (Renovate)' AND LCASE(vtiger_troubletickets. STATUS) IN('Wait For Customer')) GROUP BY vtiger_troubletickets.ticketid ORDER BY vtiger_crmentity.createdtime ASC LIMIT 0 , 100",
+        "params": ["vtiger_crmentity"]
+      };
+      let response = await this._apiService.post('dynamic', dataOnHold2);
+      if (response !== null) {
+        this.resultDataOnHold2 = response;
+        this.resultDataOnHold2.link = decodeURIComponent(decodeURIComponent(this.resultDataOnHold2.link));
+        console.log('link: ', this.resultDataOnHold2.link);
+        // tslint:disable-next-line:forin
+        for (const i in this.resultDataOnHold2) {
+          this.resultDataOnHold2[i].link = this._common.decodeURI(this.resultDataOnHold2[i].link);
+          this.resultDataOnHold2[i].birth_date = this._common.convertDate(this.resultDataOnHold2[i].birth_date);
+        }
+      } else {
+        this.resultDataOnHold2 = [];
+      }
+    } catch (error) {
+      console.log(error);
+    }
+
+    setInterval(async() => {
+      await this.getDataOnHold2();
+    }, 600000);
+    //----------------------------3------------------------
+      // Active
+      try {
+        const data3 = {
+          // tslint:disable-next-line:max-line-length
+        "query": "SELECT vtiger_account.accountname AS custgroupName , vtiger_troubletickets.ticketid AS id , IF( vtiger_groups.groupname IS NOT NULL , vtiger_groups.groupname , vu.user_name) AS team , vtiger_troubletickets.title , vtiger_troubletickets. STATUS , vtiger_troubletickets.priority , CONCAT( 'http%3A%2F%2Fvtiger.sourcecode.co.th%2Findex.php%3Faction%3DDetailView%26module%3DHelpDesk%26parenttab%3DSupport%26record%3D' , vtiger_troubletickets.ticketid) AS link ,( SELECT xx.comments FROM vtiger_ticketcomments xx WHERE xx.ticketid = vtiger_troubletickets.ticketid ORDER BY xx.createdtime DESC LIMIT 1) AS COMMENT , CASE vtiger_troubletickets. STATUS WHEN 'Closed' THEN( unix_timestamp(vtiger_crmentity.modifiedtime) - unix_timestamp(vtiger_crmentity.createdtime)) / 86400 ELSE( unix_timestamp(now()) - unix_timestamp(vtiger_crmentity.createdtime)) / 86400 END AS days , concat( vtiger_ticketcf.cf_568 , ' (' , vtiger_cf_568.day_amount , ')') AS type , IFNULL(( SELECT 'Wait for response by' FROM vtiger_ticket_history WHERE vtiger_troubletickets.ticketid = vtiger_ticket_history.ticketid AND assigned_type = 'Wait for response' ORDER BY updatetime DESC LIMIT 0 , 1) , 'Created by') userType , IFNULL(( SELECT concat('' , assigned_by , '') FROM vtiger_ticket_history WHERE vtiger_troubletickets.ticketid = vtiger_ticket_history.ticketid AND assigned_type = 'Wait for response' ORDER BY updatetime DESC LIMIT 0 , 1) , vtiger_users.user_name) username , vtiger_crmentity.description , vtiger_crmentity.createdtime , vtiger_crmentity.modifiedtime , vtiger_cf_568.cf_568id FROM vtiger_crmentity JOIN vtiger_users ON vtiger_users.id = vtiger_crmentity.smcreatorid JOIN vtiger_troubletickets ON vtiger_crmentity.crmid = vtiger_troubletickets.ticketid JOIN vtiger_account ON vtiger_account.accountid = vtiger_troubletickets.parent_id JOIN vtiger_ticketcf ON vtiger_ticketcf.ticketid = vtiger_troubletickets.ticketid JOIN vtiger_cf_568 ON vtiger_cf_568.cf_568 = vtiger_ticketcf.cf_568 LEFT OUTER JOIN vtiger_groups ON vtiger_crmentity.smownerid = vtiger_groups.groupid LEFT OUTER JOIN vtiger_users vu ON vtiger_crmentity.smownerid = vu.id WHERE 1 AND vtiger_crmentity.setype = 'HelpDesk' AND vtiger_crmentity.deleted = 0 AND vtiger_ticketcf.cf_568 != '' AND vtiger_cf_568.cf_568id NOT IN(8 , 9 , 10) AND( LCASE(vtiger_cf_568.cf_568) IN ('SDE (Site Down บ่อย)','SDN (Site Down Reset แล้วใช้งานไม่ได้)') AND LCASE(vtiger_troubletickets. STATUS) not in('closed' , 'Wait For Customer')) GROUP BY vtiger_troubletickets.ticketid ORDER BY vtiger_crmentity.createdtime ASC LIMIT 0 , 100",
+        "params": ["vtiger_crmentity"]
+        };
+        let response = await this._apiService.post('dynamic', data3);
+        if (response !== null) {
+          this.resultData3 = response;
+          this.resultData3.link = decodeURIComponent(decodeURIComponent(this.resultData3.link));
+          console.log('link: ', this.resultData3.link);
+          // tslint:disable-next-line:forin
+          for (const i in this.resultData3) {
+            this.resultData3[i].link = this._common.decodeURI(this.resultData3[i].link);
+            this.resultData3[i].birth_date = this._common.convertDate(this.resultData3[i].birth_date);
+          }
+        } else {
+          this.resultData3 = [];
+        }
+      } catch (error) {
+        console.log(error);
+      }
+  
+      setInterval(async() => {
+        await this.getData3();
+      }, 600000);
+  
+  
+      //OnHold
+      try {
+        const dataOnHold3 = {
+          // tslint:disable-next-line:max-line-length
+          "query": "SELECT vtiger_account.accountname AS custgroupName , vtiger_troubletickets.ticketid AS id , IF( vtiger_groups.groupname IS NOT NULL , vtiger_groups.groupname , vu.user_name) AS team , vtiger_troubletickets.title , vtiger_troubletickets. STATUS , vtiger_troubletickets.priority , CONCAT( 'http%3A%2F%2Fvtiger.sourcecode.co.th%2Findex.php%3Faction%3DDetailView%26module%3DHelpDesk%26parenttab%3DSupport%26record%3D' , vtiger_troubletickets.ticketid) AS link ,( SELECT xx.comments FROM vtiger_ticketcomments xx WHERE xx.ticketid = vtiger_troubletickets.ticketid ORDER BY xx.createdtime DESC LIMIT 1) AS COMMENT , CASE vtiger_troubletickets. STATUS WHEN 'Closed' THEN( unix_timestamp(vtiger_crmentity.modifiedtime) - unix_timestamp(vtiger_crmentity.createdtime)) / 86400 ELSE( unix_timestamp(now()) - unix_timestamp(vtiger_crmentity.createdtime)) / 86400 END AS days , concat( vtiger_ticketcf.cf_568 , ' (' , vtiger_cf_568.day_amount , ')') AS type , IFNULL(( SELECT 'Wait for response by' FROM vtiger_ticket_history WHERE vtiger_troubletickets.ticketid = vtiger_ticket_history.ticketid AND assigned_type = 'Wait for response' ORDER BY updatetime DESC LIMIT 0 , 1) , 'Created by') userType , IFNULL(( SELECT concat('' , assigned_by , '') FROM vtiger_ticket_history WHERE vtiger_troubletickets.ticketid = vtiger_ticket_history.ticketid AND assigned_type = 'Wait for response' ORDER BY updatetime DESC LIMIT 0 , 1) , vtiger_users.user_name) username , vtiger_crmentity.description , vtiger_crmentity.createdtime , vtiger_crmentity.modifiedtime , vtiger_cf_568.cf_568id FROM vtiger_crmentity JOIN vtiger_users ON vtiger_users.id = vtiger_crmentity.smcreatorid JOIN vtiger_troubletickets ON vtiger_crmentity.crmid = vtiger_troubletickets.ticketid JOIN vtiger_account ON vtiger_account.accountid = vtiger_troubletickets.parent_id JOIN vtiger_ticketcf ON vtiger_ticketcf.ticketid = vtiger_troubletickets.ticketid JOIN vtiger_cf_568 ON vtiger_cf_568.cf_568 = vtiger_ticketcf.cf_568 LEFT OUTER JOIN vtiger_groups ON vtiger_crmentity.smownerid = vtiger_groups.groupid LEFT OUTER JOIN vtiger_users vu ON vtiger_crmentity.smownerid = vu.id WHERE 1 AND vtiger_crmentity.setype = 'HelpDesk' AND vtiger_crmentity.deleted = 0 AND vtiger_ticketcf.cf_568 != '' AND vtiger_cf_568.cf_568id NOT IN(8 , 9 , 10) AND( LCASE(vtiger_cf_568.cf_568) IN ('SDE (Site Down บ่อย)','SDN (Site Down Reset แล้วใช้งานไม่ได้)') AND LCASE(vtiger_troubletickets. STATUS) IN('Wait For Customer')) GROUP BY vtiger_troubletickets.ticketid ORDER BY vtiger_crmentity.createdtime ASC LIMIT 0 , 100",
+          "params": ["vtiger_crmentity"]
+        };
+        let response = await this._apiService.post('dynamic', dataOnHold3);
+        if (response !== null) {
+          this.resultDataOnHold3 = response;
+          this.resultDataOnHold3.link = decodeURIComponent(decodeURIComponent(this.resultDataOnHold3.link));
+          console.log('link: ', this.resultDataOnHold3.link);
+          // tslint:disable-next-line:forin
+          for (const i in this.resultDataOnHold3) {
+            this.resultDataOnHold3[i].link = this._common.decodeURI(this.resultDataOnHold3[i].link);
+            this.resultDataOnHold3[i].birth_date = this._common.convertDate(this.resultDataOnHold3[i].birth_date);
+          }
+        } else {
+          this.resultDataOnHold3 = [];
+        }
+      } catch (error) {
+        console.log(error);
+      }
+  
+      setInterval(async() => {
+        await this.getDataOnHold3();
+      }, 600000);
+    //----------------------------4------------------------
+    //----------------------------5------------------------
+    //----------------------------6------------------------
   }
+  /////////////Get data come to use//////////////////////
+
+ //----------------------------1------------------------
   // Active
   async getData() {
     try {
@@ -127,7 +264,6 @@ export class DashboardComponent implements OnInit {
       console.log(error);
     }
   }
-
   //On Hold
   async getDataOnHold() {
     try {
@@ -154,18 +290,110 @@ export class DashboardComponent implements OnInit {
     }
   }
+  //----------------------------2------------------------
+   // Active
+  async getData2() {
+    try {
+      const data2 = {
+        // tslint:disable-next-line:max-line-length
+        "query": "SELECT vtiger_account.accountname AS custgroupName , vtiger_troubletickets.ticketid AS id , IF( vtiger_groups.groupname IS NOT NULL , vtiger_groups.groupname , vu.user_name) AS team , vtiger_troubletickets.title , vtiger_troubletickets. STATUS , vtiger_troubletickets.priority , CONCAT( 'http%3A%2F%2Fvtiger.sourcecode.co.th%2Findex.php%3Faction%3DDetailView%26module%3DHelpDesk%26parenttab%3DSupport%26record%3D' , vtiger_troubletickets.ticketid) AS link ,( SELECT xx.comments FROM vtiger_ticketcomments xx WHERE xx.ticketid = vtiger_troubletickets.ticketid ORDER BY xx.createdtime DESC LIMIT 1) AS COMMENT , CASE vtiger_troubletickets. STATUS WHEN 'Closed' THEN( unix_timestamp(vtiger_crmentity.modifiedtime) - unix_timestamp(vtiger_crmentity.createdtime)) / 86400 ELSE( unix_timestamp(now()) - unix_timestamp(vtiger_crmentity.createdtime)) / 86400 END AS days , concat( vtiger_ticketcf.cf_568 , ' (' , vtiger_cf_568.day_amount , ')') AS type , IFNULL(( SELECT 'Wait for response by' FROM vtiger_ticket_history WHERE vtiger_troubletickets.ticketid = vtiger_ticket_history.ticketid AND assigned_type = 'Wait for response' ORDER BY updatetime DESC LIMIT 0 , 1) , 'Created by') userType , IFNULL(( SELECT concat('' , assigned_by , '') FROM vtiger_ticket_history WHERE vtiger_troubletickets.ticketid = vtiger_ticket_history.ticketid AND assigned_type = 'Wait for response' ORDER BY updatetime DESC LIMIT 0 , 1) , vtiger_users.user_name) username , vtiger_crmentity.description , vtiger_crmentity.createdtime , vtiger_crmentity.modifiedtime , vtiger_cf_568.cf_568id FROM vtiger_crmentity JOIN vtiger_users ON vtiger_users.id = vtiger_crmentity.smcreatorid JOIN vtiger_troubletickets ON vtiger_crmentity.crmid = vtiger_troubletickets.ticketid JOIN vtiger_account ON vtiger_account.accountid = vtiger_troubletickets.parent_id JOIN vtiger_ticketcf ON vtiger_ticketcf.ticketid = vtiger_troubletickets.ticketid JOIN vtiger_cf_568 ON vtiger_cf_568.cf_568 = vtiger_ticketcf.cf_568 LEFT OUTER JOIN vtiger_groups ON vtiger_crmentity.smownerid = vtiger_groups.groupid LEFT OUTER JOIN vtiger_users vu ON vtiger_crmentity.smownerid = vu.id WHERE 1 AND vtiger_crmentity.setype = 'HelpDesk' AND vtiger_crmentity.deleted = 0 AND vtiger_ticketcf.cf_568 != '' AND vtiger_cf_568.cf_568id NOT IN(8 , 9 , 10) AND( LCASE(vtiger_cf_568.cf_568) = 'RND (Renovate)' AND LCASE(vtiger_troubletickets. STATUS) not in('closed' , 'Wait For Customer')) GROUP BY vtiger_troubletickets.ticketid ORDER BY vtiger_crmentity.createdtime ASC LIMIT 0 , 100",
+        "params": ["vtiger_crmentity"]
+      };
+      let response = await this._apiService.post('dynamic', data2);
+      if (response !== null) {
+        this.resultData2 = response;
+        this.resultData2.link = decodeURIComponent(decodeURIComponent(this.resultData2.link));
+        console.log('link: ', this.resultData2.link);
+        // tslint:disable-next-line:forin
+        for (const i in this.resultData2) {
+          this.resultData2[i].link = this._common.decodeURI(this.resultData2[i].link);
+          this.resultData2[i].birth_date = this._common.convertDate(this.resultData2[i].birth_date);
+        }
+      } else {
+        this.resultData2 = [];
+      }
+    } catch (error) {
+      console.log(error);
+    }
+  }
+  //On Hold
+  async getDataOnHold2() {
+    try {
+      const dataOnHold2 = {
+        // tslint:disable-next-line:max-line-length
+        "query": "SELECT vtiger_account.accountname AS custgroupName , vtiger_troubletickets.ticketid AS id , IF( vtiger_groups.groupname IS NOT NULL , vtiger_groups.groupname , vu.user_name) AS team , vtiger_troubletickets.title , vtiger_troubletickets. STATUS , vtiger_troubletickets.priority , CONCAT( 'http%3A%2F%2Fvtiger.sourcecode.co.th%2Findex.php%3Faction%3DDetailView%26module%3DHelpDesk%26parenttab%3DSupport%26record%3D' , vtiger_troubletickets.ticketid) AS link ,( SELECT xx.comments FROM vtiger_ticketcomments xx WHERE xx.ticketid = vtiger_troubletickets.ticketid ORDER BY xx.createdtime DESC LIMIT 1) AS COMMENT , CASE vtiger_troubletickets. STATUS WHEN 'Closed' THEN( unix_timestamp(vtiger_crmentity.modifiedtime) - unix_timestamp(vtiger_crmentity.createdtime)) / 86400 ELSE( unix_timestamp(now()) - unix_timestamp(vtiger_crmentity.createdtime)) / 86400 END AS days , concat( vtiger_ticketcf.cf_568 , ' (' , vtiger_cf_568.day_amount , ')') AS type , IFNULL(( SELECT 'Wait for response by' FROM vtiger_ticket_history WHERE vtiger_troubletickets.ticketid = vtiger_ticket_history.ticketid AND assigned_type = 'Wait for response' ORDER BY updatetime DESC LIMIT 0 , 1) , 'Created by') userType , IFNULL(( SELECT concat('' , assigned_by , '') FROM vtiger_ticket_history WHERE vtiger_troubletickets.ticketid = vtiger_ticket_history.ticketid AND assigned_type = 'Wait for response' ORDER BY updatetime DESC LIMIT 0 , 1) , vtiger_users.user_name) username , vtiger_crmentity.description , vtiger_crmentity.createdtime , vtiger_crmentity.modifiedtime , vtiger_cf_568.cf_568id FROM vtiger_crmentity JOIN vtiger_users ON vtiger_users.id = vtiger_crmentity.smcreatorid JOIN vtiger_troubletickets ON vtiger_crmentity.crmid = vtiger_troubletickets.ticketid JOIN vtiger_account ON vtiger_account.accountid = vtiger_troubletickets.parent_id JOIN vtiger_ticketcf ON vtiger_ticketcf.ticketid = vtiger_troubletickets.ticketid JOIN vtiger_cf_568 ON vtiger_cf_568.cf_568 = vtiger_ticketcf.cf_568 LEFT OUTER JOIN vtiger_groups ON vtiger_crmentity.smownerid = vtiger_groups.groupid LEFT OUTER JOIN vtiger_users vu ON vtiger_crmentity.smownerid = vu.id WHERE 1 AND vtiger_crmentity.setype = 'HelpDesk' AND vtiger_crmentity.deleted = 0 AND vtiger_ticketcf.cf_568 != '' AND vtiger_cf_568.cf_568id NOT IN(8 , 9 , 10) AND( LCASE(vtiger_cf_568.cf_568) = 'RND (Renovate)' AND LCASE(vtiger_troubletickets. STATUS) IN('Wait For Customer')) GROUP BY vtiger_troubletickets.ticketid ORDER BY vtiger_crmentity.createdtime ASC LIMIT 0 , 100",
+        "params": ["vtiger_crmentity"]
+      };
+      let response = await this._apiService.post('dynamic', dataOnHold2);
+      if (response !== null) {
+        this.resultDataOnHold2 = response;
+        this.resultDataOnHold2.link = decodeURIComponent(decodeURIComponent(this.resultDataOnHold2.link));
+        console.log('link: ', this.resultDataOnHold2.link);
+        // tslint:disable-next-line:forin
+        for (const i in this.resultDataOnHold) {
+          this.resultDataOnHold2[i].link = this._common.decodeURI(this.resultDataOnHold2[i].link);
+          this.resultDataOnHold2[i].birth_date = this._common.convertDate(this.resultDataOnHold2[i].birth_date);
+        }
+      } else {
+        this.resultDataOnHold2 = [];
+      }
+    } catch (error) {
+      console.log(error);
+    }
+  }
+  //----------------------------3------------------------
+    // Active
+    async getData3() {
+      try {
+        const data3 = {
+          // tslint:disable-next-line:max-line-length
+        "query": "SELECT vtiger_account.accountname AS custgroupName , vtiger_troubletickets.ticketid AS id , IF( vtiger_groups.groupname IS NOT NULL , vtiger_groups.groupname , vu.user_name) AS team , vtiger_troubletickets.title , vtiger_troubletickets. STATUS , vtiger_troubletickets.priority , CONCAT( 'http%3A%2F%2Fvtiger.sourcecode.co.th%2Findex.php%3Faction%3DDetailView%26module%3DHelpDesk%26parenttab%3DSupport%26record%3D' , vtiger_troubletickets.ticketid) AS link ,( SELECT xx.comments FROM vtiger_ticketcomments xx WHERE xx.ticketid = vtiger_troubletickets.ticketid ORDER BY xx.createdtime DESC LIMIT 1) AS COMMENT , CASE vtiger_troubletickets. STATUS WHEN 'Closed' THEN( unix_timestamp(vtiger_crmentity.modifiedtime) - unix_timestamp(vtiger_crmentity.createdtime)) / 86400 ELSE( unix_timestamp(now()) - unix_timestamp(vtiger_crmentity.createdtime)) / 86400 END AS days , concat( vtiger_ticketcf.cf_568 , ' (' , vtiger_cf_568.day_amount , ')') AS type , IFNULL(( SELECT 'Wait for response by' FROM vtiger_ticket_history WHERE vtiger_troubletickets.ticketid = vtiger_ticket_history.ticketid AND assigned_type = 'Wait for response' ORDER BY updatetime DESC LIMIT 0 , 1) , 'Created by') userType , IFNULL(( SELECT concat('' , assigned_by , '') FROM vtiger_ticket_history WHERE vtiger_troubletickets.ticketid = vtiger_ticket_history.ticketid AND assigned_type = 'Wait for response' ORDER BY updatetime DESC LIMIT 0 , 1) , vtiger_users.user_name) username , vtiger_crmentity.description , vtiger_crmentity.createdtime , vtiger_crmentity.modifiedtime , vtiger_cf_568.cf_568id FROM vtiger_crmentity JOIN vtiger_users ON vtiger_users.id = vtiger_crmentity.smcreatorid JOIN vtiger_troubletickets ON vtiger_crmentity.crmid = vtiger_troubletickets.ticketid JOIN vtiger_account ON vtiger_account.accountid = vtiger_troubletickets.parent_id JOIN vtiger_ticketcf ON vtiger_ticketcf.ticketid = vtiger_troubletickets.ticketid JOIN vtiger_cf_568 ON vtiger_cf_568.cf_568 = vtiger_ticketcf.cf_568 LEFT OUTER JOIN vtiger_groups ON vtiger_crmentity.smownerid = vtiger_groups.groupid LEFT OUTER JOIN vtiger_users vu ON vtiger_crmentity.smownerid = vu.id WHERE 1 AND vtiger_crmentity.setype = 'HelpDesk' AND vtiger_crmentity.deleted = 0 AND vtiger_ticketcf.cf_568 != '' AND vtiger_cf_568.cf_568id NOT IN(8 , 9 , 10) AND( LCASE(vtiger_cf_568.cf_568) IN ('SDE (Site Down บ่อย)','SDN (Site Down Reset แล้วใช้งานไม่ได้)') AND LCASE(vtiger_troubletickets. STATUS) not in('closed' , 'Wait For Customer')) GROUP BY vtiger_troubletickets.ticketid ORDER BY vtiger_crmentity.createdtime ASC LIMIT 0 , 100",
+        "params": ["vtiger_crmentity"]
+        };
+        let response = await this._apiService.post('dynamic', data3);
+        if (response !== null) {
+          this.resultData3 = response;
+          this.resultData3.link = decodeURIComponent(decodeURIComponent(this.resultData3.link));
+          console.log('link: ', this.resultData3.link);
+          // tslint:disable-next-line:forin
+          for (const i in this.resultData3) {
+            this.resultData3[i].link = this._common.decodeURI(this.resultData3[i].link);
+            this.resultData3[i].birth_date = this._common.convertDate(this.resultData3[i].birth_date);
+          }
+        } else {
+          this.resultData3 = [];
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    }
+    //On Hold
+    async getDataOnHold3() {
+      try {
+        const dataOnHold3 = {
+          // tslint:disable-next-line:max-line-length
+          "query": "SELECT vtiger_account.accountname AS custgroupName , vtiger_troubletickets.ticketid AS id , IF( vtiger_groups.groupname IS NOT NULL , vtiger_groups.groupname , vu.user_name) AS team , vtiger_troubletickets.title , vtiger_troubletickets. STATUS , vtiger_troubletickets.priority , CONCAT( 'http%3A%2F%2Fvtiger.sourcecode.co.th%2Findex.php%3Faction%3DDetailView%26module%3DHelpDesk%26parenttab%3DSupport%26record%3D' , vtiger_troubletickets.ticketid) AS link ,( SELECT xx.comments FROM vtiger_ticketcomments xx WHERE xx.ticketid = vtiger_troubletickets.ticketid ORDER BY xx.createdtime DESC LIMIT 1) AS COMMENT , CASE vtiger_troubletickets. STATUS WHEN 'Closed' THEN( unix_timestamp(vtiger_crmentity.modifiedtime) - unix_timestamp(vtiger_crmentity.createdtime)) / 86400 ELSE( unix_timestamp(now()) - unix_timestamp(vtiger_crmentity.createdtime)) / 86400 END AS days , concat( vtiger_ticketcf.cf_568 , ' (' , vtiger_cf_568.day_amount , ')') AS type , IFNULL(( SELECT 'Wait for response by' FROM vtiger_ticket_history WHERE vtiger_troubletickets.ticketid = vtiger_ticket_history.ticketid AND assigned_type = 'Wait for response' ORDER BY updatetime DESC LIMIT 0 , 1) , 'Created by') userType , IFNULL(( SELECT concat('' , assigned_by , '') FROM vtiger_ticket_history WHERE vtiger_troubletickets.ticketid = vtiger_ticket_history.ticketid AND assigned_type = 'Wait for response' ORDER BY updatetime DESC LIMIT 0 , 1) , vtiger_users.user_name) username , vtiger_crmentity.description , vtiger_crmentity.createdtime , vtiger_crmentity.modifiedtime , vtiger_cf_568.cf_568id FROM vtiger_crmentity JOIN vtiger_users ON vtiger_users.id = vtiger_crmentity.smcreatorid JOIN vtiger_troubletickets ON vtiger_crmentity.crmid = vtiger_troubletickets.ticketid JOIN vtiger_account ON vtiger_account.accountid = vtiger_troubletickets.parent_id JOIN vtiger_ticketcf ON vtiger_ticketcf.ticketid = vtiger_troubletickets.ticketid JOIN vtiger_cf_568 ON vtiger_cf_568.cf_568 = vtiger_ticketcf.cf_568 LEFT OUTER JOIN vtiger_groups ON vtiger_crmentity.smownerid = vtiger_groups.groupid LEFT OUTER JOIN vtiger_users vu ON vtiger_crmentity.smownerid = vu.id WHERE 1 AND vtiger_crmentity.setype = 'HelpDesk' AND vtiger_crmentity.deleted = 0 AND vtiger_ticketcf.cf_568 != '' AND vtiger_cf_568.cf_568id NOT IN(8 , 9 , 10) AND( LCASE(vtiger_cf_568.cf_568) IN ('SDE (Site Down บ่อย)','SDN (Site Down Reset แล้วใช้งานไม่ได้)') AND LCASE(vtiger_troubletickets. STATUS) IN('Wait For Customer')) GROUP BY vtiger_troubletickets.ticketid ORDER BY vtiger_crmentity.createdtime ASC LIMIT 0 , 100",
+          "params": ["vtiger_crmentity"]
+        };
+        let response = await this._apiService.post('dynamic', dataOnHold3);
+        if (response !== null) {
+          this.resultDataOnHold3 = response;
+          this.resultDataOnHold3.link = decodeURIComponent(decodeURIComponent(this.resultDataOnHold3.link));
+          console.log('link: ', this.resultDataOnHold3.link);
+          // tslint:disable-next-line:forin
+          for (const i in this.resultDataOnHold) {
+            this.resultDataOnHold3[i].link = this._common.decodeURI(this.resultDataOnHold3[i].link);
+            this.resultDataOnHold3[i].birth_date = this._common.convertDate(this.resultDataOnHold3[i].birth_date);
+          }
+        } else {
+          this.resultDataOnHold3 = [];
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    }
+  //----------------------------4------------------------
+  //----------------------------5------------------------
+  //----------------------------6------------------------
-}
-
-  // getColor(color) {
-  //   console.log(color)
-  //   switch (color) {
-  //     case 'red' :
-  //       return 'red';
-  //     case 'yellow' :
-  //       return 'yellow';
-  //     case 'green' :
-  //       return 'green';
-  //   }
-  // }
-
+}
 \ No newline at end of file
	@@ -9,17 +9,20 @@		@@ -9,17 +9,20 @@
9	<a href="#tab1" data-toggle="tab" aria-expanded="true">ติดตั้ง</a>	9	<a href="#tab1" data-toggle="tab" aria-expanded="true">ติดตั้ง</a>
10	</li>	10	</li>
11	<li class="sbold">	11	<li class="sbold">
12	- <a href="#tab2" data-toggle="tab" aria-expanded="false">page 2</a>	12	+ <a href="#tab2" data-toggle="tab" aria-expanded="false">RND</a>
13	</li>	13	</li>
14	<li class="sbold">	14	<li class="sbold">
15	- <a href="#tab3" data-toggle="tab" aria-expanded="false">page 3</a>	15	+ <a href="#tab3" data-toggle="tab" aria-expanded="false">SDE+SDN</a>
16	</li>	16	</li>
17	<li class="sbold">	17	<li class="sbold">
18	- <a href="#tab4" data-toggle="tab" aria-expanded="false">page 4</a>	18	+ <a href="#tab4" data-toggle="tab" aria-expanded="false">AP Down+APD</a>
19	</li>	19	</li>
20	<li class="sbold">	20	<li class="sbold">
21	- <a href="#tab5" data-toggle="tab" aria-expanded="false">page 5</a>	21	+ <a href="#tab5" data-toggle="tab" aria-expanded="false">BNW+NDS+NED+NES+NET</a>
22	</li>	22	</li>
		23	+ <li class="sbold">
		24	+ <a href="#tab6" data-toggle="tab" aria-expanded="false">CUS</a>
		25	+ </li>
23	</ul>	26	</ul>
24	<div class="tab-content">	27	<div class="tab-content">
25	<div class="panel tab-pane active" id="tab1">	28	<div class="panel tab-pane active" id="tab1">
	@@ -128,7 +131,6 @@		@@ -128,7 +131,6 @@
128	</div>	131	</div>
129	</div>	132	</div>
130	</div>	133	</div>
131	-
132	<div class="panel tab-pane" id="tab2">	134	<div class="panel tab-pane" id="tab2">
133	<div class="caption">	135	<div class="caption">
134	<h1 class="icon-bubble font-green-sharp">	136	<h1 class="icon-bubble font-green-sharp">
	@@ -148,7 +150,7 @@		@@ -148,7 +150,7 @@
148	</div>	150	</div>
149	<div class="panel-body">	151	<div class="panel-body">
150	<div class="row">	152	<div class="row">
151	- <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData \| filter:FilterSearch: '' ">	153	+ <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData2 \| filter:FilterSearch: '' ">
152	<a class="dashboard-stat dashboard-stat-v2 red "	154	<a class="dashboard-stat dashboard-stat-v2 red "
153	href="{{item.link}}"	155	href="{{item.link}}"
154	target="_blank"	156	target="_blank"
	@@ -202,7 +204,7 @@		@@ -202,7 +204,7 @@
202	</div>	204	</div>
203	<div class="panel-body">	205	<div class="panel-body">
204	<div class="row">	206	<div class="row">
205	- <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultDataOnHold \| filter:FilterSearchOnHold: '' ">	207	+ <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultDataOnHold2 \| filter:FilterSearchOnHold: '' ">
206	<a class="dashboard-stat dashboard-stat-v2 red "	208	<a class="dashboard-stat dashboard-stat-v2 red "
207	href="{{item.link}}"	209	href="{{item.link}}"
208	target="_blank"	210	target="_blank"
	@@ -254,7 +256,7 @@		@@ -254,7 +256,7 @@
254	</div>	256	</div>
255	<div class="panel-body">	257	<div class="panel-body">
256	<div class="row">	258	<div class="row">
257	- <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData \| filter:FilterSearch: '' ">	259	+ <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData3 \| filter:FilterSearch: '' ">
258	<a class="dashboard-stat dashboard-stat-v2 red "	260	<a class="dashboard-stat dashboard-stat-v2 red "
259	href="{{item.link}}"	261	href="{{item.link}}"
260	target="_blank"	262	target="_blank"
	@@ -308,7 +310,7 @@		@@ -308,7 +310,7 @@
308	</div>	310	</div>
309	<div class="panel-body">	311	<div class="panel-body">
310	<div class="row">	312	<div class="row">
311	- <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultDataOnHold \| filter:FilterSearchOnHold: '' ">	313	+ <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultDataOnHold3 \| filter:FilterSearchOnHold: '' ">
312	<a class="dashboard-stat dashboard-stat-v2 red "	314	<a class="dashboard-stat dashboard-stat-v2 red "
313	href="{{item.link}}"	315	href="{{item.link}}"
314	target="_blank"	316	target="_blank"
	@@ -553,6 +555,112 @@		@@ -553,6 +555,112 @@
553	</div>	555	</div>
554	</div>	556	</div>
555	</div>	557	</div>
		558	+ <div class="panel tab-pane" id="tab6">
		559	+ <div class="caption">
		560	+ <h1 class="icon-bubble font-green-sharp">
		561	+ <span class="caption-subject font-green-sharp sbold font"> Active</span>
		562	+ </h1>
		563	+
		564	+ <div class="input-group" style="float: right; margin-top: 11px;">
		565	+ <div class="input-icon right">
		566	+ <i class="icon-magnifier">
		567	+ </i>
		568	+ <input type="text" placeholder="Search.." class="form-control sbold font" [(ngModel)]="FilterSearch">
		569	+ </div>
		570	+ </div>
		571	+
		572	+ <hr>
		573	+ <br>
		574	+ </div>
		575	+ <div class="panel-body">
		576	+ <div class="row">
		577	+ <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData \| filter:FilterSearch: '' ">
		578	+ <a class="dashboard-stat dashboard-stat-v2 red "
		579	+ href="{{item.link}}"
		580	+ target="_blank"
		581	+ [ngStyle] = "{'background-color': getColorDay(item.days.toFixed(0))}">
		582	+ <!-- <div [ngStyle]="{'background-color':item.days === '366.0098' ? 'green' : 'red' }"></<div> -->
		583	+ <!-- <div class="avater">{{(item.days).toFixed(0)}} D</div> -->
		584	+ <div class="avater" [ngStyle]="{'background-color': getColorDay(item.days.toFixed(0))}" style="font-size: 26px; text-align: center; font-weight: bold;" >{{item.days.toFixed(0)}}D</div>
		585	+ <div class="visual">
		586	+ <i class="fa fa-comments"></i>
		587	+ </div>
		588	+ <table>
		589	+ <tr>
		590	+ <div class="details" style="width: calc(100% - 50px);">
		591	+ <div style="text-align: right; margin-top: -50px; color: black;">{{item.STATUS}}</div>
		592	+ <div class= "number" style=" color: black; display: block; text-align: right;">
		593	+ <span data-counter="counterup" data-value="">{{item.custgroupName}}</span>
		594	+ </div>
		595	+ <div class="desc" style=" color: black;">{{item.team}}</div><br>
		596	+ <!-- <div class="desc" style="text-align: left; text-align: bottom; color: black;">{{(item.COMMENT > 20)? \| (item.COMMENT \| slice:0:20) + '....':(item.COMMENT)}}</div> -->
		597	+ </div>
		598	+ </tr>
		599	+ <tr>
		600	+ <div class="details" style="width: calc(100% - 50px);">
		601	+ <div class="desc" style="text-align: left; color: black; margin-top: 100px;">{{item.COMMENT \| short}}</div>
		602	+ </div>
		603	+ </tr>
		604	+ </table>
		605	+ </a>
		606	+ </div>
		607	+ </div>
		608	+ </div>
		609	+ <br>
		610	+ <br>
		611	+ <br>
		612	+ <br>
		613	+ <!-- On Hold -->
		614	+
		615	+ <div class="caption">
		616	+ <h1 class="icon-bubble font-grey-gallery">
		617	+ <span class="caption-subject font-grey-gallery sbold font"> On Hold</span>
		618	+ </h1>
		619	+ <div class="input-group" style="float: right; margin-top: 11px;">
		620	+ <div class="input-icon right">
		621	+ <i class="icon-magnifier">
		622	+ </i>
		623	+ <input type="text" placeholder="Search.." class="form-control sbold font" [(ngModel)]="FilterSearchOnHold">
		624	+ </div>
		625	+ </div>
		626	+ <hr>
		627	+ <br>
		628	+ </div>
		629	+ <div class="panel-body">
		630	+ <div class="row">
		631	+ <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultDataOnHold \| filter:FilterSearchOnHold: '' ">
		632	+ <a class="dashboard-stat dashboard-stat-v2 red "
		633	+ href="{{item.link}}"
		634	+ target="_blank"
		635	+ [ngStyle] = "{'background-color': getColorDay(item.days.toFixed(0))}">
		636	+ <!-- <div [ngStyle]="{'background-color':item.days === '366.0098' ? 'green' : 'red' }"></<div> -->
		637	+ <!-- <div class="avater">{{(item.days).toFixed(0)}} D</div> -->
		638	+ <div class="avater" [ngStyle]="{'background-color': getColorDay(item.days.toFixed(0))}" style="font-size: 26px; text-align: center; font-weight: bold;" >{{item.days.toFixed(0)}}D</div>
		639	+ <div class="visual">
		640	+ <i class="fa fa-comments"></i>
		641	+ </div>
		642	+ <table>
		643	+ <tr>
		644	+ <div class="details" style="width: calc(100% - 50px);">
		645	+ <div style="text-align: right; margin-top: -50px; color: black;">{{item.STATUS}}</div>
		646	+ <div class= "number" style=" color: black; display: block; text-align: right;">
		647	+ <span data-counter="counterup" data-value="">{{item.custgroupName}}</span>
		648	+ </div>
		649	+ <div class="desc" style=" color: black;">{{item.team}}</div><br>
		650	+ <!-- <div class="desc" style="text-align: left; text-align: bottom; color: black;">{{(item.COMMENT > 20)? \| (item.COMMENT \| slice:0:20) + '....':(item.COMMENT)}}</div> -->
		651	+ </div>
		652	+ </tr>
		653	+ <tr>
		654	+ <div class="details" style="width: calc(100% - 50px);">
		655	+ <div class="desc" style="text-align: left; color: black; margin-top: 100px;">{{item.COMMENT \| short}}</div>
		656	+ </div>
		657	+ </tr>
		658	+ </table>
		659	+ </a>
		660	+ </div>
		661	+ </div>
		662	+ </div>
		663	+ </div>
556	</div>	664	</div>
557	</div>	665	</div>
558	</div>	666	</div>