Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 646 | Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1
<?php
2
$this->inlineScript()->captureStart();
3
echo <<<JS
4
jQuery( document ).ready(function( $ ) {
5
 
6
    $.validator.setDefaults({
7
        debug: true,
8
        highlight: function(element) {
9
            $(element).closest('.sn-field').addClass('sn-field-has-error');
10
        },
11
        unhighlight: function(element) {
12
            $(element).closest('.sn-field').removeClass('sn-field-has-error');
13
        },
14
        errorElement: 'div',
15
        errorClass: 'sn-field-invalid-feedback',
16
        errorPlacement: function(error, element) {
17
            if(element.parent('.sn-field').length) {
18
                error.insertAfter(element.parent());
19
            } else if (element.parent('.fgt-sec').length) {
20
                error.insertAfter(element.parent());
21
            } else {
22
                error.insertAfter(element);
23
            }
24
        }
25
    });
26
 
27
    $.fn.showFormErrorValidator = function(fieldname, errors) {
28
        var field = $(fieldname);
29
        if(field) {
30
            $(field).closest('.sn-field').addClass('sn-field-has-error');
31
 
32
            console.log('fieldname = ' + fieldname);
33
            console.log('error = ' + errors[0]);
34
 
35
            var error = $('<div id="' + fieldname +'-error" class="sn-field-invalid-feedback">' + errors + '</div>');
36
            if(field.parent('.sn-field').length) {
37
                error.insertAfter(field.parent());
38
            } else if (field.parent('.fgt-sec').length) {
39
                error.insertAfter(field.parent());
40
            } else {
41
                error.insertAfter(field);
42
            }
43
        }
44
    };
45
 
46
    var validatorSignin = $('#form-signin').validate({
47
        debug: true,
48
        onclick: false,
49
        onkeyup: false,
50
        ignore: [':hidden'],
51
        rules: {
52
            'email': {
53
                required: true,
54
                email: true,
55
                maxlength: 64,
56
            },
57
            'password': {
58
                required: true,
59
                minlength: 5,
60
            },
61
        },
62
        submitHandler: function(form)
63
        {
64
            NProgress.start();
65
            $.ajax({
66
                'dataType'  : 'json',
67
                'accept'    : 'application/json',
68
                'method'    : 'post',
69
                'url'       : $('#form-signin').attr('action'),
70
                'data'      : $('#form-signin').serialize(),
71
             }).done(function(response) {
72
                if(response.success) {
73
                    window.location.href = response.data;
74
                } else {
75
                    if(jQuery.type(response.data) == 'string') {
76
                        $.fn.showError(response.data)
77
                    } else  {
78
                        $.each(response.data, function( fieldname, errors ) {
79
                            $.fn.showFormErrorValidator('#form-signin #' + fieldname, errors);
80
                        });
81
                    }
82
                }
83
            }).fail(function( jqXHR, textStatus, errorThrown) {
84
                NProgress.done();
85
            })
86
        },
87
        invalidHandler: function(form, validator) {
88
        }
89
    });
90
 
91
    var validatorForgotPassword = $('#form-forgot-password').validate({
92
        debug: true,
93
        onclick: false,
94
        onkeyup: false,
95
        ignore: [':hidden'],
96
        rules: {
97
            'email': {
98
                required: true,
99
                email: true,
100
                maxlength: 64,
101
            },
102
        },
103
        submitHandler: function(form)
104
        {
105
            NProgress.start();
106
            $.ajax({
107
                'dataType'  : 'json',
108
                'accept'    : 'application/json',
109
                'method'    : 'post',
110
                'url'       : $('#form-forgot-password').attr('action'),
111
                'data'      : $('#form-forgot-password').serialize(),
112
             }).done(function(response) {
113
                if(response.success) {
114
                    $('#form-forgot-password #email').val('');
115
                    $('ul.sign-control li').first().click();
116
                    $.fn.showSuccess(response.data)
117
                } else {
118
                    if(jQuery.type(response.data) == 'string') {
119
                        $.fn.showError(response.data)
120
                    } else  {
121
                        $.each(response.data, function( fieldname, errors ) {
122
                            $.fn.showFormErrorValidator('#form-forgot-password #' + fieldname, errors);
123
                        });
124
                    }
125
                }
126
            }).fail(function( jqXHR, textStatus, errorThrown) {
127
                NProgress.done();
128
            })
129
        },
130
        invalidHandler: function(form, validator) {
131
        }
132
    });
133
 
134
    var validatorSignup = $('#form-signup').validate({
135
        debug: true,
136
        onclick: false,
137
        onkeyup: false,
138
        ignore: [':hidden'],
139
        rules: {
140
            'first_name': {
141
                required: true,
142
                maxlength: 64,
143
            },
144
            'last_name': {
145
                required: true,
146
                maxlength: 64,
147
            },
148
            'email': {
149
                required: true,
150
                email: true,
151
                maxlength: 64,
152
            },
153
            'password': {
154
                required: true,
155
                minlength: 5,
156
                maxlength: 25,
157
            },
158
            'confirmation' : {
159
                required: true,
160
                minlength: 5,
161
                maxlength: 25,
162
                equalTo: '#form-signup #password'
163
            },
164
            'terms_and_conditions' : {
165
                required: true,
166
            }
167
        },
168
        submitHandler: function(form)
169
        {
170
            NProgress.start();
171
            $.ajax({
172
                'dataType'  : 'json',
173
                'method'    : 'post',
174
                'url'       : $('#form-signup').attr('action'),
175
                'data'      : $('#form-signup').serialize()
176
             }).done(function(response) {
177
                if(response.success) {
178
                    $('#form-signup #first_name').val('');
179
                    $('#form-signup #last_name').val('');
180
                    $('#form-signup #email').val('');
181
                    $('#form-signup #password').val('');
182
                    $('#form-signup #confirmation').val('');
183
                    $('#form-signup #type').val('');
184
                    $('#form-signup #terms_and_conditions').prop('checked', false);
185
 
186
                    $('ul.sign-control li').first().click();
187
                    $.fn.showSuccess(response.data)
188
                } else {
189
                    if(jQuery.type(response.data) == 'string') {
190
                        $.fn.showError(response.data)
191
                    } else  {
192
                        $.each(response.data, function( fieldname, errors ) {
193
                            $.fn.showFormErrorValidator('#form-signup #' + fieldname, errors);
194
                        });
195
                    }
196
                }
197
            }).fail(function( jqXHR, textStatus, errorThrown) {
198
                NProgress.done();
199
            })
200
        },
201
        invalidHandler: function(form, validator) {
202
        }
203
    });
204
 
205
    $('#form-signin #password').attr('type','password');
206
 
207
});
208
JS;
209
$this->inlineScript()->captureEnd();
210
 
211
 
212
 
213
 
214
?>
215
<div class="signin-popup">
216
	<div  class="signin-pop">
217
		<div class="row">
218
			<div class="col-lg-6">
219
				<div class="cmp-info">
220
					<div class="cm-logo">
221
						<img src="<?php echo $this->basePath('images/logo428x120.png') ?>" alt="">
222
						<p>LABEL_WELCOME</p>
223
						<p>LABEL_WELCOME_2</p>
224
					</div>
225
					<!--cm-logo end-->
226
				</div><!--cmp-info end-->
227
			</div>
228
 
229
			<div class="col-lg-6">
230
				<div class="login-sec">
231
					<ul class="sign-control">
232
						<li data-tab="tab-1" class="current"><a href="#" title="">LABEL_SIGNIN</a></li>
233
						<li data-tab="tab-2"><a href="#" title="">LABEL_SIGNUP</a></li>
234
					    <li data-tab="tab-3"><a href="#" title="">LABEL_FORGOT_MY_PASSWORD</a></li>
235
					</ul>
236
 
237
					<div class="sign_in_sec current" id="tab-1">
238
 
239
					    <h3><?php echo $this->translate('Entrar') ?></h3>
240
 
241
						<?php
242
        				$form = $this->formSignIn;
243
        				$form->setAttributes([
244
        				    'method'    => 'post',
245
        				    'action'    => $this->url('signin'),
246
        				    'name'      => 'form-signin',
247
        				    'id'        => 'form-signin'
248
        				]);
249
 
250
        				$form->prepare();
251
        				echo $this->form()->openTag($form);
252
 
253
        				$element = $form->get('csrf');
254
        				echo $this->formHidden($element);
255
                        ?>
256
   						<div class="row">
257
							<div class="col-lg-12 no-pdd">
258
								<div class="sn-field">
259
                                	<?php
260
                                    $element = $form->get('email');
261
                                    $element->setAttributes([
262
                                        'placeholder' => $this->translate('LABEL_EMAIL'),
263
 
264
                                    ]);
265
                                    echo $this->formText($element);
266
                                    ?>
267
    								<i class="la la-envelope"></i>
268
								</div><!--sn-field end-->
269
                            </div>
270
                            <div class="col-lg-12 no-pdd">
271
                       			<div class="sn-field">
272
                            		<?php
273
                                    $element = $form->get('password');
274
                                    $element->setAttributes([
275
                                        'placeholder' => $this->translate('LABEL_PASSWORD'),
276
 
277
                                    ]);
278
                                    echo $this->formText($element);
279
                                    ?>
280
                                	<i class="la la-lock"></i>
281
                          		</div>
282
                            </div>
283
 
284
                            <div class="col-lg-12 no-pdd">
285
                       			<div class="sn-field">
286
                            		<?php
287
                                    $element = $form->get('captcha');
288
                                    echo $this->formRow($element);
289
                                    ?>
290
                          		</div>
291
                            </div>
292
                            <div class="col-lg-12 no-pdd">
293
                          		<div class="checky-sec">
294
                               		<div class="fgt-sec">
295
                          			<?php
296
                                        $element = $form->get('remember');
297
                                        $element->setAttributes([
298
                                            'placeholder' => $this->translate('Checkbox'),
299
 
300
                                        ]);
301
                                        echo $this->formCheckbox($element);
302
                                        ?>
303
                                  		<label for="signin_remember">
304
                                    		<span></span>
305
                                  		</label>
306
                                  		<small><?php echo $this->translate('LABEL_REMEMBER_ME') ?></small>
307
                                	</div><!--fgt-sec end-->
308
                          		</div>
309
                            </div>
310
                            <div class="col-lg-12 no-pdd">
311
                           		<button type="submit" value="submit">LABEL_SIGNIN</button>
312
                            </div>
313
      					</div>
314
                        <?php echo $this->form()->closeTag($form); ?>
315
 
316
                        <div class="login-resources">
317
                        <h4><?php echo $this->translate('LABEL_SIGNIN_USING_SOCIAL_NETWORKS') ?></h4>
318
                          <ul>
319
                            <li><a href="#" title="" class="fb"><i class="fa fa-facebook"></i> <?php echo $this->translate('LABEL_FACEBOOK') ?></a></li>
320
                            <!-- <li><a href="#" title="" class="tw"><i class="fa fa-twitter"></i>Login Via Twitter</a></li> -->
321
                          </ul>
322
                        </div><!--login-resources end-->
323
 
324
 
325
					</div>
326
 
327
					<div class="sign_in_sec" id="tab-2">
328
						<h3><?php echo $this->translate('Registrame') ?></h3>
329
						<?php
330
					   $form = $this->formSignUp;
331
        				$form->setAttributes([
332
        				    'method'    => 'post',
333
        				    'action'    => $this->url('signup'),
334
        				    'name'      => 'form-signup',
335
        				    'id'        => 'form-signup'
336
        				]);
337
 
338
        				$form->prepare();
339
        				echo $this->form()->openTag($form);
340
 
341
        				$element = $form->get('csrf');
342
        				echo $this->formHidden($element);
343
                        ?>
344
 
345
						<form name="form-signup" id="form-signup" action="<?php echo $this->url('signup')?>" method="post">
346
							<div class="row">
347
								<div class="col-lg-12 no-pdd">
348
									<div class="sn-field">
349
										<?php
350
                                        $element = $form->get('email');
351
                                        $element->setAttributes([
352
                                            'placeholder' => $this->translate('LABEL_EMAIL'),
353
 
354
                                        ]);
355
                                        echo $this->formText($element);
356
                                        ?>
357
										<i class="la la-envelope"></i>
358
									</div><!--sn-field end-->
359
								</div>
360
 
361
								<div class="col-lg-12 no-pdd">
362
    								<div class="sn-field">
363
    									<?php
364
                                        $element = $form->get('first_name');
365
                                        $element->setAttributes([
366
                                            'placeholder' => $this->translate('LABEL_FIRST_NAME'),
367
 
368
                                        ]);
369
                                        echo $this->formText($element);
370
                                        ?>
371
    									<i class="la la-user"></i>
372
    								</div>
373
    							</div>
374
								<div class="col-lg-12 no-pdd">
375
									<div class="sn-field">
376
										<?php
377
                                        $element = $form->get('last_name');
378
                                        $element->setAttributes([
379
                                            'placeholder' => $this->translate('LABEL_LAST_NAME'),
380
 
381
                                        ]);
382
                                        echo $this->formText($element);
383
                                        ?>
384
										<i class="la la-user"></i>
385
									</div>
386
								</div>
387
 
388
								<div class="col-lg-12 no-pdd">
389
									<div class="sn-field">
390
									    <?php
391
                                        $element = $form->get('password');
392
                                        $element->setAttributes([
393
                                            'placeholder' => $this->translate('LABEL_PASSWORD'),
394
 
395
                                        ]);
396
                                        echo $this->formPassword($element);
397
                                        ?>
398
										<i class="la la-lock"></i>
399
									</div>
400
								</div>
401
								<div class="col-lg-12 no-pdd">
402
									<div class="sn-field">
403
										<?php
404
                                        $element = $form->get('confirmation');
405
                                        $element->setAttributes([
406
                                            'placeholder' => $this->translate('LABEL_CONFIRMATION'),
407
 
408
                                        ]);
409
                                        echo $this->formPassword($element);
410
                                        ?>
411
										<i class="la la-lock"></i>
412
									</div>
413
								</div>
414
 
415
								<div class="col-lg-12 no-pdd">
416
                           			<div class="sn-field">
417
                                		<?php
418
                                        $element = $form->get('captcha');
419
                                        echo $this->formRow($element);
420
                                        ?>
421
                              		</div>
422
                            	</div>
423
 
424
								<div class="col-lg-12 no-pdd">
425
									<div class="checky-sec st2">
426
										<div class="fgt-sec">
427
											<?php
428
                                            $element = $form->get('terms_and_conditions');
429
                                            echo $this->formCheckbox($element);
430
                                            ?>
431
											<label for="terms_and_conditions">
432
												<span></span>
433
											</label>
434
											<small><?php echo $this->translate('LABEL_ACCEPT_TERMS_AND_CONDITIONS'); ?></small>
435
										</div><!--fgt-sec end-->
436
									</div>
437
								</div>
438
 
439
 
440
								<div class="col-lg-12 no-pdd">
441
									<button type="submit" value="submit">LABEL_SIGNUP</button>
442
								</div>
443
							</div>
444
						<?php echo $this->form()->closeTag($form); ?>
445
					</div>
446
 
447
					<div class="sign_in_sec" id="tab-3">
448
 
449
						<h3>LABEL_FORGOT_MY_PASSWORD</h3>
450
						<?php
451
					    $form = $this->formForgotPassword;
452
        				$form->setAttributes([
453
        				    'method'    => 'post',
454
        				    'action'    => $this->url('forgot-password'),
455
        				    'name'      => 'form-forgot-password',
456
        				    'id'        => 'form-forgot-password'
457
        				]);
458
 
459
        				$form->prepare();
460
        				echo $this->form()->openTag($form);
461
 
462
        				$element = $form->get('csrf');
463
        				echo $this->formHidden($element);
464
                        ?>
465
                        <form name="form-forgot-password" id="form-forgot-password" action="<?php echo $this->url('forgot-password') ?>" method="post">
466
							<div class="row">
467
                   				<div class="col-lg-12 no-pdd">
468
                    				<div class="sn-field">
469
                    					<?php
470
                                        $element = $form->get('email');
471
                                        $element->setAttributes([
472
                                            'placeholder' => $this->translate('LABEL_EMAIL'),
473
 
474
                                        ]);
475
                                        echo $this->formText($element);
476
                                        ?>
477
                    					<i class="la la-envelope"></i>
478
                    				</div><!--sn-field end-->
479
                  				</div>
480
 
481
                  				<div class="col-lg-12 no-pdd">
482
                           			<div class="sn-field">
483
                                		<?php
484
                                        $element = $form->get('captcha');
485
                                        echo $this->formRow($element);
486
                                        ?>
487
                              		</div>
488
                                </div>
489
 
490
 
491
                            	<div class="col-lg-12 no-pdd">
492
                              		<button type="submit" value="submit"><?php echo $this->translate('LABEL_NEW_PASSWORD') ?></button>
493
                            	</div>
494
                    		  </div>
495
                        <?php echo $this->form()->closeTag($form); ?>
496
					</div>
497
 
498
				</div>
499
			</div>
500
		</div>
501
 
502
	</div>
503
</div>
504