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() }}
  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. });
  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 %}