Skip to content
Snippets Groups Projects
Commit d0296fb9 authored by Elmar Ludwig's avatar Elmar Ludwig
Browse files

make flexible_input keyboard accessible, fixes #135

parent 5a667461
Branches
Tags
No related merge requests found
......@@ -505,7 +505,7 @@ button.vips_file_upload:hover {
display: none;
}
.size_toggle .textarea_toggle {
.size_toggle input.textarea_toggle {
cursor: pointer;
vertical-align: top;
}
......
......@@ -8,7 +8,7 @@
<div class="dynamic_row mc_row">
<label class="dynamic_counter size_toggle size_<?= $size ?> undecorated">
<?= $this->render_partial('exercises/flexible_input', ['name' => "answer[$i]", 'value' => $answer['text'], 'size' => $size, 'toggle' => true]) ?>
<?= $this->render_partial('exercises/flexible_input', ['name' => "answer[$i]", 'value' => $answer['text'], 'size' => $size]) ?>
</label>
<label class="undecorated" style="padding: 1ex;">
......@@ -24,7 +24,7 @@
<div class="dynamic_row mc_row template">
<label class="dynamic_counter size_toggle size_small undecorated">
<?= $this->render_partial('exercises/flexible_input', ['data_name' => 'answer', 'size' => 'small', 'toggle' => true]) ?>
<?= $this->render_partial('exercises/flexible_input', ['data_name' => 'answer', 'size' => 'small']) ?>
</label>
<label class="undecorated" style="padding: 1ex;">
......
......@@ -37,7 +37,7 @@
<div class="dynamic_row mc_row">
<label class="dynamic_counter size_toggle size_<?= $size ?> undecorated">
<?= $this->render_partial('exercises/flexible_input', ['name' => "answer[$i]", 'value' => $answer['text'], 'size' => $size, 'toggle' => true]) ?>
<?= $this->render_partial('exercises/flexible_input', ['name' => "answer[$i]", 'value' => $answer['text'], 'size' => $size]) ?>
</label>
<span class="choice_select dynamic_list">
......@@ -62,7 +62,7 @@
<div class="dynamic_row mc_row template">
<label class="dynamic_counter size_toggle size_small undecorated">
<?= $this->render_partial('exercises/flexible_input', ['data_name' => 'answer', 'size' => 'small', 'toggle' => true]) ?>
<?= $this->render_partial('exercises/flexible_input', ['data_name' => 'answer', 'size' => 'small']) ?>
</label>
<span class="choice_select dynamic_list">
......
......@@ -21,7 +21,7 @@
<tr class="dynamic_row">
<td class="size_toggle size_<?= $size ?>">
<?= $this->render_partial('exercises/flexible_input', ['name' => "default[$i]", 'value' => $group, 'size' => $size, 'toggle' => true]) ?>
<?= $this->render_partial('exercises/flexible_input', ['name' => "default[$i]", 'value' => $group, 'size' => $size]) ?>
<a href="#" class="delete_dynamic_row">
<?= Icon::create('trash', 'clickable', ['title' => _vips('Zuordnung Löschen')]) ?>
......@@ -33,7 +33,7 @@
<? $size = substr_count($answer['text'], "\n") == 0 ? 'small' : 'large' ?>
<div class="dynamic_row size_toggle size_<?= $size ?>">
<?= $this->render_partial('exercises/flexible_input', ['name' => "answer[$i][$j]", 'value' => $answer['text'], 'size' => $size, 'toggle' => true]) ?>
<?= $this->render_partial('exercises/flexible_input', ['name' => "answer[$i][$j]", 'value' => $answer['text'], 'size' => $size]) ?>
<input type="hidden" name="id[<?= $i ?>][<?= $j ?>]" value="<?= $answer['id'] ?>">
<a href="#" class="delete_dynamic_row">
......@@ -44,7 +44,7 @@
<? endforeach ?>
<div class="dynamic_row size_toggle size_small template">
<?= $this->render_partial('exercises/flexible_input', ['data_name' => "answer[$i]", 'size' => 'small', 'toggle' => true]) ?>
<?= $this->render_partial('exercises/flexible_input', ['data_name' => "answer[$i]", 'size' => 'small']) ?>
<input type="hidden" data-name="id[<?= $i ?>]">
<a href="#" class="delete_dynamic_row">
......@@ -59,7 +59,7 @@
<tr class="dynamic_row template">
<td class="size_toggle size_small">
<?= $this->render_partial('exercises/flexible_input', ['data_name' => 'default', 'size' => 'small', 'toggle' => true]) ?>
<?= $this->render_partial('exercises/flexible_input', ['data_name' => 'default', 'size' => 'small']) ?>
<a href="#" class="delete_dynamic_row">
<?= Icon::create('trash', 'clickable', ['title' => _vips('Zuordnung Löschen')]) ?>
......@@ -67,7 +67,7 @@
</td>
<td class="dynamic_list">
<div class="dynamic_row size_toggle size_small template">
<?= $this->render_partial('exercises/flexible_input', ['data_name' => ':answer', 'size' => 'small', 'toggle' => true]) ?>
<?= $this->render_partial('exercises/flexible_input', ['data_name' => ':answer', 'size' => 'small']) ?>
<input type="hidden" data-name=":id">
<a href="#" class="delete_dynamic_row">
......@@ -99,7 +99,7 @@
<div class="dynamic_row mc_row">
<label class="dynamic_counter size_toggle size_<?= $size ?> undecorated">
<?= $this->render_partial('exercises/flexible_input', ['name' => '_answer[]', 'value' => $answer['text'], 'size' => $size, 'toggle' => true]) ?>
<?= $this->render_partial('exercises/flexible_input', ['name' => '_answer[]', 'value' => $answer['text'], 'size' => $size]) ?>
<input type="hidden" name="_id[]" value="<?= $answer['id'] ?>">
</label>
......@@ -112,7 +112,7 @@
<div class="dynamic_row mc_row template">
<label class="dynamic_counter size_toggle size_small undecorated">
<?= $this->render_partial('exercises/flexible_input', ['name' => '_answer[]', 'size' => 'small', 'toggle' => true]) ?>
<?= $this->render_partial('exercises/flexible_input', ['name' => '_answer[]', 'size' => 'small']) ?>
<input type="hidden" name="_id[]">
</label>
......
......@@ -20,7 +20,7 @@
<div class="dynamic_row mc_row">
<label class="dynamic_counter size_toggle size_<?= $size ?> undecorated">
<?= $this->render_partial('exercises/flexible_input', ['name' => "answer[$j][$i]", 'value' => $answer['text'], 'size' => $size, 'toggle' => true]) ?>
<?= $this->render_partial('exercises/flexible_input', ['name' => "answer[$j][$i]", 'value' => $answer['text'], 'size' => $size]) ?>
</label>
<label class="undecorated" style="padding: 1ex;">
......@@ -36,7 +36,7 @@
<div class="dynamic_row mc_row template">
<label class="dynamic_counter size_toggle size_small undecorated">
<?= $this->render_partial('exercises/flexible_input', ['data_name' => "answer[$j]", 'size' => 'small', 'toggle' => true]) ?>
<?= $this->render_partial('exercises/flexible_input', ['data_name' => "answer[$j]", 'size' => 'small']) ?>
</label>
<label class="undecorated" style="padding: 1ex;">
......@@ -62,7 +62,7 @@
<div class="dynamic_row mc_row template">
<label class="dynamic_counter size_toggle size_small undecorated">
<?= $this->render_partial('exercises/flexible_input', ['data_name' => ':answer', 'size' => 'small', 'toggle' => true]) ?>
<?= $this->render_partial('exercises/flexible_input', ['data_name' => ':answer', 'size' => 'small']) ?>
</label>
<label class="undecorated" style="padding: 1ex;">
......
......@@ -12,7 +12,5 @@
><?= wysiwygReady($value) ?></textarea>
</div>
</div>
<? if ($toggle): ?>
<?= Assets::img(vips_image_url('expand.svg'), ['title' => _vips('Eingabefeld vergrößern'), 'class' => 'textarea_toggle small_input']) ?>
<?= Assets::img(vips_image_url('collapse.svg'), ['title' => _vips('Eingabefeld verkleinern'), 'class' => 'textarea_toggle large_input']) ?>
<? endif ?>
<input type="image" class="textarea_toggle small_input" src="<?= vips_image_url('expand.svg') ?>" title="<?= _vips('Eingabefeld vergrößern') ?>">
<input type="image" class="textarea_toggle large_input" src="<?= vips_image_url('collapse.svg') ?>" title="<?= _vips('Eingabefeld verkleinern') ?>">
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment