Update admin file manager
This commit is contained in:
dcconstructions
+99
-1
@@ -145,7 +145,13 @@
|
||||
<span aria-hidden="true">▣</span>
|
||||
</button>
|
||||
<button id="delete-block" class="icon-action-btn danger-action-btn" type="button" title="Удалить блок" aria-label="Удалить блок">
|
||||
<span aria-hidden="true">⌫</span>
|
||||
<svg class="trash-can-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
|
||||
<path d="M3.75 6.75h16.5" />
|
||||
<path d="M8.25 6.75V4.9c0-.64.51-1.15 1.15-1.15h5.2c.64 0 1.15.51 1.15 1.15v1.85" />
|
||||
<path d="M6.25 6.75l.7 12.15c.06.78.7 1.35 1.47 1.35h7.16c.77 0 1.41-.57 1.47-1.35l.7-12.15" />
|
||||
<path d="M10 10.75v5.5" />
|
||||
<path d="M14 10.75v5.5" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -205,6 +211,98 @@
|
||||
</footer>
|
||||
</article>
|
||||
</div>
|
||||
<div id="media-modal" class="template-modal-layer media-modal-layer hidden" role="dialog" aria-modal="true" aria-labelledby="media-modal-title">
|
||||
<article class="template-modal media-modal">
|
||||
<header class="template-modal-head media-modal-head">
|
||||
<div>
|
||||
<div class="section-kicker">Медиатека</div>
|
||||
<h2 id="media-modal-title">Выбрать файл</h2>
|
||||
<p id="media-modal-subtitle">Существующие файлы на сервере и загрузки для текущего поля.</p>
|
||||
</div>
|
||||
<div class="media-modal-actions">
|
||||
<span id="media-site-size" class="media-site-size">Сайт: считаем...</span>
|
||||
<button id="media-trash-toggle" class="admin-panel-close media-header-action media-trash-toggle" type="button" aria-label="Недавно удалённые" title="Недавно удалённые">
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path d="M3.75 6.75h16.5" />
|
||||
<path d="M8.25 6.75V4.9c0-.64.51-1.15 1.15-1.15h5.2c.64 0 1.15.51 1.15 1.15v1.85" />
|
||||
<path d="M6.25 6.75l.7 12.15c.06.78.7 1.35 1.47 1.35h7.16c.77 0 1.41-.57 1.47-1.35l.7-12.15" />
|
||||
<path d="M10 10.75v5.5" />
|
||||
<path d="M14 10.75v5.5" />
|
||||
</svg>
|
||||
</button>
|
||||
<button id="media-modal-close" class="admin-panel-close modal-close-button media-header-action" type="button" aria-label="Закрыть">×</button>
|
||||
</div>
|
||||
</header>
|
||||
<div class="media-toolbar">
|
||||
<label class="media-search">
|
||||
<span>Поиск</span>
|
||||
<input id="media-search" type="search" autocomplete="off" placeholder="Имя, папка, путь" />
|
||||
</label>
|
||||
<div id="media-kind-filters" class="media-filter-row media-kind-row" aria-label="Тип файла"></div>
|
||||
<div id="media-root-filters" class="media-filter-row media-root-row" aria-label="Корень файлов"></div>
|
||||
<button id="media-upload" class="primary-btn media-upload-btn" type="button">+ Загрузить</button>
|
||||
</div>
|
||||
<div id="media-drop-zone" class="media-browser media-browser-columns">
|
||||
<section class="media-main">
|
||||
<div id="media-breadcrumbs" class="media-breadcrumbs"></div>
|
||||
<div id="media-list" class="media-columns"></div>
|
||||
<div id="media-empty" class="media-empty hidden">Папка пуста.</div>
|
||||
</section>
|
||||
<aside class="media-preview-panel">
|
||||
<div id="media-preview" class="media-preview">
|
||||
<span>FILE</span>
|
||||
</div>
|
||||
<div class="media-preview-copy">
|
||||
<div id="media-preview-name" class="media-preview-name">Выберите файл</div>
|
||||
<div id="media-preview-path" class="media-preview-path"></div>
|
||||
<div id="media-preview-meta" class="media-preview-meta"></div>
|
||||
</div>
|
||||
<div id="media-preview-usage" class="media-usage-pill" data-status="idle">
|
||||
<span class="media-usage-dot"></span>
|
||||
<span>Нет выбора</span>
|
||||
</div>
|
||||
<div class="media-preview-actions">
|
||||
<button id="media-select" class="primary-btn" type="button" disabled>Выбрать</button>
|
||||
<button id="media-delete" class="danger-btn media-delete-btn" type="button" aria-label="Удалить файл" title="Удалить файл" disabled>
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path d="M3.75 6.75h16.5" />
|
||||
<path d="M8.25 6.75V4.9c0-.64.51-1.15 1.15-1.15h5.2c.64 0 1.15.51 1.15 1.15v1.85" />
|
||||
<path d="M6.25 6.75l.7 12.15c.06.78.7 1.35 1.47 1.35h7.16c.77 0 1.41-.57 1.47-1.35l.7-12.15" />
|
||||
<path d="M10 10.75v5.5" />
|
||||
<path d="M14 10.75v5.5" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
<footer class="template-modal-foot media-modal-foot">
|
||||
<button id="media-refresh" class="ghost-btn" type="button">Обновить список</button>
|
||||
<button id="media-modal-cancel" class="ghost-btn" type="button">Отмена</button>
|
||||
</footer>
|
||||
</article>
|
||||
</div>
|
||||
<div id="media-context-menu" class="media-context-menu hidden" role="menu"></div>
|
||||
<div id="media-action-modal" class="template-modal-layer media-action-modal-layer hidden" role="dialog" aria-modal="true" aria-labelledby="media-action-title">
|
||||
<article class="template-modal media-action-modal">
|
||||
<header class="template-modal-head media-action-head">
|
||||
<div>
|
||||
<div class="section-kicker">Файл-менеджер</div>
|
||||
<h2 id="media-action-title">Действие</h2>
|
||||
<p id="media-action-body">Введите имя.</p>
|
||||
</div>
|
||||
</header>
|
||||
<div class="media-action-body">
|
||||
<label class="field-control">
|
||||
<span id="media-action-label">Имя</span>
|
||||
<input id="media-action-input" type="text" autocomplete="off" />
|
||||
</label>
|
||||
</div>
|
||||
<footer class="template-modal-foot media-action-foot">
|
||||
<button id="media-action-cancel" class="ghost-btn" type="button">Отмена</button>
|
||||
<button id="media-action-confirm" class="primary-btn" type="button">Подтвердить</button>
|
||||
</footer>
|
||||
</article>
|
||||
</div>
|
||||
<script src="./admin.js" type="module"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user