test
This commit is contained in:
insanity
parent
98986b3f2e
commit
a4f38ee99c
|
|
@ -1,23 +1,25 @@
|
|||
import { NgModule } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
|
||||
import { InfraPageComponent } from './infra-page.component';
|
||||
import { InfraPageRoutingModule } from './infra-page-routing.module';
|
||||
|
||||
import { MaterialModule } from 'packages/commons/material/material.module';
|
||||
|
||||
import { InfraModule } from 'packages/infra/infra.module';
|
||||
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({
|
||||
imports: [
|
||||
CommonModule,
|
||||
InfraPageRoutingModule,
|
||||
MaterialModule,
|
||||
InfraModule
|
||||
InfraModule,
|
||||
DiscoveryModule
|
||||
],
|
||||
declarations: [
|
||||
InfraPageComponent
|
||||
InfraPageComponent,
|
||||
],
|
||||
entryComponents: [
|
||||
DiscoverySettingComponent
|
||||
|
|
|
|||
|
|
@ -1,17 +1 @@
|
|||
<div fxLayout="row" fxLayoutWrap fxLayoutAlign="center">
|
||||
<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>
|
||||
<of-sensor-setting></of-sensor-setting>
|
||||
|
|
@ -1,65 +1,86 @@
|
|||
<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-header>
|
||||
<mat-card-title>Step 1</mat-card-title>
|
||||
<mat-card-subtitle>Select Target</mat-card-subtitle>
|
||||
</mat-card-header>
|
||||
<mat-card-content>
|
||||
여기에 타겟들 출력
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
<mat-card class="example-card">
|
||||
<mat-card-header>
|
||||
<mat-card-title>Step 1</mat-card-title>
|
||||
<mat-card-subtitle>Select Target</mat-card-subtitle>
|
||||
</mat-card-header>
|
||||
<mat-card-content>
|
||||
여기에 타겟들 출력
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
|
||||
<mat-card class="example-card">
|
||||
<mat-card-header>
|
||||
<mat-card-title>Step 3</mat-card-title>
|
||||
<mat-card-subtitle>Crawler Auth</mat-card-subtitle>
|
||||
</mat-card-header>
|
||||
<mat-card-content>
|
||||
<form class="example-form">
|
||||
<mat-form-field class="example-full-width">
|
||||
<input matInput placeholder="Account" value="Loafe">
|
||||
</mat-form-field>
|
||||
<mat-card class="example-card">
|
||||
<mat-card-header>
|
||||
<mat-card-title>Step 3</mat-card-title>
|
||||
<mat-card-subtitle>Crawler Auth</mat-card-subtitle>
|
||||
</mat-card-header>
|
||||
<mat-card-content>
|
||||
<form class="example-form">
|
||||
<mat-form-field class="example-full-width">
|
||||
<input matInput placeholder="Account" value="Loafe">
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field class="example-full-width">
|
||||
<input matInput type="password" placeholder="Password" value="">
|
||||
</mat-form-field>
|
||||
<div fxLayout="row" fxLayoutWrap fxLayoutAlign="right">
|
||||
<button mat-button>Confirm</button>
|
||||
</div>
|
||||
</form>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
<mat-form-field class="example-full-width">
|
||||
<input matInput type="password" placeholder="Password" value="">
|
||||
</mat-form-field>
|
||||
<div fxLayout="row" fxLayoutWrap fxLayoutAlign="right">
|
||||
<button mat-button>Confirm</button>
|
||||
</div>
|
||||
</form>
|
||||
</mat-card-content>
|
||||
</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 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>
|
||||
|
||||
<!-- -->
|
||||
|
|
@ -9,6 +9,8 @@ import { AfterContentInit } from '@angular/core/src/metadata/lifecycle_hooks';
|
|||
})
|
||||
export class SettingComponent implements OnInit, AfterContentInit {
|
||||
|
||||
step = 1;
|
||||
|
||||
constructor() { }
|
||||
|
||||
selectCrawler: String;
|
||||
|
|
@ -28,4 +30,7 @@ export class SettingComponent implements OnInit, AfterContentInit {
|
|||
this.crawlerList.push('PostgreSQL Crawler');
|
||||
}
|
||||
|
||||
onNext() {
|
||||
this.step += 1;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user