lokses
131cb27d16
Django project: employees, locations, visit_manager, it_manager, mattermost_connector and stub connectors (ad, mail, portal).
91 lines
7.0 KiB
HTML
91 lines
7.0 KiB
HTML
<div class="page-content">
|
||
|
||
<div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:1.5rem;">
|
||
<div>
|
||
<h1 style="font-size:1.25rem; font-weight:500; color:var(--color-foreground);">Рекрутинг</h1>
|
||
<p style="font-size:0.875rem; color:var(--color-muted-foreground); margin-top:0.25rem;">Відкриті вакансії та кандидати</p>
|
||
</div>
|
||
<button class="btn btn-primary">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
<line x1="12" x2="12" y1="5" y2="19"/><line x1="5" x2="19" y1="12" y2="12"/>
|
||
</svg>
|
||
Нова вакансія
|
||
</button>
|
||
</div>
|
||
|
||
<!-- Метрики -->
|
||
<div style="display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0.75rem; margin-bottom:1.5rem;">
|
||
<div class="stat-card">
|
||
<div style="font-size:0.6875rem; color:var(--color-muted-foreground); text-transform:uppercase; letter-spacing:0.05em; margin-bottom:0.5rem;">Відкритих вакансій</div>
|
||
<div style="font-size:1.5rem; font-weight:500; color:var(--color-foreground);">27</div>
|
||
<div style="font-size:0.75rem; color:var(--color-destructive); margin-top:0.25rem;">12 термінових</div>
|
||
</div>
|
||
<div class="stat-card">
|
||
<div style="font-size:0.6875rem; color:var(--color-muted-foreground); text-transform:uppercase; letter-spacing:0.05em; margin-bottom:0.5rem;">Кандидатів</div>
|
||
<div style="font-size:1.5rem; font-weight:500; color:var(--color-foreground);">84</div>
|
||
<div style="font-size:0.75rem; color:var(--color-muted-foreground); margin-top:0.25rem;">на розгляді</div>
|
||
</div>
|
||
<div class="stat-card">
|
||
<div style="font-size:0.6875rem; color:var(--color-muted-foreground); text-transform:uppercase; letter-spacing:0.05em; margin-bottom:0.5rem;">Співбесід сьогодні</div>
|
||
<div style="font-size:1.5rem; font-weight:500; color:var(--color-foreground);">5</div>
|
||
<div style="font-size:0.75rem; color:var(--color-muted-foreground); margin-top:0.25rem;">заплановано</div>
|
||
</div>
|
||
<div class="stat-card">
|
||
<div style="font-size:0.6875rem; color:var(--color-muted-foreground); text-transform:uppercase; letter-spacing:0.05em; margin-bottom:0.5rem;">Прийнято за місяць</div>
|
||
<div style="font-size:1.5rem; font-weight:500; color:var(--color-foreground);">8</div>
|
||
<div style="font-size:0.75rem; color:var(--color-success); margin-top:0.25rem;">+2 до плану</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Таблиця вакансій -->
|
||
<div style="background:var(--color-card); border-radius:0.75rem; border:1px solid var(--color-border); box-shadow:0 1px 2px rgb(0 0 0/0.05);">
|
||
<div style="padding:1.25rem 1.5rem; border-bottom:1px solid var(--color-border);">
|
||
<h3 style="font-weight:600; color:var(--color-card-foreground); font-size:0.9375rem;">Відкриті вакансії</h3>
|
||
</div>
|
||
<div style="overflow-x:auto;">
|
||
<table style="width:100%; border-collapse:collapse; font-size:0.875rem;">
|
||
<thead>
|
||
<tr style="border-bottom:1px solid var(--color-border);">
|
||
<th style="padding:0.75rem 1rem; text-align:left; color:var(--color-muted-foreground); font-weight:600; font-size:0.8125rem;">Посада</th>
|
||
<th style="padding:0.75rem 1rem; text-align:left; color:var(--color-muted-foreground); font-weight:600; font-size:0.8125rem;">Відділ / Аптека</th>
|
||
<th style="padding:0.75rem 1rem; text-align:left; color:var(--color-muted-foreground); font-weight:600; font-size:0.8125rem;">Кандидатів</th>
|
||
<th style="padding:0.75rem 1rem; text-align:left; color:var(--color-muted-foreground); font-weight:600; font-size:0.8125rem;">Пріоритет</th>
|
||
<th style="padding:0.75rem 1rem; text-align:left; color:var(--color-muted-foreground); font-weight:600; font-size:0.8125rem;">Відкрита з</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr style="border-bottom:1px solid var(--color-border);" class="tr-hover">
|
||
<td style="padding:1rem; font-weight:500; color:var(--color-card-foreground);">Фармацевт</td>
|
||
<td style="padding:1rem; color:var(--color-muted-foreground);">А03 — вул. Хрещатик</td>
|
||
<td style="padding:1rem; color:var(--color-foreground);">6</td>
|
||
<td style="padding:1rem;"><span class="badge badge-danger">Терміново</span></td>
|
||
<td style="padding:1rem; color:var(--color-muted-foreground);">01.03.2026</td>
|
||
</tr>
|
||
<tr style="border-bottom:1px solid var(--color-border);" class="tr-hover">
|
||
<td style="padding:1rem; font-weight:500; color:var(--color-card-foreground);">Завідуючий аптекою</td>
|
||
<td style="padding:1rem; color:var(--color-muted-foreground);">А11 — вул. Лесі Українки</td>
|
||
<td style="padding:1rem; color:var(--color-foreground);">3</td>
|
||
<td style="padding:1rem;"><span class="badge badge-danger">Терміново</span></td>
|
||
<td style="padding:1rem; color:var(--color-muted-foreground);">10.03.2026</td>
|
||
</tr>
|
||
<tr style="border-bottom:1px solid var(--color-border);" class="tr-hover">
|
||
<td style="padding:1rem; font-weight:500; color:var(--color-card-foreground);">HR менеджер</td>
|
||
<td style="padding:1rem; color:var(--color-muted-foreground);">HR</td>
|
||
<td style="padding:1rem; color:var(--color-foreground);">12</td>
|
||
<td style="padding:1rem;"><span class="badge badge-warning">Середній</span></td>
|
||
<td style="padding:1rem; color:var(--color-muted-foreground);">15.02.2026</td>
|
||
</tr>
|
||
<tr class="tr-hover">
|
||
<td style="padding:1rem; font-weight:500; color:var(--color-card-foreground);">Frontend розробник</td>
|
||
<td style="padding:1rem; color:var(--color-muted-foreground);">Розробка</td>
|
||
<td style="padding:1rem; color:var(--color-foreground);">18</td>
|
||
<td style="padding:1rem;"><span class="badge badge-success">Звичайний</span></td>
|
||
<td style="padding:1rem; color:var(--color-muted-foreground);">20.01.2026</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|