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

Open in your IDE?
  1. {% extends "@UVDeskCoreFramework//Templates//layout.html.twig" %}
  3. {% block title %}Reset 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="resetPasswordForm">
  28.                     <div class="uv-adjacent-center">
  29.                         <h1>{{ "Reset Password" |trans}}</h1>
  30.                         <p>{{ "Enter your new password below to update your login credentials" |trans}}</p>
  31.                         <div class="uv-adjacent-form">
  32.                             <div class="uv-adjacent-element-block">
  33.                                 <label>{{ "Password" |trans}}</label>
  34.                                 <div class="uv-max-field">
  35.                                     <input class="uv-field" type="password" name="password">
  36.                                 </div>
  37.                             </div>
  39.                             <div class="uv-adjacent-element-block">
  40.                                 <label>{{ "Confirm Password" |trans}}</label>
  41.                                 <div class="uv-max-field">
  42.                                     <input class="uv-field" type="password" name="confirmPassword">
  43.                                 </div>
  44.                             </div>
  46.                             <button class="uv-btn">{{ 'Save Password'|trans }}</button>
  47.                         </div>
  48.                     </div>
  49.                 </div>
  50.             </form>
  51.         </div>
  53.         <div class="uv-large-box-lt">
  54.             <div class="uv-center-box uv-text-center">
  55.                 <a href="https://www.uvdesk.com">
  56.                     <img alt="UVdesk" title="UVdesk" src="{{ asset('bundles/uvdeskcoreframework/images/uvdesk-logo-symbol.svg') }}">
  57.                 </a>
  58.             </div>
  59.         </div>
  60.     </div>
  61. {% endblock %}
  63. {% block footer %}
  64.     {{ parent() }}
  65.     <script type="text/javascript">
  66.         $(function () {
  67.             _.extend(Backbone.Validation.callbacks, {
  68.                 valid : function (view, attr, selector) {
  69.                     var $el = view.$('[name="' + attr + '"]');
  70.                     $el.removeClass('uv-field-error');
  71.                     $el.parents('.uv-adjacent-element-block').find('.uv-field-message').remove();
  72.                 },
  73.                 invalid : function (view, attr, error, selector) {
  74.                     var $el = view.$('[name="' + attr + '"]');
  75.                     $el.addClass('uv-field-error');
  76.                     $el.parents('.uv-adjacent-element-block').find('.uv-field-message').remove();
  77.                     $el.parents('.uv-adjacent-element-block').append("<span class='uv-field-message'>" + error + "</span>");
  78.                 }
  79.             });
  81.             var ResetPasswordModel = Backbone.Model.extend({
  82.                 validation: {
  83.                     'password': [{
  84.                         required: true,
  85.                         msg: '{{ "This field is mandatory"|trans }}'
  86.                         },{
  87.                         pattern: /^(?=(.*[a-zA-Z].*){2,})(?=.*\d.*)(?=.*\W.*)[a-zA-Z0-9\S]{8,}$/,
  88.                         msg: '{{ "Password must contain minimum 8 character length, at least two letters (not case sensitive), one number, one special character(space is not allowed)."|trans }}'
  89.                     }],
  90.                     'confirmPassword': [{
  91.                         required: true,
  92.                         msg: '{{"This field is mandatory"|trans }}'
  93.                     },{
  94.                         equalTo: 'password',
  95.                         msg: '{{ "The passwords does not match"|trans }}'
  96.                     }]
  97.                 }
  98.             });
  100.             var ResetPasswordForm = Backbone.View.extend({
  101.                 events: {
  102.                     'blur input': 'formChanegd',
  103.                     'click .uv-btn': 'submit'
  104.                 },
  105.                 initialize: function () {
  106.                     Backbone.Validation.bind(this);
  108.                     {% if error.messageKey is defined %}
  109.                         app.appView.renderResponseAlert({'alertClass': 'danger', 'alertMessage': "{{ error.messageKey }}"})
  110.                     {% endif %}
  111.                 },
  112.                 formChanegd: function(e) {
  113.                     this.model.set(Backbone.$(e.currentTarget).attr('name'), Backbone.$(e.currentTarget).val())
  114.                     this.model.isValid([Backbone.$(e.currentTarget).attr('name')])
  115.                 },
  116.                 submit: function (e) {
  117.                     e.preventDefault();
  119.                     var data = this.$el.serializeObject();
  120.                     this.model.set(data);
  121.                     if(this.model.isValid(true)){
  122.                         this.$el.submit();
  123.                     }
  124.                 }
  125.             });
  127.             var view = new ResetPasswordForm({
  128.                 el: '#resetPasswordForm',
  129.                 model: new ResetPasswordModel()
  130.             });
  131.         });
  132.     </script>
  133. {% endblock %}