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. {% block body %}
  10.     <div class="uv-paper-article uv-paper-form">
  11.         <div class="uv-paper-section">
  12.             <form action="{{ path('helpdesk_customer_login') }}" method="post" id="loginForm">
  13.                 <section>
  14.                     {% if existUser is defined %}
  15.                         {% if existUser ==0 %}
  16.                              <div class="uv-pop-up-overlay" id="confirm-modal">
  17.                                 <div class="uv-pop-up-box uv-pop-up-slim">
  18.                                     <span class="uv-pop-up-close"></span>
  19.                                     <img src='https://softguard.com/tks/public/warning.png' style="width: 50px;">
  20.                                     <p>{{ 'Your user is not yet registered on our new support site.'|trans }}</p>
  21.                                 </div>
  22.                             </div>
  24.                              <input type='text' hidden id='existUser' name='existUser' value='{{ existUser }}'/>
  25.                         {% endif %}
  26.                     {% endif %}
  27.                     
  28.                     <h1>{{ 'Sign In to %websitename%'|trans({ '%websitename%': '<span class="uv-brand">' ~ websiteDetails.name|e ~ '</span>' })|raw }}</h1>
  29.                     <div class="uv-element-block">
  30.                         <p>{{ 'If you\'ve ever contacted our support previously, your account would have already been created.'|trans }}</p>
  31.                     </div>
  33.                     <div class="uv-form">
  34.                         <div class="uv-element-block">
  35.                             <label class="uv-field-label">{{ 'Email'|trans }}</label>
  36.                             <div class="uv-field-block">
  37.                                 <input class="uv-field" type="email" name="_username">
  38.                             </div>
  39.                         </div>
  41.                         <div class="uv-element-block">
  42.                             <label class="uv-field-label">{{ 'Password'|trans }}</label>
  43.                             <div class="uv-field-block uv-relative">
  44.                                 <a class="uv-forgot-pwd" href="{{ path('helpdesk_forgot_account_password') }}" tabIndex="-1">{{ 'Forgot Password?'|trans }}</a>
  45.                                 <input class="uv-field" type="password" name="_password">
  46.                             </div>
  47.                         </div>
  48.                         <button class="uv-btn">{{ 'Sign In'|trans }}</button>
  49.                     </div>
  50.                 </section>
  51.             </form>
  52.         <button id="install_button" hidden>Install</button>        
  53.         </div>
  54.       <div style="text-align: right;width: 100%;display: inline-block;vertical-align: middle;">
  55.             <a id="boton_soporte" >
  56.                  <button  class="uv-btn ">{{ 'WITHOUT ACTIVE SUPPORT'|trans }}</button>
  57.             </a>
  58.         </div>
  59.     </div>
  60. {% endblock %}
  62. {% block footer %}
  63.     {{ parent() }}
  64.     <script type="text/javascript">
  65.     
  66.     
  67.      $(document).ready(function () {
  68.         // Obtener los parámetros de la URL
  69.         var urlParams = new URLSearchParams(window.location.search);
  70.         var username = urlParams.get('_username');
  71.         var password = urlParams.get('_password');
  72.         
  73.         // Asignar los valores a los campos del formulario si existen
  74.         if (username) {
  75.             $('input[name="_username"]').val(username);
  76.         }
  77.         if (password) {
  78.             $('input[name="_password"]').val(password);
  79.         }
  81.         // Realizar el submit automático si ambos campos tienen valor
  82.         if (username && password) {
  83.             $('#loginForm').submit();  // Hace el submit del formulario
  84.         }
  85.     });
  86.     
  87.       console.log('asd');   
  88.     var parts = window.location.pathname.split( '/' );
  89.     console.log(parts[2]);    
  90.       switch (parts[2]) {
  91.             case 'es':
  92.                 $("#boton_soporte").attr("href", "https://softguard.com/centro-de-soporte-integral/")
  93.                 break;
  94.             case 'pt':
  95.                 $("#boton_soporte").attr("href", "https://softguardpt.com/centro-de-suporte-integral/")
  96.                 break;
  97.             case 'en':
  98.                 $("#boton_soporte").attr("href", "https://monitoringsoft.com/integral-support-center/")
  99.                 break;
  100.             case 'it':
  101.                 $("#boton_soporte").attr("href", "https://softguardit.com/centro-di-supporto-integrale/")
  102.                 break;
  104.         }
  107.         $(function () {
  108.             var LoginModel = Backbone.Model.extend({
  109.                 validation: {
  110.                     '_username': [{
  111.                         required: true,
  112.                         msg: '{{ "This field is mandatory"|trans }}'
  113.                     },{
  114.                         pattern: 'email',
  115.                         msg: '{{ "This is not a valid email address"|trans }}'
  116.                     }],
  117.                     '_password': [{
  118.                         required: true,
  119.                         msg: '{{ "This field is mandatory"|trans }}'
  120.                     },{
  121.                         minLength: 8,
  122.                         msg: '{{ "Password must contains 8 Characters"|trans }}'
  123.                     }]
  124.                 }
  125.             });
  127.             var LoginForm = Backbone.View.extend({
  128.                 events: {
  129.                     'click .uv-btn': 'submit',
  130.                     'blur input': 'formChanegd'
  131.                 },
  132.                 initialize: function () {
  133.                     Backbone.Validation.bind(this);
  134.                     {% if error.messageKey is defined %}
  135.                     app.appView.renderResponseAlert({'alertClass': 'danger', 'alertMessage': "{{ error.messageKey|trans(error.messageData, 'security') }}"})
  136.                     {% endif %}
  137.                 },
  138.                 formChanegd: function(e) {
  139.                     this.model.set(Backbone.$(e.currentTarget).attr('name'), Backbone.$(e.currentTarget).val())
  140.                     this.model.isValid([Backbone.$(e.currentTarget).attr('name')])
  141.                 },
  142.                 submit: function (e) {
  143.                     e.preventDefault();
  145.                     var data = this.$el.serializeObject();
  146.                     this.model.set(data);
  147.                     if(this.model.isValid(true)){
  148.                         this.$el.submit();
  149.                     }
  150.                 }
  151.             });
  153.             var Login = new LoginForm({
  154.                 el: $('#loginForm'),
  155.                 model: new LoginModel()
  156.          });
  158.         
  159.       });    
  160.      
  161.             
  162.   
  163. </script>
  164. {% endblock %}