Grigo/Button
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixes button

Browse Source
This commit is contained in:
grigo
2026-06-26 14:45:42 +03:00
parent 84a007f9d0
commit cdb731d837
33 changed files with 594 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webconfig/templates/index.html
+45 -29
View File
@@ -87,8 +87,10 @@
</div>
<div class="card">
<h2>Фон</h2>
<div class="grid-form">
<h2>Фон и обводка</h2>
<h3 class="subhead">Фон приложения</h3>
<div class="grid-form appearance-bg" id="bg-form">
<label>Тип
<select id="bg-type">
<option value="gradient" {% if config.background.type == 'gradient' %}selected{% endif %}>Градиент</option>
@@ -96,13 +98,17 @@
<option value="image" {% if config.background.type == 'image' %}selected{% endif %}>Картинка</option>
</select>
</label>
<label>Цвет 1 <input type="color" id="bg-c1" value="{{ config.background.color1 }}"></label>
<label>Цвет 2 <input type="color" id="bg-c2" value="{{ config.background.color2 }}"></label>
<label class="check">
<input type="checkbox" id="bg-animated" {% if config.background.animated %}checked{% endif %}>
Анимация
<label class="bg-solid-row bg-gradient-row">Основной цвет
<input type="color" id="bg-c1" value="{{ config.background.color1 }}">
</label>
<label>Картинка
<label class="bg-gradient-row">Второй цвет
<input type="color" id="bg-c2" value="{{ config.background.color2 }}">
</label>
<label class="check bg-gradient-row">
<input type="checkbox" id="bg-animated" {% if config.background.animated %}checked{% endif %}>
Анимация градиента
</label>
<label class="bg-image-row">Картинка
<select id="bg-image">
<option value="">— нет —</option>
{% for ic in icons %}
@@ -111,32 +117,41 @@
</select>
</label>
</div>
<div class="card-actions">
<div class="card-actions compact">
<button id="save-bg" class="primary">Сохранить фон</button>
</div>
</div>
<div class="card">
<h2>Обводка отклика</h2>
<hr class="section-divider">
<h3 class="subhead">Обводка при нажатии</h3>
<p class="hint">Цвет и ширина свечения вокруг кнопки при успехе и ошибке.</p>
<div class="grid-form">
<label>Цвет «ОК» <input type="color" id="fb-ok-color" value="{{ config.feedback.okColor }}"></label>
<label>Ширина «ОК»: <span id="fb-ok-width-val">{{ config.feedback.okWidth }}</span>
<input type="range" id="fb-ok-width" min="0" max="30" value="{{ config.feedback.okWidth }}">
</label>
<label>Цвет «Ошибка» <input type="color" id="fb-error-color" value="{{ config.feedback.errorColor }}"></label>
<label>Ширина «Ошибка»: <span id="fb-error-width-val">{{ config.feedback.errorWidth }}</span>
<input type="range" id="fb-error-width" min="0" max="30" value="{{ config.feedback.errorWidth }}">
</label>
<label>Радиус свечения: <span id="fb-glow-val">{{ config.feedback.glowRadius }}</span>
<input type="range" id="fb-glow" min="0" max="60" value="{{ config.feedback.glowRadius }}">
</label>
<div class="feedback-panel">
<div class="grid-form feedback-form">
<label>Цвет «ОК»
<input type="color" id="fb-ok-color" value="{{ config.feedback.okColor }}">
</label>
<label>Ширина «ОК»: <span id="fb-ok-width-val">{{ config.feedback.okWidth }}</span> px
<input type="range" id="fb-ok-width" min="0" max="30" value="{{ config.feedback.okWidth }}">
</label>
<label>Цвет «Ошибка»
<input type="color" id="fb-error-color" value="{{ config.feedback.errorColor }}">
</label>
<label>Ширина «Ошибка»: <span id="fb-error-width-val">{{ config.feedback.errorWidth }}</span> px
<input type="range" id="fb-error-width" min="0" max="30" value="{{ config.feedback.errorWidth }}">
</label>
<label class="span-2">Радиус свечения: <span id="fb-glow-val">{{ config.feedback.glowRadius }}</span> px
<input type="range" id="fb-glow" min="0" max="60" value="{{ config.feedback.glowRadius }}">
</label>
</div>
<div class="feedback-preview">
<div class="preview-label">Превью</div>
<div class="preview-row">
<div class="preview-dot" id="fb-preview-ok">OK</div>
<div class="preview-dot" id="fb-preview-error">ERR</div>
</div>
</div>
</div>
<div class="preview-row">
<div class="preview-dot" id="fb-preview-ok">OK</div>
<div class="preview-dot" id="fb-preview-error">ERR</div>
</div>
<div class="card-actions">
<div class="card-actions compact">
<button id="save-feedback" class="primary">Сохранить обводку</button>
</div>
</div>
@@ -354,6 +369,7 @@
<label>URL <input type="text" id="b-url" required></label>
<label>Текст успеха <input type="text" id="b-success"></label>
<label>Текст ошибки <input type="text" id="b-error" value="Ошибка"></label>
<label>Текст ожидания <input type="text" id="b-pending" value="..."></label>
<label>Цвет кнопки <input type="color" id="b-color" value="#7b007b"></label>
<label>Срабатывание
<select id="b-trigger-mode">