You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

59 lines
2.0 KiB

<mat-toolbar color="primary">
<mat-toolbar-row>
<span class="title">گزارش گیری</span>
</mat-toolbar-row>
</mat-toolbar>
<br />
<section>
<ng-container>
<mat-card>
<mat-horizontal-stepper labelPosition="bottom" #stepper>
<mat-step>
<form>
<ng-template matStepLabel>نوع گزارش را انتخاب کنید</ng-template>
<mat-form-field appearance="outline">
<mat-label>نوع گزارش</mat-label>
<mat-select disableRipple>
<mat-option *ngFor="let item of list" [value]="item._id">{{
item.name
}}</mat-option>
</mat-select>
</mat-form-field>
<div>
<button mat-button matStepperNext>بعدی</button>
</div>
</form>
</mat-step>
<mat-step>
<form>
<ng-template matStepLabel>ویژگی ها</ng-template>
<mat-form-field>
<mat-label>تاریخ</mat-label>
<input matInput placeholder="" required />
</mat-form-field>
<div>
<button mat-button matStepperNext>بعدی</button>
</div>
</form>
</mat-step>
<mat-step>
<ng-template matStepLabel>دریافت گزارش</ng-template>
<h3>دریافت گزارش</h3>
<p>
گزارش با موفقیت اماده سازی شد
با کلیک بر روی یکی از دکمه های زیر گزارش مورد نظر خود را دریافت کنید
</p>
<br />
<div style="padding-top: 30px">
<button mat-button color="red">خروجی چاپی</button>
<button mat-button color="blue">خروجی ورد</button>
<button mat-button color="green">خروجی اکسل</button>
</div>
</mat-step>
</mat-horizontal-stepper>
</mat-card>
</ng-container>
</section>