overflow_cloud/member_webapp
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ing

Browse Source
This commit is contained in:
geek 2018-06-22 15:40:51 +09:00
parent f6571cebf3
commit 7027f8f0b1
4 changed files with 53 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
@overflow/target/component/target-filter.component.html
View File

@ -1 +1,19 @@
<div>filter</div> <div class="ui-g ui-fluid">
<!--<input type="text" pInputText placeholder="Search..." [(ngModel)]="filterWord" (keyup)="onSearch($event)">-->
<div class="ui-g-12 ui-md-10">
<div class="ui-inputgroup">
<input type="text" pInputText placeholder="Keyword" >
<button pButton type="button" label="Search"></button>
</div>
</div>
<div class="ui-g">
<!--<div *ngFor="let targetStatus of targetStatusList">-->
<!--<p-toggleButton offLabel="{{targetStatus.key}}" onLabel="{{targetStatus.key}}" [style]="{'width':'100px'}" (onChange)="onTargetStatus($event, service)"-->
<!--[(ngModel)]="filterServices[service.key]"></p-toggleButton>-->
</div>
</div>
</div>

9
@overflow/target/component/target-filter.component.scss
View File

@ -1,9 +0,0 @@
.radio-group {
display: inline-flex;
flex-direction: column;
}
.radio-button {
margin: 5px;
}

1
@overflow/target/component/target-filter.component.ts
View File

@ -5,7 +5,6 @@ import { Router } from '@angular/router';
@Component({ @Component({
selector: 'of-target-filter', selector: 'of-target-filter',
templateUrl: './target-filter.component.html', templateUrl: './target-filter.component.html',
styleUrls: ['./target-filter.component.scss']
}) })
export class TargetFilterComponent implements OnInit { export class TargetFilterComponent implements OnInit {

60
@overflow/target/component/target-list.component.html
View File

@ -4,32 +4,40 @@
</div> </div>
<ng-template #content> <ng-template #content>
<p-table [value]="targetList" selectionMode="single" (onRowSelect)="onRowSelect($event)" [resizableColumns]="true" > <div class="ui-g">
<ng-template pTemplate="header"> <div class="ui-g-12 ui-md-3">
<tr> <of-target-filter></of-target-filter>
<th style="width: 4em">No.</th> </div>
<th style="width: 8em">Status</th>
<th style="width: 15em">Type</th> <div class="ui-g-12 ui-md-9">
<th>Name</th> <p-table [value]="targetList" selectionMode="single" (onRowSelect)="onRowSelect($event)" [resizableColumns]="true" >
<th style="width: 15em">Sensors</th> <ng-template pTemplate="header">
<th style="width: 8em">Created at</th> <tr>
<th style="width: 10em"></th> <th style="width: 4em">No.</th>
</tr> <th style="width: 8em">Status</th>
</ng-template> <th style="width: 15em">Type</th>
<ng-template pTemplate="body" let-target let-rowIndex="rowIndex"> <th>Name</th>
<tr [pSelectableRow]="target"> <th style="width: 15em">Sensors</th>
<td>{{(rowIndex + 1) }}</td> <th style="width: 8em">Created at</th>
<td></td> <th style="width: 10em"></th>
<td>{{target.infra.metaInfraType.name}}</td> </tr>
<td>{{target.displayName}}</td> </ng-template>
<td>{{target.sensorCount}}</td> <ng-template pTemplate="body" let-target let-rowIndex="rowIndex">
<td>{{target.createDate | date: 'yyyy-MM-dd'}}</td> <tr [pSelectableRow]="target">
<td> <td>{{(rowIndex + 1) }}</td>
<button type="button" label="Add Sensor" icon="ui-icon-add" pButton class="ui-s-button" (click)="onAddSensor(target)"></button> <td></td>
</td> <td>{{target.infra.metaInfraType.name}}</td>
</tr> <td>{{target.displayName}}</td>
</ng-template> <td>{{target.sensorCount}}</td>
</p-table> <td>{{target.createDate | date: 'yyyy-MM-dd'}}</td>
<td>
<button type="button" label="Add Sensor" icon="ui-icon-add" pButton class="ui-s-button" (click)="onAddSensor(target)"></button>
</td>
</tr>
</ng-template>
</p-table>
</div>
</div>
<!--<p-paginator #paginator [rows]="targetPage.size" [totalRecords]="targetPage.totalElements" [first]="(pageIdx-1) * targetPage.size"--> <!--<p-paginator #paginator [rows]="targetPage.size" [totalRecords]="targetPage.totalElements" [first]="(pageIdx-1) * targetPage.size"-->
<!--(onPageChange)="onPaginate($event)"></p-paginator>--> <!--(onPageChange)="onPaginate($event)"></p-paginator>-->