overflow_backup_2018_0455/overflow-webapp
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed sensor config

Browse Source
This commit is contained in:
snoop 2018-02-22 19:11:41 +09:00
parent 243826905b
commit 00c7f59d02
5 changed files with 114 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
src/app/packages/sensor/component/setting-result/setting-result.component.html
View File

@ -2,10 +2,73 @@
<mat-card class="example-card">
<mat-card-content>
<mat-form-field class="example-full-width" fxLayoutAlign="center">
<input matInput placeholder="Name" value="Sensor 000000">
</mat-form-field>
<div class="example-selected-value">주기 : {{favoriteSeason}} 초</div>
<mat-radio-group class="example-radio-group" [(ngModel)]="favoriteSeason">
<mat-radio-button class="example-radio-button" *ngFor="let season of seasons" [value]="season">
{{season}} 초
</mat-radio-button>
</mat-radio-group>
</mat-card-content>
</mat-card>
</mat-card>
<mat-card class="example-card">
<mat-card-content>
<div>
IP : 192.168.1.209
</div>
<div>
MAC : 1111111111
</div>
<div>
OS : Windows 7
</div>
<div>
WMI Crawler
</div>
</mat-card-content>
</mat-card>
</div>
<div fxLayout="row" fxLayoutWrap fxLayoutAlign="center">
<mat-card class="example-card2">
<mat-card-content>
<mat-grid-list cols="4" rowHeight="8:1">
<mat-grid-tile>CPU Total Usage</mat-grid-tile>
<mat-grid-tile>(%)</mat-grid-tile>
<mat-grid-tile>wmi.cpu.usage.total</mat-grid-tile>
<mat-grid-tile>[Add Notification]</mat-grid-tile>
</mat-grid-list>
<mat-grid-list cols="1" rowHeight="8:1">
<mat-grid-tile>
<mat-form-field class="example-full-width22">
<input matInput placeholder="min" value="">
</mat-form-field>
&nbsp;&nbsp;&nbsp;
<mat-form-field class="example-full-width22">
<input matInput placeholder="max" value="">
</mat-form-field>
&nbsp;&nbsp;&nbsp;
<mat-checkbox>local push</mat-checkbox>
&nbsp;&nbsp;&nbsp;
<mat-checkbox>email</mat-checkbox>
&nbsp;&nbsp;&nbsp;
<mat-checkbox>sms</mat-checkbox>
</mat-grid-tile>
</mat-grid-list>
<mat-grid-list cols="4" rowHeight="8:1">
<mat-grid-tile>CPU Free Usage</mat-grid-tile>
<mat-grid-tile>(kb)</mat-grid-tile>
<mat-grid-tile>wmi.cpu.usage.free</mat-grid-tile>
<mat-grid-tile>[Add Notification]</mat-grid-tile>
</mat-grid-list>
</mat-card-content>
</mat-card>
</div>

25
src/app/packages/sensor/component/setting-result/setting-result.component.scss
View File

@ -0,0 +1,25 @@
.example-card {
width: 400px;
}
.example-card2 {
width: 600px;
}
.example-radio-group {
display: inline-flex;
flex-direction: column;
}
.example-radio-button {
margin: 5px;
}
.example-selected-value {
margin: 15px 0;
}
.example-full-width22 {
width: 10%;
}

18
src/app/packages/sensor/component/setting-result/setting-result.component.ts
View File

@ -1,4 +1,6 @@
import { Component, OnInit } from '@angular/core';
import { FormGroup , FormControl } from '@angular/forms';
@Component({
selector: 'of-sensor-setting-result',
@ -7,9 +9,25 @@ import { Component, OnInit } from '@angular/core';
})
export class SettingResultComponent implements OnInit {
favoriteSeason: string;
selectedStatus: number ;
eventEditForm: FormGroup;
public toggleForm: boolean;
constructor() { }
seasons = [
'600',
'400',
'200',
];
ngOnInit() {
this.eventEditForm = new FormGroup({
'completed': new FormControl()
});
this.selectedStatus = 2;
}
}

4
src/app/packages/sensor/sensor.module.ts
View File

@ -5,11 +5,13 @@ import { MaterialModule } from 'app/commons/ui/material/material.module';
import { SettingComponent } from 'app/packages/sensor/component/setting/setting.component';
import { SettingResultComponent } from 'app/packages/sensor/component/setting-result/setting-result.component';
import {FormsModule} from '@angular/forms';
@NgModule({
imports: [
CommonModule,
MaterialModule
MaterialModule,
FormsModule
],
declarations: [
SettingComponent,

6
src/app/pages/sensor-setting/sensor-setting-page.component.html
View File

@ -1,14 +1,14 @@
<div fxLayout="row" fxLayoutWrap fxLayoutAlign="center">
<div *ngIf="step == 1">
<div *ngIf="step == 2">
<of-sensor-setting></of-sensor-setting>
</div>
<div *ngIf="step == 2">
<div *ngIf="step == 1">
<of-sensor-setting-result></of-sensor-setting-result>
</div>
<div fxLayout="col" fxLayoutWrap fxLayoutAlign="center">
<button mat-button (click)="onCloseCancel()">Cancel</button>
스텝 순서를 바꿨으니 나중에 바꾸잡
<button mat-button (click)="onNext()">Next</button>
</div>