diff options
Diffstat (limited to 'modules')
| -rw-r--r-- | modules/auth/css/login.css | 44 | ||||
| -rw-r--r-- | modules/auth/js/login.js | 68 | ||||
| -rw-r--r-- | modules/auth/views/login.html.php | 25 |
3 files changed, 137 insertions, 0 deletions
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 |