From 5fb416fc26fdbf6d8f7141039f95aba3d3ef681d Mon Sep 17 00:00:00 2001
From: Nils Adermann <naderman@naderman.de>
Date: Sat, 20 May 2006 23:56:12 +0000
Subject: - added a theme editor - some adjustments in acp_styles.php - fixed
 storing themes in db (needs revisiting)

git-svn-id: file:///svn/phpbb/trunk@5953 89ea8834-ac86-4346-8a33-228a782c2dd0
---
 phpBB/adm/style/acp_styles.html | 216 +++++++++++++++++++++++++++++++++++++---
 1 file changed, 202 insertions(+), 14 deletions(-)

(limited to 'phpBB/adm')

diff --git a/phpBB/adm/style/acp_styles.html b/phpBB/adm/style/acp_styles.html
index a162109e09..2388a4e1e0 100644
--- a/phpBB/adm/style/acp_styles.html
+++ b/phpBB/adm/style/acp_styles.html
@@ -11,7 +11,7 @@
 	<p>{L_EXPLAIN}</p>
 
 	<form id="acp_styles" method="post" action="{U_ACTION}">
-	
+
 	<fieldset>
 		<legend>{L_TITLE}</legend>
 	<dl>
@@ -108,7 +108,35 @@
 			</table></td>
 		</tr>
 	</table></form>
-<!-- ELSEIF S_EDIT_TEMPLATE -->
+<!-- ELSEIF S_EDIT_TEMPLATE or S_EDIT_THEME -->
+	<script language="javascript" type="text/javascript" defer="defer">
+	<!--
+
+	function append_text_rows(form_name, value)
+	{
+		url = document.getElementById(form_name).action;
+		var_start = url.indexOf('&text_rows=');
+		if (var_start == -1)
+		{
+			document.getElementById(form_name).action = url + "&text_rows=" + value;
+		}
+		else
+		{
+			url_start = url.substring(0, var_start + 1);
+			var_end = url.substring(var_start + 1).indexOf('&');
+			if (var_end == -1)
+			{
+				document.getElementById(form_name).action = url_start + "text_rows=" + value;
+			}
+			else
+			{
+				document.getElementById(form_name).action = url_start + url.substring(var_end + var_start + 2) + "&text_rows=" + value;
+			}
+		}
+	}
+	//-->
+	</script>
+<!-- IF S_EDIT_TEMPLATE -->
 
 	<a href="{U_BACK}" style="float: right">&laquo; {L_BACK}</a>
 
@@ -116,13 +144,15 @@
 
 	<p>{L_EDIT_TEMPLATE_EXPLAIN}</p>
 
+	<p>{L_SELECTED_TEMPLATE}: <b>{SELECTED_TEMPLATE}</b></p>
+
 	<form id="acp_styles" method="post" action="{U_ACTION}">
 
 	<fieldset>
 		<legend>{L_SELECT_TEMPLATE}</legend>
 		<dl>
-			<dt><label for="template_file">{L_TEMPLATE_FILE}: </label></dt>
-			<dd><select id="template_file" name="template_file" onchange="if (this.options[this.selectedIndex].value != '') this.form.submit();">{S_TEMPLATES}</select>&nbsp; <input class="btnlite" type="submit" value="{L_SELECT}" /></dd>
+			<dt><label for="template_file">{L_TEMPLATE_FILE}:</label></dt>
+			<dd><select id="template_file" name="template_file" onchange="if (this.options[this.selectedIndex].value != '') this.form.submit();">{S_TEMPLATES}</select> <input class="btnlite" type="submit" value="{L_SELECT}" /></dd>
 		</dl>
 	</fieldset>
 
@@ -171,24 +201,179 @@
 	<fieldset>
 		<legend>{L_TEMPLATE_EDITOR}</legend>
 		<dl>
-			<dt><label>{L_SELECTED_TEMPLATE}: </label></dt>
+			<dt><label>{L_SELECTED_TEMPLATE_FILE}:</label></dt>
 			<dd>{TEMPLATE_FILE}</dd>
 		</dl>
 		<dl>
-			<dt><label for="text_rows">{L_TEMPLATE_EDITOR_HEIGHT}</label></dt>
+			<dt><label for="text_rows">{L_TEMPLATE_EDITOR_HEIGHT}:</label></dt>
 			<dd><input id="text_rows" type="text" maxlength="3" value="{TEXT_ROWS}" /> <input class="btnlite" type="button" name="update" onclick="change_editor_height(this.form.text_rows.value);" value="{L_UPDATE}" /></dd>
 		</dl>
-		<textarea id="template_data" style="font-family:'Courier New', monospace;font-size:9pt;line-height:125%;width:100%;" cols="80" rows="{TEXT_ROWS}" name="template_data">{TEMPLATE_DATA}</textarea>
+		<textarea id="template_data" name="template_data" style="font-family:'Courier New', monospace;font-size:9pt;line-height:125%;width:100%;" cols="80" rows="{TEXT_ROWS}">{TEMPLATE_DATA}</textarea>
 	</fieldset>
 
-	<fieldset class="quick">
+	<fieldset class="submit-buttons">
+		{S_HIDDEN_FIELDS}
+		<input class="button1" id="save" type="submit" name="save" value="{L_SUBMIT}" />
+	</fieldset>
+
+
+	</form>
+	<!-- ENDIF -->
+
+<!-- ELSEIF S_EDIT_THEME -->
+
+	<script language="javascript" type="text/javascript">
+	<!--
+
+	function swatch(field)
+	{
+		window.open('{UA_SWATCH}' + field, '_swatch', 'HEIGHT=115,resizable=yes,scrollbars=no,WIDTH=636');
+		return false;
+	}
+
+	function change_editor_height(height)
+	{
+		editor = document.getElementById('css_data');
+		editor.rows = Math.max(5, Math.min(height, 999));
+
+		append_text_rows('acp_styles', height);
+		append_text_rows('acp_theme', height);
+		append_text_rows('acp_custom_class', height);
+	}
+
+	//-->
+	</script>
+
+	<h1>{L_EDIT_THEME}</h1>
+
+	<p>{L_EDIT_THEME_EXPLAIN}</p>
+
+	<p>{L_SELECTED_THEME}: <b>{SELECTED_THEME}</b></p>
+
+	<!-- IF S_SHOWCSS -->
+	<h3>{L_SHOW_RAW_CSS_NOTE}</h3>
+	<p>{L_SHOW_RAW_CSS_EXPLAIN}</p>
+	<!-- ENDIF -->
+
+	<form id="acp_styles" method="post" action="{U_ACTION}">
+	<fieldset>
+		<legend>{L_SELECT_CLASS}</legend>
+		<dl>
+			<dt><label for="css_class">{L_SELECT_CLASS}:</label></dt>
+			<dd><select id="css_class" name="css_class" onchange="if (this.options[this.selectedIndex].value != '') this.form.submit();">{S_CLASSES}</select> <input class="btnlite" type="submit" id="select_class" name="select_class" value="{L_SELECT}" /></dd>
+		</dl>
+		<!-- IF S_CLASS -->
+		<dl>
+			<dt><label>{L_SELECTED_CLASS}:</label></dt>
+			<dd>{S_CLASS}</dd>
+		</dl>
+		<!-- ENDIF -->
+	</fieldset>
+	</form>
+
+	<!-- IF S_CLASS -->
+
+	<form id="acp_theme" method="post" action="{U_ACTION}">
+
+	<!-- IF S_SHOWCSS -->
+
+	<fieldset>
+		<legend>{L_THEME_EDITOR}</legend>
+		<dl>
+			<dt><label for="text_rows">{L_THEME_EDITOR_HEIGHT}:</label></dt>
+			<dd><input id="text_rows" type="text" maxlength="3" value="{TEXT_ROWS}" /> <input class="btnlite" type="button" name="update" onclick="change_editor_height(this.form.text_rows.value);" value="{L_UPDATE}" /></dd>
+		</dl>
+		<textarea id="css_data" name="css_data" style="font-family:'Courier New', monospace;font-size:9pt;line-height:125%;width:100%;" cols="80" rows="{TEXT_ROWS}">{CSS_DATA}</textarea>
+	</fieldset>
+
+	<!-- ELSE -->
+
+	<fieldset>
+		<legend>{L_BACKGROUND}</legend>
+		<dl>
+			<dt><label for="background_color">{L_BACKGROUND_COLOUR}:</label><br /><span>{L_CSS_COLOUR_EXPLAIN}</span></dt>
+			<dd><input id="background_color" name="background_color" type="text" value="{BACKGROUND_COLOR}" size="6" maxlength="6" />&nbsp;&nbsp;<span>[ <a href="#" onclick="swatch('background_color'); return false">{L_COLOUR_SWATCH}</a> ]</span></dd>
+		</dl>
+		<dl>
+			<dt><label for="backround_image">{L_BACKGROUND_IMAGE}:</label></td>
+			<dd><select id="background_image" name="background_image">{S_BACKGROUND_IMAGE}</select></dd>
+		</dl>
+		<dl>
+			<dt><label for="background_repeat">{L_BACKGROUND_REPEAT}:</label></dt>
+			<dd><select id="background_repeat" name="background_repeat">{S_BACKGROUND_REPEAT}</select></dd>
+		</dl>
+	</fieldset>
+
+	<fieldset>
+		<legend>{L_FOREGROUND}</legend>
+		<dl>
+			<dt><label for="font_color">{L_FONT_COLOUR}:</label><br /><span>{L_CSS_COLOUR_EXPLAIN}</span></dt>
+			<dd><input id="font_color" name="font_color" type="text" value="{FONT_COLOR}" size="6" maxlength="6" />&nbsp;&nbsp;<span>[ <a href="#" onclick="swatch('font_color'); return false">{L_COLOUR_SWATCH}</a> ]</span></dd>
+		</dl>
+		<dl>
+			<dt><label for="font_family">{L_FONT_FACE}:</label><br /><span>{L_FONT_FACE_EXPLAIN}</span></dt>
+			<dd><input id="font_family" name="font_family" type="text" value="{FONT_FAMILY}" size="40" maxlength="255" /></dd>
+		</dl>
+		<dl>
+			<dt><label for="font_size">{L_FONT_SIZE}:</label></dt>
+			<dd><input id="font_size" name="font_size" type="text" value="{FONT_SIZE}" size="3" maxlength="3" /> <select id="font_size_unit" name="font_size_unit">{S_FONT_SIZE_UNITS}</select></dd>
+		</dl>
+		<dl>
+			<dt><label for="font_weight">{L_BOLD}:</label></dt>
+			<dd><input id="font_weight" type="radio" name="font_weight" value="bold"<!-- IF FONT_WEIGHT eq "bold" --> checked="checked"<!-- ENDIF --> /> {L_YES} &nbsp; <input type="radio" name="font_weight" value="normal"<!-- IF FONT_WEIGHT eq "normal" --> checked="checked"<!-- ENDIF --> /> {L_NO} &nbsp; <input type="radio" name="font_weight" value=""<!-- IF not FONT_WEIGHT --> checked="checked"<!-- ENDIF --> /> {L_UNSET}</dd>
+		</dl>
+		<dl>
+			<dt><label for="font_style">{L_ITALIC}:</label></dt>
+			<dd><input id="font_style" type="radio" name="font_style" value="italic"<!-- IF FONT_STYLE eq "italic" --> checked="checked"<!-- ENDIF --> /> {L_YES} &nbsp; <input type="radio" name="font_style" value="normal"<!-- IF FONT_STYLE eq "normal" --> checked="checked"<!-- ENDIF --> /> {L_NO} &nbsp; <input type="radio" name="font_style" value=""<!-- IF not FONT_STYLE --> checked="checked"<!-- ENDIF --> /> {L_UNSET}</dd>
+		</dl>
+		<dl>
+			<dt><label for="text_decoration">{L_UNDERLINE}:</label></dt>
+			<dd><input id="text_decoration" type="radio" name="text_decoration" value="underline"<!-- IF TEXT_DECORATION eq "underline" --> checked="checked"<!-- ENDIF --> /> {L_YES} &nbsp; <input type="radio" name="text_decoration" value="normal"<!-- IF TEXT_DECORATION eq "normal" --> checked="checked"<!-- ENDIF --> /> {L_NO} &nbsp; <input type="radio" name="text_decoration" value=""<!-- IF not TEXT_DECORATION --> checked="checked"<!-- ENDIF --> /> {L_UNSET}</dd>
+		</dl>
+		<dl>
+			<dt><label for="line_height">{L_LINE_SPACING}</label></dt>
+			<dd><input id="line_height" name="line_height" type="text" value="{LINE_HEIGHT}" size="3" maxlength="3" /> <select id="line_height_unit" name="line_height_unit">{S_LINE_HEIGHT_UNITS}</select></dd>
+		</dl>
+	</fieldset>
+
+	<!-- ENDIF -->
+
+	<fieldset class="submit-buttons">
 		{S_HIDDEN_FIELDS}
-		<input class="button1" type="submit" name="save" value="{L_SUBMIT}" />
+		<input class="button1" type="submit" id="submit" name="submit" value="{L_SUBMIT}" />&nbsp;
+		<!-- IF S_SHOWCSS -->
+		<input class="button2" type="submit" id="hidecss" name="hidecss" value="{L_HIDE_CSS}" />&nbsp;
+		<!-- ELSE -->
+		<input class="button2" type="submit" id="showcss" name="showcss" value="{L_SHOW_CSS}" />&nbsp;
+		<!-- ENDIF -->
+		<input class="button2" type="reset" id="reset" name="reset" value="{L_RESET}" />
 	</fieldset>
 
 	</form>
+
 	<!-- ENDIF -->
 
+	<br />
+	<h1>{L_CUSTOM_CLASS}</h1>
+
+	<p>{L_CUSTOM_CLASS_EXPLAIN}</p>
+
+	<form id="acp_custom_class" method="post" action="{U_ACTION}">
+
+	<fieldset>
+		<legend>{L_CUSTOM_CLASS}</legend>
+		<dl>
+			<dt><label for="custom_class">{L_CSS_CLASS_NAME}:</label></dt></dt>
+			<dd><input id="custom_class" name="custom_class" type="text" value="" maxlength="40" size="40" /></dd>
+		</dl>
+	</fieldset>
+
+	<fieldset class="quick">
+		<input class="button1" type="submit" id="add_custom" name="add_custom" value="{L_SUBMIT}" />
+	</fieldset>
+
+	</form>
+<!-- ENDIF -->
 <!-- ELSEIF S_EXPORT -->
 
 	<a href="{U_BACK}" style="float: right">&laquo; {L_BACK}</a>
@@ -205,7 +390,7 @@
 	<!-- ENDIF -->
 
 	<form id="acp_styles" method="post" action="{U_ACTION}">
-	
+
 	<fieldset>
 		<legend>{L_TITLE}</legend>
 	<dl>
@@ -235,7 +420,7 @@
 		<dd>{FORMAT_BUTTONS}</dd>
 	</dl>
 	</fieldset>
-	
+
 	<fieldset class="quick">
 		<input class="button1" type="submit" name="update" value="{L_SUBMIT}" />
 	</fieldset>
@@ -249,7 +434,7 @@
 	<p>{L_EXPLAIN}</p>
 
 	<!-- IF S_STYLE --> <!-- DEFINE $COLSPAN = 4 --> <!-- ELSE --> <!-- DEFINE $COLSPAN = 3 --> <!-- ENDIF -->
-	
+
 	<table cellspacing="1">
 		<col class="row1" /><!-- IF S_STYLE --><col class="row1" /><!-- ENDIF --><col class="row2" />
 	<thead>
@@ -273,7 +458,10 @@
 			<!-- IF S_STYLE -->
 				<a href="{installed.U_STYLE_ACT_DEACT}">{installed.L_STYLE_ACT_DEACT}</a> |
 			<!-- ENDIF -->
-			{installed.S_OPTIONS} | <a href="{installed.U_PREVIEW}" onclick="this.target='_preview';">{L_PREVIEW}</a>
+			{installed.S_OPTIONS}
+			<!-- IF S_STYLE -->
+				| <a href="{installed.U_PREVIEW}" onclick="this.target='_preview';">{L_PREVIEW}</a>
+			<!-- ENDIF -->
 		</td>
 	<!-- END installed -->
 	<tr>
@@ -286,7 +474,7 @@
 	<!-- ENDIF -->
 	<!-- BEGIN uninstalled -->
 	<tr>
-		<td<!-- IF S_STYLE --> colspan="2"<!-- ENDIF -->>{uninstalled.NAME}<br /><b class="small">{L_COPYRIGHT}: {uninstalled.COPYRIGHT}</b></td>
+		<td<!-- IF S_STYLE --> colspan="2"<!-- ENDIF -->><b>{uninstalled.NAME}</b><br /><span>{L_COPYRIGHT}: {uninstalled.COPYRIGHT}</span></td>
 		<td style="text-align: center;"><a href="{uninstalled.U_INSTALL}">{L_INSTALL}</a></td>
 	</tr>
 	<!-- END uninstalled -->
-- 
cgit v1.2.1