228 lines
15 KiB
Plaintext
228 lines
15 KiB
Plaintext
@page "/Customer"
|
|
@using Shared.DTOs
|
|
<PageTitle>مشتری</PageTitle>
|
|
@* search *@
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="card mb-2">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<ul class="list-group fa-padding" style="border: 2px solid #0d6efd">
|
|
<li class="list-group-item" data-toggle="modal" data-target="#issue">
|
|
<div class="row g-3">
|
|
<div class="col-md-2">
|
|
<input placeholder="شناسه" style="text-align:center;" class="form-control" type="text" >
|
|
</div>
|
|
<div class="col-md-6">
|
|
|
|
<input style="text-align:center;" placeholder="عنوان" class="form-control" type="text" >
|
|
|
|
</div>
|
|
<div class="col-auto">
|
|
|
|
<button type="submit" class="btn btn-primary">جستجو</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@* action *@
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="mb-2">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
|
|
<div class="col-auto">
|
|
|
|
<button type="submit" class="btn btn-primary">جدید</button>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@* data *@
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="mb-4">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="card">
|
|
<div class="table-responsive text-nowrap">
|
|
<table class="table">
|
|
<thead class="table-light">
|
|
<tr>
|
|
<th>پروژه</th>
|
|
<th>مشتری</th>
|
|
<th>کاربران</th>
|
|
<th>وضعیت</th>
|
|
<th>عملکردها</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="table-border-bottom-0">
|
|
<tr>
|
|
<td><i class="fab fa-angular fa-lg text-danger me-3"></i> <strong>پروژه انگولار</strong></td>
|
|
<td>آلبرت کوک</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="" data-bs-original-title="لیلان فولر">
|
|
<img src="assets/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="" data-bs-original-title="سوفیا ویلکرسون">
|
|
<img src="assets/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="" data-bs-original-title="کریستین پارکر">
|
|
<img src="assets/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-primary me-1">فعال</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu new-style-11">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i>ویرایش</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> حذف</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="fab fa-react fa-lg text-info me-3"></i> <strong>پروژه ری اکت</strong></td>
|
|
<td>بری هانتر</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="" data-bs-original-title="لیلان فولر">
|
|
<img src="assets/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="" data-bs-original-title="سوفیا ویلکرسون">
|
|
<img src="assets/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="" data-bs-original-title="کریستین پارکر">
|
|
<img src="assets/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-success me-1">تکمیل شد</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu new-style-11">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i>ویرایش</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> حذف</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="fab fa-vuejs fa-lg text-success me-3"></i> <strong>پروژه وی جی اس</strong></td>
|
|
<td>ترور بیکر</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="" data-bs-original-title="لیلان فولر">
|
|
<img src="assets/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="" data-bs-original-title="سوفیا ویلکرسون">
|
|
<img src="assets/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="" data-bs-original-title="کریستین پارکر">
|
|
<img src="assets/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-info me-1">برنامه ریزی شده</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu new-style-12">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i>ویرایش</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> حذف</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="fab fa-bootstrap fa-lg text-primary me-3"></i> <strong>پروژه بوت استرپ</strong></td>
|
|
<td>جری میلتون</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="" data-bs-original-title="لیلان فولر">
|
|
<img src="assets/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="" data-bs-original-title="سوفیا ویلکرسون">
|
|
<img src="assets/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="" data-bs-original-title="کریستین پارکر">
|
|
<img src="assets/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-warning me-1">درانتظار</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu new-style-12">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i>ویرایش</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> حذف</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@layout PanelLayout
|
|
@code {
|
|
private IEnumerable<Employee1>? employees;
|
|
|
|
private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)
|
|
{
|
|
if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging
|
|
employees = GetEmployees(); // call a service or an API to pull the employees
|
|
|
|
return await Task.FromResult(request.ApplyTo(employees));
|
|
}
|
|
|
|
private IEnumerable<Employee1> GetEmployees()
|
|
{
|
|
return new List<Employee1>
|
|
{
|
|
new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },
|
|
new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },
|
|
new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },
|
|
new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },
|
|
new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },
|
|
new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },
|
|
new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },
|
|
new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },
|
|
new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },
|
|
};
|
|
}
|
|
}
|