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. {% block templateCSS %}
  6.     <style>
  7.         #loginForm h1 {
  8.             font-size: 28px;
  9.             color: #6F6F6F;
  10.             font-weight: 600;
  11.             margin: 0px 0px 10px 0px;
  12.         }
  14.         .forgot-password-cta {
  15.             position: absolute;
  16.             font-size: 15px !important;
  17.             right: 0px;
  18.             top: 0px;
  19.         }
  20.     </style>
  21. {% endblock %}
  23. {% block pageWrapper %}
  24.     <div class="uv-large-box-plank">
  25.         <div class="uv-large-box-rt">
  26.             <div class="uv-center-box uv-text-center">
  27.                 <form action="" method="post" id="loginForm">
  28.                     <div class="uv-adjacent-center">
  29.                         <h1>{{ "Forgot Password" |trans}}</h1>
  30.                         <div class="uv-element-block">
  31.                             <p>{{ "Enter your email address and we will send you an email with instructions to update your login credentials." |trans}}</p>
  32.                         </div>
  33.                         <div class="uv-adjacent-form">
  34.                             <div class="uv-adjacent-element-block">
  35.                                 <label>{{ "Email" |trans}}</label>
  36.                                 <div class="uv-max-field">
  37.                                     <input class="uv-field" type="email" name="forgot_password_form[email]">
  38.                                 </div>
  39.                             </div>
  41.                             <button class="uv-btn">{{ 'Send Mail'|trans }}</button>
  42.                         </div>
  43.                     </div>
  44.                 </div>
  45.             </form>
  46.         </div>
  48.         <div class="uv-large-box-lt">
  49.             <div class="uv-center-box uv-text-center">
  50.                 <a href="https://www.uvdesk.com">
  51.                     <img alt="UVdesk" title="UVdesk" src="{{ asset('bundles/uvdeskcoreframework/images/uvdesk-logo-symbol.svg') }}">
  52.                 </a>
  53.             </div>
  54.         </div>
  55.     </div>
  56. {% endblock %}
  58. {% block footer %}
  59.     {{ parent() }}
  60.     <script type="text/javascript">
  61.         $(function () {
  62.              _.extend(Backbone.Validation.callbacks, {
  63.                 valid : function (view, attr, selector) {
  64.                     var $el = view.$('[name="' + attr + '"]');
  65.                     $el.removeClass('uv-field-error');
  66.                     $el.parents('.uv-adjacent-element-block').find('.uv-field-message').remove();
  67.                 },
  68.                 invalid : function (view, attr, error, selector) {
  69.                     var $el = view.$('[name="' + attr + '"]');
  70.                     $el.addClass('uv-field-error');
  71.                     $el.parents('.uv-adjacent-element-block').find('.uv-field-message').remove();
  72.                     $el.parents('.uv-adjacent-element-block').append("<span class='uv-field-message'>" + error + "</span>");
  73.                 }
  74.             });
  75.             
  76.             var LoginModel = Backbone.Model.extend({
  77.                 validation: {
  78.                     'forgot_password_form[email]': [{
  79.                         required: true,
  80.                         msg: '{{ "This field is mandatory"|trans }}'
  81.                     },{
  82.                         pattern: 'email',
  83.                         msg: '{{ "This is not a valid email address"|trans }}'
  84.                     }]
  85.                 }
  86.             });
  88.             var LoginForm = Backbone.View.extend({
  89.                 el: 'form',
  90.                 events: {
  91.                     'blur input': 'formChanged',
  92.                     'click .uv-btn': 'submit'
  93.                 },
  94.                 initialize: function () {
  95.                     this.model = new LoginModel();
  96.                     Backbone.Validation.bind(this);
  97.                 },
  98.                 formChanged: function(e) {
  99.                     this.model.set(Backbone.$(e.currentTarget).attr('name'), Backbone.$(e.currentTarget).val())
  100.                     this.model.isValid([Backbone.$(e.currentTarget).attr('name')])
  101.                 },
  102.                 submit: function (e) {
  103.                     e.preventDefault();
  104.                     var data = this.$el.serializeObject();
  106.                     this.model.set(data);
  107.                     if(this.model.isValid(true)){
  108.                         this.$el.submit();
  109.                     }
  110.                 }
  111.             });
  113.             new LoginForm();
  114.         });
  115.     </script>
  116. {% endblock %}