feat: Symbole zu den Weiter-Buttons in den Envelope Creation Schritten hinzufügen
This commit is contained in:
parent
a7a77cd491
commit
9905ea5a12
@ -5,7 +5,6 @@ import { CommonModule } from '@angular/common'
|
|||||||
import { MatIconModule } from '@angular/material/icon';
|
import { MatIconModule } from '@angular/material/icon';
|
||||||
import { MatButtonModule } from '@angular/material/button';
|
import { MatButtonModule } from '@angular/material/button';
|
||||||
import { animate, state, style, transition, trigger } from '@angular/animations';
|
import { animate, state, style, transition, trigger } from '@angular/animations';
|
||||||
import { Status } from '../../enums/envelope-const'
|
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-envelope-table',
|
selector: 'app-envelope-table',
|
||||||
|
|||||||
@ -2,7 +2,6 @@
|
|||||||
<mat-step [stepControl]="firstFormGroup">
|
<mat-step [stepControl]="firstFormGroup">
|
||||||
<form [formGroup]="firstFormGroup">
|
<form [formGroup]="firstFormGroup">
|
||||||
<ng-template matStepLabel>Titel & Vertragstyp</ng-template>
|
<ng-template matStepLabel>Titel & Vertragstyp</ng-template>
|
||||||
<receiver-table></receiver-table>
|
|
||||||
<mat-form-field>
|
<mat-form-field>
|
||||||
<mat-label>Titel</mat-label>
|
<mat-label>Titel</mat-label>
|
||||||
<input matInput placeholder="Arbeitsvertrag" formControlName="firstCtrl" required>
|
<input matInput placeholder="Arbeitsvertrag" formControlName="firstCtrl" required>
|
||||||
@ -16,7 +15,10 @@
|
|||||||
</mat-select>
|
</mat-select>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<div>
|
<div>
|
||||||
<button mat-button matStepperNext>Next</button>
|
<button mat-button matStepperNext>
|
||||||
|
Next
|
||||||
|
<mat-icon>arrow_forward_ios</mat-icon>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</mat-step>
|
</mat-step>
|
||||||
@ -26,7 +28,10 @@
|
|||||||
<receiver-table></receiver-table>
|
<receiver-table></receiver-table>
|
||||||
<div>
|
<div>
|
||||||
<button mat-button matStepperPrevious>Back</button>
|
<button mat-button matStepperPrevious>Back</button>
|
||||||
<button mat-button matStepperNext>Next</button>
|
<button mat-button matStepperNext>
|
||||||
|
Next
|
||||||
|
<mat-icon>arrow_forward_ios</mat-icon>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</mat-step>
|
</mat-step>
|
||||||
|
|||||||
@ -6,6 +6,7 @@ import { MatStepperModule } from '@angular/material/stepper';
|
|||||||
import { MatButtonModule } from '@angular/material/button';
|
import { MatButtonModule } from '@angular/material/button';
|
||||||
import { MatSelectModule } from '@angular/material/select';
|
import { MatSelectModule } from '@angular/material/select';
|
||||||
import { ReceiverTableComponent } from "../../components/receiver-table/receiver-table.component";
|
import { ReceiverTableComponent } from "../../components/receiver-table/receiver-table.component";
|
||||||
|
import { MatIconModule } from '@angular/material/icon';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-envelope-creation',
|
selector: 'app-envelope-creation',
|
||||||
@ -18,7 +19,8 @@ import { ReceiverTableComponent } from "../../components/receiver-table/receiver
|
|||||||
MatFormFieldModule,
|
MatFormFieldModule,
|
||||||
MatInputModule,
|
MatInputModule,
|
||||||
MatSelectModule,
|
MatSelectModule,
|
||||||
ReceiverTableComponent
|
ReceiverTableComponent,
|
||||||
|
MatIconModule
|
||||||
],
|
],
|
||||||
templateUrl: './envelope-creation.component.html',
|
templateUrl: './envelope-creation.component.html',
|
||||||
styleUrl: './envelope-creation.component.scss'
|
styleUrl: './envelope-creation.component.scss'
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user