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

test

Browse Source
This commit is contained in:
insanity 2018-03-19 15:08:15 +09:00
parent 98986b3f2e
commit a4f38ee99c
5 changed files with 89 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/pages/infra/infra-page.component.html
View File

@ -2,4 +2,4 @@
<button mat-raised-button color="primary" (click)="authProbe()">Probe 인증</button> <button mat-raised-button color="primary" (click)="authProbe()">Probe 인증</button>
<button mat-raised-button color="primary" (click)="discovery()">Probe Discovery</button> <button mat-raised-button color="primary" (click)="discovery()">Probe Discovery</button>
<of-infra-map></of-infra-map> <of-infra-map></of-infra-map>

8
src/app/pages/infra/infra-page.module.ts
View File

@ -1,23 +1,25 @@
import { NgModule } from '@angular/core'; import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common'; import { CommonModule } from '@angular/common';
import { InfraPageComponent } from './infra-page.component';
import { InfraPageRoutingModule } from './infra-page-routing.module'; import { InfraPageRoutingModule } from './infra-page-routing.module';
import { MaterialModule } from 'packages/commons/material/material.module'; import { MaterialModule } from 'packages/commons/material/material.module';
import { InfraModule } from 'packages/infra/infra.module'; import { InfraModule } from 'packages/infra/infra.module';
import { SettingComponent as DiscoverySettingComponent } from 'packages/discovery/component/setting/setting.component'; import { SettingComponent as DiscoverySettingComponent } from 'packages/discovery/component/setting/setting.component';
import { InfraPageComponent } from './infra-page.component';
import { DiscoveryModule } from 'packages/discovery/discovery.module';
@NgModule({ @NgModule({
imports: [ imports: [
CommonModule, CommonModule,
InfraPageRoutingModule, InfraPageRoutingModule,
MaterialModule, MaterialModule,
InfraModule InfraModule,
DiscoveryModule
], ],
declarations: [ declarations: [
InfraPageComponent InfraPageComponent,
], ],
entryComponents: [ entryComponents: [
DiscoverySettingComponent DiscoverySettingComponent

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

@ -1,17 +1 @@
<div fxLayout="row" fxLayoutWrap fxLayoutAlign="center"> <of-sensor-setting></of-sensor-setting>
<div *ngIf="step == 1">
<of-sensor-setting></of-sensor-setting>
</div>
<div *ngIf="step == 2">
<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>
</div>

133
src/packages/sensor/component/setting/setting.component.html
View File

@ -1,65 +1,86 @@
<div fxLayout="row" fxLayoutWrap fxLayoutAlign="center"> <div fxLayout="row" fxLayoutWrap fxLayoutAlign="center">
<div fxLayout="row" fxLayoutWrap fxLayoutAlign="center"> <div *ngIf="step == 1">
<!-- -->
<div fxLayout="row" fxLayoutWrap fxLayoutAlign="center">
<div fxLayout="row" fxLayoutWrap fxLayoutAlign="center">
<mat-card class="example-card"> <mat-card class="example-card">
<mat-card-header> <mat-card-header>
<mat-card-title>Step 1</mat-card-title> <mat-card-title>Step 1</mat-card-title>
<mat-card-subtitle>Select Target</mat-card-subtitle> <mat-card-subtitle>Select Target</mat-card-subtitle>
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
여기에 타겟들 출력 여기에 타겟들 출력
</mat-card-content> </mat-card-content>
</mat-card> </mat-card>
<mat-card class="example-card"> <mat-card class="example-card">
<mat-card-header> <mat-card-header>
<mat-card-title>Step 3</mat-card-title> <mat-card-title>Step 3</mat-card-title>
<mat-card-subtitle>Crawler Auth</mat-card-subtitle> <mat-card-subtitle>Crawler Auth</mat-card-subtitle>
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
<form class="example-form"> <form class="example-form">
<mat-form-field class="example-full-width"> <mat-form-field class="example-full-width">
<input matInput placeholder="Account" value="Loafe"> <input matInput placeholder="Account" value="Loafe">
</mat-form-field> </mat-form-field>
<mat-form-field class="example-full-width"> <mat-form-field class="example-full-width">
<input matInput type="password" placeholder="Password" value=""> <input matInput type="password" placeholder="Password" value="">
</mat-form-field> </mat-form-field>
<div fxLayout="row" fxLayoutWrap fxLayoutAlign="right"> <div fxLayout="row" fxLayoutWrap fxLayoutAlign="right">
<button mat-button>Confirm</button> <button mat-button>Confirm</button>
</div> </div>
</form> </form>
</mat-card-content> </mat-card-content>
</mat-card> </mat-card>
</div>
<div fxLayout="row" fxLayoutWrap fxLayoutAlign="center">
<mat-card class="example-card">
<mat-card-header>
<mat-card-title>Step 2</mat-card-title>
<mat-card-subtitle>Select Crawler</mat-card-subtitle>
</mat-card-header>
<mat-card-content>
<mat-radio-group class="example-radio-group" [(ngModel)]="selectCrawler">
<mat-radio-button class="example-radio-button" *ngFor="let crawler of crawlerList" [value]="crawler">
{{crawler}}
</mat-radio-button>
</mat-radio-group>
<div class="example-selected-value">Your select crawler is: {{selectCrawler}}</div>
</mat-card-content>
</mat-card>
<mat-card class="example-card">
<mat-card-header>
<mat-card-title>Step 4</mat-card-title>
<mat-card-subtitle>Select Sensor Item</mat-card-subtitle>
</mat-card-header>
<mat-card-content>
트리로 센서 아이템 목록 출력
</mat-card-content>
</mat-card>
</div>
</div>
<!-- -->
</div>
<div *ngIf="step == 2">
<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> </div>
<div fxLayout="row" fxLayoutWrap fxLayoutAlign="center">
<mat-card class="example-card"> </div>
<mat-card-header>
<mat-card-title>Step 2</mat-card-title>
<mat-card-subtitle>Select Crawler</mat-card-subtitle>
</mat-card-header>
<mat-card-content>
<mat-radio-group class="example-radio-group" [(ngModel)]="selectCrawler">
<mat-radio-button class="example-radio-button" *ngFor="let crawler of crawlerList" [value]="crawler">
{{crawler}}
</mat-radio-button>
</mat-radio-group>
<div class="example-selected-value">Your select crawler is: {{selectCrawler}}</div>
</mat-card-content>
</mat-card>
<mat-card class="example-card"> <!-- -->
<mat-card-header>
<mat-card-title>Step 4</mat-card-title>
<mat-card-subtitle>Select Sensor Item</mat-card-subtitle>
</mat-card-header>
<mat-card-content>
트리로 센서 아이템 목록 출력
</mat-card-content>
</mat-card>
</div>
</div>

5
src/packages/sensor/component/setting/setting.component.ts
View File

@ -9,6 +9,8 @@ import { AfterContentInit } from '@angular/core/src/metadata/lifecycle_hooks';
}) })
export class SettingComponent implements OnInit, AfterContentInit { export class SettingComponent implements OnInit, AfterContentInit {
step = 1;
constructor() { } constructor() { }
selectCrawler: String; selectCrawler: String;
@ -28,4 +30,7 @@ export class SettingComponent implements OnInit, AfterContentInit {
this.crawlerList.push('PostgreSQL Crawler'); this.crawlerList.push('PostgreSQL Crawler');
} }
onNext() {
this.step += 1;
}
} }