path: root/modules-available/translation/templates/edit.html

<h1>{{lang_translationHeading}}: {{module}} / {{section}}</h1>

<div class="alert alert-info">
	{{lang_templateHint}}
</div>

<form  action="?do=Translation" method="post" class="slx-visible-rows">
	<table id="moduleTable" class="table table-condensed table-hover">
		<thead>
			<tr>
				<th>{{lang_tag}}</th>
				<th>{{lang_translation}} (<b>{{language}}</b>)</th>
				<th class="hidden-xs">{{lang_sample}}</th>
				<th style="text-align: center;">{{lang_clear}}</th>
			</tr>
		</thead>
		<tbody>
		{{#tags}}
			<tr>
				<td class="col-sm-3">
					<div>
						{{#unused}}
						<span class="label label-danger">{{lang_unused}}</span>
						{{/unused}}
						{{#missing}}
						<span class="label label-warning">{{lang_missing}}</span>
						{{/missing}}
						{{#isglobal}}
						<span class="label label-success" title="{{lang_globalTooltip}}">{{lang_global}}</span>
						{{/isglobal}}
						{{tag}}
						<div class="slx-notebox">{{{notes}}}</div>
					</div>
				</td>

				<td class="col-sm-4" id="tagid-{{tagid}}">
					{{^big}}
					<input type="text" class="form-control switchable {{#missing}}txt-empty{{/missing}}" value="{{translation}}" ondblclick="slxMb(this)" name="langtag[{{tag}}]" placeholder="{{placeholder}}">
					{{/big}}
					{{#big}}
					<textarea rows="3" class="form-control {{#missing}}txt-empty{{/missing}}" name="langtag[{{tag}}]" placeholder="{{placeholder}}">{{translation}}</textarea>
					{{/big}}
				</td>

				<td class="hidden-xs col-sm-4">
					<div class="badge">{{samplelang}}</div>
					{{sampletext}}
				</td>

				<td class="col-sm-1" style="text-align:center; vertical-align: middle;">
					<button type="button" class="btn btn-danger btn-xs" onclick="slxDelTag({{tagid}})" tabindex="-1">
						<span class="glyphicon glyphicon-remove"></span>
					</button>
				</td>
			</tr>
		{{/tags}}
		</tbody>
	</table>


	<input type="hidden" name="module" value="{{module}}">
	<input type="hidden" name="destlang" value="{{destlang}}">
	<input type="hidden" name="section" value="{{section}}">
	<input type="hidden" name="subsection" value="{{subsection}}">
	<input type="hidden" name="token" value="{{token}}">
	<div class="text-right">
		<a class="btn btn-default" href='?do=Translation' >{{lang_back}}</a>
		<button type="submit" class="btn btn-primary" name="update" value="true">
			<span class="glyphicon glyphicon-floppy-disk"></span>
			{{lang_save}}
		</button>
		<button class="btn btn-success" type="button" onclick="slxAddTag()" >
			<span class="glyphicon glyphicon-plus"></span>
			{{lang_createTag}}
		</button>
	</div>
</form>
<br/>

<script type="text/javascript">
	var slxNewTagCounter = 0;
	function slxAddTag()
	{
		$('#moduleTable').find('tr:last').after(
			'<tr id="new-delete-' + slxNewTagCounter + '">' +
			'	<td class="col-sm-3">' +
			'		<input type="text" name="new-id[' + slxNewTagCounter + ']" class="form-control">' +
			'	</td>' +
			'	<td class="col-sm-4">' +
			'		<input type="text" class="form-control" name="new-text[' + slxNewTagCounter + ']">' +
			'	</td>' +
			'	<td class="hidden-xs col-sm-4"></td>' +
			'	<td class="col-sm-1" style="text-align:center; vertical-align: middle;">' +
			'		<button type="button" class="btn btn-danger btn-xs" onclick="slxDelNew(' + slxNewTagCounter + ')" tabindex="-1">' +
			'			<span class="glyphicon glyphicon-remove"></span> ' +
			'		</button>' +
			'	</td>' +
			'</tr>'
		);

		slxNewTagCounter++;

	}

	
	function slxDelNew(id)
	{
		$('#new-delete-' + id).remove();
	}
	
	function slxDelTag(id)
	{
		$('#tagid-' + id).text('-');
	}
	
	function slxMb(el)
	{
		var old = $(el);
		var ta = $('<textarea name="' + el.name + '" class="form-control" rows="3"></textarea>');
		ta.val(old.val());
		old.replaceWith(ta);
	}

	document.addEventListener('DOMContentLoaded', function () {
		$('.txt-empty').first().focus();
	});

</script>