gitadmin/Zilant2025
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

правка интерфейса редактирования постов - 1
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
gitadmin
2025-10-12 19:13:00 +03:00
parent aa5a1f03ad
commit 8c76d98748
1 changed files with 38 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/edit_post.html
+31 -8
View File
@@ -42,35 +42,48 @@
<form id="post-form"> <form id="post-form">
<input type="hidden" id="post-id" value="{{ post_id if post_id else '' }}"> <input type="hidden" id="post-id" value="{{ post_id if post_id else '' }}">
<!-- Заголовок и поле Название вверху --> <!-- Заголовок и поле Название в одну строку -->
<div class="mb-3"> <div class="row mb-3">
<label for="shortname" class="form-label">Название</label> <div class="col-md-2">
<label for="shortname" class="form-label">Название:</label>
</div>
<div class="col-md-10">
<input type="text" class="form-control" id="shortname" maxlength="100"> <input type="text" class="form-control" id="shortname" maxlength="100">
<div class="form-text">Короткое имя поста (максимум 100 символов)</div> </div>
</div> </div>
<!-- Секция с площадкой слева и изображением справа --> <!-- Секция с площадкой слева и изображением справа -->
<div class="row mb-3"> <div class="row mb-3">
<div class="col-md-6"> <div class="col-md-6">
<div class="row">
<div class="col-md-3">
<label for="auto_unit" class="form-label">Площадка:</label> <label for="auto_unit" class="form-label">Площадка:</label>
</div>
<div class="col-md-9">
<select class="form-control" id="auto_unit"> <select class="form-control" id="auto_unit">
<option value="">Выберите площадку</option> <option value="">Выберите площадку</option>
</select> </select>
<div class="form-text">Выберите площадку из списка доступных</div>
</div> </div>
<div class="col-md-6 text-center"> </div>
</div>
<div class="col-md-6 text-end">
<div id="image-preview-container" style="display: none;"> <div id="image-preview-container" style="display: none;">
<img id="image-preview" class="preview-image img-thumbnail" style="max-width: 200px; max-height: 200px; object-fit: contain;"> <img id="image-preview" class="preview-image img-thumbnail" style="max-width: 200px; max-height: 200px; object-fit: contain;">
</div> </div>
</div> </div>
</div> </div>
<!-- VK ID --> <!-- VK ID слева от изображения -->
<div class="row mb-3"> <div class="row mb-3">
<div class="col-md-6"> <div class="col-md-6">
<div class="row">
<div class="col-md-3">
<label for="vk_post_id" class="form-label">VK ID:</label> <label for="vk_post_id" class="form-label">VK ID:</label>
</div>
<div class="col-md-9">
<input type="text" class="form-control" id="vk_post_id" required> <input type="text" class="form-control" id="vk_post_id" required>
<div class="form-text">Числовой идентификатор поста во ВКонтакте</div> </div>
</div>
</div> </div>
</div> </div>
@@ -266,6 +279,16 @@
} }
}); });
// Валидация поля названия
const shortnameInput = document.getElementById('shortname');
shortnameInput.addEventListener('input', () => {
const value = shortnameInput.value;
if (value.length > 100) {
alert('Название не может превышать 100 символов');
shortnameInput.value = value.substring(0, 100);
}
});
// Загрузка списка площадок // Загрузка списка площадок
loadVenues(); loadVenues();