vendor/uvdesk/support-center-bundle/Resources/views/Knowledgebase/login.html.twig line 1

Open in your IDE?
  1. {% extends "@UVDeskSupportCenter/Templates/layout.html.twig" %}
  3. {% block title %}{{ 'Customer Login'|trans }}{% endblock %}
  4. {% block ogtitle %}{{ 'Customer Login'|trans }}{% endblock %}
  5. {% block twtitle %}{{ 'Customer Login'|trans }}{% endblock %}
  6. {% block metaDescription %}{% trans %}customer.login.metaDescription{% endtrans %}{% endblock %}
  7. {% block metaKeywords %}{% trans %}customer.login.metaKeywords{% endtrans %}{% endblock %}
  9. {% set recaptchaDetail = recaptcha_service.getRecaptchaDetails() %}
  11. {% block body %}
  12.     <div class="uv-paper-article uv-paper-form">
  13.         <div class="uv-paper-section">
  14.             <form action="{{ path('helpdesk_customer_login') }}" method="post" id="loginForm">
  15.                 <section>
  16.                     <h1>{{ 'Sign In to %websitename%'|trans({ '%websitename%': '<span class="uv-brand">' ~ websiteDetails.name|e ~ '</span>' })|raw }}</h1>
  17.                     <div class="uv-element-block">
  18.                         <p>{{ 'If you have ever contacted our support previously, your account would have already been created.'|trans }}</p>
  19.                     </div>
  21.                     <div class="uv-form">
  22.                         <div class="uv-element-block">
  23.                             <label class="uv-field-label">{{ 'Email'|trans }}</label>
  24.                             <div class="uv-field-block">
  25.                                 <input class="uv-field" type="email" name="_username">
  26.                             </div>
  27.                         </div>
  29.                         <div class="uv-element-block">
  30.                             <label class="uv-field-label">{{ 'Password'|trans }}</label>
  31.                             <div class="uv-field-block uv-relative">
  32.                                 <a class="uv-forgot-pwd" href="{{ path('helpdesk_forgot_account_password') }}" tabIndex="-1">{{ 'Forgot Password?'|trans }}</a>
  33.                                 <input class="uv-field" type="password" name="_password">
  34.                             </div>
  35.                         </div>
  36.                         {% if recaptchaDetail and recaptchaDetail.isActive == true %}
  37.                             <div class="clearfix"></div>
  38.                             <div class="g-recaptcha" data-sitekey="{{ recaptchaDetail.siteKey }}"></div>
  39.                             <div class="clearfix"></div>
  40.                         {% else %}
  41.                             <!-- Recaptcha will not support -->
  42.                         {% endif %}
  43.                         <button class="uv-btn">{{ 'Sign In'|trans }}</button>
  44.                     </div>
  45.                 </section>
  46.             </form>
  47.         </div>
  48.     </div>
  49. {% endblock %}
  51. {% block footer %}
  52.     {{ parent() }}
  53.     {% if recaptchaDetail and recaptchaDetail.isActive == true %}
  54.         <script src='https://www.google.com/recaptcha/api.js'></script>
  55.     {% endif %}
  57.     <script type="text/javascript">
  58.         $(function () {
  59.             var LoginModel = Backbone.Model.extend({
  60.                 validation: {
  61.                     '_username': [{
  62.                         required: true,
  63.                         msg: '{{ "This field is mandatory"|trans }}'
  64.                     },{
  65.                         pattern: 'email',
  66.                         msg: '{{ "This is not a valid email address"|trans }}'
  67.                     }],
  68.                     '_password': [{
  69.                         required: true,
  70.                         msg: '{{ "This field is mandatory"|trans }}'
  71.                     },{
  72.                         minLength: 8,
  73.                         msg: '{{ "Password must contains 8 Characters"|trans }}'
  74.                     }],
  75.                     {% if recaptchaDetail and recaptchaDetail.isActive == true %}
  76.                         'g-recaptcha-response' : {
  77.                             fn: function(value) {
  78.                                 if(grecaptcha.getResponse().length > 0)
  79.                                     return false;
  80.                                 else
  81.                                     return true;
  82.                             },
  83.                             msg : '{{ "Please select CAPTCHA"|trans }}'
  84.                         }
  85.                     {% endif %}
  86.                 }
  87.             });
  89.             var LoginForm = Backbone.View.extend({
  90.                 events: {
  91.                     'click .uv-btn': 'submit',
  92.                     'blur input': 'formChanegd'
  93.                 },
  94.                 initialize: function () {
  95.                     Backbone.Validation.bind(this);
  96.                     {% if error.messageKey is defined %}
  97.                         app.appView.renderResponseAlert({'alertClass': 'danger', 'alertMessage': '{{ error.messageKey|trans}}'})
  98.                     {% endif %}
  99.                 },
  100.                 formChanegd: function(e) {
  101.                     this.model.set(Backbone.$(e.currentTarget).attr('name'), Backbone.$(e.currentTarget).val())
  102.                     this.model.isValid([Backbone.$(e.currentTarget).attr('name')])
  103.                 },
  104.                 submit: function (e) {
  105.                     e.preventDefault();
  107.                     var data = this.$el.serializeObject();
  108.                     this.model.set(data);
  109.                     if(this.model.isValid(true)){
  110.                         this.$el.submit();
  111.                     }
  112.                 }
  113.             });
  115.             var Login = new LoginForm({
  116.                 el: $('#loginForm'),
  117.                 model: new LoginModel()
  118.             });
  119.         });
  120.     </script>
  121. {% endblock %}