vendor/uvdesk/core-framework/Resources/views/forgotPassword.html.twig line 1

Open in your IDE?
  1. {% extends "@UVDeskCoreFramework//Templates//layout.html.twig" %}
  3. {% block title %}Forgot Password{% endblock %}
  5. {% set recaptchaDetail = recaptcha_service.getRecaptchaDetails() %}
  7. {% block templateCSS %}
  8.     <style>
  9.         #loginForm h1 {
  10.             font-size: 28px;
  11.             color: #6F6F6F;
  12.             font-weight: 600;
  13.             margin: 0px 0px 10px 0px;
  14.         }
  16.         .forgot-password-cta {
  17.             position: absolute;
  18.             font-size: 15px !important;
  19.             right: 0px;
  20.             top: 0px;
  21.         }
  22.     </style>
  23. {% endblock %}
  25. {% block pageWrapper %}
  26.     <div class="uv-large-box-plank">
  27.         <div class="uv-large-box-rt">
  28.             <div class="uv-center-box uv-text-center">
  29.                 <form action="" method="post" id="loginForm">
  30.                     <div class="uv-adjacent-center">
  31.                         <h1>{{ "Forgot Password" |trans}}</h1>
  32.                         <div class="uv-element-block">
  33.                             <p>{{ "Enter your email address and we will send you an email with instructions to update your login credentials." |trans}}</p>
  34.                         </div>
  35.                         <div class="uv-adjacent-form">
  36.                             <div class="uv-adjacent-element-block">
  37.                                 <label>{{ "Email" |trans}}</label>
  38.                                 <div class="uv-max-field">
  39.                                     <input class="uv-field" type="email" name="forgot_password_form[email]">
  40.                                 </div>
  41.                             </div>
  42.                             <div class="uv-adjacent-element-block">
  43.                                 {% if recaptchaDetail and recaptchaDetail.isActive == true %}
  44.                                     <div class="clearfix"></div>
  45.                                     <div class="g-recaptcha" data-sitekey="{{ recaptchaDetail.siteKey }}"></div>
  46.                                     <div class="clearfix"></div>
  47.                                 {% else %}
  48.                                     <!-- Recaptcha will not support -->
  49.                                 {% endif %}
  50.                             </div>
  51.                             <button class="uv-btn">{{ 'Send Mail'|trans }}</button>
  52.                         </div>
  53.                     </div>
  54.                 </div>
  55.             </form>
  56.         </div>
  58.         <div class="uv-large-box-lt">
  59.             <div class="uv-center-box uv-text-center">
  60.                 <a href="https://www.uvdesk.com">
  61.                     <img alt="UVdesk" title="UVdesk" src="{{ asset('bundles/uvdeskcoreframework/images/uvdesk-logo-symbol.svg') }}">
  62.                 </a>
  63.             </div>
  64.         </div>
  65.     </div>
  66. {% endblock %}
  68. {% block footer %}
  69.     {{ parent() }}
  70.     
  71.     {% if recaptchaDetail and recaptchaDetail.isActive == true %}
  72.         <script src='https://www.google.com/recaptcha/api.js'></script>
  73.     {% endif %}
  75.     <script type="text/javascript">
  76.         $(function () {
  77.              _.extend(Backbone.Validation.callbacks, {
  78.                 valid : function (view, attr, selector) {
  79.                     var $el = view.$('[name="' + attr + '"]');
  80.                     $el.removeClass('uv-field-error');
  81.                     $el.parents('.uv-adjacent-element-block').find('.uv-field-message').remove();
  82.                 },
  83.                 invalid : function (view, attr, error, selector) {
  84.                     var $el = view.$('[name="' + attr + '"]');
  85.                     $el.addClass('uv-field-error');
  86.                     $el.parents('.uv-adjacent-element-block').find('.uv-field-message').remove();
  87.                     $el.parents('.uv-adjacent-element-block').append("<span class='uv-field-message'>" + error + "</span>");
  88.                 }
  89.             });
  90.             
  91.             var LoginModel = Backbone.Model.extend({
  92.                 validation: {
  93.                     'forgot_password_form[email]': [{
  94.                         required: true,
  95.                         msg: '{{ "This field is mandatory"|trans }}'
  96.                     },{
  97.                         pattern: 'email',
  98.                         msg: '{{ "This is not a valid email address"|trans }}'
  99.                     }],
  100.                     {% if recaptchaDetail and recaptchaDetail.isActive == true %}
  101.                         'g-recaptcha-response' : {
  102.                             fn: function(value) {
  103.                                 if(grecaptcha.getResponse().length > 0)
  104.                                     return false;
  105.                                 else
  106.                                     return true;
  107.                             },
  108.                             msg : '{{ "Please select CAPTCHA"|trans }}'
  109.                         }
  110.                     {% endif %}
  111.                 }
  112.             });
  114.             var LoginForm = Backbone.View.extend({
  115.                 el: 'form',
  116.                 events: {
  117.                     'blur input': 'formChanged',
  118.                     'click .uv-btn': 'submit'
  119.                 },
  120.                 initialize: function () {
  121.                     this.model = new LoginModel();
  122.                     Backbone.Validation.bind(this);
  123.                 },
  124.                 formChanged: function(e) {
  125.                     this.model.set(Backbone.$(e.currentTarget).attr('name'), Backbone.$(e.currentTarget).val())
  126.                     this.model.isValid([Backbone.$(e.currentTarget).attr('name')])
  127.                 },
  128.                 submit: function (e) {
  129.                     e.preventDefault();
  130.                     var data = this.$el.serializeObject();
  132.                     this.model.set(data);
  133.                     if(this.model.isValid(true)){
  134.                         this.$el.submit();
  135.                     }
  136.                 }
  137.             });
  139.             new LoginForm();
  140.         });
  141.     </script>
  142. {% endblock %}