From a891960d5a9ac504a173520f4604e6740c58493b Mon Sep 17 00:00:00 2001
From: plegall <plg@piwigo.org>
Date: Sat, 27 Aug 2005 00:24:31 +0000
Subject: (not in ChangeLog)

- adds PHPWG_ROOT_PATH to form action in identification.php

- adds link to home on identification.php

- avoid using language_select and template_select in profile.php (maybe
  these functions becom obsolete)

- [template cclear] solution #3 from
  http://forum.phpwebgallery.net/viewtopic.php?pid=21443#p21443 : adds the
  fix on min-height.

- [template cclear] new FORM class : properties. Used in identification,
  profile, register.

- [template cclear] deletion of now useless DIV.formbox

- [template cclear] footer update : link to phpwebgallery website and not
  pierrick email.


git-svn-id: http://piwigo.org/svn/trunk@854 68402e56-0260-453c-a942-63ccdbb3a9ee
---
 template/cclear/content.css        |   1 +
 template/cclear/default-layout.css |  36 +++++++-
 template/cclear/footer.tpl         |   2 +-
 template/cclear/identification.tpl |  45 ++++++----
 template/cclear/profile.tpl        | 179 +++++++++++++++++++++++--------------
 template/cclear/register.tpl       |  32 +++++--
 6 files changed, 198 insertions(+), 97 deletions(-)

(limited to 'template/cclear')

diff --git a/template/cclear/content.css b/template/cclear/content.css
index 7fcaf4b6a..8589c4520 100644
--- a/template/cclear/content.css
+++ b/template/cclear/content.css
@@ -132,6 +132,7 @@ ul.categoryActions {
 #content DIV.comment {
   margin: 5px;
   border: 1px solid gray;
+  min-height: 150px; /* maximum thumbnail height */
 }
 
 #content DIV.comment > A.illustration {
diff --git a/template/cclear/default-layout.css b/template/cclear/default-layout.css
index 36d1f3249..33adf19e8 100644
--- a/template/cclear/default-layout.css
+++ b/template/cclear/default-layout.css
@@ -63,10 +63,6 @@ ul, dl, li { text-align: left;}
 pre { text-align:left; }
 
 /** forms **/
-div.formbox {
-  width: 70%;
-  margin: 0 auto 1em auto;
-}
 
 form { padding: 0em; }
 
@@ -211,6 +207,38 @@ FORM.filter INPUT[type="submit"] {
   margin-top: 1em;
 }
 
+FORM.properties UL {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+FORM.properties LI {
+  margin-bottom: 0.5em;
+  padding: 0;
+  line-height: 1.8em;
+}
+
+FORM.properties LABEL {
+  float: left;
+  width: 50%;
+  text-align: right;
+  margin: 0;
+  padding: 0 0.5em 0 0;
+}
+
+FORM.properties LABEL.mandatory {
+  font-weight: bold;
+}
+
+FORM.properties .focus {
+  background-color: whitesmoke;
+}
+
+FORM.properties .nofocus {
+  background-color: lightgrey; /* must be the same as input background-color */
+}
+
 FIELDSET.elementEdit A {
   display: block;
   float: right;
diff --git a/template/cclear/footer.tpl b/template/cclear/footer.tpl
index 7ebbeeeb0..ea92324d8 100644
--- a/template/cclear/footer.tpl
+++ b/template/cclear/footer.tpl
@@ -4,7 +4,7 @@
  <!-- END debug -->
 
  <!-- Please, do not remove this copyright. If you really want to,
-	  contact me pierrick@phpwebgallery.net to find a solution on how
+	  contact us on http://phpwebgallery.net to find a solution on how
 	  to show the origin of the script...-->
 
   {L_POWERED_BY} <a href="http://www.phpwebgallery.net" class="back">PhpWebGallery</a>
diff --git a/template/cclear/identification.tpl b/template/cclear/identification.tpl
index 8b0201834..233b338de 100644
--- a/template/cclear/identification.tpl
+++ b/template/cclear/identification.tpl
@@ -3,14 +3,12 @@
 
   <div class="titrePage">
     <ul class="categoryActions">
-      <li><a href="{U_REGISTER}" title="{lang:Create a new account}"><img src="./template/cclear/theme/register.png" alt="{lang:register"/></a></li>
+      <li><a href="{U_REGISTER}" title="{lang:Create a new account}"><img src="./template/cclear/theme/register.png" alt="{lang:register}"/></a></li>
       <li><a href="{U_HOME}" title="{lang:Go through the gallery as a visitor}"><img src="./template/cclear/theme/home.png" alt="{lang:home}"/></a></li>
     </ul>
     <h2>{lang:Identification}</h2>
   </div>
 
-<div class="formbox">
-<form action="{F_LOGIN_ACTION}" method="post">
   <!-- BEGIN errors -->
   <div class="errors">
     <ul>
@@ -20,19 +18,36 @@
     </ul>
   </div>
   <!-- END errors -->
-  <dl> 
-    <dt>{L_USERNAME}:</dt>
-    <dd><input class="login" type="text" name="username" size="25" maxlength="40" value="{USERNAME}" /></dd>
-    <dt>{L_PASSWORD}:</dt>
-    <dd><input class="login" type="password" name="password" size="25" maxlength="25" /></dd>
-  <!-- BEGIN remember_me -->
-    <dt>{L_REMEMBER_ME}:</dt>
-    <dd><input type="checkbox" name="remember_me" value="1" /></dd>
-  <!-- END remember_me -->
-  </dl>
+
+<form action="{F_LOGIN_ACTION}" method="post" class="properties">
+  <fieldset>
+    <legend>{lang:Connection settings}</legend>
+
+    <ul>
+      <li> 
+        <label for="username">{L_USERNAME}</label>
+        <input class="login" type="text" name="username" id="username" size="25" maxlength="40" value="{USERNAME}">
+      </li>
+  
+      <li>
+        <label for="password">{L_PASSWORD}</label>
+        <input class="login" type="password" name="password" id="password" size="25" maxlength="25">
+      </li>
+  
+      <!-- BEGIN remember_me -->
+      <li>
+        <label>{L_REMEMBER_ME}</label>
+        <input type="checkbox" name="remember_me" value="1">
+      </li>
+      <!-- END remember_me -->
+    </ul>
+  </fieldset>
+
   <p><input type="submit" name="login" value="{L_LOGIN}"></p>
 </form>
-  <a href="{U_REGISTER}"><img src="template/cclear/theme/register.png" alt=""> {L_REGISTER}</a>
-</div> <!--formbox-->
+ 
+  <p>
+    <a href="{U_REGISTER}"><img src="template/cclear/theme/register.png" alt=""> {L_REGISTER}</a>
+  </p>
 
 </div> <!-- content -->
diff --git a/template/cclear/profile.tpl b/template/cclear/profile.tpl
index 76fe2dba6..08983b91b 100644
--- a/template/cclear/profile.tpl
+++ b/template/cclear/profile.tpl
@@ -1,3 +1,5 @@
+<div id="content">
+
 <!-- BEGIN errors -->
 <div class="errors">
   <ul>
@@ -8,73 +10,113 @@
 </div>
 <!-- END errors -->
 
-<h2>{L_TITLE}</h2>
-
-<div class="formbox">
-<form method="post" name="profile" action="{F_ACTION}" id="profile">
-
-  <p><input type="hidden" name="userid" value="{USERID}" /></p>
-
-  <h3>{L_REGISTRATION_INFO}</h3>
-  <dl>
-    <dt width="50%">{L_USERNAME}</dt>
-    <dd>{USERNAME}</dd>
-    <dt>{L_EMAIL}</dt>
-    <dd><input type="text" name="mail_address" value="{EMAIL}" /></dd>
-  </dl>
-  <dl class="biglabel">
-    <dt>{L_CURRENT_PASSWORD} : <br /><span class="small">{L_CURRENT_PASSWORD_HINT}</span></dt>
-    <dd><input type="password" name="password" value="" /></dd>
-  </dl>
-  <dl class="biglabel">
-    <dt>{L_NEW_PASSWORD} : <br /><span class="small">{L_NEW_PASSWORD_HINT}</span></dt>
-    <dd><input type="password" name="use_new_pwd" value="" /></dd>
-  </dl>
-  <dl class="biglabel">
-    <dt>{L_CONFIRM_PASSWORD} : <br /><span class="small">{L_CONFIRM_PASSWORD_HINT}</span></dt>
-    <dd><input type="password" name="passwordConf" value="" /></dd>
-  </dl>
-  <h3>{L_PREFERENCES}</h3>
-  <dl>
-    <dt>{L_NB_IMAGE_LINE}</dt>
-    <dd>
-      <input type="text" size="3" maxlength="2" name="nb_image_line" value="{NB_IMAGE_LINE}" />
-    </dd>
-    <dt>{L_NB_ROW_PAGE}</dt>
-    <dd>
-      <input type="text" size="3" maxlength="2" name="nb_line_page" value="{NB_ROW_PAGE}" />
-    </dd>
-    <dt>{L_STYLE_SELECT}</dt>
-    <dd>
-      {STYLE_SELECT}
-    </dd>
-    <dt>{L_LANG_SELECT}</dt>
-    <dd>
-      {LANG_SELECT}
-    </dd>
-    <dt>{L_RECENT_PERIOD}</dt>
-    <dd>
-      <input type="text" size="3" maxlength="2" name="recent_period" value="{RECENT_PERIOD}" />
-    </dd>
-    <dt>{L_EXPAND_TREE}</dt>
-    <dd>
-      <input type="radio" class="radio" name="expand" value="true" {EXPAND_TREE_YES} />{L_YES}&nbsp;&nbsp;
-      <input type="radio" class="radio" name="expand" value="false" {EXPAND_TREE_NO} />{L_NO}
-    </dd>
-    <dt>{L_NB_COMMENTS}</dt>
-    <dd>
-      <input type="radio" class="radio" name="show_nb_comments" value="true" {NB_COMMENTS_YES} />{L_YES}&nbsp;&nbsp;
-      <input type="radio" class="radio" name="show_nb_comments" value="false" {NB_COMMENTS_NO} />{L_NO}
-    </dd>
-    <dt>{L_MAXWIDTH}</dt>
-    <dd>
-      <input type="text" size="4" maxlength="4" name="maxwidth" value="{MAXWIDTH}" />
-    </dd>
-    <dt>{L_MAXHEIGHT}</dt>
-    <dd>
-      <input type="text" size="4" maxlength="4" name="maxheight" value="{MAXHEIGHT}" />
-    </dd>
-  </dl>
+  <div class="titrePage">
+    <ul class="categoryActions">
+      <li><a href="{U_RETURN}" title="{lang:return to homepage}"><img src="./template/cclear/theme/home.png" alt="{lang:home}"/></a></li>
+    </ul>
+    <h2>{lang:Profile}</h2>
+  </div>
+
+<form method="post" name="profile" action="{F_ACTION}" id="profile" class="properties">
+
+  <input type="hidden" name="userid" value="{USERID}" />
+
+  <fieldset>
+    <legend>{L_REGISTRATION_INFO}</legend>
+
+    <ul>
+      <li>
+        <label>{lang:Username}</label>
+        <strong>{USERNAME}</strong>
+      </li>
+
+      <li>
+        <label for="mail_address">{lang:Email address}</label>
+        <input type="text" name="mail_address" id="mail_address" value="{EMAIL}" onfocus="this.className='focus';" onblur="this.className='nofocus';">
+      </li>
+
+      <li>
+        <label for="password">{L_CURRENT_PASSWORD}</label>
+        <input type="password" name="password" id="password" value="" onfocus="this.className='focus';" onblur="this.className='nofocus';">
+      </li>
+
+      <li>
+        <label for="use_new_pwd">{L_NEW_PASSWORD}</label>
+        <input type="password" name="use_new_pwd" id="use_new_pwd" value="" onfocus="this.className='focus';" onblur="this.className='nofocus';">
+      </li>
+
+      <li>
+        <label for="passwordConf">{L_CONFIRM_PASSWORD}</label>
+        <input type="password" name="passwordConf" id="passwordConf" value="" onfocus="this.className='focus';" onblur="this.className='nofocus';">
+      </li>
+    </ul>
+  </fieldset>
+
+  <fieldset>
+    <legend>{L_PREFERENCES}</legend>
+
+    <ul>
+      <li>
+        <label for="nb_image_line">{L_NB_IMAGE_LINE}</label>
+        <input type="text" size="3" maxlength="2" name="nb_image_line" id="nb_image_line" value="{NB_IMAGE_LINE}"
+               onfocus="this.className='focus';" onblur="this.className='nofocus';">
+      </li>
+
+      <li>
+        <label for="nb_line_page">{L_NB_ROW_PAGE}</label>
+        <input type="text" size="3" maxlength="2" name="nb_line_page" id="nb_line_page" value="{NB_ROW_PAGE}"
+               onfocus="this.className='focus';" onblur="this.className='nofocus';">
+      </li>
+
+      <li>
+        <label for="template">{L_STYLE_SELECT}</label>
+        <select name="template" id="template"> <!-- FIXME: if onfocus is used, the behaviour becomes weird in Firefox -->
+          <!-- BEGIN template_option -->
+          <option value="{template_option.VALUE}" {template_option.SELECTED}>{template_option.CONTENT}</option>
+          <!-- END template_option -->
+        </select>
+      </li>
+
+      <li>
+        <label for="language">{L_LANG_SELECT}</label>
+        <select name="language" id="language"> <!-- same FIXME -->
+          <!-- BEGIN language_option -->
+          <option value="{language_option.VALUE}" {language_option.SELECTED}>{language_option.CONTENT}</option>
+          <!-- END language_option -->
+        </select>
+      </li>
+
+      <li>
+        <label for="recent_period">{L_RECENT_PERIOD}</label>
+        <input type="text" size="3" maxlength="2" name="recent_period" id="recent_period" value="{RECENT_PERIOD}"
+               onfocus="this.className='focus';" onblur="this.className='nofocus';">
+      </li>
+
+      <li>
+        <label>{L_EXPAND_TREE}</label>
+        <input type="radio" class="radio" name="expand" value="true" {EXPAND_TREE_YES}> {L_YES}
+        <input type="radio" class="radio" name="expand" value="false" {EXPAND_TREE_NO}> {L_NO}
+      </li>
+
+      <li>
+        <label>{L_NB_COMMENTS}</label>
+        <input type="radio" class="radio" name="show_nb_comments" value="true" {NB_COMMENTS_YES}> {L_YES}
+        <input type="radio" class="radio" name="show_nb_comments" value="false" {NB_COMMENTS_NO}> {L_NO}
+      </li>
+ 
+      <li>
+        <label for"maxwidth">{L_MAXWIDTH}</label>
+        <input type="text" size="4" maxlength="4" name="maxwidth" id="maxwidth" value="{MAXWIDTH}"
+               onfocus="this.className='focus';" onblur="this.className='nofocus';">
+      </li>
+
+      <li>
+        <label for="maxheight">{L_MAXHEIGHT}</label>
+        <input type="text" size="4" maxlength="4" name="maxheight" id="maxheight" value="{MAXHEIGHT}"
+               onfocus="this.className='focus';" onblur="this.className='nofocus';">
+      </li>
+    </ul>
+  </fieldset>
 
   <p class="bottomButtons">
     <input type="submit" name="validate" value="{L_SUBMIT}">
@@ -83,5 +125,4 @@
 
 </form>
 
-  <p><a href="{U_RETURN}" title="{L_RETURN_HINT}">[{L_RETURN}]</a></p>
-</div>
+</div> <!-- content -->
diff --git a/template/cclear/register.tpl b/template/cclear/register.tpl
index c696bfe8b..3b39fcbf2 100644
--- a/template/cclear/register.tpl
+++ b/template/cclear/register.tpl
@@ -9,9 +9,6 @@
     <h2>{lang:Registration}</h2>
   </div>
 
-<!-- TO DO -->
-<!-- It's easy, just lok at identification.tpl ;-) -->
-
   <!-- BEGIN errors -->
   <div class="errors">
     <ul>
@@ -22,18 +19,37 @@
   </div>
   <!-- END errors -->
 
-<form method="post" action="{F_ACTION}" class="filter">
+<form method="post" action="{F_ACTION}" class="properties">
   <fieldset>
     <legend>{lang:Enter your personnal informations}</legend>
 
-    <label>* {lang:Username}<input type="text" name="login" value="{F_LOGIN}"></label>
-    <label>* {lang:Password}<input type="password" name="password"></label>
-    <label>* {lang:Confirm Password}<input type="password" name="password_conf"></label>
-    <label>{lang:Mail address}<input type="text" name="mail_address" value="{F_EMAIL}"></label>
+    <ul>
+      <li>
+        <label for="login" class="mandatory">* {lang:Username}</label>
+        <input type="text" name="login" id="login" value="{F_LOGIN}" onfocus="this.className='focus';" onblur="this.className='nofocus';">
+      </li>
+
+      <li>
+        <label for="password" class="mandatory">* {lang:Password}</label>
+        <input type="password" name="password" id="password" onfocus="this.className='focus';" onblur="this.className='nofocus';">
+      </li>
+
+      <li>
+        <label for="password_conf" class="mandatory">* {lang:Confirm Password}</label>
+        <input type="password" name="password_conf" id="password_conf" onfocus="this.className='focus';" onblur="this.className='nofocus';">
+      </li>
+
+      <li>
+        <label for="mail_address">{lang:Mail address}</label>
+        <input type="text" name="mail_address" id="mail_address" value="{F_EMAIL}" onfocus="this.className='focus';" onblur="this.className='nofocus';">
+      </li>
+    </ul>
+
   </fieldset>
 
   <p class="bottomButtons">
     <input type="submit" name="submit" value="{lang:Register}">
+    <input type="reset" value="{lang:Reset}">
   </p>
 
 </form>
-- 
cgit v1.2.3