path: root/templates/translation/edit.html

<div class="container">
	<div class="panel panel-default">
		<div class="panel-heading">
			{{path}}
		</div>
		<div class="panel-body">
			<p>{{lang_templateAdminHelp}}</p>
			<div class="alert alert-info">
				{{lang_templateHint}}
			</div>
			<form action="?do=Translation" method="post">
				<input type="hidden" name="path" value="{{path}}">
				<input type="hidden" name="token" value="{{token}}">
				<a class="btn btn-primary" href='?do=Translation' >{{lang_back}}</a>
				<button class="btn btn-primary" type="button" onclick="addTag()" >{{lang_createTag}}</button>
				<button type="submit" class="btn btn-primary" name="update" value="true">{{lang_save}}</button>
				<table class="table table-hover">
					<thead>
						<tr>
							<th>Mustache Tag</th>
							{{#langs}}
							<th>{{name}}</th>
							{{/langs}}
							<th></th>
						</tr>
					</thead>
					<tbody>
						{{#tags}}
						<tr class="{{class}}" id="{{tag}}">
							<td>{{tag}}</td>
							{{#langs}}
							<td>
								{{^big}}
								<input type="text" class="form-control switchable" value="{{translation}}" ondblclick="mb(this)" name="lang#{{lang}}#{{tag}}">
								{{/big}}
								{{#big}}
								<textarea rows="3" class="form-control" name="lang#{{lang}}#{{tag}}">{{translation}}</textarea>
								{{/big}}
							</td>
							{{/langs}}
							<td>
								<button type="submit" class="btn btn-danger btn-xs" name="delete" value="{{tag}}"><span class="glyphicon glyphicon-remove"></span> {{lang_deleteTAG}}</button>
							</td>
						</tr>
						{{/tags}}
						<tr id="newTag">
						</tr>
					</tbody>
				</table>
				<a class="btn btn-primary" href='?do=Translation' >{{lang_back}}</a>
				<button class="btn btn-primary" type="button" onclick="addTag()" >{{lang_createTag}}</button>
				<button type="submit" class="btn btn-primary" name="update" value="true">{{lang_save}}</button>
			</form>
		</div>
	</div>
</div>
<script type="text/javascript">
	function addTag()
	{
		var target = document.getElementById('newTag');
		target.innerHTML = "<td> <input type='text' class='form-control' placeholder='{{lang_newTAG}}' name='newtag'> </td> <td style='width:250px;text-align:center;'> <input type='text' class='form-control' placeholder='{{lang_germanTAG}}' name='lang#de#newtag'> </td> <td style='width:250px;text-align:center;'> <input type='text' class='form-control' placeholder='{{lang_englishTAG}}' name='lang#en#newtag'> </td>	<td style='width:250px;text-align:center;'> <input type='text' class='form-control' placeholder='{{lang_portugueseTAG}}' name='lang#pt#newtag'> </td><td></td>";
	}
	
	function mb(el)
	{
		var old = $(el);
		var ta = $('<textarea name="' + el.name + '" class="form-control" rows="3"></textarea>');
		ta.val(old.val());
		old.replaceWith(ta);
	}
</script>