| | | 1 | | @using OzonOrdersWeb.Areas.Studio2.ViewModels.Grid |
| | | 2 | | @{ |
| | 0 | 3 | | ViewData["Title"] = "Этикетки"; |
| | 0 | 4 | | Layout = "~/Views/Shared/_Layout.cshtml"; |
| | | 5 | | } |
| | | 6 | | |
| | | 7 | | <link rel="stylesheet" href="~/css/Studio2/Labels/labels-grid.css" asp-append-version="true" /> |
| | 0 | 8 | | @await Html.PartialAsync("_BsxGridShell") |
| | | 9 | | |
| | | 10 | | <div class="container-fluid py-3 bsx-surface labels-page"> |
| | | 11 | | <section class="app-section-hero app-section-hero--import d-flex flex-wrap justify-content-between align-items-start |
| | | 12 | | <div> |
| | | 13 | | <h1><i class="fas fa-file-pdf me-2 text-primary"></i>Этикетки заказов</h1> |
| | | 14 | | <div class="subtitle">Поиск и работа с сохранёнными PDF-этикетками.</div> |
| | | 15 | | <div class="subtitle-help">Ищите по номеру отправления, ID заказа или ScanIt. Двойной клик открывает превью |
| | | 16 | | <div class="app-section-hero__quick-links"> |
| | | 17 | | <a asp-area="Studio2" asp-controller="OrdersGrid" asp-action="Index"><i class="fas fa-list"></i> Заказы< |
| | | 18 | | <a asp-area="Studio2" asp-controller="AssemblyList" asp-action="Index"><i class="fas fa-clipboard-check" |
| | | 19 | | </div> |
| | | 20 | | </div> |
| | | 21 | | <div class="d-flex flex-wrap justify-content-end gap-2"> |
| | | 22 | | <button type="button" class="btn btn-sm btn-outline-secondary" id="labelsRefreshBtn" title="Перечитать катал |
| | | 23 | | <i class="fas fa-sync-alt me-1"></i>Обновить |
| | | 24 | | </button> |
| | | 25 | | <button type="button" class="btn btn-sm btn-primary" id="labelsDownloadSelectedBtn" disabled> |
| | | 26 | | <i class="fas fa-file-download me-1"></i>Скачать выбранные PDF |
| | | 27 | | </button> |
| | | 28 | | </div> |
| | | 29 | | </section> |
| | | 30 | | |
| | 0 | 31 | | @await Html.PartialAsync("_BsxDirectoryGrid", new BsxDirectoryGridViewModel( |
| | 0 | 32 | | "labels", "Каталог этикеток", "fa-file-pdf", |
| | 0 | 33 | | "Номер отправления, ScanIt, ID заказа или имя PDF…", |
| | 0 | 34 | | "Фильтры и сортировка применяются ко всему каталогу. Выберите строки, чтобы скачать единый многостраничный PDF." |
| | | 35 | | |
| | | 36 | | <div class="modal fade" id="labelsPreviewModal" tabindex="-1" aria-labelledby="labelsPreviewTitle" aria-hidden="true |
| | | 37 | | <div class="modal-dialog modal-fullscreen"> |
| | | 38 | | <div class="modal-content"> |
| | | 39 | | <div class="modal-header"> |
| | | 40 | | <h5 class="modal-title text-truncate" id="labelsPreviewTitle">Просмотр этикетки</h5> |
| | | 41 | | <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button> |
| | | 42 | | </div> |
| | | 43 | | <div class="modal-body p-0"> |
| | | 44 | | <iframe id="labelsPreviewFrame" title="Предпросмотр PDF-этикетки"></iframe> |
| | | 45 | | </div> |
| | | 46 | | <div class="modal-footer"> |
| | | 47 | | <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button> |
| | | 48 | | <button type="button" class="btn btn-primary" id="labelsPreviewDownloadBtn"><i class="fas fa-downloa |
| | | 49 | | </div> |
| | | 50 | | </div> |
| | | 51 | | </div> |
| | | 52 | | </div> |
| | | 53 | | </div> |
| | | 54 | | |
| | | 55 | | <script> |
| | | 56 | | window.labelsGridConfig = { |
| | 0 | 57 | | gridRowsUrl: '@Url.Action("GridRows", "Labels", new { area = "Studio2" })', |
| | 0 | 58 | | gridFacetsUrl: '@Url.Action("GridFacets", "Labels", new { area = "Studio2" })', |
| | 0 | 59 | | refreshUrl: '@Url.Action("RefreshCatalog", "Labels", new { area = "Studio2" })', |
| | 0 | 60 | | previewUrl: '@Url.Action("Preview", "Labels", new { area = "Studio2" })', |
| | 0 | 61 | | downloadUrl: '@Url.Action("DownloadFile", "Labels", new { area = "Studio2" })', |
| | 0 | 62 | | downloadSelectedUrl: '@Url.Action("DownloadSelected", "Labels", new { area = "Studio2" })', |
| | 0 | 63 | | ordersGridUrl: '@Url.Action("Index", "OrdersGrid", new { area = "Studio2" })' |
| | | 64 | | }; |
| | | 65 | | </script> |
| | | 66 | | |
| | | 67 | | @section Scripts { |
| | | 68 | | <script src="~/js/Studio2/Grid/bsx-directory.js" asp-append-version="true"></script> |
| | | 69 | | <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js" crossorigin="anonymous"></script> |
| | | 70 | | <script src="~/js/Studio2/Labels/labels-grid.js" asp-append-version="true"></script> |
| | | 71 | | } |