minor fixess
This commit is contained in:
@@ -80,6 +80,9 @@
|
||||
<input type="checkbox" id="layout-show-labels" {% if config.layout.showLabels %}checked{% endif %}>
|
||||
Показывать подписи
|
||||
</label>
|
||||
<label>Цвет подписей
|
||||
<input type="color" id="layout-label-color" value="{{ config.layout.labelColor|default('#ffffff', true) }}">
|
||||
</label>
|
||||
</div>
|
||||
<div class="card-actions">
|
||||
<button id="save-layout" class="primary">Сохранить расположение</button>
|
||||
@@ -124,32 +127,85 @@
|
||||
<hr class="section-divider">
|
||||
|
||||
<h3 class="subhead">Обводка при нажатии</h3>
|
||||
<p class="hint">Цвет и ширина свечения вокруг кнопки при успехе и ошибке.</p>
|
||||
<p class="hint">Цвет и ширина свечения вокруг кнопки при успехе, ошибке, удержании и ожидании ответа.</p>
|
||||
<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
|
||||
|
||||
<div class="feedback-section">
|
||||
<h4 class="feedback-section-title">Общее</h4>
|
||||
<label class="label-range">
|
||||
<span class="label-caption">Радиус свечения: <span id="fb-glow-val">{{ config.feedback.glowRadius }}</span> px</span>
|
||||
<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 class="feedback-section">
|
||||
<h4 class="feedback-section-title">Успех</h4>
|
||||
<div class="feedback-section-grid">
|
||||
<div class="grid-form feedback-section-form">
|
||||
<label>Цвет
|
||||
<input type="color" id="fb-ok-color" value="{{ config.feedback.okColor }}">
|
||||
</label>
|
||||
<label class="label-range">
|
||||
<span class="label-caption">Ширина: <span id="fb-ok-width-val">{{ config.feedback.okWidth }}</span> px</span>
|
||||
<input type="range" id="fb-ok-width" min="0" max="30" value="{{ config.feedback.okWidth }}">
|
||||
</label>
|
||||
</div>
|
||||
<div class="feedback-section-preview">
|
||||
<div class="preview-dot" id="fb-preview-ok">OK</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="feedback-section">
|
||||
<h4 class="feedback-section-title">Ошибка</h4>
|
||||
<div class="feedback-section-grid">
|
||||
<div class="grid-form feedback-section-form">
|
||||
<label>Цвет
|
||||
<input type="color" id="fb-error-color" value="{{ config.feedback.errorColor }}">
|
||||
</label>
|
||||
<label class="label-range">
|
||||
<span class="label-caption">Ширина: <span id="fb-error-width-val">{{ config.feedback.errorWidth }}</span> px</span>
|
||||
<input type="range" id="fb-error-width" min="0" max="30" value="{{ config.feedback.errorWidth }}">
|
||||
</label>
|
||||
</div>
|
||||
<div class="feedback-section-preview">
|
||||
<div class="preview-dot" id="fb-preview-error">ERR</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="feedback-section">
|
||||
<h4 class="feedback-section-title">Удержание</h4>
|
||||
<div class="feedback-section-grid">
|
||||
<div class="grid-form feedback-section-form">
|
||||
<label>Цвет кольца прогресса
|
||||
<input type="color" id="fb-hold-color" value="{{ config.feedback.holdColor|default('#ffffff', true) }}">
|
||||
</label>
|
||||
</div>
|
||||
<div class="feedback-section-preview">
|
||||
<div class="preview-dot" id="fb-preview-hold">HOLD</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="feedback-section">
|
||||
<h4 class="feedback-section-title">Ожидание</h4>
|
||||
<div class="feedback-section-grid">
|
||||
<div class="grid-form feedback-section-form">
|
||||
<label>Цвет
|
||||
<input type="color" id="fb-pending-color" value="{{ config.feedback.pendingColor|default('#ffffff', true) }}">
|
||||
</label>
|
||||
<label class="label-range">
|
||||
<span class="label-caption">Ширина: <span id="fb-pending-width-val">{{ config.feedback.pendingWidth|default(6, true) }}</span> px</span>
|
||||
<input type="range" id="fb-pending-width" min="0" max="30" value="{{ config.feedback.pendingWidth|default(6, true) }}">
|
||||
</label>
|
||||
</div>
|
||||
<div class="feedback-section-preview">
|
||||
<div class="preview-dot" id="fb-preview-pending">…</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="card-actions compact">
|
||||
<button id="save-feedback" class="primary">Сохранить обводку</button>
|
||||
@@ -340,7 +396,7 @@
|
||||
<label>Новый пароль
|
||||
<input type="password" id="new-password" placeholder="Оставьте пустым чтобы не менять">
|
||||
</label>
|
||||
<button id="save-password" class="primary">Сохранить пароль</button>
|
||||
<button type="button" id="save-password" class="primary">Сохранить пароль</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user