coderkun/questlab
1
0
Fork 0
Code Issues 15 Pull requests Projects Releases Wiki Activity

implement task editing for Questtype ?Textinput? (issue #36)

Browse source
This commit is contained in:
coderkun 2014-07-31 11:21:31 +02:00
commit 2d25784404
7 changed files with 449 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

105
questtypes/textinput/html/edittask.tpl Normal file
View file

@ -0,0 +1,105 @@
<?php if(!empty($validations)) : ?>
<ul>
<?php foreach($validations as $field => &$settings) : ?>
<li>
<ul>
<?php foreach($settings as $setting => $value) : ?>
<li>
<?php
switch($setting) {
case 'regex': echo _('Regex invalid');
break;
default: echo _('Regex invalid');
}
?>
</li>
<?php endforeach ?>
</ul>
</li>
<?php endforeach ?>
</ul>
<?php endif ?>
<form method="post">
<fieldset>
<legend><?=_('Text')?></legend>
<button id="add-field"><?=_('Add field')?></button><br />
<textarea id="text" name="text"><?=$text?></textarea>
</fieldset>
<fieldset>
<legend><?=_('Fields')?></legend>
<ul id="fields">
<?php foreach($fields as $index => &$field) : ?>
<li>
<select name="fields[<?=$index?>][size]">
<?php foreach($fieldSizes as &$size) : ?>
<option value="<?=$size['size']?>" <?php if($fields[$index]['size'] == $size['size']) : ?>selected="selected"<?php endif ?>><?=$size['size']?></option>
<?php endforeach ?>
</select>
<input type="text" name="fields[<?=$index?>][regex]" value="<?=$field['regex']?>" style="border:1px solid #<?=$field['color']?>" <?php if(!empty($validations) && array_key_exists($index, $validations)) : ?>class="invalid"<?php endif ?> />
</li>
<?php endforeach ?>
</ul>
</fieldset>
<input type="submit" name="preview" value="<?=_('Preview')?>" />
<input type="submit" name="save" value="<?=_('save')?>" />
</form>
<h2><?=_('Preview')?></h2>
<p>
<?php $posStart = 0; ?>
<?php foreach($fields as &$field) : ?>
<?php $posEnd = mb_strpos($text, '[textinput]', $posStart, 'UTF-8'); ?>
<?=$t->t(mb_substr($text, $posStart, $posEnd-$posStart, 'UTF-8'))?>
<input type="text" name="answers[]" value="<?=(array_key_exists('answer', $field)) ? $field['answer'] : ''?>" <?php if($field['size'] != 'default') : ?>class="<?=$field['size']?>"<?php endif ?> />
<?php $posStart = $posEnd + mb_strlen('[textinput]', 'UTF-8'); ?>
<?php endforeach ?>
<?=$t->t(mb_substr($text, $posStart, mb_strlen($text, 'UTF-8')-$posStart, 'UTF-8'))?>
</p>
<script>
var index = <?=count($fields)?>;
var selectElement = '<select name="fields[INDEX][size]">' +
<?php foreach($fieldSizes as &$size) : ?>
'<option value="<?=$size['size']?>"><?=$size['size']?></option>' +
<?php endforeach ?>
'</select>';
var inputElement = '<input type="text" name="fields[INDEX][regex]" />';
$("#add-field").click(function(event) {
event.preventDefault();
var caret = getCaret("text");
insertAtCaret("text", caret, "[textinput]");
updateFields();
});
$("#text").on('change keyup paste', function(event) {
updateFields();
});
function updateFields()
{
var newCount = $("#text").val().split("[textinput]").length - 1;
var oldCount = $("#fields li").length;
var caret = getCaret("text");
var pos = $("#text").val().substring(0, caret).split("[textinput]").length - 1;
if(newCount > oldCount)
{
// Add fields
for(var i=oldCount; i<newCount; i++)
{
index++;
var element = '<li>' + selectElement.replace('INDEX', index) + inputElement.replace('INDEX', index) + '</li>';
if($("#fields li").length > pos-1) {
$($("#fields li")[pos-1]).before(element);
}
else {
$($("#fields li")[pos-2]).after(element);
}
}
}
else if(newCount < oldCount)
{
// Remove fields
for(var i=oldCount; i>newCount; i--) {
$($("#fields li")[pos]).remove();
}
}
}
</script>