ui-admin/properties.html at main · simai/ui-admin · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!doctype html>
<html lang="ru" class="theme-dark" data-sf-icon-runtime="bundled-fallback">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="robots" content="noindex,nofollow" />
    <title>Свойства</title>
    <link rel="icon" href="data:," />
    <link rel="stylesheet" href="/distr/core/css/core.css" />
    <link rel="stylesheet" href="/src/properties.css" />
    <script>
      (function () {
        var chosen = {};
        try { chosen = JSON.parse(localStorage.getItem('simai.admin.appearance') || '{}'); } catch (error) { chosen = {}; }
        var theme = chosen.theme || 'system';
        var dark = theme === 'dark' || (theme === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches);
        document.documentElement.classList.toggle('theme-dark', dark);
        document.documentElement.classList.toggle('theme-light', !dark);
      })();
    </script>
    <script>
      window.SF_BOOT_CONFIG = {icons: {enabled: false, accumulate: false}, cacheVersion: 'properties-v1', packages: {pro: {base: '/distr-pro/'}}};
      window.sfPath = '/distr/';
      window.sfSmartPath = '/distr/';
    </script>
    <script src="/distr/core/js/core.js" data-sf-script="/distr/core/js/core.js"></script>
  </head>
  <body>
    <main class="properties-shell">
      <header class="properties-header">
        <h1>Свойства</h1>
        <p>Верстак универсальных свойств Framework. Список строится из реестра свойств (<code>SF.fieldRenderers.registry</code>): каждый тип и вариант в трёх режимах — просмотр, редактирование, фильтр — настоящими рендерерами полей, теми же, что в карточке записи и в таблице. Новое свойство появляется здесь само, как только его рендер и запись в реестре попадают во Framework.</p>
        <div class="properties-controls">
          <label>Размер <select data-size><option value="1">1</option><option value="1/2">1/2</option></select></label>
          <label>Поиск <input type="search" data-search placeholder="тип или вариант"></label>
          <label>Состояние <select data-state>
            <option value="normal">Обычное</option>
            <option value="empty">Пустое</option>
            <option value="readonly">Только чтение</option>
            <option value="long">Длинное значение</option>
          </select></label>
          <button type="button" data-theme>Сменить тему</button>
        </div>
      </header>
      <div class="properties-table" role="table" aria-label="Свойства в трёх режимах">
        <div class="properties-row properties-head" role="row">
          <div role="columnheader">Свойство</div><div role="columnheader">Просмотр</div><div role="columnheader">Редактирование</div><div role="columnheader">Фильтр</div>
        </div>
        <div data-rows></div>
      </div>
      <!-- Warms the record view's bundle, which carries the field renderers. -->
      <sf-view-properties hidden aria-hidden="true"></sf-view-properties>
      <!-- The table whose filter windows the «Фильтр» column opens: the same
           window a list opens, kept out of sight. -->
      <div class="properties-filter-host" aria-hidden="true"><sf-view-table id="filters" size="1" toolbar="false"></sf-view-table></div>
    </main>
    <script type="module" src="/src/properties.ts"></script>
  </body>
</html>