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

Open in your IDE?
  1. <style>
  2.     .mce-path {
  3.               display: none !important;
  4.     }
  5. </style>
  6. {% set isTicketViewPage = ('helpdesk_member_ticket' == app.request.attributes.get('_route')) %}
  8. <div class="uv-pop-up-overlay uv-no-error-success-icon" id="create-ticket-modal">
  9.     <div class="uv-pop-up-box uv-pop-up-wide">
  10.         <span class="uv-pop-up-close"></span>
  11.         <h2>Create Ticket</h2>
  12.         <form action="{{ path('helpdesk_member_create_ticket') }}" method="post" id="create-ticket-form" enctype="multipart/form-data">
  13.             {# Customer Details #}
  14.             {% if not isTicketViewPage %}
  15.                 {# Name #}
  16.                 <div class="uv-element-block">
  17.                     <label class="uv-field-label">{{ 'Name'|trans }}</label>
  18.                     <div class="uv-field-block">
  19.                         <input name="name" class="uv-field create-ticket" type="text" value="">
  20.                     </div>
  21.                     <span class="uv-field-info">{{ 'Customer full name'|trans }}</span>
  22.                 </div>
  24.                 {# Email #}
  25.                 <div class="uv-element-block">
  26.                     <label class="uv-field-label">{{ 'Email'|trans }}</label>
  27.                     <div class="uv-field-block">
  28.                         <input name="from" class="uv-field create-ticket" type="text" value="">
  29.                     </div>
  30.                     <span class="uv-field-info">{{ 'Customer email address'|trans }}</span>
  31.                 </div>
  32.             {% else %}
  33.                 {# Retrieve customer details from the current ticket being visited #}
  34.                 <span class="uv-field-info">{{ "Ticket will be created with current ticket's customer"|trans }}</span>
  35.             {% endif %}
  37.             {# Ticket Type #}
  38.             <div class="uv-element-block">
  39.                 <label class="uv-field-label">{{ 'Type'|trans }}</label>
  40.                 <div class="uv-field-block">
  41.                     <select name="type" class="uv-select create-ticket" id="type">
  42.                         <option value="">{{ 'Select type'|trans }}</option>
  43.                             {% for type in ticket_service.getTypes()  %}
  44.                                 <option value="{{ type.id }}" {{ post.type is defined and post.type == type.id ? 'selected' : '' }}>{{ type.name }}
  45.                                 </option>
  46.                             {% endfor %}
  47.                     </select>
  48.                 </div>
  49.                 <span class="uv-field-info">{{ 'Choose ticket type'|trans }}</span>
  50.             </div>
  52.             {# Ticket Subject #}
  53.             <div class="uv-element-block">
  54.                 <label class="uv-field-label">{{ 'Subject'|trans }}</label>
  55.                 <div class="uv-field-block">
  56.                     <input name="subject" class="uv-field create-ticket" type="text" value="">
  57.                 </div>
  59.                 <span class="uv-field-info">{{ 'Ticket subject'|trans }}</span>
  60.             </div>
  62.             {# Ticket Message #}
  63.             <div class="uv-element-block">
  64.                 <label class="uv-field-label">{{ 'Message'|trans }}</label>
  65.                 <div class="uv-field-block">
  66.                     <textarea name="reply" id="create-reply" class="uv-field create-ticket" type="text">{{ ticket_service.getAgentDraftReply() }}</textarea>
  67.                 </div>
  68.                 
  69.                 <span class="uv-field-info">{{ 'Ticket query message'|trans }}</span>
  70.             </div>
  72.             {# Ticket Attachment #}
  73.             <div class="uv-element-block attachment-block uv-no-error-success-icon" id="uv-attachment-option">
  74.                 <label>
  75.                     <span class="uv-file-label">{{ 'Add Attachment'|trans }}</span>
  76.                 </label>
  77.             </div>
  79.             {# CustomFields #}
  80.             {% set removeMe = [] %}
  81.             {% if headerCustomFields %}
  82.                 <div class="custom-fields clearfix">
  83.                     {% for key, customField in headerCustomFields %}
  84.                         <div class="uv-element-block input-group {{ customField.customFieldsDependency|length ? 'dependent' : '' }} {% for customFieldCustomFieldsDependency in customField.customFieldsDependency %} dependency{{customFieldCustomFieldsDependency.id}}{% endfor %}" style="position: relative; {{ customField.customFieldsDependency|length ? 'display: none;' : '' }}">
  85.                             <label class="uv-field-label" for="for{{customField.name~customField.id}}">{{ customField.name }}</label>
  86.                             {% if customField.fieldType == 'text' %}
  87.                                 <div class="uv-field-block">
  88.                                     <input type="{{ customField['validation']['fieldtype'] is defined ? customField['validation']['fieldtype'] :'text' }}" name="customFields[{{customField.id}}]" class="uv-field create-ticket" value="" {{ customField.required ? "required" : "" }} id="for{{customField.name~customField.id}}" placeholder="{{customField.placeholder}}">
  89.                                 </div>
  91.                             {% elseif customField.fieldType in ['date', 'time', 'datetime'] %}
  92.                                 <div class="uv-field-block">
  93.                                     <input class="uv-field form-control create-ticket uv-date-picker {% if customField.fieldType == 'time' %}time{% else %}calendar{% endif %} uv-header-{{ customField.fieldType }}" type="text" name="customFields[{{customField.id}}]" {{ customField.required ? "required" : "" }} id="for{{customField.name~customField.id}}" value="">
  94.                                 </div>
  95.                             {% elseif customField.fieldType == 'textarea' %}
  96.                                 <div class="uv-field-block">
  97.                                     <textarea name="customFields[{{customField.id}}]" class="uv-field create-ticket" {{ customField.required ? "required" : "" }} id="for{{customField.name~customField.id}}"></textarea>
  98.                                 </div>
  100.                             {% elseif customField.fieldType in ['file'] %}
  101.                                 <div class="uv-field-block">
  102.                                     <input type="file" name="customFields[{{customField.id}}]" class="uv-field create-ticket" {{ customField.required ? "required" : "" }} id="for{{customField.name~customField.id}}">
  103.                                 </div>
  105.                             {% elseif customField.fieldType in ['select'] %}
  106.                                 {% if customField.customFieldValues is not empty %}
  107.                                     <div class="uv-field-block">
  108.                                         <select name="customFields[{{customField.id}}]" class="uv-select create-ticket" id="for{{customField.name~customField.id}}" {{ customField.required ? "required" : "" }}>
  109.                                             <option value="">{{ 'Select option' }}</option>
  110.                                             {% for customFieldValues in customField.customFieldValues %}
  111.                                                 <option value="{{customFieldValues.id}}">{{customFieldValues.name}}</option>
  112.                                             {% endfor %}
  113.                                         </select>
  114.                                     </div>
  115.                                 {% else %}
  116.                                     <!--Hide this beacause choices aren't available-->
  117.                                     {% set removeMe = removeMe|merge(["for"~customField.name~customField.id]) %}
  118.                                 {% endif %}
  120.                             {% elseif customField.fieldType in ['checkbox'] %}
  121.                                 {% if customField.customFieldValues is not empty %}
  122.                                     {% for customFieldValues in customField.customFieldValues %}
  123.                                         <div class="uv-split-field">
  124.                                             <label>
  125.                                                 <div class="uv-checkbox">
  126.                                                     <input type="checkbox" name="customFields[{{customField.id}}][]" value="{{customFieldValues.id}}" id="for{{customFieldValues.name~customFieldValues.id}}" class="create-ticket"/>
  127.                                                     <span class="uv-checkbox-view"></span>
  128.                                                 </div>
  129.                                                 <span class="uv-radio-label" for="for{{customFieldValues.name~customFieldValues.id}}">{{ customFieldValues.name }}</span>
  130.                                             </label>
  131.                                         </div>
  132.                                     {% endfor %}
  133.                                 {% else %}
  134.                                     <!--Hide this beacause choices aren't available-->
  135.                                     {% set removeMe = removeMe|merge(["for"~customField.name~customField.id]) %}
  136.                                 {% endif %}
  138.                             {% elseif customField.fieldType in ['radio'] %}
  139.                                 {% if customField.customFieldValues is not empty %}
  140.                                     {% for customFieldValues in customField.customFieldValues %}
  141.                                         <div class="uv-split-field">
  142.                                             <label>
  143.                                                 <div class="uv-radio">
  144.                                                     <input type="radio" name="customFields[{{customField.id}}]" value="{{customFieldValues.id}}" id="for{{customFieldValues.name~customFieldValues.id}}" class="create-ticket"/>
  145.                                                     <span class="uv-radio-view"></span>
  146.                                                 </div>
  147.                                                 <span class="uv-radio-label" for="for{{customFieldValues.name~customFieldValues.id}}">{{ customFieldValues.name }}</span>
  148.                                             </label>
  149.                                         </div>
  150.                                     {% endfor %}
  151.                                 {% else %}
  152.                                     <!--Hide this beacause choices aren't available-->
  153.                                     {% set removeMe = removeMe|merge(["for"~customField.name~customField.id]) %}
  154.                                 {% endif %}
  156.                             {% endif %}
  157.                             {% if formErrors['customFields['~customField.id~']'] is defined %}
  158.                                 <div class="text-danger">{{formErrors['customFields['~customField.id~']']}}</div>
  159.                             {% endif %}
  160.                         </div>
  161.                     {% endfor %}
  162.                 </div>
  163.             {% endif %}
  165.             <div class="uv-element-block">
  166.                 <button type="submit" id="create-ticket-btn" class="uv-btn">{{ 'Create Ticket'|trans }}</button>
  167.             </div>
  168.         </form>
  169.     </div>
  170. </div>
  172. {% if not(app.request.attributes.get('_route') in ['helpdesk_member_ticket']) %}
  173.     {{ include('@UVDeskCoreFramework\\Templates\\attachment.html.twig') }}
  174. {% endif %}
  176. {% if user_service.isfileExists('apps/uvdesk/form-component') %}
  177. <script>
  178.     customFieldValidation = {};
  179.     customHandler = function(value, attr, computedState) {
  180.         if(!$('[name="'+ attr + '"]').parents('.uv-element-block').is(':visible') && !$('[name="'+ attr + '[]' + '"]').parents('.uv-element-block').is(':visible')) {
  181.             return false;
  182.         } else {
  183.             var ele = $('[name="'+ attr + '"]');
  184.             ele = ele.length ? ele : $('[name="'+ attr + '[]' + '"]');
  185.             if(ele[0].type == 'radio') {
  186.                 var returnMe = true;
  187.                 $.each(ele, function(key, eleChild) {
  188.                     if($(eleChild).is(':checked')) {
  189.                         returnMe = false;
  190.                     }
  191.                 });
  192.                 return returnMe;
  193.             } else if(ele[0].type == 'checkbox') {
  194.                 var returnMe = true;
  195.                 $.each(ele, function(key, eleChild) {
  196.                     if($(eleChild).is(':checked')) {
  197.                         returnMe = false;
  198.                     }
  199.                 });
  200.                 return returnMe;
  201.             } else if(!$('#create-ticket-form [name="'+ attr + '"]').val()) {
  202.                 return true;
  203.             }
  204.         }
  205.     };
  206.     _.extend(Backbone.Validation.validators, {
  207.         checkAllowedDomain: function(value, attr, customValue, model) {
  208.             if(!$('[name="'+ attr + '"]').parents('.uv-element-block').is(':visible'))
  209.                 return false;
  210.             domain = value.substring(value.indexOf("@") + 1);
  211.             if(customValue && customValue.indexOf(domain) === -1) {
  212.                 return true; //return error
  213.             }
  214.         },
  215.         checkRestrictedDomain: function(value, attr, customValue, model) {
  216.             if(!$('[name="'+ attr + '"]').parents('.uv-element-block').is(':visible'))
  217.                 return false;
  218.             domain = value.substring(value.indexOf("@") + 1);
  219.             if(customValue && customValue.indexOf(domain) !== -1) {
  220.                 return true; //return error
  221.             }
  222.         },
  223.         checkMaxFileSize: function(value, attr, customValue, model) {
  224.             if(!$('[name="'+ attr + '"]').parents('.uv-element-block').is(':visible'))
  225.                 return false;
  226.             fileInput = $('input[name="' + attr + '"]')[0] ? $('input[name="' + attr + '"]')[0] : $('input[name="' + attr + '"]');
  227.             file = fileInput.files? fileInput.files[0] : '';
  228.             filesize = file ? file.size / 1024 : 0;
  229.             maxSize = (customValue && parseInt(customValue)) ? parseInt(customValue) : 5120;
  230.             
  231.             if(filesize > maxSize) {
  232.                 return true; //return error
  233.             }
  234.         },
  235.         patternOrEmpty: function(value, attr, pattern, model) {
  236.             defaultPatterns = Backbone.Validation.patterns;
  237.             if (value && !value.toString().match(defaultPatterns[pattern] || pattern)) {
  238.                 return true; //error
  239.             }
  240.         },
  241.       minOrEmpty: function(value, attr, minValue, model) {
  242.         if (value && (value < minValue)) {
  243.           return true; //error
  244.         }
  245.       },
  246.       maxOrEmpty: function(value, attr, maxValue, model) {
  247.         if (value && (value > maxValue)) {
  248.           return true; //error
  249.         }
  250.       },
  251.       patternCheck: function(value, attr, pattern, model) {
  252.         if (value && !value.toString().match(pattern)) {
  253.             return true; //error
  254.         }
  255.       },
  256.     });
  257.         {% if headerCustomFields is defined and headerCustomFields %}
  258.             {% for customField in headerCustomFields %}
  259.                 {% set fieldtype = ('text' != customField['fieldType']) ? customField['fieldType'] : (customField['validation']['fieldtype'] is defined ? customField['validation']['fieldtype'] : 'text') %}
  260.                     customFieldValidation['customFields[' + {{ customField.id }} + ']'] = [
  261.                     {% if not(fieldtype in ['checkbox', 'radio', 'select'] and customField['customFieldValues'] is empty) and customField.required %}
  262.                         {
  263.                         fn : customHandler,
  264.                         msg : '{{ "This field is mandatory"|trans }}'
  265.                     },
  266.                     {% endif %}
  267.                     {% if('number' == fieldtype) %}
  268.                         {
  269.                             patternOrEmpty : 'number',
  270.                             msg: '{{ "Value is not valid number"|trans }}',
  271.                         },
  272.                         {% if customField['validation']['minNo'] %} 
  273.                             {
  274.                                 minOrEmpty: {{ customField['validation']['minNo'] }},
  275.                                 msg: '{{ "Provide number greater than %min%"|trans({"%min%": customField["validation"]["minNo"] }) }}',
  276.                             },
  277.                         {% endif %}
  278.                         {% if customField['validation']['maxNo'] %} 
  279.                         {
  280.                             maxOrEmpty: {{ customField['validation']['maxNo'] }},
  281.                             msg: '{{ "Provide number smaller than %max%"|trans({"%max%": customField["validation"]["maxNo"] }) }}',
  282.                         },
  283.                         {% endif %}
  284.                     {% elseif('email' == fieldtype) %}
  285.                         {
  286.                             patternOrEmpty: /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i,
  287.                             msg: '{{ "Email Address is invalid"|trans }}',
  288.                         },
  289.                         {% if customField['validation']['allowedDomain'] %}
  290.                             {
  291.                                 checkAllowedDomain: "{{ customField['validation']['allowedDomain'] }}",
  292.                                 msg: '{{ "Domain name should be in accepted domains"|trans }}',
  293.                             },
  294.                         {% endif %}
  295.                         {% if customField['validation']['restrictedDomain'] %}
  296.                             {
  297.                                 checkRestrictedDomain: "{{ customField['validation']['restrictedDomain'] }}",
  298.                                 msg: '{{ "Domain name should not be in restricted domains" }}',
  299.                             } ,
  300.                         {% endif %}
  301.                     {% elseif('url' == fieldtype) %}
  302.                         {
  303.                             patternOrEmpty: 'url',
  304.                             msg: '{{ "Provide a valid url(with protocol)"|trans }}',
  305.                         } ,
  306.                     {% elseif('file' == fieldtype) %}
  307.                         {
  308.                             checkMaxFileSize: "{{ customField['validation']['maxFileSize'] }}",
  309.                             msg: '{{ "file size should not exceed %value% KB"|trans({"%value%": customField["validation"]["maxFileSize"] ? : "5120"}) }}',
  310.                         } ,
  311.                     {% endif %}
  312.                     {% if (not (fieldtype in ['checkbox', 'radio', 'select'])) and customField['validation']['regex'] is defined and customField['validation']['regex'] %}
  313.                         {
  314.                             patternCheck: "{{ customField['validation']['regex'] }}",
  315.                             msg: "{{ 'This Field Value is not Valid'|trans }}",
  316.                         } ,
  317.                     {% endif %}
  318.                 ];
  319.                 Array.isArray(validationParameters) ? validationParameters.push(value) : false;
  320.             {% endfor %}
  321.         {% endif %}
  322.         {% if CustomerCustomFields is defined and CustomerCustomFields %}
  323.             {% for customField in CustomerCustomFields %}
  324.                 {% set fieldtype = ('text' != customField['fieldType']) ? customField['fieldType'] : (customField['validation']['fieldtype'] is defined ? customField['validation']['fieldtype'] : 'text') %}
  325.                     customFieldValidation['customFields[' + {{ customField.id }} + ']'] = [
  326.                     {% if not(fieldtype in ['checkbox', 'radio', 'select'] and customField['customFieldValues'] is empty) and customField.required %}
  327.                         {
  328.                         fn : customHandler,
  329.                         msg : '{{ "This field is mandatory"|trans }}'
  330.                     },
  331.                     {% endif %}
  332.                     {% if('number' == fieldtype) %}
  333.                         {
  334.                             patternOrEmpty : 'number',
  335.                             msg: '{{ "Value is not valid number"|trans }}',
  336.                         },
  337.                         {% if customField['validation']['minNo'] %} 
  338.                             {
  339.                                 minOrEmpty: {{ customField['validation']['minNo'] }},
  340.                                 msg: '{{ "Provide number greater than %min%"|trans({"%min%": customField["validation"]["minNo"] }) }}',
  341.                             },
  342.                         {% endif %}
  343.                         {% if customField['validation']['maxNo'] %} 
  344.                         {
  345.                             maxOrEmpty: {{ customField['validation']['maxNo'] }},
  346.                             msg: '{{ "Provide number smaller than %max%"|trans({"%max%": customField["validation"]["maxNo"] }) }}',
  347.                         },
  348.                         {% endif %}
  349.                     {% elseif('email' == fieldtype) %}
  350.                         {
  351.                             patternOrEmpty: /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i,
  352.                             msg: '{{ "Email Address is invalid"|trans }}',
  353.                         },
  354.                         {% if customField['validation']['allowedDomain'] %}
  355.                             {
  356.                                 checkAllowedDomain: "{{ customField['validation']['allowedDomain'] }}",
  357.                                 msg: '{{ "Domain name should be in accepted domains"|trans }}',
  358.                             },
  359.                         {% endif %}
  360.                         {% if customField['validation']['restrictedDomain'] %}
  361.                             {
  362.                                 checkRestrictedDomain: "{{ customField['validation']['restrictedDomain'] }}",
  363.                                 msg: '{{ "Domain name should not be in restricted domains" }}',
  364.                             } ,
  365.                         {% endif %}
  366.                     {% elseif('url' == fieldtype) %}
  367.                         {
  368.                             patternOrEmpty: 'url',
  369.                             msg: '{{ "Provide a valid url(with protocol)"|trans }}',
  370.                         } ,
  371.                     {% elseif('file' == fieldtype) %}
  372.                         {
  373.                             checkMaxFileSize: "{{ customField['validation']['maxFileSize'] }}",
  374.                             msg: '{{ "file size should not exceed %value% KB"|trans({"%value%": customField["validation"]["maxFileSize"] ? : "5120"}) }}',
  375.                         } ,
  376.                     {% endif %}
  377.                     {% if (not (fieldtype in ['checkbox', 'radio', 'select'])) and customField['validation']['regex'] is defined and customField['validation']['regex'] %}
  378.                         {
  379.                             patternCheck: "{{ customField['validation']['regex'] }}",
  380.                             msg: "{{ 'This Field Value is not Valid'|trans }}",
  381.                         } ,
  382.                     {% endif %}
  383.                 ];
  384.                 Array.isArray(validationParameters) ? validationParameters.push(value) : false;
  385.             {% endfor %}
  386.         {% endif %}
  387.     var validationParameters = true;
  388. </script>
  389. {% endif %}
  390. {{ include("@UVDeskSupportCenter/Templates/tinyMCE.html.twig") }}
  392. <script type="text/javascript">
  393.     $(function () {
  394.         if (typeof(customFieldValidation) == 'undefined') {
  395.             customFieldValidation = {};
  396.         }
  397.         {% if(removeMe is defined) %}
  398.             $.each({{ removeMe | json_encode |raw }}, function(key, value){
  399.                 $('label[for="' + value + '"]').parent().hide();
  400.             });
  401.         {% endif %}
  403.         $('.uv-header-date').datetimepicker({
  404.             format: 'YYYY-MM-DD',
  405.         });
  406.         $('.uv-header-time').datetimepicker({
  407.             format: 'LT',
  408.         });
  409.         $('.uv-header-datetime').datetimepicker({
  410.             format: 'YYYY-MM-DD H:m:s'
  411.         });
  413.         var CreateTicketModel = Backbone.Model.extend({
  414.             idAttribute : "id",
  415.             defaults : {
  416.                 path : "",
  417.             },
  418.             validation: _.extend(customFieldValidation, {
  419.                 {% if not isTicketViewPage %}
  420.                     'name' : {
  421.                         required : true,
  422.                         msg : "{{ 'This field is mandatory'|trans }}"
  423.                     },
  424.                     'from' :
  425.                     [{
  426.                         required : true,
  427.                         msg : "{{ 'This field is mandatory'|trans }}"
  428.                     },{
  429.                         pattern : /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,
  430.                         msg : "{{ 'Email address is invalid'|trans }}"
  431.                     }],
  432.                 {% endif %}
  433.                 'type' : {
  434.                     required : true,
  435.                     msg : "{{ 'This field is mandatory'|trans }}"
  436.                 },
  437.                 'subject' : {
  438.                     required : true,
  439.                     msg : "{{ 'This field is mandatory'|trans }}"
  440.                 },
  441.                 'reply' : {
  442.                     fn: function(value) {
  443.                             if(!tinyMCE.get("uv-edit-create-thread"))
  444.                                 return false;
  445.                             var html = tinyMCE.get("uv-edit-create-thread").getContent();
  446.                             if(app.appView.stripHTML(html) != '') {
  447.                                 return false;
  448.                             }
  449.                             return true;
  450.                         },
  451.                     msg : "{{ 'This field is mandatory'|trans }}"
  452.                 },
  453.             }),
  454.             urlRoot : "{{ path('helpdesk_member_create_ticket') }}"
  455.         });
  457.         sfTinyMce.init({
  458.             height: '155px',
  459.             selector : '#create-reply',
  460.             images_upload_url: "",
  461.             setup: function(editor) {
  462.             },
  463.             plugins: [
  464.             ],
  465.             toolbar: '| undo redo | bold italic forecolor ',
  466.         });
  468.         var CreateTicketForm = Backbone.View.extend({
  469.             el : $("#create-ticket-modal #create-ticket-form"),
  470.             model: new CreateTicketModel(),
  471.             initialize : function() {
  472.                 Backbone.Validation.bind(this);
  473.                 var jsonContext = JSON.parse('{{ errors is defined ? errors|raw : "{}"  }}');
  474.                 for (var field in jsonContext) {
  475.                     Backbone.Validation.callbacks.invalid(this, field, jsonContext[field], 'input');
  476.                 }
  477.             },
  478.             events : {
  479.                 'click #create-ticket-btn': "saveTicket",
  480.                 'change #type': "updateCustomFields",
  481.                 'blur input.create-ticket:not(input[type=file]), textarea.create-ticket, select.create-ticket, checkbox.create-ticket': 'formChanegd',
  482.                 'change input[type=file].create-ticket': 'formChanegd',
  483.             },
  484.             formChanegd: function(e) {
  485.                 this.model.set(Backbone.$(e.currentTarget).attr('name'), Backbone.$(e.currentTarget).val())
  486.                 this.model.isValid([Backbone.$(e.currentTarget).attr('name')])
  487.             },
  488.             saveTicket: function (e) {
  489.                 e.preventDefault();
  490.                 var currentElement = Backbone.$(e.currentTarget);
  491.                 var data = currentElement.closest('form').serializeObject();
  492.                 this.model = new CreateTicketModel();
  493.                 this.model.set(data);
  494.                 Backbone.Validation.bind(this);
  495.                 
  496.                 if (this.model.isValid(true)) {
  497.                     $('#create-ticket-form').submit();
  498.                     $('form').find('#create-ticket-btn').attr('disabled', 'disabled');
  499.                 }
  500.             },
  501.             updateCustomFields: function (e) {
  502.                 const dependentFields = e.currentTarget.value;
  503.                 this.$('.dependent').hide();
  504.                 this.$('.dependency' + dependentFields).show();
  505.             }
  506.         });
  508.         new CreateTicketForm();
  509.     });
  510. </script>