60 lines
2.9 KiB
PHP
60 lines
2.9 KiB
PHP
<div class="page-header">
|
|
<h2><?= t('Shrink Vertically') ?></h2>
|
|
</div>
|
|
|
|
<form method="post" action="<?= $this->url->href('ConfigController', 'save', array('plugin' => 'ShrinkVertically')) ?>" autocomplete="off">
|
|
<?= $this->form->csrf() ?>
|
|
|
|
<fieldset>
|
|
<?= $this->form->label(t('Vertical offset in pixels'), 'shrink_vertically_offset') ?>
|
|
<?= $this->form->number('shrink_vertically_offset', $values, $errors) ?>
|
|
<p class="form-help">
|
|
<?= t('Pixels reserved above and below the vertically collapsed board columns (page header, column header and the horizontal scrollbar). A larger value makes the columns shorter. Default: 240.') ?>
|
|
</p>
|
|
|
|
<?= $this->form->checkbox('shrink_vertically_auto', t('Auto adjust (fit columns to the screen automatically)'), 1, isset($values['shrink_vertically_auto']) && $values['shrink_vertically_auto'] == 1, '', array('id' => 'form-shrink_vertically_auto')) ?>
|
|
<p class="form-help">
|
|
<?= t('When enabled, the collapsed column height is measured live on the board to fit the screen, so the right-side vertical scrollbar is not needed. The pixel offset above is then ignored (shown dimmed).') ?>
|
|
</p>
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<?= $this->form->label(t('Top Horizontal Scrollbar thickness in pixels'), 'shrink_vertically_bar_size') ?>
|
|
<?= $this->form->number('shrink_vertically_bar_size', $values, $errors) ?>
|
|
<p class="form-help">
|
|
<?= t('Thickness of the top horizontal scrollbar. Default: 25.') ?>
|
|
</p>
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<?= $this->form->checkbox('shrink_vertically_top_scrollbar', t('Add a top horizontal scrollbar to the board'), 1, isset($values['shrink_vertically_top_scrollbar']) && $values['shrink_vertically_top_scrollbar'] == 1) ?>
|
|
<p class="form-help">
|
|
<?= t('Adds a second horizontal scrollbar above the columns, mirrored with the board scrollbar, so you do not have to scroll to the bottom to move sideways.') ?>
|
|
</p>
|
|
</fieldset>
|
|
|
|
<div class="form-actions">
|
|
<button type="submit" class="btn btn-blue"><?= t('Save') ?></button>
|
|
</div>
|
|
</form>
|
|
|
|
<script>
|
|
// Dim + disable the pixel-offset input while "Auto adjust" is checked (auto mode measures the height
|
|
// live on the board, so the manual offset is inactive). Disabled inputs are not submitted; the
|
|
// controller preserves the stored offset when it is absent, so the manual value is never lost.
|
|
(function () {
|
|
"use strict";
|
|
var auto = document.getElementById("form-shrink_vertically_auto");
|
|
var offset = document.getElementById("form-shrink_vertically_offset");
|
|
if (! auto || ! offset) {
|
|
return;
|
|
}
|
|
function sync() {
|
|
offset.disabled = auto.checked;
|
|
offset.style.opacity = auto.checked ? "0.4" : "";
|
|
}
|
|
auto.addEventListener("change", sync);
|
|
sync();
|
|
})();
|
|
</script>
|