Browse Source

New login page as a templating demo. Feedback welcome!

stevetruckstuff 19 years ago
parent
commit
77c659d98e

BIN
templates/default_advanced/images/login1.png


BIN
templates/default_advanced/images/login2.png


BIN
templates/default_advanced/images/login_submit.png


+ 81 - 0
templates/default_advanced/login.tpl

@@ -0,0 +1,81 @@
+<?php
+/**
+ * login.tpl
+ *
+ * Template to create the login page
+ *
+ * The following variables are available to this template:
+ *      $logo_str           - string containing HTML to display the org logo
+ *      $logo_path          - path to the org logo, in case you want to do
+ *                            something else with it.
+ *      $sm_attribute_str   - string containg SQM attributes.  Will be empty if
+ *                            this has been disabled by the admin.
+ *      $org_name_str       - translated string containing orginization's name
+ *      $login_field_value  - default value for the user name field
+ *      $login_extra        - Some extra fields needed by SquirrelMail for the 
+ *                            login.  YOU SHOULD ALWAYS INCLUDE THIS FIELD!!
+ * 
+ * @copyright &copy; 1999-2006 The SquirrelMail Project Team
+ * @license http://opensource.org/licenses/gpl-license.php GNU Public License
+ * @version $Id$
+ * @package squirrelmail
+ * @subpackage templates
+ */
+
+// add includes
+require(SM_PATH . 'templates/util_global.php');
+
+/* retrieve the template vars */
+extract($t);
+
+?>
+<div id="sqm_login">
+<table cellspacing="0">
+ <tr>
+  <td colspan="2">
+   <?php echo getIcon($icon_theme_path, 'login1.png', _("Login"), _("Login")); ?>
+  </td>
+ </tr>
+ <tr>
+  <td class="orgName" colspan="2">
+   <?php echo $org_name_str; ?>
+  </td>
+ </tr>
+ <tr>
+  <td class="attr" colspan="2">
+   <?php echo $sm_attribute_str; ?>
+  </td>
+ </tr>
+ <tr>
+  <td class="orgLogo">
+   <img src="<?php echo $logo_path; ?>" width="50px" />
+  </td>
+  <td>
+   <table cellspacing="0">
+    <tr>
+     <td class="fieldName">
+      <?php echo _("Name:"); ?>
+     </td>
+     <td class="fieldInput">
+      <input type="text" name="login_username" value="<?php echo $login_field_value; ?>" id="login_username" class="input" />
+     </td>
+    </tr>
+    <tr>
+     <td class="fieldName">
+      <?php echo _("Password:"); ?>
+     </td>
+     <td class="fieldInput">
+      <input type="password" name="secretkey" value="" id="secretkey" class="input" />
+      <?php echo $login_extra; ?>
+     </td>
+    </tr>
+    <tr>
+     <td class="loginSubmit" colspan="2">
+      <input type="image" src="<?php echo getIconPath($icon_theme_path, 'login_submit.png'); ?>" alt="<?php echo _("Login"); ?>" />
+     </td>
+    </tr>
+   </table>
+  </td>
+ </tr>
+</table>
+</div>

+ 73 - 0
templates/default_advanced/stylesheet_advanced.tpl

@@ -37,6 +37,79 @@
 /* retrieve the template vars */
 extract($t);
 ?>
+/* advacned login page defs */
+#sqm_login  {
+    margin-top: 25px;
+    text-align: center;
+}
+
+#sqm_login  table   {
+    border: 0;
+    padding: 0;
+    margin-left: auto;
+    margin-right: auto;
+    width: auto;
+}
+
+#sqm_login  td   {
+    padding-left: 2px;
+    padding-right: 2px;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    color: #726b58;
+    font-family: verdana, sans-serif;
+    width: auto;
+    text-align: center;
+}
+
+#sqm_login  td.orgName {
+    font-weight: bold;
+    background: none;
+    font-size: 90%;
+}
+
+#sqm_login  td.orgLogo {
+    width: 155px;
+    text-align: center;
+    vertical-align: center;
+}
+
+#sqm_login  td.orgLogo  img {
+    width: 150px;
+    padding:0;
+}
+
+#sqm_login  td.attr   {
+    font-size: 70%;
+    padding-top:5px;
+    padding-bottom: 10px;
+}
+
+#sqm_login  td.fieldName {
+    font-size: 10pt;
+    font-weight: bold;
+    text-align: right;
+    width: 50%;
+}
+
+#sqm_login  td.fieldInput {
+    text-align: left;
+    padding-top: 1px;
+    padding-bottom: 1px;
+}
+
+#sqm_login  td.loginSubmit {
+    padding-top: 15px;
+}
+
+#sqm_login  input.input {
+    font-size: 80%;
+    color: #110f08;
+    border: 1px solid #726b58;
+    padding: 1px;
+    background: url(<?php echo $icon_theme_path; ?>/login2.png) repeat-y;
+    width: 160px;
+}
 
 /* advanced option order defs */
 #optionHighlight    td.divider  {

+ 1 - 0
templates/default_advanced/template.php

@@ -21,6 +21,7 @@ $templates_provided = array (
                                 'options_order.tpl',
                                 'options_highlight_list.tpl',
                                 'options_highlight_addedit.tpl',
+                                'login.tpl'
                             );
 
 /**