|
54 | 54 | <nz-form-item> |
55 | 55 | <nz-form-label [nzSm]="6" [nzXs]="24">{{'common.name'|translate}}</nz-form-label> |
56 | 56 | <nz-form-control [nzSm]="14" [nzXs]="24"> |
57 | | - <input (change)="handlerValidate()" [(ngModel)]="configure.targetName" name="name" nz-input |
| 57 | + <input (change)="handlerValidateStep('Basic')" [(ngModel)]="configure.targetName" name="name" nz-input |
58 | 58 | type="text"/> |
59 | 59 | </nz-form-control> |
60 | 60 | </nz-form-item> |
61 | 61 | </nz-tab> |
62 | 62 | <!-- Column Settings --> |
63 | | - <nz-tab [nzTitle]="columnSettingTemplate"> |
| 63 | + <nz-tab [nzDisabled]="!validated.basic" [nzTitle]="columnSettingTemplate"> |
64 | 64 | <ng-template #columnSettingTemplate> |
65 | 65 | <i nz-icon nzType="delete-column"></i> |
66 | 66 | {{'common.column'|translate}} |
|
78 | 78 | <div [nzSpan]="8" nz-col> |
79 | 79 | <input [(ngModel)]="column.name" nz-input type="text" [ngModelOptions]="{standalone: true}" |
80 | 80 | placeholder="{{'common.column'|translate}}{{'common.name'|translate}}" |
81 | | - style="width: 100%;"/> |
| 81 | + (ngModelChange)="handlerValidateStep('Column')" style="width: 100%;"/> |
82 | 82 | </div> |
83 | 83 | <div [nzSpan]="6" nz-col> |
84 | 84 | <nz-select [(ngModel)]="column.type" [ngModelOptions]="{standalone: true}" |
|
110 | 110 | </div> |
111 | 111 | </nz-tab> |
112 | 112 | <!-- Properties Settings --> |
113 | | - <nz-tab *ngIf="configure.properties?.length > 0" [nzTitle]="propertySettingTemplate"> |
| 113 | + <nz-tab *ngIf="configure.properties?.length > 0" [nzDisabled]="!validated.column" |
| 114 | + [nzTitle]="propertySettingTemplate"> |
114 | 115 | <ng-template #propertySettingTemplate> |
115 | 116 | <i nz-icon nzType="property-safety"></i> |
116 | 117 | {{'common.property'|translate}} |
|
130 | 131 | (emitter)="handlerComponentEmitter($event, false)"> |
131 | 132 | </app-component-property> |
132 | 133 | </nz-tab> |
| 134 | + <!-- Partition Settings --> |
| 135 | + <nz-tab *ngIf="configure.partitionConfigure?.enable" [nzDisabled]="!validated.property" |
| 136 | + [nzTitle]="partitionSettingTemplate"> |
| 137 | + <ng-template #partitionSettingTemplate> |
| 138 | + <i nz-icon nzType="partition"></i> |
| 139 | + {{'common.partition'|translate}} |
| 140 | + </ng-template> |
| 141 | + <nz-form-item> |
| 142 | + <nz-form-label [nzSm]="6" [nzXs]="24">{{'common.column'|translate}}</nz-form-label> |
| 143 | + <nz-form-control [nzSm]="14" [nzXs]="24"> |
| 144 | + <nz-select nzMode="multiple" [(ngModel)]="configure.partitionConfigure.columns" |
| 145 | + [ngModelOptions]="{standalone: true}"> |
| 146 | + <nz-option *ngFor="let column of columns" [nzLabel]="column.name" |
| 147 | + [nzValue]="column.name"></nz-option> |
| 148 | + </nz-select> |
| 149 | + </nz-form-control> |
| 150 | + </nz-form-item> |
| 151 | + </nz-tab> |
133 | 152 | </nz-tabset> |
134 | 153 | </form> |
135 | 154 | </div> |
|
0 commit comments