diff options
| author | orbiter <orbiter@6c8d7289-2bf4-0310-a012-ef5d649a1542> | 2010-10-11 00:00:10 +0000 |
|---|---|---|
| committer | orbiter <orbiter@6c8d7289-2bf4-0310-a012-ef5d649a1542> | 2010-10-11 00:00:10 +0000 |
| commit | 45b1ab3d072130db3c731abc0a656e3d97c195d9 (patch) | |
| tree | cee7826921ebe23fb27fc5680e6249093cc8fa8a /htroot/ConfigAppearance_p.html | |
| parent | 41bf8ef9f990f6ad490ef0fe7419661357647bc4 (diff) | |
custom + generic skins:
- added a generic skin which is filled with actual color assignment using a servlet
- enabled css servlets
- added a generic color scheme in configuration file
- added configuration input in Customization/Appearance servlet
- added a jquery color picker widget
- placed color picked widget to input field of generic colour definition input fields
git-svn-id: https://svn.berlios.de/svnroot/repos/yacy/trunk@7235 6c8d7289-2bf4-0310-a012-ef5d649a1542
Diffstat (limited to 'htroot/ConfigAppearance_p.html')
| -rw-r--r-- | htroot/ConfigAppearance_p.html | 65 |
1 files changed, 61 insertions, 4 deletions
diff --git a/htroot/ConfigAppearance_p.html b/htroot/ConfigAppearance_p.html index abe1b4a29..af0b9b941 100644 --- a/htroot/ConfigAppearance_p.html +++ b/htroot/ConfigAppearance_p.html @@ -2,11 +2,31 @@ <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>YaCy '#[clientname]#': Appearance and Integration</title>
+ <link rel="stylesheet" media="screen" type="text/css" href="/yacy/ui/css/colorpicker.css" />
#%env/templates/metas.template%#
</head>
<body id="ConfigSkins">
#%env/templates/header.template%#
#%env/templates/submenuCustomization.template%#
+
+ <script type="text/javascript" src="/yacy/ui/js/jquery.colorpicker.js"></script>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $('#color_background, #color_text, #color_legend, #color_tableheader, #color_tableitem, #color_tableitem2, #color_tablebottom, #color_borderline, #color_signbad, #color_signgood, #color_signother, #color_searchheadline, #color_searchurl, #color_searchurlhover').ColorPicker({
+ onSubmit: function(hsb, hex, rgb, el) {
+ $(el).val(hex);
+ $(el).ColorPickerHide();
+ },
+ onBeforeShow: function () {
+ $(this).ColorPickerSetColor(this.value);
+ }
+ })
+ .bind('keyup', function(){
+ $(this).ColorPickerSetColor(this.value);
+ });
+ });
+ </script>
+
<h2>Appearance and Integration</h2>
<p>
You can change the appearance of the YaCy interface with skins.
@@ -15,11 +35,10 @@ change the appearance of the search page here.
</p>
- <h3>Skin Selection</h3>
- <p>
- Select one of the default skins, download new skins, or create your own skin.
- </p><form action="ConfigAppearance_p.html">
+ <form action="ConfigAppearance_p.html">
<fieldset>
+ <legend>Skin Selection</legend>
+ <p>Select one of the default skins, download new skins, or create your own skin.</p>
<dl>
<dt><label for="cur_skin">Current skin</label>:</dt>
<dd id="cur_skin">#[currentskin]# </dd>
@@ -30,6 +49,7 @@ <option value="#[file]#">#[name]#</option>#{/skinlist}#
</select>
</dd>
+ <dt></dt>
<dd>
<input type="submit" name="use_button" value="Use" />
<input type="submit" name="delete_button" value="Delete" />
@@ -40,12 +60,48 @@ <form action="ConfigAppearance_p.html">
<fieldset>
+ <legend>Skin Color Definition</legend>
+ <p>The generic skin 'generic_pd' can be configured here with custom colors:</p>
+ <table border="0"><tr><td width="420" valign="top">
+ <dl>
+ <dt>Background</dt><dd><input type="text" maxlength="6" size="6" id="color_background" name="color_background" value="#[color_background]#" /></dd>
+ <dt>Text</dt><dd><input type="text" maxlength="6" size="6" id="color_text" name="color_text" value="#[color_text]#" /></dd>
+ <dt>Legend</dt><dd><input type="text" maxlength="6" size="6" id="color_legend" name="color_legend" value="#[color_legend]#" /></dd>
+ <dt>Table Header</dt><dd><input type="text" maxlength="6" size="6" id="color_tableheader" name="color_tableheader" value="#[color_tableheader]#" /></dd>
+ <dt>Table Item</dt><dd><input type="text" maxlength="6" size="6" id="color_tableitem" name="color_tableitem" value="#[color_tableitem]#" /></dd>
+ <dt>Table Item 2</dt><dd><input type="text" maxlength="6" size="6" id="color_tableitem2" name="color_tableitem2" value="#[color_tableitem2]#" /></dd>
+ <dt>Table Bottom</dt><dd><input type="text" maxlength="6" size="6" id="color_tablebottom" name="color_tablebottom" value="#[color_tablebottom]#" /></dd>
+ <dt></dt>
+ <dd>
+ <input type="hidden" name="skin" value="generic_pd.css" />
+ <input type="submit" name="set_colors" value="Set Colors" />
+ </dd>
+ </dl>
+ </td><td width="420" valign="top">
+ <dl>
+ <dt>Border Line</dt><dd><input type="text" maxlength="6" size="6" id="color_borderline" name="color_borderline" value="#[color_borderline]#" /></dd>
+ <dt>Sign 'bad'</dt><dd><input type="text" maxlength="6" size="6" id="color_signbad" name="color_signbad" value="#[color_signbad]#" /></dd>
+ <dt>Sign 'good'</dt><dd><input type="text" maxlength="6" size="6" id="color_signgood" name="color_signgood" value="#[color_signgood]#" /></dd>
+ <dt>Sign 'other'</dt><dd><input type="text" maxlength="6" size="6" id="color_signother" name="color_signother" value="#[color_signother]#" /></dd>
+ <dt>Search Headline</dt><dd><input type="text" maxlength="6" size="6" id="color_searchheadline" name="color_searchheadline" value="#[color_searchheadline]#" /></dd>
+ <dt>Search URL</dt><dd><input type="text" maxlength="6" size="6" id="color_searchurl" name="color_searchurl" value="#[color_searchurl]#" /></dd>
+ <dt>Search URL + hover</dt><dd><input type="text" maxlength="6" size="6" id="color_searchurlhover" name="color_searchurlhover" value="#[color_searchurlhover]#" /></dd>
+ </dl>
+ </td></tr></table>
+ </fieldset>
+ </form>
+
+ <form action="ConfigAppearance_p.html">
+ <fieldset>
+ <legend>Skin Download</legend>
+ <p>Skins can be installed from download locations:</p>
<dl>
<dt><label for="url">Install new skin from URL</label>:</dt>
<dd><input type="text" name="url" id="url" size="30" /></dd>
<dt><label for="use_url">Use this skin</label></dt>
<dd><input type="checkbox" name="use_skin" id="use_url" value="on" checked="checked" /></dd>
+ <dt></dt>
<dd><input type="submit" name="install_button" value="Install" /></dd>
</dl>
<p>Make sure that you only download data from trustworthy sources. The new Skin file
@@ -53,6 +109,7 @@ </fieldset>
</form>
+
#(status)#
::<p><strong>Unable to get URL: #[url]#</strong></p>
::<p><strong>Error saving the skin.</strong></p>
|