erjemin/2026-etpgrf-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add: настройки типографа (02) добавлены описания-пояснения настроек типографа

Browse Source
This commit is contained in:
Sergei Erjemin
2025-12-31 16:51:32 +03:00
parent 5a2deec357
commit 4f81e85a6c
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
etpgrf_site/typograph/templates/typograph/index.html
View File

@@ -32,7 +32,7 @@
<option value="ru+en" data-desc="Основной русский, поддержка английских фраз. Вложенность кавычек учитывает оба языка.">Русский + Английский</option> <option value="ru+en" data-desc="Основной русский, поддержка английских фраз. Вложенность кавычек учитывает оба языка.">Русский + Английский</option>
<option value="en+ru" data-desc="Основной английский, поддержка русских фраз.">Английский + Русский</option> <option value="en+ru" data-desc="Основной английский, поддержка русских фраз.">Английский + Русский</option>
</select> </select>
<!-- Сюда JS будет писать описание --> <!-- Блок для описания языка -->
<div id="descLangs" class="form-text text-muted small mb-2" style="min-height: 2.5em;"></div> <div id="descLangs" class="form-text text-muted small mb-2" style="min-height: 2.5em;"></div>
<div class="form-check"> <div class="form-check">
@@ -55,6 +55,7 @@
<option value="unicode" data-desc="Компактно. Все символы в UTF-8 (включая неразрывный пробел U+00A0).">Юникод (Unicode)</option> <option value="unicode" data-desc="Компактно. Все символы в UTF-8 (включая неразрывный пробел U+00A0).">Юникод (Unicode)</option>
<option value="mnemonic" data-desc="Совместимость. Все спецсимволы заменяются на HTML-сущности (&amp;mdash;, &amp;copy;).">Мнемоники (&amp;nbsp;)</option> <option value="mnemonic" data-desc="Совместимость. Все спецсимволы заменяются на HTML-сущности (&amp;mdash;, &amp;copy;).">Мнемоники (&amp;nbsp;)</option>
</select> </select>
<!-- Блок для описания режима -->
<div id="descMode" class="form-text text-muted small mb-2" style="min-height: 2.5em;"></div> <div id="descMode" class="form-text text-muted small mb-2" style="min-height: 2.5em;"></div>
</div> </div>
@@ -97,21 +98,19 @@
</div> </div>
<script> <script>
// Простой скрипт для обновления описаний
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
function setupDynamicDescription(selectId, descId) { function setupDynamicDescription(selectId, descId) {
const select = document.getElementById(selectId); const select = document.getElementById(selectId);
const desc = document.getElementById(descId); const desc = document.getElementById(descId);
if (!select || !desc) return;
function update() { function update() {
const selectedOption = select.options[select.selectedIndex]; const selectedOption = select.options[select.selectedIndex];
// Берем текст из data-desc или пустую строку
desc.textContent = selectedOption.getAttribute('data-desc') || ''; desc.textContent = selectedOption.getAttribute('data-desc') || '';
} }
select.addEventListener('change', update); select.addEventListener('change', update);
// Вызываем один раз при загрузке, чтобы показать описание для дефолтного значения update(); // Инициализация при загрузке
update();
} }
setupDynamicDescription('selectLangs', 'descLangs'); setupDynamicDescription('selectLangs', 'descLangs');