Commit 2ea88fab281087f6f1fb7393e2935a2b2499b306
1 parent
347ce73a
Exists in
master
บึ้มๆ
Showing
2 changed files
with
52 additions
and
37 deletions
Show diff stats
src/app/dashboard/dashboard.component.html
| @@ -935,14 +935,13 @@ | @@ -935,14 +935,13 @@ | ||
| 935 | </div> | 935 | </div> |
| 936 | <br> | 936 | <br> |
| 937 | <br> | 937 | <br> |
| 938 | - <button type="button" class="btn btn-circle button " *ngFor="let name of ButtonValue" (click)="getButton9(name.valueN);getButton9Onhold(name.valueN);" | ||
| 939 | - style="margin-left: 5px; margin-top: 2px;"><div *ngIf = "ButtonValue">{{NumType9}}</div> {{ name.name }} | ||
| 940 | - </button> | ||
| 941 | - <!-- <button type="button" class="btn btn-circle button " *ngFor="let name of ButtonValue" (click)="getButton9(name.valueN);getButton9Onhold(name.valueN);" | ||
| 942 | - style="margin-left: 5px; margin-top: 2px;"><div>{{NumType9}}</div> {{ name.name }} | 938 | + <!-- <button type="button" class="btn btn-circle button " *ngFor="let name of ButtonValue" (click)="getButton9(name.valueN);getButton9Onhold(name.valueN);" |
| 939 | + style="margin-left: 5px; margin-top: 2px;"> {{ name.name }} | ||
| 943 | </button> --> | 940 | </button> --> |
| 941 | + <button type="button" class="btn btn-circle button " *ngFor="let name of ButtonValue" (click)="getButton9(name.valueN);getButton9Onhold(name.valueN);" | ||
| 942 | + style="margin-left: 5px; margin-top: 2px;"> {{ name.name }} | ||
| 943 | + </button> | ||
| 944 | <hr> | 944 | <hr> |
| 945 | - <p *ngFor="let tt of Type9; let i = index">{{i}} {{tt}}</p> | ||
| 946 | <hr> | 945 | <hr> |
| 947 | <div *ngIf="showSecret1"> | 946 | <div *ngIf="showSecret1"> |
| 948 | <p style="text-align: left; font-size: 30px;"> 0 Tricket</p> | 947 | <p style="text-align: left; font-size: 30px;"> 0 Tricket</p> |
src/app/dashboard/dashboard.component.ts
| @@ -3,6 +3,7 @@ import { ActivatedRoute, Router } from '@angular/router'; | @@ -3,6 +3,7 @@ import { ActivatedRoute, Router } from '@angular/router'; | ||
| 3 | import { ApiService } from '../services/api.service'; | 3 | import { ApiService } from '../services/api.service'; |
| 4 | import { CommonService } from '../services/common/common.service'; | 4 | import { CommonService } from '../services/common/common.service'; |
| 5 | import { async } from 'rxjs/internal/scheduler/async'; | 5 | import { async } from 'rxjs/internal/scheduler/async'; |
| 6 | +import { delay } from '../../../node_modules/rxjs/operators'; | ||
| 6 | 7 | ||
| 7 | @Component({ | 8 | @Component({ |
| 8 | selector: 'app-dashboard', | 9 | selector: 'app-dashboard', |
| @@ -71,8 +72,6 @@ export class DashboardComponent implements OnInit { | @@ -71,8 +72,6 @@ export class DashboardComponent implements OnInit { | ||
| 71 | resultData9: any; | 72 | resultData9: any; |
| 72 | resultNum9: number = 0; | 73 | resultNum9: number = 0; |
| 73 | resultDataOnHold9: any; | 74 | resultDataOnHold9: any; |
| 74 | - Type9: any = []; | ||
| 75 | - NumType9: number = 0; | ||
| 76 | 75 | ||
| 77 | Show1: any = []; | 76 | Show1: any = []; |
| 78 | Show1Onhold: any = []; | 77 | Show1Onhold: any = []; |
| @@ -103,7 +102,8 @@ export class DashboardComponent implements OnInit { | @@ -103,7 +102,8 @@ export class DashboardComponent implements OnInit { | ||
| 103 | { | 102 | { |
| 104 | id: 1, | 103 | id: 1, |
| 105 | name: 'ACC', | 104 | name: 'ACC', |
| 106 | - valueN: 'acc' | 105 | + valueN: 'acc', |
| 106 | + num : 0 | ||
| 107 | }, | 107 | }, |
| 108 | { | 108 | { |
| 109 | id: 2, | 109 | id: 2, |
| @@ -258,7 +258,7 @@ export class DashboardComponent implements OnInit { | @@ -258,7 +258,7 @@ export class DashboardComponent implements OnInit { | ||
| 258 | { | 258 | { |
| 259 | id: 32, | 259 | id: 32, |
| 260 | name: 'WEB', | 260 | name: 'WEB', |
| 261 | - valueN: 'web' | 261 | + valueN: 'web' |
| 262 | } | 262 | } |
| 263 | ]; | 263 | ]; |
| 264 | 264 | ||
| @@ -266,6 +266,12 @@ export class DashboardComponent implements OnInit { | @@ -266,6 +266,12 @@ export class DashboardComponent implements OnInit { | ||
| 266 | showSecret1: boolean = false; | 266 | showSecret1: boolean = false; |
| 267 | showSecret2: boolean = false; | 267 | showSecret2: boolean = false; |
| 268 | 268 | ||
| 269 | + // summary:any = {}; | ||
| 270 | + // summary = {}; | ||
| 271 | + Type9: any = []; | ||
| 272 | + NumType9: number = 0; | ||
| 273 | + ShowType: any = []; | ||
| 274 | + | ||
| 269 | // onToggleDetails() { | 275 | // onToggleDetails() { |
| 270 | // // this.showSecret = !this.showSecret; | 276 | // // this.showSecret = !this.showSecret; |
| 271 | // if(this.ShowNull.length === 0){ | 277 | // if(this.ShowNull.length === 0){ |
| @@ -300,7 +306,7 @@ export class DashboardComponent implements OnInit { | @@ -300,7 +306,7 @@ export class DashboardComponent implements OnInit { | ||
| 300 | this.showSecret = !this.showSecret; | 306 | this.showSecret = !this.showSecret; |
| 301 | } | 307 | } |
| 302 | } catch (error) { | 308 | } catch (error) { |
| 303 | - console.log(error); | 309 | + // console.log(error); |
| 304 | } | 310 | } |
| 305 | 311 | ||
| 306 | setInterval(async () => { | 312 | setInterval(async () => { |
| @@ -330,7 +336,7 @@ export class DashboardComponent implements OnInit { | @@ -330,7 +336,7 @@ export class DashboardComponent implements OnInit { | ||
| 330 | this.resultDataOnHold = []; | 336 | this.resultDataOnHold = []; |
| 331 | } | 337 | } |
| 332 | } catch (error) { | 338 | } catch (error) { |
| 333 | - console.log(error); | 339 | + // console.log(error); |
| 334 | } | 340 | } |
| 335 | 341 | ||
| 336 | setInterval(async () => { | 342 | setInterval(async () => { |
| @@ -363,7 +369,7 @@ export class DashboardComponent implements OnInit { | @@ -363,7 +369,7 @@ export class DashboardComponent implements OnInit { | ||
| 363 | this.resultData2 = []; | 369 | this.resultData2 = []; |
| 364 | } | 370 | } |
| 365 | } catch (error) { | 371 | } catch (error) { |
| 366 | - console.log(error); | 372 | + // console.log(error); |
| 367 | } | 373 | } |
| 368 | 374 | ||
| 369 | setInterval(async () => { | 375 | setInterval(async () => { |
| @@ -393,7 +399,7 @@ export class DashboardComponent implements OnInit { | @@ -393,7 +399,7 @@ export class DashboardComponent implements OnInit { | ||
| 393 | this.resultDataOnHold2 = []; | 399 | this.resultDataOnHold2 = []; |
| 394 | } | 400 | } |
| 395 | } catch (error) { | 401 | } catch (error) { |
| 396 | - console.log(error); | 402 | + // console.log(error); |
| 397 | } | 403 | } |
| 398 | 404 | ||
| 399 | setInterval(async () => { | 405 | setInterval(async () => { |
| @@ -425,7 +431,7 @@ export class DashboardComponent implements OnInit { | @@ -425,7 +431,7 @@ export class DashboardComponent implements OnInit { | ||
| 425 | this.resultData3 = []; | 431 | this.resultData3 = []; |
| 426 | } | 432 | } |
| 427 | } catch (error) { | 433 | } catch (error) { |
| 428 | - console.log(error); | 434 | + // console.log(error); |
| 429 | } | 435 | } |
| 430 | 436 | ||
| 431 | setInterval(async () => { | 437 | setInterval(async () => { |
| @@ -455,7 +461,7 @@ export class DashboardComponent implements OnInit { | @@ -455,7 +461,7 @@ export class DashboardComponent implements OnInit { | ||
| 455 | this.resultDataOnHold3 = []; | 461 | this.resultDataOnHold3 = []; |
| 456 | } | 462 | } |
| 457 | } catch (error) { | 463 | } catch (error) { |
| 458 | - console.log(error); | 464 | + // console.log(error); |
| 459 | } | 465 | } |
| 460 | 466 | ||
| 461 | setInterval(async () => { | 467 | setInterval(async () => { |
| @@ -485,7 +491,7 @@ export class DashboardComponent implements OnInit { | @@ -485,7 +491,7 @@ export class DashboardComponent implements OnInit { | ||
| 485 | this.resultData4 = []; | 491 | this.resultData4 = []; |
| 486 | } | 492 | } |
| 487 | } catch (error) { | 493 | } catch (error) { |
| 488 | - console.log(error); | 494 | + // console.log(error); |
| 489 | } | 495 | } |
| 490 | 496 | ||
| 491 | setInterval(async () => { | 497 | setInterval(async () => { |
| @@ -515,7 +521,7 @@ export class DashboardComponent implements OnInit { | @@ -515,7 +521,7 @@ export class DashboardComponent implements OnInit { | ||
| 515 | this.resultDataOnHold4 = []; | 521 | this.resultDataOnHold4 = []; |
| 516 | } | 522 | } |
| 517 | } catch (error) { | 523 | } catch (error) { |
| 518 | - console.log(error); | 524 | + // console.log(error); |
| 519 | } | 525 | } |
| 520 | 526 | ||
| 521 | setInterval(async () => { | 527 | setInterval(async () => { |
| @@ -545,7 +551,7 @@ export class DashboardComponent implements OnInit { | @@ -545,7 +551,7 @@ export class DashboardComponent implements OnInit { | ||
| 545 | this.resultData5 = []; | 551 | this.resultData5 = []; |
| 546 | } | 552 | } |
| 547 | } catch (error) { | 553 | } catch (error) { |
| 548 | - console.log(error); | 554 | + // console.log(error); |
| 549 | } | 555 | } |
| 550 | 556 | ||
| 551 | setInterval(async () => { | 557 | setInterval(async () => { |
| @@ -575,7 +581,7 @@ export class DashboardComponent implements OnInit { | @@ -575,7 +581,7 @@ export class DashboardComponent implements OnInit { | ||
| 575 | this.resultDataOnHold5 = []; | 581 | this.resultDataOnHold5 = []; |
| 576 | } | 582 | } |
| 577 | } catch (error) { | 583 | } catch (error) { |
| 578 | - console.log(error); | 584 | + // console.log(error); |
| 579 | } | 585 | } |
| 580 | 586 | ||
| 581 | setInterval(async () => { | 587 | setInterval(async () => { |
| @@ -604,7 +610,7 @@ export class DashboardComponent implements OnInit { | @@ -604,7 +610,7 @@ export class DashboardComponent implements OnInit { | ||
| 604 | this.resultData6 = []; | 610 | this.resultData6 = []; |
| 605 | } | 611 | } |
| 606 | } catch (error) { | 612 | } catch (error) { |
| 607 | - console.log(error); | 613 | + // console.log(error); |
| 608 | } | 614 | } |
| 609 | 615 | ||
| 610 | setInterval(async () => { | 616 | setInterval(async () => { |
| @@ -634,7 +640,7 @@ export class DashboardComponent implements OnInit { | @@ -634,7 +640,7 @@ export class DashboardComponent implements OnInit { | ||
| 634 | this.resultDataOnHold6 = []; | 640 | this.resultDataOnHold6 = []; |
| 635 | } | 641 | } |
| 636 | } catch (error) { | 642 | } catch (error) { |
| 637 | - console.log(error); | 643 | + // console.log(error); |
| 638 | } | 644 | } |
| 639 | 645 | ||
| 640 | setInterval(async () => { | 646 | setInterval(async () => { |
| @@ -667,7 +673,7 @@ export class DashboardComponent implements OnInit { | @@ -667,7 +673,7 @@ export class DashboardComponent implements OnInit { | ||
| 667 | this.resultData7 = []; | 673 | this.resultData7 = []; |
| 668 | } | 674 | } |
| 669 | } catch (error) { | 675 | } catch (error) { |
| 670 | - console.log(error); | 676 | + // console.log(error); |
| 671 | } | 677 | } |
| 672 | 678 | ||
| 673 | setInterval(async () => { | 679 | setInterval(async () => { |
| @@ -697,7 +703,7 @@ export class DashboardComponent implements OnInit { | @@ -697,7 +703,7 @@ export class DashboardComponent implements OnInit { | ||
| 697 | this.resultDataOnHold7 = []; | 703 | this.resultDataOnHold7 = []; |
| 698 | } | 704 | } |
| 699 | } catch (error) { | 705 | } catch (error) { |
| 700 | - console.log(error); | 706 | + // console.log(error); |
| 701 | } | 707 | } |
| 702 | 708 | ||
| 703 | setInterval(async () => { | 709 | setInterval(async () => { |
| @@ -731,7 +737,7 @@ try { | @@ -731,7 +737,7 @@ try { | ||
| 731 | this.resultData8 = []; | 737 | this.resultData8 = []; |
| 732 | } | 738 | } |
| 733 | } catch (error) { | 739 | } catch (error) { |
| 734 | - console.log(error); | 740 | + // console.log(error); |
| 735 | } | 741 | } |
| 736 | 742 | ||
| 737 | setInterval(async () => { | 743 | setInterval(async () => { |
| @@ -760,7 +766,7 @@ try { | @@ -760,7 +766,7 @@ try { | ||
| 760 | this.resultDataOnHold8 = []; | 766 | this.resultDataOnHold8 = []; |
| 761 | } | 767 | } |
| 762 | } catch (error) { | 768 | } catch (error) { |
| 763 | - console.log(error); | 769 | + // console.log(error); |
| 764 | } | 770 | } |
| 765 | 771 | ||
| 766 | setInterval(async () => { | 772 | setInterval(async () => { |
| @@ -776,23 +782,33 @@ setInterval(async () => { | @@ -776,23 +782,33 @@ setInterval(async () => { | ||
| 776 | }; | 782 | }; |
| 777 | const response = await this._apiService.post('dynamic', data9); | 783 | const response = await this._apiService.post('dynamic', data9); |
| 778 | if (response !== null) { | 784 | if (response !== null) { |
| 785 | + var t9 =[]; | ||
| 779 | this.resultData9 = response; | 786 | this.resultData9 = response; |
| 780 | this.resultData9.link = decodeURIComponent(decodeURIComponent(this.resultData9.link)); | 787 | this.resultData9.link = decodeURIComponent(decodeURIComponent(this.resultData9.link)); |
| 781 | console.log('link: ', this.resultData9.link); | 788 | console.log('link: ', this.resultData9.link); |
| 782 | // tslint:disable-next-line:forin | 789 | // tslint:disable-next-line:forin |
| 783 | - for (const i in this.resultData9) { | ||
| 784 | - this.resultData9[i].link = this._common.decodeURI(this.resultData9[i].link); | ||
| 785 | - this.resultData9[i].birth_date = this._common.convertDate(this.resultData9[i].birth_date); | 790 | + this.resultData9 = this.resultData9.map(r => { |
| 791 | + console.log(r) | ||
| 792 | + // t9: r.type | ||
| 793 | + r.link = this._common.decodeURI(r.link); | ||
| 794 | + r.birth_date = this._common.convertDate(r.birth_date); | ||
| 786 | this.resultNum9 = this.resultData9.length; | 795 | this.resultNum9 = this.resultData9.length; |
| 787 | - this.Show9.push(this.resultData9[i]); | ||
| 788 | - console.log('show',this.Show9); | ||
| 789 | - this.Type9.push(this.resultData9[i].type); | ||
| 790 | - } | 796 | + this.Show9.push(r); |
| 797 | + this.Type9.push(r.type); | ||
| 798 | + t9.push(r.type); | ||
| 799 | + r.t9 = t9; | ||
| 800 | + return r; | ||
| 801 | + }) | ||
| 802 | + | ||
| 803 | + | ||
| 804 | + console.log("t99:", t9); | ||
| 791 | } else { | 805 | } else { |
| 792 | this.resultData9 = []; | 806 | this.resultData9 = []; |
| 793 | } | 807 | } |
| 808 | + // if(summary){ | ||
| 809 | + // } | ||
| 794 | } catch (error) { | 810 | } catch (error) { |
| 795 | - console.log(error); | 811 | + // console.log(error); |
| 796 | } | 812 | } |
| 797 | 813 | ||
| 798 | setInterval(async () => { | 814 | setInterval(async () => { |
| @@ -822,7 +838,7 @@ try { | @@ -822,7 +838,7 @@ try { | ||
| 822 | this.resultDataOnHold9 = []; | 838 | this.resultDataOnHold9 = []; |
| 823 | } | 839 | } |
| 824 | } catch (error) { | 840 | } catch (error) { |
| 825 | - console.log(error); | 841 | + // console.log(error); |
| 826 | } | 842 | } |
| 827 | 843 | ||
| 828 | setInterval(async () => { | 844 | setInterval(async () => { |
| @@ -1436,7 +1452,7 @@ setInterval(async () => { | @@ -1436,7 +1452,7 @@ setInterval(async () => { | ||
| 1436 | if (response !== null) { | 1452 | if (response !== null) { |
| 1437 | this.resultDataOnHold = response; | 1453 | this.resultDataOnHold = response; |
| 1438 | this.resultDataOnHold.link = decodeURIComponent(decodeURIComponent(this.resultDataOnHold.link)); | 1454 | this.resultDataOnHold.link = decodeURIComponent(decodeURIComponent(this.resultDataOnHold.link)); |
| 1439 | - console.log('link: ', this.resultDataOnHold.link); | 1455 | + // console.log('link: ', this.resultDataOnHold.link); |
| 1440 | // tslint:disable-next-line:forin | 1456 | // tslint:disable-next-line:forin |
| 1441 | for (const i in this.resultDataOnHold) { | 1457 | for (const i in this.resultDataOnHold) { |
| 1442 | this.resultDataOnHold[i].link = this._common.decodeURI(this.resultDataOnHold[i].link); | 1458 | this.resultDataOnHold[i].link = this._common.decodeURI(this.resultDataOnHold[i].link); |
| @@ -1446,7 +1462,7 @@ setInterval(async () => { | @@ -1446,7 +1462,7 @@ setInterval(async () => { | ||
| 1446 | this.resultDataOnHold = []; | 1462 | this.resultDataOnHold = []; |
| 1447 | } | 1463 | } |
| 1448 | } catch (error) { | 1464 | } catch (error) { |
| 1449 | - console.log(error); | 1465 | + // console.log(error); |
| 1450 | } | 1466 | } |
| 1451 | } | 1467 | } |
| 1452 | 1468 |