[LON-CAPA-cvs] cvs: loncom /auth lonlogin.pm

albertel lon-capa-cvs@mail.lon-capa.org
Wed, 13 Mar 2002 19:32:55 -0000


This is a MIME encoded message

--albertel1016047975
Content-Type: text/plain

albertel		Wed Mar 13 14:32:55 2002 EDT

  Modified files:              
    /loncom/auth	lonlogin.pm 
  Log:
  - Josh Brunskole's new login page.
  
  
--albertel1016047975
Content-Type: text/plain
Content-Disposition: attachment; filename="albertel-20020313143255.txt"

Index: loncom/auth/lonlogin.pm
diff -u loncom/auth/lonlogin.pm:1.13 loncom/auth/lonlogin.pm:1.14
--- loncom/auth/lonlogin.pm:1.13	Tue Mar 12 14:34:59 2002
+++ loncom/auth/lonlogin.pm	Wed Mar 13 14:32:55 2002
@@ -1,7 +1,7 @@
 # The LearningOnline Network
 # Login Screen
 #
-# $Id: lonlogin.pm,v 1.13 2002/03/12 19:34:59 albertel Exp $
+# $Id: lonlogin.pm,v 1.14 2002/03/13 19:32:55 albertel Exp $
 #
 # Copyright Michigan State University Board of Trustees
 #
@@ -29,6 +29,8 @@
 # 1/14/00,5/29,5/30,6/1,6/29,7/1,11/9,
 # 1/17/01 Gerd Kortemeyer
 #
+# 2/7/02,2/8,2/12,2/14,2/15,2/19 Josh Brunskole
+
 package Apache::lonlogin;
 
 use strict;
@@ -104,12 +106,12 @@
 # ---------------------------------------------------------- Serve rest of page
     $r->print(<<ENDDOCUMENT);
 
-<body bgcolor="#FFFFFE" text="#000000" link="#999999" vlink="#999999"
- onLoad="init();">
-
-<script language="JavaScript">
+<body bgcolor="#006600" text="#000000" link="#999999" vlink="#999999"
+ onLoad="init();" topmargin=0 leftmargin=0 marginwidth=0 marginheight=0>
 
-    function send() {
+ <script language="JavaScript">
+    function send()
+    {
 	this.document.server.elements.uname.value
        =this.document.client.elements.uname.value;
 
@@ -125,62 +127,175 @@
 
         this.document.server.submit();
     }
+ </script>
 
-</script>
+ <!-- The Main Table -->
+ <table width="100%" cellpadding=0 cellspacing=0 border=0>
 
-<a href="/adm/accessibility.html">Accessibility Options</a>
-&nbsp;&nbsp;
-<a href="/adm/about.html">About LON-CAPA</a><p>
-<table width=600>
-<tr><td>
-<img src="$iconpath/lonlogo.gif"></td>
-<td colspan=2 bgcolor="#DDDDDD">
-<font size=+1><b>User Authentication</b></font><p>
-
- <form name="server" action="$otherserver/adm/authenticate" 
-  method="post" target="_top">
-  <input type=hidden name=logtoken value="$logtoken">
-  <input type=hidden name=serverid value="$lonhost">
-  <input type=hidden name=uname value="">
-  <input type=hidden name=upass value="">
-  <input type=hidden name=udom value="">
- </form>
-
- <form name="client">
- <table border=2 bgcolor="#BBBBBB">
- <tr><td>Username:</td><td><input type=text size=10 name=uname></td></tr>
- <tr><td>Password:</td><td><input type=password size=10 name=upass></td></tr>
- <tr><td>Domain:</td><td><input type=text size=10 value=$domain name=udom></td>
- </tr>
- <tr><td colspan=2><input type=button value=Login onClick="send();"></td></tr>
+  <form name="server" action="$otherserver/adm/authenticate" method="post" target="_top">
+   <input type=hidden name=logtoken value="$logtoken">
+   <input type=hidden name=serverid value="$lonhost">
+   <input type=hidden name=uname value="">
+   <input type=hidden name=upass value="">
+   <input type=hidden name=udom value="">
+  </form>
+
+  <!-- The LON-CAPA Header -->
+  <tr>
+
+   <!-- Row 1 Columns 2-4 -->
+   <td width="100%" height=75 colspan=4 align="left" valign="top" bgcolor="#006600"><img src="$iconpath/header.gif" border=0 /></td>
+  </tr>
+
+  <!-- The gray bar that starts the two table frames -->
+  <tr>
+
+   <!-- Row 2 Column 1 -->
+   <td width=182 height=27 bgcolor="#cccccc">&nbsp;</td>
+
+   <!-- Row 2 Column 2 -->
+   <td width=27 height=27 align="left" background="$iconpath/filltop.gif"><img src="$iconpath/upperleft.gif" border=0 /></td>
+
+   <!-- Row 2 Column 3 -->
+   <td height=27 background="$iconpath/filltop.gif"><img src="$iconpath/filltop.gif" /></td>
+
+   <!-- Row 2 Column 4 -->
+   <td width=27 height=27 align="right" background="$iconpath/filltop.gif"><img src="$iconpath/upperright.gif" border=0 /></td>
+  </tr>
+  <tr>
+   
+   <!-- A cell that will hold the 'access' and 'about' buttons -->
+   <!-- Row 3 Column 1 -->
+   <td valign="top" height=60 align="center" bgcolor="#cccccc">
+    <a href="/adm/accessibility.html"><img src="$iconpath/accessbutton.gif" border=0 /></a>
+    <br />
+    <a href="/adm/about.html"><img src="$iconpath/aboutlon.gif" border=0 /></a>
+   </td>
+
+   <!-- The shaded space between the two main columns -->
+   <!-- Row 3 Column 2 -->
+   <td width=27 height=60 background="$iconpath/fillleft.gif"><img src="$iconpath/fillleft.gif" /></td>
+
+   <!-- The right main column holding the large LON-CAPA logo-->
+   <!-- Rows 3-4 Column 3 -->
+   <td align="center" valign="top" width="100%" height="100%" rowspan=2 bgcolor="#ffffff">
+    <center>
+     <img src="$iconpath/loncapalogo.gif" />
+    </center>
+   </td>
+
+   <!-- Row 3 Column 4 -->
+   <td width=27 background="$iconpath/fillright.gif"><img src="$iconpath/fillright.gif" /></td>
+  </tr>
+  <tr>
+
+   <!-- The entry form -->
+   <!-- Row 4 Column 1 -->
+   <td align="center" valign="middle" bgcolor="#cccccc">
+    <form name="client">
+     <input type="hidden" name="lextkey" value="$lextkey">
+     <input type="hidden" name="uextkey" value="$uextkey">
+
+     <!-- Start the sub-table for text and input alignment -->
+     <table border=0 cellspacing=0 cellpadding=0>
+      <tr><td bgcolor="#cccccc" colspan=2><img src="$iconpath/userauthentication.gif" /></td></tr>
+      <tr>
+       <td bgcolor="#ffffff"><br /><font size=-1><b>&nbsp;&nbsp;&nbsp;User Name:</b></font></td>
+       <td bgcolor="#ffffff"><br /><input type="text" name="uname" size="10" /></td>
+      </tr>
+      <tr>
+       <td bgcolor="#ffffff"><font size=-1><b>&nbsp;&nbsp;&nbsp;Password:</b></font></td>
+       <td bgcolor="#ffffff"><input type="password" name="upass" size="10" /></td>
+      </tr>
+      <tr>
+       <td bgcolor="#ffffff"><font size=-1><b>&nbsp;&nbsp;&nbsp;Domain:</b></font></td>
+       <td bgcolor="#ffffff"><input type="text" name="udom" size="10" value=$domain /></td>
+      </tr>
+      <tr>
+       <td bgcolor="#ffffff" valign="bottom" align="center" colspan=2>
+        <br />
+        <input type="button" value="Log In" onClick="send();" />
+       </td>
+      </tr>
+     </table>
+     <!-- End sub-table -->
+
+    </form>
+   </td>
+
+   <!-- Row 4 Column 2 -->
+   <td width=27 background="$iconpath/fillleft.gif"><img src="$iconpath/fillleft.gif" /></td>
+
+   <!-- Row 4 Column 4 -->
+   <td width=27 background="$iconpath/fillright.gif"><img src="$iconpath/fillright.gif" /></td>
+  </tr>
+  <tr>
+
+   <!-- Row 5 Column 1 -->
+   <td bgcolor="#cccccc" valign="middle" align="left">
+     <br />
+     <table border=0 cellspacing=0 cellpadding=0>
+      <tr>
+       <td bgcolor="#cccccc" align="left" valign="top">
+        <small><b>&nbsp;&nbsp;&nbsp;Domain:&nbsp;</b></small>
+       </td>
+       <td bgcolor="#cccccc" align="left" valign="top">
+        <small><tt>&nbsp;$domain</tt></small>
+       </td>
+      </tr>
+      <tr>
+       <td bgcolor="#cccccc" align="left" valign="top">
+        <small><b>&nbsp;&nbsp;&nbsp;Server:&nbsp;</b></small>
+       </td>
+       <td bgcolor="#cccccc" align="left" valign="top">
+        <small><tt>&nbsp;$lonhost ($role)</tt></small>
+       </td>
+      </tr>
+      <tr>
+       <td bgcolor="#cccccc" align="left" valign="top">
+        <small><b>&nbsp;&nbsp;&nbsp;Load:&nbsp;</b></small>
+       </td>
+       <td bgcolor="#cccccc" align="left" valign="top">
+        <small><tt>&nbsp;$loadpercent percent</tt></small>
+       </td>
+      </tr>
+     </table>
+     <br />
+    <small>
+     <b>&nbsp;&nbsp;&nbsp;System Administration:</b><br />
+     <tt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$sysadm</tt><br />
+     <b>&nbsp;&nbsp;&nbsp;Server Administration:</b><br />
+     <tt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$servadm</tt>
+    </small>
+   </td>
+
+   <!-- Row 5 Column 2 -->
+   <td width=27 background="$iconpath/fillleft.gif"><img src="$iconpath/fillleft.gif" /></td>
+
+   <!-- Row 5 Column 3 -->
+   <td width="100%" valign="bottom" bgcolor="#ffffff"><img src="$iconpath/litetext.gif" /><img src="$iconpath/lite.gif" /></td>
+
+   <!-- Row 5 Column 4 -->
+   <td width=27 background="$iconpath/fillright.gif"><img src="$iconpath/fillright.gif" /></td>
+  </tr>
+  <tr>
+
+   <!-- Row 6 Column 1 -->
+   <td bgcolor="#cccccc">&nbsp;</td>
+
+   <!-- Row 6 Column 2 -->
+   <td align="left" background="$iconpath/fillbottom.gif"><img src="$iconpath/lowerleft.gif" /></td>
+
+   <!-- Row 6 Column 3 -->
+   <td background="$iconpath/fillbottom.gif"><img src="$iconpath/fillbottom.gif" /></td>
+
+   <!-- Row 6 Column 4 -->
+   <td align="right" background="$iconpath/fillbottom.gif"><img src="$iconpath/lowerright.gif" /></td>
+  </tr>
  </table>
- <input type=hidden name=lextkey value="$lextkey">
- <input type=hidden name=uextkey value="$uextkey">
- </form>
-
-</td>
-</tr><tr><td bgcolor="#DDDDDD">
-<table border=1 bgcolor="#BBBBBB">
-<tr><td><font size="-1"><b>Domain:</b></font></td>
-    <td><font size="-1"><tt>$domain</tt></font></td>
-    <td rowspan=3><font size="-1"><b>System Administration:</b><br>
-                  <tt>$sysadm</tt><br>
-                  <b>Server Administration:</b><br>
-                  <tt>$servadm</tt></font></td></tr>
-<tr><td><font size="-1"><b>Server:</b></font></td>
-    <td><font size="-1"><tt>$lonhost ($role)</tt></font></td></tr>
-<tr><td><font size="-1"><b>Load:</b></font></td>
-    <td><font size="-1"><tt>$loadpercent</tt> percent</font></td></tr>
-</table>
-</td><td>
-<font size="+1">
-<b>L</b>aboratory&nbsp;for<br>
-<b>I</b>nstructional<br>
-<b>T</b>echnology&nbsp;in<br>
-<b>E</b>ducation</td><td>
-<img src="$iconpath/liteani.gif"></font></td></tr></table>
 </body>
 </html>
+
 ENDDOCUMENT
     return OK;
 } 

--albertel1016047975--