| | | 1 | | @* Вкладка «Продукты»: список продуктов (AG Grid, Infinite) и детализация продукта отдельным видом (?product=). *@ |
| | | 2 | | <!-- Список продуктов (AG Grid) --> |
| | | 3 | | <div id="paProductsList"> |
| | | 4 | | <div class="pa-kpis"> |
| | | 5 | | <div class="pa-kpi" data-pa-help="kpi.groups"><div class="pa-kpi-value" id="paKpiProducts">—</div><div class="pa |
| | | 6 | | <div class="pa-kpi" data-pa-help="kpi.groupOrders"><div class="pa-kpi-value" id="paKpiOrders">—</div><div class= |
| | | 7 | | <div class="pa-kpi" data-pa-help="kpi.groupAmount"><div class="pa-kpi-value" id="paKpiAmount">—</div><div class= |
| | | 8 | | <div class="pa-kpi" data-pa-help="kpi.groupCheck"><div class="pa-kpi-value" id="paKpiCheck">—</div><div class="p |
| | | 9 | | </div> |
| | | 10 | | <div class="bsx-grid-toolbar mb-2"> |
| | | 11 | | <div class="bsx-grid-search bsx-grid-search--wide"> |
| | | 12 | | <i class="fas fa-search"></i> |
| | | 13 | | <input type="search" id="paProductsSearch" placeholder="Название, артикул, производитель… (Ctrl+F)" autocomp |
| | | 14 | | </div> |
| | | 15 | | <select id="paClientFilter" class="form-select form-select-sm bsx-grid-select" title="Считать только заказы клие |
| | | 16 | | <option value="">Все клиенты</option> |
| | 0 | 17 | | @if (ViewBag.Clients != null) |
| | | 18 | | { |
| | 0 | 19 | | foreach (var client in ViewBag.Clients) |
| | | 20 | | { |
| | 0 | 21 | | <option value="@client">@client</option> |
| | | 22 | | } |
| | | 23 | | } |
| | | 24 | | </select> |
| | | 25 | | <div class="bsx-grid-toolbar-end"> |
| | | 26 | | <span class="bsx-grid-count" id="paProductsCount" data-pa-help="grid.products"></span> |
| | | 27 | | <button type="button" class="btn btn-sm btn-outline-secondary" id="paProductsRefresh" title="Перечитать"><i |
| | | 28 | | <button type="button" class="btn btn-sm btn-outline-secondary" id="paProductsColumns" data-bsx-popup-anchor |
| | | 29 | | </div> |
| | | 30 | | </div> |
| | | 31 | | <div class="bsx-chips" id="paProductsChips" hidden></div> |
| | | 32 | | <div id="paProductsGrid" class="bsx-grid pa-grid pa-grid--products"></div> |
| | | 33 | | </div> |
| | | 34 | | |
| | | 35 | | <!-- Детализация продукта: отдельный вид (?product=<ключ>), Esc и «Назад» возвращают к списку --> |
| | | 36 | | <div id="paProductDetail" hidden> |
| | | 37 | | <div class="pa-detail-head"> |
| | | 38 | | <button type="button" class="btn btn-sm btn-outline-secondary" id="paDetailBack"><i class="fas fa-arrow-left me- |
| | | 39 | | <div> |
| | | 40 | | <h4 id="paDetailTitle"></h4> |
| | | 41 | | <div class="pa-detail-meta" id="paDetailMeta"></div> |
| | | 42 | | </div> |
| | | 43 | | </div> |
| | | 44 | | <div id="paDetailBody"></div> |
| | | 45 | | </div> |