kateb-panel/src/routes/panel/reports/app/app.component.html

60 lines
2.0 KiB
HTML
Raw Normal View History

2020-10-05 09:29:15 +00:00
<mat-toolbar color="primary">
<mat-toolbar-row>
<span class="title">گزارش گیری</span>
</mat-toolbar-row>
</mat-toolbar>
2020-10-09 11:03:42 +00:00
<br />
2020-10-05 09:29:15 +00:00
<section>
<ng-container>
<mat-card>
<mat-horizontal-stepper labelPosition="bottom" #stepper>
2020-10-09 11:03:42 +00:00
<mat-step>
<form>
2020-10-05 09:29:15 +00:00
<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>
2020-10-09 11:03:42 +00:00
<mat-step>
<form>
2020-10-05 09:29:15 +00:00
<ng-template matStepLabel>ویژگی ها</ng-template>
<mat-form-field>
<mat-label>تاریخ</mat-label>
2020-10-09 11:03:42 +00:00
<input matInput placeholder="" required />
2020-10-05 09:29:15 +00:00
</mat-form-field>
<div>
<button mat-button matStepperNext>بعدی</button>
</div>
</form>
</mat-step>
<mat-step>
<ng-template matStepLabel>دریافت گزارش</ng-template>
2020-10-09 11:03:42 +00:00
<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>
2020-10-05 09:29:15 +00:00
</div>
</mat-step>
</mat-horizontal-stepper>
</mat-card>
</ng-container>
</section>