From 8858b957b05f9673ed29b6ad941cbeaefd29cd13 Mon Sep 17 00:00:00 2001
From: Tim Almdal <tnalmdal@shaw.ca>
Date: Mon, 10 Nov 2008 03:17:56 +0000
Subject: The start of the login functionality.  It shows the login popup but
 doesn't do anything else.  Just got tire of my changes being clobbered :-)

---
 modules/auth/css/login.css        | 44 +++++++++++++++++++++++++
 modules/auth/js/login.js          | 68 +++++++++++++++++++++++++++++++++++++++
 modules/auth/views/login.html.php | 25 ++++++++++++++
 3 files changed, 137 insertions(+)
 create mode 100644 modules/auth/css/login.css
 create mode 100644 modules/auth/js/login.js
 create mode 100644 modules/auth/views/login.html.php

(limited to 'modules/auth')

diff --git a/modules/auth/css/login.css b/modules/auth/css/login.css
new file mode 100644
index 00000000..6aff3e80
--- /dev/null
+++ b/modules/auth/css/login.css
@@ -0,0 +1,44 @@
+@CHARSET "UTF-8";
+#backgroundPopup {  
+	display:none;  
+	position:fixed;  
+	_position:absolute; /* hack for internet explorer 6*/  
+	height:100%;  
+	width:100%;  
+	top:0;  
+	left:0;  
+	background:#000000;  
+	border:1px solid #cecece;  
+	z-index:1;  
+}  
+#gLoginPopup {  
+	display:none;  
+	position:fixed;  
+	_position:absolute; /* hack for internet explorer 6*/  
+	height:384px;  
+	width:408px;  
+	background:#FFFFFF;  
+	border:2px solid #cecece;  
+	z-index:2;  
+	padding:12px;  
+	font-size:13px;  
+}  
+#gLoginPopup h1 {  
+	text-align:left;  
+	color:#6FA5FD;  
+	font-size:22px;  
+	font-weight:700;  
+	border-bottom:1px dotted #D3D3D3;  
+	padding-bottom:2px;  
+	margin-bottom:20px;  
+}  
+#gLoginPopupClose {  
+	font-size:14px;  
+	line-height:14px;  
+	right:6px;  
+	top:4px;  
+	position:absolute;  
+	color:#6fa5fd;  
+	font-weight:700;  
+	display:block;  
+}  
\ No newline at end of file
diff --git a/modules/auth/js/login.js b/modules/auth/js/login.js
new file mode 100644
index 00000000..db344d6f
--- /dev/null
+++ b/modules/auth/js/login.js
@@ -0,0 +1,68 @@
+//SETTING UP OUR POPUP
+//0 means disabled; 1 means enabled;
+var popupStatus = 0;
+
+//loading popup with jQuery magic!
+function loadPopup(){
+  //loads popup only if it is disabled
+  if(popupStatus==0){
+    $("#backgroundPopup").css({"opacity": "0.7"});
+    $("#backgroundPopup").fadeIn("slow");
+    $("#gLoginPopup").fadeIn("slow");
+    popupStatus = 1;
+  }
+}
+
+//disabling popup with jQuery magic!
+function disablePopup(){
+  //disables popup only if it is enabled
+  if(popupStatus==1){
+    $("#backgroundPopup").fadeOut("slow");
+    $("#gLoginPopup").fadeOut("slow");
+    popupStatus = 0;
+  }
+}
+
+//centering popup
+function centerPopup(){
+  //request data for centering
+  var windowWidth = document.documentElement.clientWidth;
+  var windowHeight = document.documentElement.clientHeight;
+  var popupHeight = $("#gLoginPopup").height();
+  var popupWidth = $("#gLoginPopup").width();
+  //centering
+  $("#gLoginPopup").css({
+    "position": "absolute",
+    "top": windowHeight/2-popupHeight/2,
+    "left": windowWidth/2-popupWidth/2
+  });
+  //only need force for IE6
+  $("#backgroundPopup").css({"height": windowHeight});
+}
+
+$(document).ready(function(){
+  //LOADING POPUP
+  //Click the button event!
+  $("#login").click(function(){
+    //centering with css
+    centerPopup();
+    //load popup
+    loadPopup();
+  });
+  //CLOSING POPUP
+  //Click the x event!
+  $("#gLoginPopupClose").click(function() {
+    disablePopup();
+  });
+  //Click out event!
+  $("#backgroundPopup").click(function() {
+    disablePopup();
+  });
+  //Press Escape event!
+  $(document).keypress(function(e) {
+    if(e.keyCode==27 && popupStatus==1) {
+      disablePopup();
+    }
+  });
+});
+
diff --git a/modules/auth/views/login.html.php b/modules/auth/views/login.html.php
new file mode 100644
index 00000000..e2489db4
--- /dev/null
+++ b/modules/auth/views/login.html.php
@@ -0,0 +1,25 @@
+<div id="gLoginMenu">
+  <? if ($logged_in == false): ?>
+    <a href="<?=url::site("user/register") ?>"><?= _("Register") ?></a> |
+    <a href="#" id="login">Login</a>
+
+    <!-- @todo need a better way to get the javascript into the page. -->
+    <script type="text/javascript" src="<?=url::base() . "modules/auth/js/login.js" ?>"></script>
+    <!-- @todo integrate this into the theme. -->
+    <link rel="stylesheet" type="text/css" href="<?=url::base() . "modules/auth/css/login.css" ?>" media="screen,print,projection" />
+    <div id="gLoginPopup">
+      <a id="gLoginPopupClose">x</a>  
+      <form id="gLogin" style="display:none;">
+        <label for="username">Username</label>
+        <input type="text" class="text" id="username" />
+        <label for="password">Password</label>
+        <input type="password" class="password" id="password" />
+        <input type="submit" class="submit" value="<?= url::site("auth/login") ?>" />
+      </form>
+    </div>
+  <? else: ?>
+    <a href="<?=url::site("auth/logout") ?>"><?= _("Logout") ?></a>
+  <? endif ?>
+
+
+</div>
\ No newline at end of file
-- 
cgit v1.2.3