Commit 0257e7f8c296320833cf24063879c84399f711b6
1 parent
af5591c7
Exists in
master
0 tricket active and onhold
Showing
2 changed files
with
38 additions
and
22 deletions
Show diff stats
src/app/dashboard/dashboard.component.html
1 | 1 | <div class="portlet-body"> |
2 | 2 | <div class="tabbable-custom nav-justified"> |
3 | 3 | <ul class="nav nav-tabs"> |
4 | - <li class=" sbold font"> | |
5 | - <a href="#tab1" data-toggle="tab" aria-expanded="false">ติดตั้ง | |
4 | + <li class="active sbold font"> | |
5 | + <a href="#tab1" data-toggle="tab" aria-expanded="true">ติดตั้ง | |
6 | 6 | <span class="badge"> {{resultNum}} </span> |
7 | 7 | </a> |
8 | 8 | </li> |
... | ... | @@ -31,8 +31,8 @@ |
31 | 31 | <span class="badge"> {{resultNum5}} </span> |
32 | 32 | </a> |
33 | 33 | </li> |
34 | - <li class="active sbold"> | |
35 | - <a href="#tab6" data-toggle="tab" aria-expanded="true">CUS | |
34 | + <li class="sbold"> | |
35 | + <a href="#tab6" data-toggle="tab" aria-expanded="false">CUS | |
36 | 36 | <span class="badge"> {{resultNum6}} </span> |
37 | 37 | </a> |
38 | 38 | </li> |
... | ... | @@ -43,7 +43,7 @@ |
43 | 43 | </li> |
44 | 44 | </ul> |
45 | 45 | <div class="tab-content"> |
46 | - <div class="panel tab-pane " id="tab1"> | |
46 | + <div class="panel tab-pane active" id="tab1"> | |
47 | 47 | <div class="caption"> |
48 | 48 | <h1 class="icon-bubble font-green-sharp"> |
49 | 49 | <span class="caption-subject font-green-sharp sbold font"> Active</span> |
... | ... | @@ -570,7 +570,7 @@ |
570 | 570 | </div> |
571 | 571 | </div> |
572 | 572 | </div> |
573 | - <div class="panel tab-pane active" id="tab6"> | |
573 | + <div class="panel tab-pane " id="tab6"> | |
574 | 574 | <div class="caption"> |
575 | 575 | <h1 class="icon-bubble font-green-sharp"> |
576 | 576 | <span class="caption-subject font-green-sharp sbold font"> Active</span> |
... | ... | @@ -704,7 +704,9 @@ |
704 | 704 | <button type="button" class="btn btn-circle button " *ngFor="let name of ButtonValue" (click)="getButton7(name.valueN);getButton7Onhold(name.valueN);" |
705 | 705 | style="margin-left: 5px; margin-top: 2px;">{{ name.name }}</button> |
706 | 706 | <hr> |
707 | - <p *ngIf="showSecret" style="text-align: center;">0 Tricket</p> | |
707 | + <div *ngIf="showSecret1"> | |
708 | + <p style="text-align: center;">0 Tricket</p> | |
709 | + </div> | |
708 | 710 | <br> |
709 | 711 | </div> |
710 | 712 | <div class="panel-body"> |
... | ... | @@ -763,6 +765,9 @@ |
763 | 765 | <button *ngFor="let name of ButtonValue" (click)="getButton(name.valueN)">{{ name.name }}</button> --> |
764 | 766 | <hr> |
765 | 767 | <br> |
768 | + <div *ngIf="showSecret2"> | |
769 | + <p style="text-align: center;">0 Tricket</p> | |
770 | + </div> | |
766 | 771 | </div> |
767 | 772 | <div class="panel-body"> |
768 | 773 | <div class="row"> | ... | ... |
src/app/dashboard/dashboard.component.ts
... | ... | @@ -259,12 +259,15 @@ export class DashboardComponent implements OnInit { |
259 | 259 | ]; |
260 | 260 | |
261 | 261 | showSecret: boolean = false; |
262 | - onToggleDetails() { | |
263 | - // this.showSecret = !this.showSecret; | |
264 | - if(this.ShowNull.length === 0){ | |
265 | - this.showSecret = !this.showSecret; | |
266 | - } | |
267 | - } | |
262 | + showSecret1: boolean = false; | |
263 | + showSecret2: boolean = false; | |
264 | + | |
265 | + // onToggleDetails() { | |
266 | + // // this.showSecret = !this.showSecret; | |
267 | + // if(this.ShowNull.length === 0){ | |
268 | + // this.showSecret = !this.showSecret; | |
269 | + // } | |
270 | + // } | |
268 | 271 | |
269 | 272 | async ngOnInit() { |
270 | 273 | //----------------------------1------------------------ |
... | ... | @@ -1133,9 +1136,6 @@ setInterval(async () => { |
1133 | 1136 | } |
1134 | 1137 | |
1135 | 1138 | const resultArray = []; |
1136 | - if(this.resultData7 === []){ | |
1137 | - this.showSecret = !this.showSecret; | |
1138 | - } | |
1139 | 1139 | for (const item of this.Show7) { |
1140 | 1140 | // console.log('item: ', item); |
1141 | 1141 | |
... | ... | @@ -1149,9 +1149,16 @@ setInterval(async () => { |
1149 | 1149 | if (st.indexOf(string2) > -1) { |
1150 | 1150 | // console.log(st); |
1151 | 1151 | resultArray.push(item); |
1152 | - } | |
1153 | - | |
1152 | + } | |
1154 | 1153 | } |
1154 | + if (resultArray.length === 0) { | |
1155 | + if (valueN !== "") { | |
1156 | + this.showSecret1 = true; | |
1157 | + } | |
1158 | + }else if(resultArray.length > 0) { | |
1159 | + this.showSecret1 = false; | |
1160 | + } | |
1161 | + | |
1155 | 1162 | this.resultData7 = resultArray; |
1156 | 1163 | } |
1157 | 1164 | |
... | ... | @@ -1180,11 +1187,15 @@ setInterval(async () => { |
1180 | 1187 | } |
1181 | 1188 | |
1182 | 1189 | } |
1183 | - | |
1190 | + if (resultArray.length === 0) { | |
1191 | + if (valueN !== "") { | |
1192 | + this.showSecret2 = true; | |
1193 | + } | |
1194 | + }else if(resultArray.length > 0) { | |
1195 | + this.showSecret2 = false; | |
1196 | + } | |
1184 | 1197 | this.resultDataOnHold7 = resultArray; |
1185 | - // if(this.resultDataOnHold7 === []){ | |
1186 | - // this.showSecret = !this.showSecret; | |
1187 | - // } | |
1198 | + | |
1188 | 1199 | } |
1189 | 1200 | |
1190 | 1201 | /////////////Get data come to use////////////////////// | ... | ... |