From a45712198b4ca1366b75ff0d7c3b1a04a30d6393 Mon Sep 17 00:00:00 2001
From: "Roman Schmerold (BNoiZe)" <bnoize@froxlor.org>
Date: Wed, 11 Feb 2015 13:01:48 +0100
Subject: [PATCH] Update configfiles templates

Signed-off-by: Roman Schmerold (BNoiZe) <bnoize@froxlor.org>
---
 .../Sparkle/admin/configfiles/configfiles.tpl | 29 +++++++----------
 .../configfiles/configfiles_commands.tpl      |  2 +-
 .../admin/configfiles/configfiles_file.tpl    |  5 ++-
 templates/Sparkle/assets/css/main.css         | 31 ++++++++++++++++---
 templates/Sparkle/assets/js/main.js           | 14 +++++++++
 5 files changed, 58 insertions(+), 23 deletions(-)

diff --git a/templates/Sparkle/admin/configfiles/configfiles.tpl b/templates/Sparkle/admin/configfiles/configfiles.tpl
index 9d8cb0d2..01002cda 100644
--- a/templates/Sparkle/admin/configfiles/configfiles.tpl
+++ b/templates/Sparkle/admin/configfiles/configfiles.tpl
@@ -10,27 +10,22 @@ $header
 		</header>
 
 		<section>
-			<table class="full" id="howto">
-				<tr>
-					<th>{$lng['admin']['configfiles']['legend']}</th>
-					<th class="right">[close]</th>
-				</tr>
-				<tr>
-					<th>{$lng['admin']['configfiles']['commands']}</th>
-					<td><pre class="shell">
+			<div class="info">
+				<p>{$lng['admin']['configfiles']['legend']}</p><br />
+				<p>
+					{$lng['admin']['configfiles']['commands']}<br />
+					<pre class="shell">
 chmod u+x example-script.sh
-./example-script.sh</pre></td>
-				</tr>
-				<tr>
-					<th>{$lng['admin']['configfiles']['files']}</th>
-					<td>
-						<pre class="filecontent">Lorem ipsum dolor sit amet,
+./example-script.sh</pre>
+				</p><br />
+				<p>
+					{$lng['admin']['configfiles']['files']}<br />
+					<pre class="filecontent">Lorem ipsum dolor sit amet,
 consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
 ut labore et dolore magna aliquyam erat, sed diam voluptua.
 At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</pre>
-					</td>
-				</tr>
-			</table>
+				</p>
+			</div>
 		</section>
 
 		<section>
diff --git a/templates/Sparkle/admin/configfiles/configfiles_commands.tpl b/templates/Sparkle/admin/configfiles/configfiles_commands.tpl
index 20063a07..4c097388 100644
--- a/templates/Sparkle/admin/configfiles/configfiles_commands.tpl
+++ b/templates/Sparkle/admin/configfiles/configfiles_commands.tpl
@@ -1,3 +1,3 @@
-<div>
+<div class="pushbot">
 	<pre class="shell">{$commands}</pre>
 </div>
diff --git a/templates/Sparkle/admin/configfiles/configfiles_file.tpl b/templates/Sparkle/admin/configfiles/configfiles_file.tpl
index cdea0337..1e73c4c3 100644
--- a/templates/Sparkle/admin/configfiles/configfiles_file.tpl
+++ b/templates/Sparkle/admin/configfiles/configfiles_file.tpl
@@ -1,4 +1,7 @@
-<div>
+<div class="pushbot">
+	<fieldset class="file">
+		<legend>{$realname}</legend>
         <pre class="shell">&dollar;EDITOR {$realname}</pre>
         <pre class="filecontent">{$file_content}</pre>
+	</fieldset>
 </div>
diff --git a/templates/Sparkle/assets/css/main.css b/templates/Sparkle/assets/css/main.css
index 0f23a1a8..869adc8f 100644
--- a/templates/Sparkle/assets/css/main.css
+++ b/templates/Sparkle/assets/css/main.css
@@ -1454,13 +1454,36 @@ table thead th.tablesorter-headerDesc {
 	white-space: nowrap;
 }
 
+.pushbot {
+	margin-bottom: 20px;
+}
+
+.info {
+	border-radius: 3px;
+	border: 1px solid #d1d5d8;
+	padding: 10px;
+	margin-bottom: 20px;
+}
+
 .shell {
 	font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
 	color: #bbb;
 	background-color: #333;
-	border: 1px solid #000;
-	-moz-border-radius: 2px;
-	-webkit-border-radius: 2px;
-	border-radius: 2px; 
+	border: 1px solid #d1d5d8;
+	border-radius: 3px; 
+	padding: 10px;
+	margin-bottom: 20px;
+}
+
+fieldset.file {
+	border:1px solid #d1d5d8;
+	border-radius: 3px;
+	padding: 5px;
+}
+
+.filecontent {
+	font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
+	border: 1px solid #d1d5d8;
+	border-radius: 3px; 
 	padding: 10px;
 }
diff --git a/templates/Sparkle/assets/js/main.js b/templates/Sparkle/assets/js/main.js
index 4579c2be..050bf34f 100644
--- a/templates/Sparkle/assets/js/main.js
+++ b/templates/Sparkle/assets/js/main.js
@@ -62,6 +62,20 @@ $(document).ready(function() {
 			disabled: $(this).is(":checked")
 		}).focus();
 	});
+	// Enable autoselect in configfules
+	$(".shell, .filecontent").click(function() {
+		if (window.getSelection) {
+		selection = window.getSelection();
+			range = document.createRange();
+			range.selectNodeContents(this);
+			selection.removeAllRanges();
+			selection.addRange(range);
+		} else if (document.body.createTextRange) {
+			range = document.body.createTextRange();
+			range.moveToElementText(this);
+			range.select();
+		}
+	});
 	// Height of divs fix
 	var snheight = $('#sidenavigation').height();
 	var mainheight = $('#maincontent').height();