fixed sensor config

src/app/packages/sensor/component/setting-result/setting-result.component.html

@@ -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>

src/app/packages/sensor/component/setting-result/setting-result.component.scss

@@ -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%;
+}

src/app/packages/sensor/component/setting-result/setting-result.component.ts

@@ -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;
   }
 
 }

src/app/packages/sensor/sensor.module.ts

@@ -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,

src/app/pages/sensor-setting/sensor-setting-page.component.html

@@ -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>