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">
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>
10 <div id="theNotLoginBox" class="box-login hide">
11 <div class="box-login-header">
12 Browser Version Incompatibility
14 <div class="box-login-body">
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>
23 <div id="theLoginBox" class="box-login">
24 <div class="box-login-header">
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="">
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"
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">
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">
47 <span id="login-fail" class="pull-right"
48 data-content=""></span>
51 <div class="pull-right">
52 <a href="/#/forgot" class="btn-forget white">Forgot details?</a>
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>
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>
70 <button type="submit" class="btn btn-width" id="btnLogin">Login</button>
77 <input class="field" id="postUrl" name="postUrl" type="hidden" value="">
78 <input class="field" id="postID" name="postID" type="hidden" value="">
80 <div class="footerSec navbar-fixed-bottom"><!--footerSec-->
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 & 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>
91 <p><font size=3 color="#ffffff">Contact Bid4Cars at william@bid4cars.com.na</font></p>
93 <div class="footer_rgt">
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>
99 <div class="sig"><a href="/#/register" title="">Sign up</a></div>
102 </div><!--/footerSec-->
105 // Limit scope pollution from any deprecated API
108 var matched, browser;
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();
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 ) ||
124 browser: match[ 1 ] || "",
125 version: match[ 2 ] || "0"
129 matched = jQuery.uaMatch( navigator.userAgent );
132 if ( matched.browser ) {
133 browser[ matched.browser ] = true;
134 browser.version = matched.version;
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;
144 //jQuery.browser = browser;
146 jQuery.sub = function() {
147 function jQuerySub( selector, context ) {
148 return new jQuerySub.fn.init( selector, context );
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 );
160 return jQuery.fn.init.call( this, selector, context, rootjQuerySub );
162 jQuerySub.fn.init.prototype = jQuerySub.fn;
163 var rootjQuerySub = jQuerySub(document);
171 <script type="text/javascript">
173 function setCookie(c_name, value, exdays)
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;
181 $(document).ready(function()
183 $("#pin").change(function () {
184 $("#mpin").val($("#pin").val());
186 $("#mpin").change(function () {
187 $("#pin").val($("#mpin").val());
189 $('#togglePassword').bootstrapSwitch();
190 $('#togglePassword').bootstrapSwitch('setSizeClass', 'switch-mini');
191 $('#togglePassword').on('switch-change', function (e, data) {
192 var $el = $(data.el),
196 $("#visiblePin").show();
197 $("#maskedPin").hide();
201 $("#visiblePin").hide();
202 $("#maskedPin").show();