https://rentalapp.pacificagrentals.com/customerportal/login.show

1
2
3
4
5
6
7
8
9
10
11
12
13
14<html lang="en" >
15<head>
16
17<!-- Bootstrapping -->
18	<meta charset="utf-8"/>
19	<meta name="viewport" content="width=device-width, initial-scale=1"/>
20	
21	<link id="favicon-icon" rel="shortcut icon" href="images/favicon.png">
22	
23	

23<script src="themes/appui/js/vendor/jquery-2.2.4.min.js"></script>

23
24
25<!-- AppUI -  from foresttheme https://demo.pixelcave.com/appui v2.9-->
26
27	<link rel="stylesheet" href="themes/appui/css/bootstrap.min.css">
28	<link rel="stylesheet" href="themes/appui/css/plugins.css">
29	<link rel="stylesheet" href="themes/appui/css/main.css">
30	<link rel="stylesheet" href="themes/appui/css/themes.css">
31	<link rel="stylesheet" href="themes/appui/css/themes/classy.css">   <!-- /none/ amethyst classy creme flat* passion social -->
32	

32<script src="themes/appui/js/vendor/modernizr-3.3.1.min.js"></script>

32
33
34<!-- AppUI -->
35
36
37	<link href="https://necolas.github.io/normalize.css/7.0.0/normalize.css" rel="stylesheet" type="text/css">
38	<link href="themes/bootstrap/appCss/appWithBootstrap.css" rel="stylesheet" type="text/css">
39
40	<meta http-equiv="content-type" content="text/html; charset=windows-1252">
41	<meta http-equiv="Content-Style-Type" content="text/css">
42	<meta http-equiv="Pragma" content="no-cache">
43	<meta http-equiv="expires" content="0">
44	

44<script src="themes/custom/js/init-hook.js"></script>

44
45	

45<script type="text/javascript">
46		document.addEventListener("DOMContentLoaded", function(event) {
47			customDocumentReady();
48		});
49		window.onload = function() {
50			customBodyOnLoad();
51		}
52	</script>

52
53
54
55
56<title>
57	
58	
59		Customer Portal
60    
61	 - Login
62</title>   
63
64</head> 
65
66
67<body>   
68
69<div id="login-container" class="custom-style-hook">
70
71
72
73	<!-- B O D Y -->
74	<!-- =========== -->
75	
76
77	<div class="block animation-fadeInQuickInv">
78
79		
80
81
82
83
84
85
86
87
88
89
90

91<script type="text/javascript" src="themes/mobile/js/lib/js.cookie-2.1.3.min.js" ></script>

91
92
93<script src="https://www.google.com/recaptcha/api.js" async defer></script>

94<link href="themes/custom/css/style-hook.css" rel="stylesheet" type="text/css">
95
96
97<form id="form-login" class="form-horizontal" name="login" action="login.do" method="post">
98
99	<input type="hidden" name="languageCode" id="languageCodeId"/>
100
101
102    	<!-- W E L C O M E -->
103    	<div class="form-group">
104	   	<div class="col-xs-12"
105	   			style="text-align:center; margin-top: -10px; margin-left: -8px">
106	   			<img class="img-responsive" src="images/companyLogo.png" alt="Wynne Systems Logo" style="width:30%; padding-bottom: 20px"/>
107			
108				<h4 id="welcome_application" style="font-weight:bold">Welcome to Pacific Ag Rentals Customer Portal</h4>
109			
110			<h6 id="welcome_info" style="display: none" >The place for all your rental needs</h6>
111			
112	   	</div>
113	   	</div>
114
115<div class="block-title" style="margin-top:5px">
116	<div class="block-options pull-right">
117	</div>
118	<h2>Log In</h2>
119</div>
120
121	   	
122    	<div class="form-group">
123	   		<!-- E R R O R - 1 -->
124		   	<div class="col-xs-12">
125				
126		   	</div>
127
128	   		<!-- E R R O R - 2 -->
129		   	<div class="col-xs-12">
130				
131		   	</div>
132	   	</div>
133
134	   	
135	   	<!-- U S E R  /  P A S S W O R D   F O R M -->
136    	<div class="form-group">
137	    	<div class="col-xs-12">
138			    <input tabIndex="1" type="email" name="userName" id="userName" size="20" maxlength="70" 
139			    		value="" class="form-control"
140			    		placeholder="Enter your email address" required autofocus>
141	    	</div>
142    	</div>
143    	
144    	
145    	<div class="form-group">
146	    	<div class="col-xs-12">
147			    <input name="password" size="20" id="password" class="form-control" tabIndex="2" type="password" maxlength="30" placeholder="Enter your password" required>
148	    	</div>
149    	</div>
150
151    
152
153    <div class="form-group">
154	    	<div class="col-xs-12 text-right">
155	    		<input class="btn btn-effect-ripple btn-sm btn-success" tabIndex="3" class="inputButton" type="submit" value="Log In" name="loginbutton">
156	    	</div>
157    	</div>
158    	
159
160		
161
162    	<div class="form-group" id="other-action">
163	    	<div class="col-xs-12"
164	    			style="margin-bottom:7px;font-size:0.95em">
165				Are you a new user?&nbsp;<a href="enterAuthCode.do?mode=new">Click here for help</a>
166			</div>
167	    	<div class="col-xs-12"
168	    			style="margin-bottom:7px;font-size:0.95em">
169				Don't remember your password?&nbsp;<a href="resetPassword.show">Click here for help</a>
170	    	</div>
171    	</div>
172
173		
174
175
176	<input type="hidden" name="languageCode" id="languageCodeId"/>
177
178</form>
179

180<script>
181
182    /*$("form").submit(function(event) {
183        var recaptcha = $("#g-recaptcha-response").val();
184        if (recaptcha === "") {
185            event.preventDefault();
186            alert("Please check the recaptcha");
187        }
188    });*/
189</script>

189
190

191<script>
192
193    var langCookieKey = "WYNNE_CFA_LANG";
194    var cookieLang = Cookies.get( langCookieKey );
195
196    console.log( 'cookieLang: ' + cookieLang );
197    console.log( 'localStorageLang: ' + localStorage.getItem( "languageCode"  ) );
198
199    var langCode;
200
201    if( cookieLang != null && cookieLang.length > 1 ) {
202        //console.log( 'setting :navigatorLang: to= ' + cookieLang );
203        //navigatorLang = cookieLang;
204        langCode = cookieLang;
205    }
206
207// 1) User Preference / Historical
208//langCode = localStorage.getItem( "languageCode" );
209
210// 2) Browser Preference
211var navigatorLang = navigator.language || navigator.userLanguage || navigator.browserLanguage; 
212
213console.log( navigator.language + ' - ' + navigator.userLanguage + ' - ' +  navigator.browserLanguage );
214    //navigatorLang = cookieLang;
215console.log( 'navigatorLang: ' + navigatorLang );
216
217
218if( langCode == null ) {
219    console.log( 'selecting from navigator language..' );
220	switch (navigatorLang){
221		case 'en-US':
222			langCode = "ENU";
223			localStorage.setItem( "languageCode", langCode );
224			break;
225        case 'fr': //French
226            langCode = "FRA";
227            localStorage.setItem( "languageCode", langCode );
228            break;
229		case 'fr-FR': //French (France)
230			langCode = "FRA";
231			localStorage.setItem( "languageCode", langCode );
232			break;
233        case 'fr-CA': //French (Canadian)
234            langCode = "FRC";
235            localStorage.setItem( "languageCode", langCode );
236            break;
237		case 'es-MX':
238			langCode = "ESM";
239			localStorage.setItem( "languageCode", langCode );
240			break;
241		default:
242			langCode = "ENU";
243			localStorage.setItem( "languageCode", langCode );
244	}
245}
246
247langCode = localStorage.getItem( "languageCode" );
248
249if( langCode == "ENU" ) {
250	$('#languageCheckBox').prop('checked', true);
251} else {
252	$('#languageCheckBox').prop('checked', false);
253	console.log( '-' );
254}
255
256    console.log( 'Old: ' + $('#languageCodeId' ).val() );
257
258$('#languageCodeId').val( langCode );
259
260    console.log( 'New: ' + $('#languageCodeId' ).val() );
261
262
263</script>

263
264
265
266	</div>
267
268
269</div>
270
271
272    <!-- jQuery, Bootstrap, jQuery plugins and Custom JS code -->
273    

273<script src="themes/appui/js/vendor/jquery-2.2.4.min.js"></script>

273
274    

274<script src="themes/appui/js/vendor/bootstrap.min.js"></script>

274
275	

275<script src="themes/appui/js/plugins.js"></script>

275
276	

276<script src="themes/appui/js/app.js"></script>

276
277
278
279</body>
280</html>