From 36e25a329285c1920a15916b548905a6326d6ec1 Mon Sep 17 00:00:00 2001
From: cajus <cajus@594d385d-05f5-0310-b6e9-bd551577e9d8>
Date: Fri, 20 Apr 2007 08:34:06 +0000
Subject: [PATCH] Updated login to fit new style

git-svn-id: https://oss.gonicus.de/repositories/gosa/trunk@6152 594d385d-05f5-0310-b6e9-bd551577e9d8
---
 html/themes/default/images/login.png | Bin 7466 -> 0 bytes
 ihtml/themes/default/login.tpl       | 141 +++++++++++++--------------
 2 files changed, 69 insertions(+), 72 deletions(-)
 delete mode 100644 html/themes/default/images/login.png

diff --git a/html/themes/default/images/login.png b/html/themes/default/images/login.png
deleted file mode 100644
index 145f71f680a29e6af7c82b75f723bc7ae0f2842d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 7466
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

diff --git a/ihtml/themes/default/login.tpl b/ihtml/themes/default/login.tpl
index 90278b390..fa4beda64 100644
--- a/ihtml/themes/default/login.tpl
+++ b/ihtml/themes/default/login.tpl
@@ -1,86 +1,83 @@
-<body style="background-color: #8B858B;background-image:none;">
+<body style="background-color:white;background-image:none;">
+{$php_errors}
+<div>
+        <div class='setup_header'>
+                <div style="float:left;"><img src='themes/default/images/go_logo.png' class='center' alt='GOsa'></div>
+                <div style="padding-top:8px;text-align:right;height:28px">{$version}</div>
+        </div>
+        <div class='setup_menu'>
+                <b>{t}GOsa login screen{/t}</b>
+        </div>
+</div>
+
 {* GOsa login - smarty template *}
 {$php_errors}
-{$errors}
 
 <!-- Spacer for some browsers -->
 <div class='gosaLoginSpacer'></div>
 
-<table summary="" class='gosaLoginMask' style="text-align:right;" align='center'>
- <tr>
-  <td class='gosaLoginBack' style="width:606px;">
-   <div class='gosaLoginBack'>
-       
-    <p class='gosaLoginHeader'>
-	{t}Please use your username and password to log in{/t}
-    </p>
+<div style='float:left; width:25%;'>&nbsp;</div>
+<div style='float:left; width:50%; border:1px solid #AAAAAA;'>
+
+	<div style='border-bottom:1px dashed #AAAAAA'>
+		<div style='padding:3px;'>
+		<p class="center" style="margin:0px 0px 0px 5px;padding:0px;font-size:24px;font-weight:bold;">
+			<img class="center" src='{$password_img}' align="middle" alt="*">&nbsp;{t}Login{/t}
+		</p>
+		</div>
+	</div>
+	<div>
+
+	    <div style='padding:12px;text-align:center;'>
+		{t}Please use your username and your password to log into the site administration system.{/t}
+	    </div>
   
-    <!-- Display SSL warning message on demand -->
-    <p class='gosaLoginWarning'> {$ssl} </p>
- 
-    <!-- Formular data, containing a table to center fields -->
-    <form action='index.php' method='post' name='mainform' onSubmit='js_check(this);return true;'>
-     <table summary="" style='vertical-align:middle; text-align:left;' cellspacing='7' align='center'>
-      <tr>
-        <td>
-          <img src='{$personal_img}' alt='{t}Username{/t}' title='{t}Username{/t}'>
-        </td>
-        <td>
-	  <input type='text' name='username' maxlength='25' value='{$username}'
-		 title='{t}Username{/t}' onFocus="nextfield= 'password';">
-        </td>
-      </tr>
-      <tr>
-        <td>
-          <img src='{$password_img}' alt='{t}Password{/t}' title='{t}Password{/t}'>
-        </td>
-        <td>
-	  <input type='password' name='password' maxlength='25' value=''
-		 title='{t}Password{/t}' onFocus="nextfield= 'login';">
-	</td>
-      </tr>
-      <tr>
-        <td>
-          <img src='{$directory_img}' alt='{t}Directory{/t}' title='{t}Directory{/t}'>
-        </td>
-        <td style='text-align:left;'>
-	  <select name='server'  title='{t}Directory{/t}'>
-	    {html_options options=$server_options selected=$server_id}
-	  </select>
-	</td>
-      </tr>
-      <tr>
-        <td colspan='2' style='text-align:right;'>
-	  <br />
-	  <input type='submit' name='login' value='{t}Sign in{/t}'
-	  	 title='{t}Click here to log in{/t}'>
-	</td>
-      </tr>
-     </table>
-		<input type='hidden' name='javascript' value='false'/>		
-    </form>
+	    <form action='index.php' method='post' name='mainform' onSubmit='js_check(this);return true;'>
+
+	    	<input id='focus' name='focus' type='image' src='images/empty.png' style='width:0px; height:0px;' >
+		<div style='text-align:center; padding:10px;'>	
+		<img class='center' align='middle' src='{$personal_img}' alt='{t}Directory{/t}' title='{t}Directory{/t}'>&nbsp;
+		<input type='text' name='username' maxlength='25' value='{$username}'
+			 title='{t}Username{/t}' onFocus="nextfield= 'password';">
+		<br>
+		<br>
+		<img class='center' align='middle' src='{$password_img}' alt='{t}Directory{/t}' title='{t}Directory{/t}'>&nbsp;
+		<input type='password' name='password' maxlength='25' value=''
+			 title='{t}Password{/t}' onFocus="nextfield= 'login';">
+		</div>	
 
-    <!-- Display error message on demand -->
-    <p class='gosaLoginWarning'> {$message} </p>
-    <!-- check, if cookies are enabled -->
-    <p class='gosaLoginWarning'>
-     <script language="JavaScript" type="text/javascript">
-        <!--
-            document.cookie = "gosatest=empty;path=/";
-            if (document.cookie.indexOf( "gosatest=") > -1 )
-                document.cookie = "gosatest=empty;path=/;expires=Thu, 01-Jan-1970 00:00:01 GMT";
-            else
-                document.write("{$cookies}");
-        -->
-     </script>
-    </p>
+		<div style='text-align:center; padding:15px;'>
+		        <img class='center' align='middle' src='{$directory_img}' alt='{t}Directory{/t}' title='{t}Directory{/t}'>&nbsp;
+			<select name='server'  title='{t}Directory{/t}'>
+				{html_options options=$server_options selected=$server_id}
+			</select>
+		</div>
+	    </form>
 
+	    <!-- Display error message on demand -->
+	    <p class='gosaLoginWarning'> {$message} </p>
+	    <!-- check, if cookies are enabled -->
+	    <p class='gosaLoginWarning'>
+	     <script language="JavaScript" type="text/javascript">
+		<!--
+		    document.cookie = "gosatest=empty;path=/";
+		    if (document.cookie.indexOf( "gosatest=") > -1 )
+			document.cookie = "gosatest=empty;path=/;expires=Thu, 01-Jan-1970 00:00:01 GMT";
+		    else
+			document.write("{$cookies}");
+		-->
+	     </script>
+	    </p>
+	</div>
+	<div style='border-top:1px dashed #AAAAAA; text-align:right; padding:5px;'>
+		  <input type='submit' name='login' value='{t}Sign in{/t}'
+			 title='{t}Click here to log in{/t}'>
+		<input type='hidden' name='javascript' value='false'/>		
+	</div>
 
+</div>
 
-   </div>
-  </td>
- </tr>
-</table>
+<div style="clear:both"></div>
 
 <!-- Place cursor in username field -->
 <script language="JavaScript" type="text/javascript">
-- 
2.30.2