ab/web-petting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reworked admin style
Build and Publish / Build and Publish Docker Image (push) Successful in 1m42s
Details

Browse Source
This commit is contained in:
Aleksandr Bogomiakov
2026-08-09 03:19:47 +01:00
parent cec96cab1e
commit 79c287eaa0
18 changed files with 985 additions and 749 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/admin/schedule.html
+6 -40
View File
@@ -9,7 +9,7 @@
<a href="/admin/schedule/new?lang={{ lang.code() }}" class="button is-primary is-small">+ {{ t.schedule_new }}</a>
</div>
<div class="form-card" id="calendar-wrap" style="padding:0.5rem;">
<div class="form-card" id="calendar-wrap">
<div id="calendar"></div>
</div>
@@ -18,40 +18,6 @@
{% if lang == Lang::Ru %}
<script src="https://cdn.jsdelivr.net/npm/@fullcalendar/core@6.1.17/locales/ru.global.min.js"></script>
{% endif %}
<style>
#calendar-wrap { overflow: hidden; }
.fc { font-size: 0.85rem; color: #333; }
.fc .fc-daygrid-day-number,
.fc .fc-col-header-cell-cushion,
.fc .fc-list-day-text,
.fc .fc-list-day-side-text { color: #333 !important; }
.fc th, .fc td { color: #333; }
.fc .fc-toolbar-title { color: #333 !important; }
.fc .fc-button { color: #fff !important; }
.fc .fc-toolbar { flex-wrap: wrap; gap: 0.3rem; }
.fc .fc-toolbar-title { font-size: 1.1rem !important; }
.fc .fc-button { padding: 0.25rem 0.5rem !important; font-size: 0.8rem !important; }
.fc-event { cursor: pointer; border: none !important; padding: 2px 5px; border-radius: 4px; }
.fc-event.ev-completed .fc-event-title,
.fc-event.ev-completed .fc-list-event-title { text-decoration: line-through; opacity: 0.75; }
.fc-event.ev-cancelled .fc-event-title,
.fc-event.ev-cancelled .fc-list-event-title { text-decoration: line-through; }
.fc .fc-day-today { background: #eef2ff !important; }
.fc .fc-day.day-weekend { background: #faf5f0; }
.fc .fc-day-today.day-weekend { background: #eef2ff !important; }
@media (max-width: 768px) {
.fc .fc-toolbar { font-size: 0.75rem; }
.fc .fc-toolbar-title { font-size: 0.95rem !important; }
.fc .fc-button { padding: 0.2rem 0.35rem !important; font-size: 0.72rem !important; }
}
.visit-modal-bg { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.35); z-index:100; align-items:center; justify-content:center; }
.visit-modal-bg.is-open { display:flex; }
.visit-modal { background:#fff; border-radius:12px; padding:1.5rem; width:90%; max-width:380px; box-shadow:0 4px 24px rgba(0,0,0,0.15); }
.visit-modal h3 { margin:0 0 0.75rem; font-size:1.1rem; }
.visit-modal .meta { color:#888; font-size:0.85rem; margin-bottom:0.75rem; line-height:1.6; }
.color-dot { display:inline-block; width:12px; height:12px; border-radius:50%; margin-right:6px; vertical-align:middle; }
</style>
<div class="visit-modal-bg" id="visitModal">
<div class="visit-modal">
<h3><span class="color-dot" id="vmDot"></span><span id="vmTitle"></span></h3>
@@ -60,10 +26,10 @@
<div id="vmAddress"></div>
<div id="vmAdmin"></div>
<div id="vmTime"></div>
<div id="vmNotes" style="margin-top:0.3rem;"></div>
<div id="vmNotes" class="mt-2"></div>
</div>
<div id="vmStatus" style="margin-bottom:1rem;"></div>
<a id="vmEditLink" href="#" class="button is-primary is-fullwidth" style="font-size:1rem;font-weight:700;padding:0.65rem;">📋 {{ t.schedule_edit_title }}</a>
<div id="vmStatus" class="mb-4"></div>
<a id="vmEditLink" href="#" class="button is-primary is-fullwidth">📋 {{ t.schedule_edit_title }}</a>
</div>
</div>
@@ -82,7 +48,7 @@ document.addEventListener('DOMContentLoaded', function() {
timeZone: '{{ timezone }}',
initialView: window.innerWidth < 768 ? 'listWeek' : 'dayGridMonth',
headerToolbar: {
left: 'prev,next today',
left: 'prev,next,today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
},
@@ -98,7 +64,7 @@ document.addEventListener('DOMContentLoaded', function() {
const p = ev.extendedProps;
document.getElementById('vmDot').style.background = p.client_color || '#7c6ed4';
document.getElementById('vmTitle').textContent = p.client_name;
document.getElementById('vmClient').innerHTML = p.client_phone ? ('<a href="tel:' + p.client_phone + '" style="color:inherit;text-decoration:none;">📞 ' + p.client_phone + '</a>') : '';
document.getElementById('vmClient').innerHTML = p.client_phone ? ('<a href="tel:' + p.client_phone + '" class="card-link">📞 ' + p.client_phone + '</a>') : '';
document.getElementById('vmAddress').textContent = p.client_address ? ('📍 ' + p.client_address) : '';
document.getElementById('vmAdmin').textContent = '👤 ' + p.admin_name;
document.getElementById('vmTime').textContent = '🕐 ' + p.time_start + ' — ' + p.time_end;