เพิ่มปุ่ม type ต่างๆ และปรับตำแหน่ง

trainee
1 parent 9e5d364c
Showing 2 changed files with 126 additions and 4 deletions Show diff stats
src/app/dashboard/dashboard.component.html
src/app/dashboard/dashboard.component.ts
@@ -664,7 +664,7 @@
           <h1 class="icon-bubble font-green-sharp">
             <span class="caption-subject font-green-sharp sbold font"> Active</span>
           </h1>
-          <button *ngFor="let name of ButtonValue" (click)="getButton(name.valueN)">{{ name.name }}</button>
+          
           <div class="input-group" style="float: right; margin-top: 11px;">
             <div class="input-icon right">
               <i class="icon-magnifier">
@@ -672,8 +672,10 @@
               <input type="text" placeholder="Search.." class="form-control sbold font" [(ngModel)]="FilterSearch">
             </div>
           </div>
-
+          <br><br>
+          <button *ngFor="let name of ButtonValue" (click)="getButton(name.valueN)">{{ name.name }}</button>
           <hr>
+          
           <br>
         </div>
         <div class="panel-body">
@@ -74,13 +74,133 @@ export class DashboardComponent implements OnInit {
  
   ButtonValue = [
     {
-      name : 'apd',
-      valueN : 'apd' 
+      name : 'acc',
+      valueN : 'acc' 
     },
     {
       name : 'ade',
       valueN : 'ade'
     },
+    {
+      name : 'adm',
+      valueN : 'adm'
+    },
+    {
+      name : 'apd',
+      valueN : 'apd'
+    },
+    {
+      name : 'bnw',
+      valueN : 'bnw'
+    },
+    {
+      name : 'crs',
+      valueN : 'crs'
+    },
+    {
+      name : 'cus',
+      valueN : 'cus'
+    },
+    {
+      name : 'dvr',
+      valueN : 'dvr'
+    },
+    {
+      name : 'etc',
+      valueN : 'etc'
+    },
+    {
+      name : 'hwe',
+      valueN : 'hwe'
+    },
+    {
+      name : 'its',
+      valueN : 'its'
+    },
+    {
+      name : 'lws',
+      valueN : 'lws'
+    },
+    {
+      name : 'nds',
+      valueN : 'nds'
+    },
+    {
+      name : 'ned',
+      valueN : 'ned'
+    },
+    {
+      name : 'nes',
+      valueN : 'nes'
+    },
+    {
+      name : 'net',
+      valueN : 'net'
+    },
+    {
+      name : 'new',
+      valueN : 'new'
+    },
+    {
+      name : 'osc',
+      valueN : 'osc'
+    },
+    {
+      name : 'pm',
+      valueN : 'pm'
+    },
+    {
+      name : 'prs',
+      valueN : 'prs'
+    },
+    {
+      name : 'rnd',
+      valueN : 'rnd'
+    },
+    {
+      name : 'sde',
+      valueN : 'sde'
+    },
+    {
+      name : 'sdn',
+      valueN : 'sdn'
+    },
+    {
+      name : 'set',
+      valueN : 'set'
+    },
+    {
+      name : 'sev',
+      valueN : 'sev'
+    },
+    {
+      name : 'sid',
+      valueN : 'sid'
+    },
+    {
+      name : 'ssh',
+      valueN : 'ssh'
+    },
+    {
+      name : 'suv',
+      valueN : 'suv'
+    },
+    {
+      name : 'sys',
+      valueN : 'sys'
+    },
+    {
+      name : 'tst',
+      valueN : 'tst'
+    },
+    {
+      name : 'udi',
+      valueN : 'udi'
+    },
+    {
+      name : 'web',
+      valueN : 'web'
+    },
   ];
...	...	@@ -664,7 +664,7 @@
664	664	<h1 class="icon-bubble font-green-sharp">
665	665	<span class="caption-subject font-green-sharp sbold font"> Active</span>
666	666	</h1>
667		- <button *ngFor="let name of ButtonValue" (click)="getButton(name.valueN)">{{ name.name }}</button>
	667	+
668	668	<div class="input-group" style="float: right; margin-top: 11px;">
669	669	<div class="input-icon right">
670	670	<i class="icon-magnifier">
...	...	@@ -672,8 +672,10 @@
672	672	<input type="text" placeholder="Search.." class="form-control sbold font" [(ngModel)]="FilterSearch">
673	673	</div>
674	674	</div>
675		-
	675	+ <br><br>
	676	+ <button *ngFor="let name of ButtonValue" (click)="getButton(name.valueN)">{{ name.name }}</button>
676	677	<hr>
	678	+
677	679	<br>
678	680	</div>
679	681	<div class="panel-body">
...	...
...	...	@@ -74,13 +74,133 @@ export class DashboardComponent implements OnInit {
74	74
75	75	ButtonValue = [
76	76	{
77		- name : 'apd',
78		- valueN : 'apd'
	77	+ name : 'acc',
	78	+ valueN : 'acc'
79	79	},
80	80	{
81	81	name : 'ade',
82	82	valueN : 'ade'
83	83	},
	84	+ {
	85	+ name : 'adm',
	86	+ valueN : 'adm'
	87	+ },
	88	+ {
	89	+ name : 'apd',
	90	+ valueN : 'apd'
	91	+ },
	92	+ {
	93	+ name : 'bnw',
	94	+ valueN : 'bnw'
	95	+ },
	96	+ {
	97	+ name : 'crs',
	98	+ valueN : 'crs'
	99	+ },
	100	+ {
	101	+ name : 'cus',
	102	+ valueN : 'cus'
	103	+ },
	104	+ {
	105	+ name : 'dvr',
	106	+ valueN : 'dvr'
	107	+ },
	108	+ {
	109	+ name : 'etc',
	110	+ valueN : 'etc'
	111	+ },
	112	+ {
	113	+ name : 'hwe',
	114	+ valueN : 'hwe'
	115	+ },
	116	+ {
	117	+ name : 'its',
	118	+ valueN : 'its'
	119	+ },
	120	+ {
	121	+ name : 'lws',
	122	+ valueN : 'lws'
	123	+ },
	124	+ {
	125	+ name : 'nds',
	126	+ valueN : 'nds'
	127	+ },
	128	+ {
	129	+ name : 'ned',
	130	+ valueN : 'ned'
	131	+ },
	132	+ {
	133	+ name : 'nes',
	134	+ valueN : 'nes'
	135	+ },
	136	+ {
	137	+ name : 'net',
	138	+ valueN : 'net'
	139	+ },
	140	+ {
	141	+ name : 'new',
	142	+ valueN : 'new'
	143	+ },
	144	+ {
	145	+ name : 'osc',
	146	+ valueN : 'osc'
	147	+ },
	148	+ {
	149	+ name : 'pm',
	150	+ valueN : 'pm'
	151	+ },
	152	+ {
	153	+ name : 'prs',
	154	+ valueN : 'prs'
	155	+ },
	156	+ {
	157	+ name : 'rnd',
	158	+ valueN : 'rnd'
	159	+ },
	160	+ {
	161	+ name : 'sde',
	162	+ valueN : 'sde'
	163	+ },
	164	+ {
	165	+ name : 'sdn',
	166	+ valueN : 'sdn'
	167	+ },
	168	+ {
	169	+ name : 'set',
	170	+ valueN : 'set'
	171	+ },
	172	+ {
	173	+ name : 'sev',
	174	+ valueN : 'sev'
	175	+ },
	176	+ {
	177	+ name : 'sid',
	178	+ valueN : 'sid'
	179	+ },
	180	+ {
	181	+ name : 'ssh',
	182	+ valueN : 'ssh'
	183	+ },
	184	+ {
	185	+ name : 'suv',
	186	+ valueN : 'suv'
	187	+ },
	188	+ {
	189	+ name : 'sys',
	190	+ valueN : 'sys'
	191	+ },
	192	+ {
	193	+ name : 'tst',
	194	+ valueN : 'tst'
	195	+ },
	196	+ {
	197	+ name : 'udi',
	198	+ valueN : 'udi'
	199	+ },
	200	+ {
	201	+ name : 'web',
	202	+ valueN : 'web'
	203	+ },
84	204	];
85	205
86	206
...	...