latest updates
[namibia] / public / templates / page / login.html
1 <link rel="stylesheet" href="/css/app/home.css">
2 <link rel="stylesheet" href="/css/app/mobile_small.css">
3 <link rel="stylesheet" href="/css/app/login.css">
4 <div class="row-fluid">
5         <div class="span12">
6                 <center>
7                 <h2 class="head-b-i">Login to Bid4Cars</h2>
8                 <p id="loginTerms">By clicking login I agree to the <a href="/documents/Registration_Terms_and_Conditions.pdf" target="_blank">Terms & Conditions</a></p>
9                 </center>
10                 <div id="theNotLoginBox" class="box-login hide">
11                         <div class="box-login-header">
12                                 Browser Version Incompatibility
13                         </div>
14                         <div class="box-login-body">
15                                 <p>
16                                         This site will not work as intended on this version of Internet Explorer.
17                                         Please download IE 9 from
18                                         <a target="_blank" href="http://www.microsoft.com/southafrica/ie9/">http://www.microsoft.com/southafrica/ie9/</a>
19                                 </p>
20                                 <br/><br/>
21                         </div>
22                 </div>
23                 <div id="theLoginBox" class="box-login">
24                         <div class="box-login-header">
25                                 User Login
26                         </div>
27                         <div class="box-login-body">
28                                 <form id="frmLogin" class="form form-modal">
29                                 <input class="field" id="postUrl" type="hidden" value="">
30                                 <input class="field" id="postID" type="hidden" value="">
31                                         <br/>
32                                         <div class="control-group left-padding stack">
33                                                 <div class="input-prepend login-input">
34                                                         <span class="add-on"><i class="icon-user icon-white"></i></span><input class="field"
35                                                         id="email" name="email" type="text" placeholder="email"
36                                                         value="">
37                                                 </div>
38                                                 <div id="visiblePin" class="input-prepend">
39                                                         <span class="add-on"><i class="icon-asterisk icon-white"></i></span><input class="field"
40                                                         id="pin" name="pin" type="text" placeholder="pin">
41                                                 </div>
42                                                 <div id="maskedPin" class="input-prepend hide">
43                                                         <span class="add-on"><i class="icon-asterisk icon-white"></i></span><input class="field"
44                                                         id="mpin" name="mpin" type="password" placeholder="pin">
45                                                 </div>
46                                         </div>
47                                         <span id="login-fail" class="pull-right"
48                                                 data-content=""></span>
49                                         <br/>
50                                         <span>
51                                                 <div class="pull-right">
52                                                         <a href="/#/forgot" class="btn-forget white">Forgot details?</a>
53                                                 </div>
54                                                 <div class="control-group left-padding">
55                                                         <div id="togglePassword" class="make-switch switch-small" data-on="dark" data-off="success"
56                                                                  data-on-label="ABC" data-off-label="****">
57                                                             <input id="togglePasswordCheck" type="checkbox" class="no-mod" checked>
58                                                         </div>
59                                                 </div>
60                                                 <br/>
61                                         </span>
62
63                                         <div class="control-group left-padding">
64                                                 <label class="checkbox" for="rememberMe">
65                                                         <input type="checkbox" id="rememberMe" name="rememberMe" checked>
66                                                         <div>Remember me on this computer</div>
67                                                 </label>
68                                         </div>
69                                         <br/>
70                                         <button type="submit" class="btn btn-width" id="btnLogin">Login</button>
71                                         <br/>&nbsp;
72                                 </form>
73                         </div>
74                 </div>
75         </div>
76 </div>
77 <input class="field" id="postUrl" name="postUrl" type="hidden" value="">
78 <input class="field" id="postID" name="postID" type="hidden" value="">
79
80 <div class="footerSec navbar-fixed-bottom"><!--footerSec-->
81     <div class="footer">
82     <ul class="fmenu">
83             <li><a href="/" title="">Home</a></li>
84             <li><a href="/#/about_us" title="">ABOUT US</a></li>
85             <li><a href="/documents/Terms_and_Conditions.pdf" title="" target="_blank">Terms &amp; Conditions</a></li>
86                                     <li><a href="/documents/Legal_Notice.pdf" title="" target="_blank">Legal Notice</a></li>
87                                     <li><a href="/documents/Privacy_Policy.pdf" title="" target="_blank">Privacy Policy</a></li>
88             <li><a href="/#/faq" title="">FAQ</a></li>
89             <li><a href="/#/contact_us" title="">CONTACT US</a></li>
90             <br/>
91             <p><font size=3 color="#ffffff">Contact Bid4Cars at william@bid4cars.com.na</font></p>
92     </ul>
93     <div class="footer_rgt">
94             <ul>
95                <!--     <li><img src="/imgs/logo-imperial.png" alt="" /></li> 
96                                 <li><a href="/#" title=""><img src="/images/flag01.png" alt="" /></a></li> -->
97                                 <li><a href="/#" title=""><img src="/images/flag02.png" alt="" /></a></li>
98             </ul>
99             <div class="sig"><a href="/#/register" title="">Sign up</a></div>
100     </div>
101     </div>
102 </div><!--/footerSec-->
103
104 <script>
105         // Limit scope pollution from any deprecated API
106         (function() {
107
108         var matched, browser;
109
110         // Use of jQuery.browser is frowned upon.
111         // More details: http://api.jquery.com/jQuery.browser
112         // jQuery.uaMatch maintained for back-compat
113         jQuery.uaMatch = function( ua ) {
114                 ua = ua.toLowerCase();
115
116                 var match = /(chrome)[ \/]([\w.]+)/.exec( ua ) ||
117                         /(webkit)[ \/]([\w.]+)/.exec( ua ) ||
118                         /(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) ||
119                         /(msie) ([\w.]+)/.exec( ua ) ||
120                         ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) ||
121                         [];
122
123                 return {
124                         browser: match[ 1 ] || "",
125                         version: match[ 2 ] || "0"
126                 };
127         };
128
129         matched = jQuery.uaMatch( navigator.userAgent );
130         browser = {};
131
132         if ( matched.browser ) {
133                 browser[ matched.browser ] = true;
134                 browser.version = matched.version;
135         }
136
137         // Chrome is Webkit, but Webkit is also Safari.
138         if ( browser.chrome ) {
139                 browser.webkit = true;
140         } else if ( browser.webkit ) {
141                 browser.safari = true;
142         }
143
144         //jQuery.browser = browser;
145
146         jQuery.sub = function() {
147                 function jQuerySub( selector, context ) {
148                         return new jQuerySub.fn.init( selector, context );
149                 }
150                 jQuery.extend( true, jQuerySub, this );
151                 jQuerySub.superclass = this;
152                 jQuerySub.fn = jQuerySub.prototype = this();
153                 jQuerySub.fn.constructor = jQuerySub;
154                 jQuerySub.sub = this.sub;
155                 jQuerySub.fn.init = function init( selector, context ) {
156                         if ( context && context instanceof jQuery && !(context instanceof jQuerySub) ) {
157                                 context = jQuerySub( context );
158                         }
159
160                         return jQuery.fn.init.call( this, selector, context, rootjQuerySub );
161                 };
162                 jQuerySub.fn.init.prototype = jQuerySub.fn;
163                 var rootjQuerySub = jQuerySub(document);
164                 return jQuerySub;
165         };
166
167         })();
168 </script>
169
170
171 <script type="text/javascript">
172
173 function setCookie(c_name, value, exdays)
174 {
175         var exdate = new Date();
176         exdate.setDate(exdate.getDate() + exdays);
177         var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
178         document.cookie=c_name + "=" + c_value;
179 }
180
181 $(document).ready(function()
182 {
183   $("#pin").change(function () {
184     $("#mpin").val($("#pin").val());
185   });
186   $("#mpin").change(function () {
187     $("#pin").val($("#mpin").val());
188   });
189         $('#togglePassword').bootstrapSwitch();
190         $('#togglePassword').bootstrapSwitch('setSizeClass', 'switch-mini');
191         $('#togglePassword').on('switch-change', function (e, data) {
192                 var $el = $(data.el),
193                 value = data.value;
194             if (value)
195             {
196                 $("#visiblePin").show();
197                 $("#maskedPin").hide();
198             }
199             else
200             {
201                 $("#visiblePin").hide();
202                 $("#maskedPin").show();
203             }
204         });
205 });
206
207
208
209 </script>