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

Open in your IDE?
  1. {% extends "@UVDeskCoreFramework//Templates//layout.html.twig" %}
  3. {% block title %}Login{% 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>Log in to your <span class="uv-brand">{{ website.name }}</span></h1>
  30.                         <p>Enter your credentials below to gain access to your helpdesk account.</p>
  31.                         
  32.                         <div class="uv-adjacent-form">
  33.                             <div class="uv-adjacent-element-block">
  34.                                 <label>Email</label>
  35.                                 <div class="uv-max-field">
  36.                                     <input type="email" name="_username">
  37.                                 </div>
  38.                             </div>
  40.                             <div class="uv-adjacent-element-block" style="position: relative;">
  41.                                 <label>Password</label>
  42.                                 <div class="uv-max-field">
  43.                                     <a class="forgot-password-cta" href="{{ path('helpdesk_forgot_account_password') }}" tabindex="-1">Forgot Password?</a>
  44.                                     <input type="password"  name="_password">
  45.                                 </div>
  46.                             </div>
  48.                             <div class="uv-adjacent-element-block">
  49.                                 <label>
  50.                                     <div class="uv-checkbox">
  51.                                         <input type="checkbox" name="_remember_me" checked>
  52.                                         <span class="uv-checkbox-view"></span>
  53.                                     </div>
  54.                                     <span class="uv-checkbox-label">Keep me logged in</span>
  55.                                 </label>
  56.                             </div>
  58.                             <button class="uv-btn">Sign In</button>
  59.                         </div>
  60.                     </div>
  61.                 </div>
  62.             </form>
  63.         </div>
  65.         <div class="uv-large-box-lt">
  66.             <div class="uv-center-box uv-text-center">
  67.                 <a href="https://softguard.com/">
  68.                     <img alt="UVdesk" title="UVdesk" src="{{ asset('bundles/uvdeskcoreframework/images/uvdesk-logo-symbol.png') }}">
  69.                 </a>
  70.             </div>
  71.         </div>
  72.     </div>
  73. {% endblock %}
  75. {% block footer %}
  76.     {{ parent() }}
  78.     <script type="text/javascript">
  79.         $(function () {
  80.              _.extend(Backbone.Validation.callbacks, {
  81.                 valid : function (view, attr, selector) {
  82.                     var $el = view.$('[name="' + attr + '"]');
  83.                     $el.removeClass('uv-field-error');
  84.                     $el.parents('.uv-adjacent-element-block').find('.uv-field-message').remove();
  85.                 },
  86.                 invalid : function (view, attr, error, selector) {
  87.                     var $el = view.$('[name="' + attr + '"]');
  88.                     $el.addClass('uv-field-error');
  89.                     $el.parents('.uv-adjacent-element-block').find('.uv-field-message').remove();
  90.                     $el.parents('.uv-adjacent-element-block').append("<span class='uv-field-message'>" + error + "</span>");
  91.                 }
  92.             });
  94.             var LoginModel = Backbone.Model.extend({
  95.                 validation: {
  96.                     '_username': [{
  97.                         required: true,
  98.                         msg: '{{ "This field is mandatory"|trans }}'
  99.                     },{
  100.                         pattern: 'email',
  101.                         msg: '{{ "This is not a valid email address"|trans }}'
  102.                     }],
  103.                     '_password': [{
  104.                         required: true,
  105.                         msg: '{{"This field is mandatory"|trans }}'
  106.                     },{
  107.                         minLength: 8,
  108.                         msg: '{{"Password must contains 8 Characters"|trans }}'
  109.                     }]
  110.                 }
  111.             });
  113.             var LoginForm = Backbone.View.extend({
  114.                 events: {
  115.                     'click .uv-btn': 'submit',
  116.                     'blur input': 'formChanegd'
  117.                 },
  118.                 initialize: function () {
  119.                     Backbone.Validation.bind(this);
  120.                     {% if error.messageKey is defined %}
  121.                         app.appView.renderResponseAlert({'alertClass': 'danger', 'alertMessage': "{{ error.messageKey }}"})
  122.                     {% endif %}
  123.                 },
  124.                 formChanegd: 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();
  131.                     var data = this.$el.serializeObject();
  132.                     this.model.set(data);
  133.                     if(this.model.isValid(true)){
  134.                         this.$el.submit();
  135.                     }
  136.                 }
  137.             });
  139.             var Login = new LoginForm({
  140.                 el: $('#loginForm'),
  141.                 model: new LoginModel()
  142.             });
  143.         });
  144.     </script>
  145. {% endblock %}