| | | 1 | | @using OzonDomains.Models |
| | | 2 | | @using OzonOrdersWeb.Areas.Studio2.ViewModels.Grid |
| | | 3 | | @model List<AppStatus> |
| | | 4 | | @{ |
| | 0 | 5 | | ViewData["Title"] = $"Статусы заказов ({Model.Count})"; |
| | 0 | 6 | | Layout = "~/Views/Shared/_Layout.cshtml"; |
| | 0 | 7 | | var finalCount = Model.Count(s => s.IsFinal); |
| | 0 | 8 | | var withoutColor = Model.Count(s => s.StatusColorId == null); |
| | 0 | 9 | | var rows = Model.Select(s => new |
| | 0 | 10 | | { |
| | 0 | 11 | | id = s.Id, |
| | 0 | 12 | | name = s.Name, |
| | 0 | 13 | | isFinal = s.IsFinal, |
| | 0 | 14 | | color = s.StatusColor?.ColorCode, |
| | 0 | 15 | | // «Заказан поставщику» — служебный статус, на нём держится оформление заказов поставщику. |
| | 0 | 16 | | canDelete = s.Name != "Заказан поставщику" |
| | 0 | 17 | | }); |
| | | 18 | | } |
| | | 19 | | |
| | 0 | 20 | | @await Html.PartialAsync("_BsxGridShell") |
| | | 21 | | |
| | | 22 | | <div class="container-fluid py-3 bsx-surface"> |
| | | 23 | | <div class="app-section-hero app-section-hero--import d-flex flex-wrap justify-content-between align-items-start gap |
| | | 24 | | <div> |
| | | 25 | | <h1><i class="fas fa-tags me-2 text-primary"></i>Статусы заказов</h1> |
| | | 26 | | <div class="subtitle">Справочник статусов и цветов для заказов, фильтров и графа переходов</div> |
| | | 27 | | <div class="subtitle-help"> |
| | | 28 | | Статус определяет этап жизненного цикла заказа. Цвет используется в таблицах и графе переходов, |
| | | 29 | | а признак «конечный» блокирует стандартные операции и показывает, что заказ завершён. |
| | | 30 | | Название и признак правятся прямо в таблице (клик по ячейке) и сохраняются кнопкой в строке, цвет — сраз |
| | | 31 | | </div> |
| | | 32 | | <div class="app-section-hero__quick-links"> |
| | | 33 | | <a asp-area="Studio2" asp-controller="StatusTransition" asp-action="Index"><i class="fas fa-project-diag |
| | | 34 | | <a asp-area="Studio2" asp-controller="Orders" asp-action="Index"><i class="fas fa-list"></i>Активные зак |
| | | 35 | | <a asp-area="Studio2" asp-controller="OrderArchive" asp-action="Index"><i class="fas fa-archive"></i>Арх |
| | | 36 | | </div> |
| | | 37 | | </div> |
| | | 38 | | <div class="d-flex flex-wrap gap-2 align-items-center"> |
| | | 39 | | <div class="bsx-dir-stats"> |
| | 0 | 40 | | <span class="bsx-dir-stat">Всего <b>@Model.Count</b></span> |
| | 0 | 41 | | <span class="bsx-dir-stat">Конечных <b>@finalCount</b></span> |
| | 0 | 42 | | @if (withoutColor > 0) |
| | | 43 | | { |
| | 0 | 44 | | <span class="bsx-dir-stat bsx-dir-stat--warn" title="Статусы без цвета отображаются прозрачной плашк |
| | | 45 | | } |
| | | 46 | | </div> |
| | | 47 | | <a asp-action="Create" class="btn btn-primary btn-sm"><i class="fas fa-plus me-1"></i>Создать</a> |
| | | 48 | | </div> |
| | | 49 | | </div> |
| | | 50 | | |
| | 0 | 51 | | @await Html.PartialAsync("_BsxDirectoryGrid", new BsxDirectoryGridViewModel("appStatus", "Статусы", "fa-tags", "Поис |
| | 0 | 52 | | "Клик по названию или «Конечный» — правка; «Сохранить» появляется в строке после изменения. Двойной клик — стран |
| | | 53 | | </div> |
| | | 54 | | |
| | | 55 | | @section Scripts { |
| | | 56 | | <script src="~/js/Studio2/Grid/bsx-directory.js" asp-append-version="true"></script> |
| | | 57 | | <script> |
| | | 58 | | (function () { |
| | | 59 | | const D = window.BsxDirectory; |
| | 0 | 60 | | const rows = @Json.Serialize(rows); |
| | 0 | 61 | | const editUrl = id => '@Url.Action("Edit", "AppStatus", new { area = "Studio2" })/' + id; |
| | | 62 | | |
| | | 63 | | D.grid({ |
| | | 64 | | key: 'dirAppStatus', |
| | | 65 | | prefix: 'appStatus', |
| | | 66 | | rows, |
| | | 67 | | rowUrl: r => editUrl(r.id), |
| | | 68 | | onSave: r => D.submit(editUrl(r.id), { Id: r.id, Name: r.name, IsFinal: r.isFinal }), |
| | | 69 | | columnDefs: [ |
| | | 70 | | { field: 'name', headerName: 'Статус', flex: 1, minWidth: 220, editable: true, sort: 'asc', |
| | | 71 | | cellEditorParams: { maxLength: 50 } }, |
| | | 72 | | { colId: 'preview', headerName: 'Плашка', width: 260, valueGetter: p => p.data.name, sortable: false, fi |
| | | 73 | | cellRenderer: p => D.colorPill(p.data.name, p.data.color, |
| | | 74 | | p.data.isFinal ? ' ' + D.tone('конечный', 'warning', 'fa-flag-checkered') : '') }, |
| | | 75 | | D.colorCol({ |
| | 0 | 76 | | updateUrl: '@Url.Action("UpdateStatusColor", "AppStatus", new { area = "Studio2" })', |
| | 0 | 77 | | resetUrl: '@Url.Action("ResetStatusColor", "AppStatus", new { area = "Studio2" })' |
| | | 78 | | }), |
| | | 79 | | D.setCol({ colId: 'hasColor', headerName: 'Цвет задан', width: 130, valueGetter: p => !!p.data.color, |
| | | 80 | | filterParams: { labels: D.YES_NO_LABELS }, cellRenderer: p => D.yesNo(p.value) , hide: true }), |
| | | 81 | | D.boolCol({ field: 'isFinal', headerName: 'Конечный', headerTooltip: 'Останавливает стандартные операции |
| | | 82 | | width: 130, editable: true, cellEditor: 'agCheckboxCellEditor' }), |
| | | 83 | | D.actionsCol(r => [ |
| | | 84 | | { icon: 'fa-pencil-alt', title: 'Изменить', href: editUrl(r.id) }, |
| | | 85 | | r.canDelete |
| | 0 | 86 | | ? { icon: 'fa-trash', title: 'Удалить статус', kind: 'danger', href: '@Url.Action("Delete", "App |
| | | 87 | | confirm: 'Удалить статус «' + r.name + '»? Заказы с ним получат статус «Не указан».' } |
| | | 88 | | : { icon: 'fa-lock', title: 'Служебный статус нельзя удалить', kind: 'muted', disabled: true } |
| | | 89 | | ], { width: 190 }) |
| | | 90 | | ] |
| | | 91 | | }); |
| | | 92 | | })(); |
| | | 93 | | </script> |
| | | 94 | | } |