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

Open in your IDE?
  1. {% extends "@UVDeskSupportCenter/Templates/layout.html.twig" %}
  2. {% block title %}{% trans %}Edit Profile{% endtrans %}{% endblock %}
  3. {% block ogtitle %}{% trans %}Edit Profile{% endtrans %}{% endblock %}
  4. {% block twtitle %}{% trans %}Edit Profile{% endtrans %}{% endblock %}
  6. {% block tabHeader %}
  7.     <div class="uv-nav-bar uv-nav-tab">
  8.         <div class="uv-container">
  9.             <div class="uv-nav-bar-lt">
  10.                 <ul class="uv-nav-tab-label">
  11.                     <li><a href="#" for="profile" class="uv-nav-tab-active">{{ 'Profile'|trans }}</a></li>
  12.                 </ul>
  13.                
  14.             </div>
  15.             <div class="uv-nav-bar-rt">
  16.                 <form method="get" action="{{path('helpdesk_customer_front_article_search')}}">
  17.                     <input name="s" class="uv-nav-search" type="text" placeholder="{{ 'Search'|trans }}">
  18.                 </form>
  19.             </div>
  20.         </div>
  21.     </div>
  22. {% endblock %}
  24. {% block body %}
  25.     <style>
  26.         .uv-nav-tab-view {
  27.             display: none;
  28.         }
  29.         .uv-nav-tab-view.uv-nav-tab-view-active {
  30.             display: block;
  31.         }
  32.         .uv-image-upload-wrapper {
  33.             padding: 5px 0px 10px 0px;
  34.         }
  35.         .uv-image-upload-wrapper .uv-image-upload-brick {
  36.             display: inline-block;
  37.             vertical-align: middle;
  38.             position: relative;
  39.             width: 100px;
  40.             height: 100px;
  41.             border-radius: 5px;
  42.             border: dashed 1px #B1B1AE;
  43.             overflow: hidden;
  44.             margin-right: 15px;
  45.             transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  46.         }
  47.         .uv-image-upload-wrapper .uv-image-upload-brick input[type="file"] {
  48.             width: 100px;
  49.             height: 100px;
  50.             position: absolute;
  51.             opacity: 0;
  52.             z-index: 3;
  53.         }
  54.         .uv-image-upload-wrapper img {
  55.             width: 100px;
  56.             height: 100px;
  57.             position: absolute;
  58.             z-index: 2;
  59.             border-radius: 5px;
  60.             display: block;
  61.             border: solid 2px #FFFFFF;
  62.         }
  63.         .uv-image-upload-wrapper img:not([src]) {
  64.             display: none;
  65.         }
  66.         .uv-image-upload-wrapper .uv-image-upload-placeholder {
  67.             position: absolute;
  68.             width: 48px;
  69.             height: 32px;
  70.             left: 50%;
  71.             top: 50%;
  72.             margin-left: -24px;
  73.             margin-top: -16px;
  74.             z-index: 1;
  75.         }
  76.         .uv-image-upload-wrapper .uv-image-upload-brick-48 {
  77.             width: 48px;
  78.             height: 48px;
  79.         }
  80.         .uv-image-upload-wrapper .uv-image-upload-brick-48 input[type="file"] {
  81.             width: 48px;
  82.             height: 48px;
  83.         }
  84.         .uv-image-upload-wrapper .uv-image-upload-brick-48 img {
  85.             width: 48px;
  86.             height: auto;
  87.             }
  88.         .uv-image-upload-wrapper .uv-image-upload-brick-200 {
  89.             width: 200px;
  90.             height: 48px;
  91.         }
  92.         .uv-image-upload-wrapper .uv-image-upload-brick-200 input[type="file"] {
  93.             width: 200px;
  94.             height: 48px;
  95.         }
  96.         .uv-image-upload-wrapper .uv-image-upload-brick-200 img {
  97.             width: 200px;
  98.             height: auto;
  99.         }
  100.         .uv-image-upload-wrapper .uv-image-upload-placeholder svg path {
  101.             fill: #7C70F4;
  102.         }
  103.         .uv-image-upload-wrapper .uv-image-upload-brick:hover .uv-image-upload-placeholder svg path {
  104.             fill: #BA81F1;
  105.         }
  106.         .uv-image-upload-wrapper .uv-image-upload-brick .uv-image-upload-placeholder svg {
  107.             transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  108.         }
  109.         .uv-image-upload-wrapper .uv-image-upload-brick:hover .uv-image-upload-placeholder svg {
  110.             transform: translateY(-2px);
  111.         }
  112.         .uv-image-upload-wrapper .uv-image-info-brick {
  113.             display: inline-block;
  114.             vertical-align: middle;
  115.             margin: 10px 0px;
  116.         }
  117.         .uv-image-upload-wrapper .uv-on-drag {
  118.             transform: scale(1.08);
  119.             border: dashed 1px #333333;
  120.         }
  121.         .uv-image-upload-wrapper .uv-on-drop-shadow {
  122.             box-shadow: 0px 0px 4.75px 0.25px rgba(0, 0, 0, 0.05), 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
  123.         }
  124.         .accounts-panel {
  125.             border: solid 1px #D3D3D3;
  126.             padding: 15px 15px 5px 15px;
  127.             border-radius: 3px;
  128.             margin: 25px 0px;
  129.         }
  130.         .social-accounts-table {
  131.             margin: 20px 0px 10px;
  132.         }
  133.         .social-accounts-table table {
  134.             border: solid 1px #D3D3D3;
  135.         }
  136.         .social-accounts-table table > tbody > tr > td {
  137.             border-bottom: dashed 1px #D3D3D3;
  138.         }
  139.         .social-accounts-table table > tbody > tr:last-child > td {
  140.             border-bottom: unset;
  141.         }
  142.         .social-accounts-table .social-accounts-pta {
  143.             text-align: right;
  144.         }
  145.         .social-accounts-table .social-accounts-pta > * {
  146.             text-align: left;
  147.         }
  148.         .social-account-banner {
  149.             min-width: 220px;
  150.             display: inline-block;
  151.             padding: 3px;
  152.             border-radius: 3px;
  153.         }
  154.         .social-account-banner > * {
  155.             display: inline-block;
  156.             vertical-align: middle;
  157.         }
  158.         .social-account-name {}
  159.         .social-account-img {
  160.             width: 40px;
  161.             height: 40px;
  162.             background-size: cover;
  163.             background-position: center;
  164.             margin-right: 10px;
  165.         }
  166.          span.viewer-firstletter.img-thumbnail {
  167.             width: 40px;
  168.             height: 40px;
  169.             display: block;
  170.             text-align: center;
  171.             font-size: 20px;
  172.             font-style: italic;
  173.             border: 1px dotted;
  174.             border-radius: 4px;
  175.             line-height: 35px;
  176.         }
  177.         .uv-ticket-viewer-close {
  178.             display:none;
  179.         }
  180.         .uv-ticket-viewer-single:hover .uv-ticket-viewer-close {
  181.             display: block;
  182.         }
  183.         .uv-hide{
  184.             display: none;
  185.         }
  186.         .uv-info{
  187.             background: #7C70F4;
  188.         }
  189.         .uv-ticket-viewer-list .uv-icon-eye-light{
  190.             animation: jelly 0.8s infinite alternate ease-in-out;
  191.         }
  192.         .uv-aside-brick .uv-loader {
  193.             position: absolute;
  194.             transform: scale(0.5);
  195.             top: 22px;
  196.             right: 45px;
  197.         }
  198.         .uv-app-glyph-customfields {
  199.             width: 20px;
  200.             height: 20px;
  201.             background-position: center center;
  202.             background-repeat: no-repeat;
  203.             cursor: pointer;
  204.             display: inline-block;
  205.             vertical-align: middle;
  206.             margin: 5px 0px 5px 10px;
  207.             background-image: url("{{ asset('bundles/uvdeskcoreframework/images/app-glyph-custom.svg') }}");
  208.         }
  209.         .uv-no-threads {
  210.             padding: 80px 20px;
  211.             text-align: center;
  212.         }
  213.         .uv-ticket-strip-label {
  214.             position: relative;
  215.         }
  216.     </style>
  217.     <div class="uv-nav-tab-view uv-nav-tab-view-active" id="profile">
  218.         <h1>{{ 'Profile'|trans }}</h1>
  219.         {% set customerDetails = user_service.getCustomerDetailsById(user.id) %}
  220.         <!--Form-->
  221.         <form method="post" action="" id="user-form" enctype="multipart/form-data">
  222.             <!--Tab View-->
  223.             <div class="uv-tab-view uv-tab-view-active" id="profile">
  224.                 <!-- Profile image -->
  225.                 <div class="uv-image-upload-wrapper">
  226.                     {% set isHaveImage =  customerDetails and customerDetails.profileImagePath ? 1 : 0 %}
  227.                     <div class="uv-image-upload-brick {% if isHaveImage %}uv-on-drop-shadow{% endif %}" {% if isHaveImage %}style="border-color: transparent;"{% endif %}>
  228.                         <input type="file" name="user_form[profileImage]" id="uv-upload-profile">
  229.                         <div class="uv-image-upload-placeholder">
  230.                             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48px" height="32px">
  231.                             <path fill-rule="evenodd" d="M28.026,26.003 L19.964,26.003 L19.964,17.962 L13.964,17.962 L23.995,8.050 L34.025,17.962 L28.026,17.962 L28.026,26.003 ZM33.557,3.421 C30.806,1.146 27.619,0.008 23.995,0.008 C21.182,0.008 18.588,0.756 16.214,2.252 C13.838,3.749 11.996,5.712 10.683,8.143 C7.683,8.456 5.152,9.749 3.090,12.024 C1.027,14.300 -0.004,16.965 -0.004,20.019 C-0.004,23.324 1.168,26.144 3.512,28.481 C5.855,30.819 8.682,31.988 11.996,31.988 L37.963,31.988 C40.712,31.988 43.072,31.006 45.040,29.042 C47.009,27.079 47.993,24.726 47.993,21.983 C47.993,19.364 47.087,17.106 45.275,15.203 C43.461,13.302 41.275,12.258 38.713,12.071 C38.024,8.580 36.306,5.698 33.557,3.421 Z"></path>
  232.                             </svg>
  233.                         </div>
  234.                         <img id="dynamic-image-upload" {% if isHaveImage %}src="{{ app.request.scheme ~'://' ~ app.request.httpHost ~ asset('') }}{{ customerDetails.profileImagePath }}"{% endif %}>
  235.                     </div>
  236.                     <div class="uv-image-info-brick">
  237.                         <span class="uv-field-info">{{ 'Upload a Profile Image (100px x 100px)<br> in PNG or JPG Format'|trans|raw }}</span>
  238.                     </div>
  239.                 </div>
  240.                 <!-- //Profile image -->
  242.                 <!-- Field -->
  243.                 <div class="uv-element-block">
  244.                     <label class="uv-field-label">{{ 'First Name'|trans }}</label>
  245.                     <div class="uv-field-block">
  246.                         <input type="text" readonly name="user_form[firstName]" class="uv-field" value="{{ user.firstName ?: customerDetails.firstName }}" style="background-color: darkgray;" />
  247.                     </div>
  248.                 </div>
  249.                 <!-- //Field -->
  251.                 <!-- Field -->
  252.                
  253.                 <!-- //Field -->
  255.                 <!-- Field -->
  256.                 <div class="uv-element-block">
  257.                     <label class="uv-field-label">{{ 'Email'|trans }}</label>
  258.                     <div class="uv-field-block">
  259.                         <input type="text" readonly name="user_form[email]" class="uv-field" value="{{ user.email}}"  style="background-color: darkgray;" />
  260.                     </div>
  261.                 </div>
  262.                 <!-- //Field -->
  264.                 <!-- Field -->
  265.                 <div class="uv-element-block">
  266.                     <label class="uv-field-label">{{ 'Contact Number'|trans }}</label>
  267.                     <div class="uv-field-block">
  268.                         <input type="text" name="user_form[contactNumber]" class="uv-field" value="{{ customerDetails.contactNumber ?: customerDetails.contactNumber }}" />
  269.                     </div>
  270.                 </div>
  271.                 <!-- //Field -->
  273.                 <!-- Field -->
  274.                 <div class="uv-element-block">
  275.                     <label class="uv-field-label">{{ 'Timezone'|trans }}</label>
  276.                     <div class="uv-field-block">
  277.                         <select name="user_form[timezone]" class="uv-select">
  278.                             {% for timezone in user_service.getTimezones() %}
  279.                                 <option value="{{ timezone }}" {% if user.timezone == timezone %}selected{% endif %}>{{ timezone }}</option>
  280.                             {% endfor %}
  281.                         </select>
  282.                     </div>
  283.                     <span class="uv-field-info">{{ "Choose your default timezone"|trans }}</span>
  284.                 </div>
  285.                 <!-- //Field -->
  287.                 <!-- Field -->
  288.                 <div class="uv-element-block">
  289.                     <label class="uv-field-label">{{ 'Password'|trans }}</label>
  290.                     <div class="uv-field-block">
  291.                         <input type="password" name="user_form[password][first]" id='pass' class="uv-field" value="" style="width: 90%;" /> <img src='../../../external/ojo.png' width="50px" onclick="changepass()">
  292.                     </div>
  293.                 </div>
  294.                 <!-- //Field -->
  296.                 <!-- Field -->
  297.                 <div class="uv-element-block">
  298.                     <label class="uv-field-label">{{ 'Confirm Password'|trans }}</label>
  299.                     <div class="uv-field-block">
  300.                         <input type="password" name="user_form[password][second]" class="uv-field" id='pass2' value="" />
  301.                     </div>
  302.                 </div>
  303.                 <!-- //Field -->
  305.                 <!-- CSRF token Field -->
  306.               
  307.                 <!-- //CSRF token Field -->
  309.                 <!--CTA-->
  310.                 <input class="uv-btn" href="#" value="{{ 'Save Changes'|trans }}" type="submit">
  311.                 <!--//CTA-->
  312.             </div>
  313.             <!--//Tab View-->
  315.         </form>
  316.         <!--//Form-->
  317.         <br> <br> <br>
  318.        
  320.         <fieldset id="buildyourform" class="uv-element-block">
  321.         <input type="button" value="{{ 'Add Contact'|trans }}" class="uv-btn" id="add" /> 
  322.         <input type="button" value="{{ 'Save'|trans }}" class="uv-btn" id="save" /> 
  323.             <legend>{{ 'Contact List'|trans }}</legend>
  324.         </fieldset>
  325.         
  326.     </div>
  328. {% endblock %}
  330. {% block footer %}
  331.     {{ parent() }}
  332.     <script type="text/javascript">
  333.         
  334.         function readContactList(){
  335.             app.appView.showLoader();
  336.             
  337.             var email='{{user.email}}';
  338.             $.ajax({
  339.                 url: "../../../external/Controllers/ApiCreateAlias.php?email='"+email+"'",
  340.                   dataType: 'text',  
  341.                     cache: false,
  342.                     contentType: false,
  343.                     processData: false,
  344.                     data: '',                         
  345.                     type: 'get',   
  346.                     success: function(data){
  347.                         if(data){
  348.                             app.appView.hideLoader();
  349.                             var json =JSON.parse(data)
  350.                           
  352.                             for(var i=0; i<json.total;i++){
  353.                                 var lastField = $("#buildyourform div:last");
  354.                                 var intId = (lastField && lastField.length && lastField.data("idx") + 1) || 1;
  355.                                 var fieldWrapper = $("<div class=\"uv-element-block\" id=\"field" + intId + "\"/>");
  356.                                 fieldWrapper.data("idx", intId);
  357.                                  var fName = $("<input type='text' placeholder='Nombre' value='"+json.rows[i].nombre+"' class='uv-field ' /> <input placeholder='Apellido'  value='"+json.rows[i].apellido+"'  type='text' class='uv-field ' />  <input placeholder='Email' type='text'  value='"+json.rows[i].email+"'  class='uv-field ' /> <input placeholder='Cargo' type='text' class='uv-field ' value='"+json.rows[i].cargo+"' />");
  358.                                     var removeButton = $("<input type='button' class='uv-btn' value='{{ 'Delete'|trans }}' /><br>");
  359.                                     fieldWrapper.append(fName);
  360.                                     //fieldWrapper.append(fType);
  361.                                     fieldWrapper.append(removeButton);
  362.                                     removeButton.click(function() {
  363.                                         $(this).parent().remove();
  364.                                     });
  365.                                     $("#buildyourform").append(fieldWrapper);
  366.                             }
  367.                         }
  368.                     }
  369.                 }); 
  370.         }
  372.         $("#add").click(function() {
  373.             var lastField = $("#buildyourform div:last");
  374.             var intId = (lastField && lastField.length && lastField.data("idx") + 1) || 1;
  375.             var fieldWrapper = $("<div class=\"uv-element-block\" id=\"field" + intId + "\"/>");
  376.             fieldWrapper.data("idx", intId);
  377.             var fName = $("<input type='text' placeholder='Nombre' class='uv-field ' /> <input placeholder='Apellido' type='text' class='uv-field ' />  <input placeholder='Email' type='text' class='uv-field ' /> <input placeholder='Cargo' type='text' class='uv-field ' />");
  378.             var removeButton = $("<input type='button' class='uv-btn' value='{{ 'Delete'|trans }}' />");
  379.             removeButton.click(function() {
  380.                 $(this).parent().remove();
  381.             });
  382.             fieldWrapper.append(fName);
  383.             //fieldWrapper.append(fType);
  384.             fieldWrapper.append(removeButton);
  385.             $("#buildyourform").append(fieldWrapper);
  386.         });
  387.         
  388.         $("#save").click(function() { 
  390.             app.appView.showLoader();
  391.             
  392.             let data=[];
  393.             var lastField = $("#buildyourform div:last");
  394.             var intId = (lastField && lastField.length && lastField.data("idx") ) || 1;
  395.             var nombre,apellido,email,cargo,nro_serie;
  396.             nombre=apellido=email=cargo=nro_serie='';
  397.             var error=false;
  398.             var enter=true;
  399.             for(var i=1; i<= intId; i++){
  400.                 j=0;
  401.                 $('div#field'+i).find('input').each(function() {
  402.                     enter=true;
  403.                     j++;
  404.                     switch(j){
  405.                         case 1:
  406.                             nombre=$(this).val();
  407.                             if($(this).val()==''){
  408.                                 $(this).addClass('uv-field uv-field-error')
  409.                                 error=true;
  410.                             }
  411.                         break;
  413.                         case 2:
  414.                             apellido=$(this).val();
  415.                             if($(this).val()==''){
  416.                                 $(this).addClass('uv-field uv-field-error')
  417.                                 error=true;
  418.                             }
  419.                         break;
  420.                         
  421.                         case 3:
  422.                             email=$(this).val();
  423.                             if($(this).val()==''){
  424.                                 $(this).addClass('uv-field uv-field-error')
  425.                                 error=true;
  426.                             }else{
  427.                                 emailRegex = /^(([^<>()[\]\.,;:\s@\"]+(\.[^<>()[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i;
  428.                                 if (!emailRegex.test(email)) {
  429.                                    $(this).addClass('uv-field uv-field-error')
  430.                                     error=true;
  431.                                 }
  432.                             }
  433.                         break;
  434.                         
  435.                         case 4:
  436.                             cargo=$(this).val();
  437.                         break;
  438.                         
  439.                     }
  440.                     //console.log($(this).val());
  441.                 })
  442.                 if(!error){
  443.                     data.push({nombre:nombre,apellido:apellido,email:email,cargo:cargo})
  444.                 }
  445.                 else{ 
  446.                     app.appView.hideLoader();
  447.                     return;
  448.                 }
  449.                 
  450.             }
  451.             if(enter){
  452.                 var form_data = new FormData();   
  453.                 form_data.append('array_post',JSON.stringify(data));
  454.                 form_data.append('email','{{ user.email}}');
  455.                 
  456.               
  457.                 $.ajax({
  458.                     url: "../../../external/Controllers/ApiCreateAlias.php",
  459.                       dataType: 'text',  
  460.                         cache: false,
  461.                         contentType: false,
  462.                         processData: false,
  463.                         data: form_data,                         
  464.                         type: 'post',   
  465.                         success: function(data){
  467.                             app.appView.hideLoader();
  468.                             location.reload()
  469.                             
  470.                         }
  471.                     }); 
  472.             }
  473.         })
  477.         function changepass(){
  478.             if($('#pass').get(0).type!='text'){
  479.                 $('#pass').get(0).type='text';
  480.                 $('#pass2').get(0).type='text';
  481.             }
  482.             else{
  483.                 $('#pass').get(0).type='password';
  484.                 $('#pass2').get(0).type='password';
  485.             }
  486.         }
  487.         $(function () {
  488.             readContactList()
  489.             var AccountLinkModel = Backbone.Model.extend({
  490.                 validation: {
  491.                     'merge_token': function(value) {
  492.                         if (value != undefined && value !== '') {
  493.                             if (value == this.attributes.presentToken) {
  494.                                 return "{% trans %}You can't merge an account with itself.{% endtrans %}";
  495.                             }
  496.                         } else {
  497.                             return '{{ "This field is mandatory"|trans }}';
  498.                         }
  499.                     },
  500.                 }
  501.             });
  503.             var UserModel = Backbone.Model.extend({
  504.                 validation: {
  505.                     'user_form[firstName]': {
  506.                         required: true,
  507.                         msg: '{{ "This field is mandatory"|trans }}'
  508.                     },
  509.                     'user_form[lastName]': function(value) {
  510.                         if(value != undefined && value !== '') {
  511.                             [{
  512.                                 pattern: /^[A-Za-z][A-Za-z]*[\sA-Za-z]*$/,
  513.                                 msg: 'This field must have characters only'
  514.                             },{
  515.                                 maxLength:40,
  516.                                 msg:'Maximum character length is 40'
  517.                             }]
  518.                         }
  519.                     },
  520.                     'user_form[email]': [{
  521.                         required: true,
  522.                         msg: '{{ "This field is mandatory"|trans }}'
  523.                     },{
  524.                         pattern: 'email',
  525.                         msg: '{{ "Email address is invalid"|trans }}'
  526.                     }],
  527.                     'user_form[contactNumber]': function(value) {
  528.                         if(value != undefined && value !== '') {
  529.                             if(!value.match('^\\s*(?:\\+?(\\d{1,3}))?[-. (]*(\\d{3})[-. )]*(\\d{3})[-. ]*(\\d{4})(?: *x(\\d+))?\\s*$'))
  530.                                 return '{{ "Contact number is invalid"|trans }}';
  531.                         }
  532.                     },
  533.                     'user_form[password][first]' : function(value) {
  534.                         if(value != undefined && value !== '') {
  535.                             if(value.length < 8)
  536.                                 return '{{ "Password must contains 8 Characters"|trans }}';
  537.                         }
  538.                     },
  539.                     'user_form[password][second]': {
  540.                         equalTo: 'user_form[password][first]',
  541.                         msg: '{{ "The passwords does not match"|trans }}'
  542.                     }
  543.                 }
  544.             });
  546.             var UserForm = Backbone.View.extend({
  547.                 events : {
  548.                     'click .uv-btn' : "saveUser",
  549.                     'blur input, textarea': 'formChanegd',
  550.                     'click a.select': 'selectAll',
  551.                     'click a.deselect': 'deselectAll',
  552.                 },
  553.                 initialize : function() {
  554.                     Backbone.Validation.bind(this);
  555.                     for (var field in jsonContext) {
  556.                         if(field == 'first') {
  557.                             Backbone.Validation.callbacks.invalid(this, "user_form[password][" + field + "]", jsonContext[field], 'input');
  558.                         } else {
  559.                             Backbone.Validation.callbacks.invalid(this, "user_form[" + field + "]", jsonContext[field], 'input');
  560.                         }
  561.                     }
  564.                     $('#notifications .uv-scroll-plank .uv-scroll-block').each(function() {
  565.                         if(!$(this).find('.uv-element-block').length) {
  566.                             $(this).parents('.uv-scroll-plank').remove()
  567.                         }
  568.                     })
  570.                 },
  571.                 formChanegd: function(e) {
  572.                     var fieldName = Backbone.$(e.currentTarget).attr('name');
  573.                     if(fieldName == 'user_form[password][second]') {
  574.                         if($("input[name='user_form[password][first]']").val().length) {
  575.                             this.model.set(fieldName, Backbone.$(e.currentTarget).val())
  576.                             this.model.isValid([fieldName])
  577.                         } else {
  578.                             if($("input[name='user_form[password][second]']").val().length) {
  579.                                 this.model.set(fieldName, Backbone.$(e.currentTarget).val())
  580.                                 this.model.isValid([fieldName])
  581.                             } else {
  582.                                 Backbone.Validation.callbacks.valid(this, fieldName, 'input');
  583.                             }
  584.                         }
  585.                     } else {
  586.                         this.model.set(fieldName, Backbone.$(e.currentTarget).val())
  587.                         this.model.isValid([fieldName])
  588.                         if(fieldName == 'user_form[password][first]' && !$("input[name='user_form[password][second]']").val().length) {
  589.                             Backbone.Validation.callbacks.valid(this, 'user_form[password][second]', 'input');
  590.                         }
  591.                     }
  592.                 },
  593.                 saveUser : function (e) {
  594.                     e.preventDefault();
  595.                     this.model.set(this.$el.serializeObject());
  596.                     if(this.model.isValid(true)) {
  597.                         this.$el.find('.uv-btn').attr('disabled', 'disabled');
  598.                         this.$el.submit();
  599.                     }
  600.                 },
  601.                 selectAll: function (e) {
  602.                     e.preventDefault();
  603.                     this.$(e.currentTarget).parents('.uv-scroll-plank')
  604.                             .find('input')
  605.                             .prop('checked', true)
  606.                 },
  607.                 deselectAll: function (e) {
  608.                     e.preventDefault();
  609.                     this.$(e.currentTarget).parents('.uv-scroll-plank')
  610.                             .find('input')
  611.                             .prop('checked', false);
  612.                 },
  613.             });
  615.             var userForm = new UserForm({
  616.                 el : $("#user-form"),
  617.                 model : new UserModel()
  618.             });
  620.             var HelpdeskResourcesView = Backbone.View.extend({
  621.                 el: '.uv-view',
  622.                 events: {
  623.                     'click .initiate-backup': 'initiateBackup',
  624.                 },
  625.                 initiateBackup: function(e) {
  626.                     e.preventDefault();
  627.                     $(e.target).attr('disabled', 'disabled');
  628.                     $(e.target).closest('form').submit();
  630.                 },
  631.             });
  633.             var helpdeskResources = new HelpdeskResourcesView();
  634.             
  635.             $('.uv-nav-tab-label li a').on('click', function(e) {
  636.                 e.preventDefault();
  638.                 $('.uv-nav-tab-label li a').removeClass('uv-nav-tab-active');
  639.                 $(this).addClass('uv-nav-tab-active');
  640.                 $('.uv-nav-tab-view').removeClass('uv-nav-tab-view-active')
  641.                 $('#' + $(this).attr('for')).addClass('uv-nav-tab-view-active')
  642.             });
  643.         });
  645.         
  646.         
  647.     </script>
  648. {% endblock %}