magistr/frontend/admin/views/department.html

<div class="card">
  <h2>Кафедра</h2>

  <div class="filter-row" style="gap:.75rem;">
    <label for="recordsSearch">Поиск</label>
    <input
            id="recordsSearch"
            class="records-search"
            type="search"
            placeholder="Группа, дисциплина, преподаватель…"
            autocomplete="off"
    />
    <button type="button" class="btn-delete" id="recordsSearchClear">Сброс</button>
  </div>
</div>


<div class="table-wrap">

  <!-- Таблица 1 -->
  <details class="table-item">
    <summary>
      <div class="chev" aria-hidden="true">
        <svg viewBox="0 0 20 20" class="chev-icon" focusable="false" aria-hidden="true">
          <path d="M5.5 7.5L10 12l4.5-4.5" fill="none" stroke="currentColor" stroke-width="2"
                stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
      </div>
      <div class="title title-multiline">
        <span class="title-main">Данные к составлению расписания</span>
        <span class="title-sub">Кафедра: <b>Информационная безопасность</b></span>
        <span class="title-sub">Факультет: <b>ФиПИ</b></span>
        <span class="title-sub">Семестр: <b>весенний</b></span>
        <span class="title-sub">Уч. год: <b>2024/2025</b></span>
      </div>
      <div class="meta">3 записи</div>
    </summary>

    <div class="content">
      <table>
        <thead>
        <tr>
          <th>Специальность</th>
          <th>Курс и семестр</th>
          <th>Группа</th>
          <th>Дисциплина</th>
          <th>Вид занятий</th>
          <th>Часов в неделю</th>
          <th>Деление на подгруппы</th>
          <th>Фамилия преподавателя</th>
        </tr>
        </thead>

        <tbody>
        <!-- 1 строка = 1 запись HARDCODE -->
        <tr>
          <td>09.02.07</td>
          <td>2 курс, 4 семестр</td>
          <td>ИС-21</td>
          <td>Базы данных</td>
          <td>Лабораторная</td>
          <td>2</td>
          <td>Да</td>
          <td>Иванов</td>
        </tr>

        <tr>
          <td>09.02.07</td>
          <td>2 курс, 4 семестр</td>
          <td>ИС-22</td>
          <td>Операционные системы</td>
          <td>Практика</td>
          <td>1</td>
          <td>Нет</td>
          <td>Смирнов</td>
        </tr>

        <tr>
          <td>09.02.07</td>
          <td>1 курс, 2 семестр</td>
          <td>ИС-12</td>
          <td>Алгоритмы</td>
          <td>Лекция</td>
          <td>2</td>
          <td>Нет</td>
          <td>Кузнецов</td>
        </tr>
        </tbody>
      </table>
    </div>
  </details>

  <!-- Таблица 2 -->
  <details class="table-item">
    <summary>
      <div class="chev" aria-hidden="true">
        <svg viewBox="0 0 20 20" class="chev-icon" focusable="false" aria-hidden="true">
          <path d="M5.5 7.5L10 12l4.5-4.5" fill="none" stroke="currentColor" stroke-width="2"
                stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
      </div>
      <div class="title">orders</div>
      <div class="meta">1 запись</div>
    </summary>

    <div class="content">
      <table>
        <thead>
        <tr>
          <th>Специальность</th>
          <th>Курс и семестр</th>
          <th>Группа</th>
          <th>Дисциплина</th>
          <th>Вид занятий</th>
          <th>Часов в неделю</th>
          <th>Деление на подгруппы</th>
          <th>Фамилия преподавателя</th>
        </tr>
        </thead>

        <tbody>
        <tr>
          <td>38.02.01</td>
          <td>1 курс, 1 семестр</td>
          <td>ЭК-11</td>
          <td>Экономика</td>
          <td>Лекция</td>
          <td>1</td>
          <td>Нет</td>
          <td>Петров</td>
        </tr>
        </tbody>
      </table>
    </div>
  </details>

  <!-- Таблица 3 -->
  <details class="table-item">
    <summary>
      <div class="chev" aria-hidden="true">
        <svg viewBox="0 0 20 20" class="chev-icon" focusable="false" aria-hidden="true">
          <path d="M5.5 7.5L10 12l4.5-4.5" fill="none" stroke="currentColor" stroke-width="2"
                stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
      </div>
      <div class="title">products</div>
      <div class="meta">2 записи</div>
    </summary>

    <div class="content">
      <table>
        <thead>
        <tr>
          <th>Специальность</th>
          <th>Курс и семестр</th>
          <th>Группа</th>
          <th>Дисциплина</th>
          <th>Вид занятий</th>
          <th>Часов в неделю</th>
          <th>Деление на подгруппы</th>
          <th>Фамилия преподавателя</th>
        </tr>
        </thead>

        <tbody>
        <tr>
          <td>15.02.08</td>
          <td>3 курс, 6 семестр</td>
          <td>МС-31</td>
          <td>Материаловедение</td>
          <td>Практика</td>
          <td>3</td>
          <td>Да</td>
          <td>Сидоров</td>
        </tr>

        <tr>
          <td>15.02.08</td>
          <td>3 курс, 6 семестр</td>
          <td>МС-32</td>
          <td>Технология металлов</td>
          <td>Лабораторная</td>
          <td>2</td>
          <td>Да</td>
          <td>Орлов</td>
        </tr>
        </tbody>
      </table>
    </div>
  </details>

</div>
</div>