From eb81313380ff52982e312ea2f68d4b4c4cf65093 Mon Sep 17 00:00:00 2001
From: Christian Hofmaier
Date: Fri, 22 Sep 2017 18:03:56 +0200
Subject: [translation] fixed inconsistencies

---
 modules-available/translation/templates/edit.html | 145 ++++++++++++++++++----
 1 file changed, 122 insertions(+), 23 deletions(-)

(limited to 'modules-available/translation/templates/edit.html')

diff --git a/modules-available/translation/templates/edit.html b/modules-available/translation/templates/edit.html
index 082e2cb5..3c66aef6 100644
--- a/modules-available/translation/templates/edit.html
+++ b/modules-available/translation/templates/edit.html
@@ -1,21 +1,90 @@
-<div class="panel panel-default">
-	<div class="panel-heading">
-		{{module}} / {{section}}
+<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 stupidtable">
+		<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" value="{{translation}}" ondblclick="slxMb(this)" name="lang#!#{{tag}}" placeholder="{{placeholder}}">
+					{{/big}}
+					{{#big}}
+					<textarea rows="3" class="form-control" name="lang#!#{{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>
-	<div class="panel-body">
-		<p>{{lang_templateAdminHelp}}</p>
-		<div class="alert alert-info">
-			{{lang_templateHint}}
-		</div>
+</form>
+<br/>
+
+<!-- vorherige Version der "Tabelle" geregelt über Divisions
+
 		<form action="?do=Translation" method="post" class="slx-visible-rows">
 			<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}}">
-			<a class="btn btn-primary" href='?do=Translation' >{{lang_back}}</a>
-			<button class="btn btn-primary" type="button" onclick="slxAddTag()" >{{lang_createTag}}</button>
-			<button type="submit" class="btn btn-primary" name="update" value="true">{{lang_save}}</button>
 			<div class="row">
 				<div class="col-xs-4 col-sm-3">{{lang_tag}}</div>
 				<div class="col-xs-6 col-sm-4">{{lang_translation}} (<b>{{language}}</b>)</div>
@@ -26,7 +95,7 @@
 			<div class="row">
 				<div class="col-xs-4 col-sm-3">
 					{{#unused}}
-					<span class="label label-info">{{lang_unused}}</span>
+					<span class="label label-danger">{{lang_unused}}</span>
 					{{/unused}}
 					{{#missing}}
 					<span class="label label-warning">{{lang_missing}}</span>
@@ -53,23 +122,25 @@
 				</div>
 				<div class="col-xs-2 col-sm-2 col-lg-1">
 					<button type="button" class="btn btn-danger btn-xs" onclick="slxDelTag({{tagid}})" tabindex="-1">
-						<span class="glyphicon glyphicon-remove"></span>
+						<span class="glyphicon glyphicon-trash"></span>
 						<span class="hidden-xs">{{lang_delete}}</span>
 					</button>
 				</div>
 			</div>
 			{{/tags}}
 			<div id="newTag"></div>
-			<a class="btn btn-primary" href='?do=Translation' >{{lang_back}}</a>
-			<button class="btn btn-primary" type="button" onclick="slxAddTag()" >{{lang_createTag}}</button>
-			<button type="submit" class="btn btn-primary" name="update" value="true">{{lang_save}}</button>
+			<br/>
+			<div class="text-right">
+				<a class="btn btn-default" href='?do=Translation' >{{lang_back}}</a>
+				<button class="btn btn-success" type="button" onclick="slxAddTag()" >{{lang_createTag}}</button>
+				<button type="submit" class="btn btn-primary" name="update" value="true">{{lang_save}}</button>
+			</div>
 		</form>
-	</div>
-</div>
-<script type="text/javascript">
-	var slxNewTagCounter = 0;
-	function slxAddTag()
-	{
+
+
+
+
+Function:
 		$('#newTag').before(
 			'<div class="row" id="new-delete-' + slxNewTagCounter + '">' +
 			'	<div class="col-xs-4 col-sm-3">' +
@@ -79,14 +150,42 @@
 			'		<input type="text" class="form-control" name="new-text[' + slxNewTagCounter + ']">' +
 			'	</div>' +
 			'	<div class="hidden-xs col-sm-4">' +
-			'	</div>' + 
+			'	</div>' +
 			'	<div class="col-xs-2 col-sm-1">' +
 			'		<button type="button" class="btn btn-danger btn-xs" onclick="slxDelNew(' + slxNewTagCounter + ')" tabindex="-1"><span class="glyphicon glyphicon-remove"></span> {{lang_delete}}</button>' +
 			'	</div>' +
 			'</div>'
 		);
+
+
+
+-->
+
+<script type="text/javascript">
+	var slxNewTagCounter = 0;
+	function slxAddTag()
+	{
+		$('#moduleTable 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)
 	{
-- 
cgit v1.2.3-55-g7522