diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index 503bccd..ba47447 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -1,8 +1,8 @@
 <div class="portlet-body">
   <div class="tabbable-custom nav-justified">
     <ul class="nav nav-tabs">
-      <li class="active sbold font">
-        <a href="#tab1" data-toggle="tab" aria-expanded="true">ติดตั้ง
+      <li class="sbold font">
+        <a href="#tab1" data-toggle="tab" aria-expanded="false">ติดตั้ง
           <span class="badge"> {{resultNum}} </span>
         </a>
       </li>
@@ -41,8 +41,8 @@
           <span class="badge"> {{resultNum8}} </span>
         </a>
       </li>
-      <li class="sbold">
-        <a href="#tab9" data-toggle="tab" aria-expanded="false">Follow
+      <li class="active sbold">
+        <a href="#tab9" data-toggle="tab" aria-expanded="true">Follow
           <span class="badge"> {{resultNum9}} </span>
         </a>
       </li>
@@ -53,7 +53,7 @@
       </li> -->
     </ul>
     <div class="tab-content">
-      <div class="panel tab-pane active" id="tab1">
+      <div class="panel tab-pane " id="tab1">
         <div class="caption">
           <h1 class="icon-bubble font-green-sharp">
             <span class="caption-subject font-green-sharp sbold font"> Active</span>
@@ -920,7 +920,7 @@
           </div>
         </div>
       </div>
-      <div class="panel tab-pane" id="tab9">
+      <div class="panel tab-pane active" id="tab9">
         <div class="caption">
           <h1 class="icon-bubble font-green-sharp">
             <span class="caption-subject font-green-sharp sbold font"> Active</span>
@@ -935,9 +935,14 @@
           </div>
           <br>
           <br>
-          <button type="button" class="btn btn-circle button " *ngFor="let name of ButtonValue" (click)="getButton9(name.valueN);getButton9Onhold(name.valueN);"
-            style="margin-left: 5px; margin-top: 2px;"><div>{{NumType9}}</div> {{ name.name }}
+          <button type="button" class="btn btn-circle button "  *ngFor="let name of ButtonValue" (click)="getButton9(name.valueN);getButton9Onhold(name.valueN);"
+            style="margin-left: 5px; margin-top: 2px;"><div *ngIf = "ButtonValue">{{NumType9}}</div> {{ name.name }}
           </button>
+          <!-- <button type="button" class="btn btn-circle button " *ngFor="let name of ButtonValue" (click)="getButton9(name.valueN);getButton9Onhold(name.valueN);"
+            style="margin-left: 5px; margin-top: 2px;"><div>{{NumType9}}</div> {{ name.name }}
+          </button> -->
+          <hr>
+          <p *ngFor="let tt of Type9; let i = index">{{i}} {{tt}}</p>
           <hr>
           <div *ngIf="showSecret1">
             <p style="text-align: left; font-size: 30px;"> 0 Tricket</p>
diff --git a/src/app/dashboard/dashboard.component.ts b/src/app/dashboard/dashboard.component.ts
index fada06a..261dd19 100644
--- a/src/app/dashboard/dashboard.component.ts
+++ b/src/app/dashboard/dashboard.component.ts
@@ -786,28 +786,8 @@ setInterval(async () => {
       this.resultNum9 = this.resultData9.length;
       this.Show9.push(this.resultData9[i]);
       console.log('show',this.Show9);
-      // this.Type9.push(this.resultData9[i].type);
-    }
-
-    // for (const item of this.Show9) {
-    //   // console.log('item: ', item);
-  
-    //   var st = '';
-    //   if (item['type']) {
-    //     st = item['type'].toLowerCase();
-    //     this.Type9.push(st);
-    //     console.log('st: ', this.Type9);
-    //     // this.NumType9 = this.Type9.lent;
-    //   }
-      
-    //   // var string2 = valueN.toLowerCase();
-    //   // if (st.startsWith(string2)) {
-    //   //   resultArray.push(item);
-  
-    //   // }
-    // }
-    // console.log('type',this.Type9);
-
+      this.Type9.push(this.resultData9[i].type);
+    }
   } else {
     this.resultData9 = [];
   }
@@ -860,7 +840,7 @@ setInterval(async () => {
 
     const resultArray = [];
     for (const item of this.Show1) {
-      console.log('item: ', item);
+      // console.log('item: ', item);
 
       var st = '';
       //  st = item['team'].toLowerCase() + item['COMMENT'].toLowerCase() + item['custgroupName'].toLowerCase() + item['STATUS'].toLowerCase() ;
@@ -890,7 +870,7 @@ setInterval(async () => {
 
     const resultArray = [];
     for (const item of this.Show1Onhold) {
-      console.log('item: ', item);
+      // console.log('item: ', item);
 
       var st = '';
       //  st = item['team'].toLowerCase() + item['COMMENT'].toLowerCase() + item['custgroupName'].toLowerCase() + item['STATUS'].toLowerCase() ;
@@ -919,7 +899,7 @@ setInterval(async () => {
 
     const resultArray = [];
     for (const item of this.Show2) {
-      console.log('item: ', item);
+      // console.log('item: ', item);
 
       var st = '';
       //  st = item['team'].toLowerCase() + item['COMMENT'].toLowerCase() + item['custgroupName'].toLowerCase() + item['STATUS'].toLowerCase() ;
@@ -948,7 +928,7 @@ setInterval(async () => {
 
     const resultArray = [];
     for (const item of this.Show2Onhold) {
-      console.log('item: ', item);
+      // console.log('item: ', item);
 
       var st = '';
       //  st = item['team'].toLowerCase() + item['COMMENT'].toLowerCase() + item['custgroupName'].toLowerCase() + item['STATUS'].toLowerCase() ;
@@ -976,7 +956,7 @@ setInterval(async () => {
 
     const resultArray = [];
     for (const item of this.Show3) {
-      console.log('item: ', item);
+      // console.log('item: ', item);
 
       var st = '';
       //  st = item['team'].toLowerCase() + item['COMMENT'].toLowerCase() + item['custgroupName'].toLowerCase() + item['STATUS'].toLowerCase() ;
@@ -1005,7 +985,7 @@ setInterval(async () => {
 
     const resultArray = [];
     for (const item of this.Show3Onhold) {
-      console.log('item: ', item);
+      // console.log('item: ', item);
 
       var st = '';
       //  st = item['team'].toLowerCase() + item['COMMENT'].toLowerCase() + item['custgroupName'].toLowerCase() + item['STATUS'].toLowerCase() ;
@@ -1033,7 +1013,7 @@ setInterval(async () => {
 
     const resultArray = [];
     for (const item of this.Show4) {
-      console.log('item: ', item);
+      // console.log('item: ', item);
 
       var st = '';
       //  st = item['team'].toLowerCase() + item['COMMENT'].toLowerCase() + item['custgroupName'].toLowerCase() + item['STATUS'].toLowerCase() ;
@@ -1062,7 +1042,7 @@ setInterval(async () => {
 
     const resultArray = [];
     for (const item of this.Show4Onhold) {
-      console.log('item: ', item);
+      // console.log('item: ', item);
 
       var st = '';
       //  st = item['team'].toLowerCase() + item['COMMENT'].toLowerCase() + item['custgroupName'].toLowerCase() + item['STATUS'].toLowerCase() ;
@@ -1090,7 +1070,7 @@ setInterval(async () => {
 
     const resultArray = [];
     for (const item of this.Show5) {
-      console.log('item: ', item);
+      // console.log('item: ', item);
 
       var st = '';
       //  st = item['team'].toLowerCase() + item['COMMENT'].toLowerCase() + item['custgroupName'].toLowerCase() + item['STATUS'].toLowerCase() ;
@@ -1119,7 +1099,7 @@ setInterval(async () => {
 
     const resultArray = [];
     for (const item of this.Show5Onhold) {
-      console.log('item: ', item);
+      // console.log('item: ', item);
 
       var st = '';
       //  st = item['team'].toLowerCase() + item['COMMENT'].toLowerCase() + item['custgroupName'].toLowerCase() + item['STATUS'].toLowerCase() ;
@@ -1147,7 +1127,7 @@ setInterval(async () => {
 
     const resultArray = [];
     for (const item of this.Show6) {
-      console.log('item: ', item);
+      // console.log('item: ', item);
 
       var st = '';
       //  st = item['team'].toLowerCase() + item['COMMENT'].toLowerCase() + item['custgroupName'].toLowerCase() + item['STATUS'].toLowerCase() ;
@@ -1182,7 +1162,7 @@ setInterval(async () => {
 
     const resultArray = [];
     for (const item of this.Show6Onhold) {
-      console.log('item: ', item);
+      // console.log('item: ', item);
 
       var st = '';
       //  st = item['team'].toLowerCase() + item['COMMENT'].toLowerCase() + item['custgroupName'].toLowerCase() + item['STATUS'].toLowerCase() ;
@@ -1245,7 +1225,7 @@ setInterval(async () => {
 
     const resultArray = [];
     for (const item of this.Show7Onhold) {
-      console.log('item: ', item);
+      // console.log('item: ', item);
 
       var st = '';
       //  st = item['team'].toLowerCase() + item['COMMENT'].toLowerCase() + item['custgroupName'].toLowerCase() + item['STATUS'].toLowerCase() ;
@@ -1315,7 +1295,7 @@ setInterval(async () => {
 
   const resultArray = [];
   for (const item of this.Show8Onhold) {
-    console.log('item: ', item);
+    // console.log('item: ', item);
 
     var st = '';
     //  st = item['team'].toLowerCase() + item['COMMENT'].toLowerCase() + item['custgroupName'].toLowerCase() + item['STATUS'].toLowerCase() ;
@@ -1355,8 +1335,8 @@ setInterval(async () => {
     var st = '';
     if (item['type']) {
       st = item['type'].toLowerCase();
-      this.Type9.push(st);
-      console.log('st: ', this.Type9);
+      // this.Type9.push(st);
+      // console.log('st: ', this.Type9);
       // this.NumType9 = this.Type9.lent;
     }
     
@@ -1376,6 +1356,7 @@ setInterval(async () => {
 
   this.resultData9 = resultArray;
   this.NumType9 = resultArray.length;
+  // this.Type9.push(this.NumType9);  
 }
 
  /* buttondataOnhold9 */
@@ -1388,7 +1369,7 @@ setInterval(async () => {
 
   const resultArray = [];
   for (const item of this.Show9Onhold) {
-    console.log('item: ', item);
+    // console.log('item: ', item);
 
     var st = '';
     //  st = item['team'].toLowerCase() + item['COMMENT'].toLowerCase() + item['custgroupName'].toLowerCase() + item['STATUS'].toLowerCase() ;
--
libgit2 0.21.2