vendor/uvdesk/automation-bundle/Resources/views/Workflow/actions.html.twig line 1

Open in your IDE?
  1. <script type="text/template" id="action-add">
  2.     <select class="uv-select uv-select-grouped select-action wfAction" name="actions[<%- keyNo %>][type]" style="width: 200px;">
  3.         <option value="">{{ 'Select an Action'|trans }}</option>
  4.         <% for(var key in actions){ %>
  5.             <option value="<%- key %>" <%- typeof(type) != 'undefined' && type == key ? 'selected' : ''%>><%- actions[key] %></option>
  6.         <% } %>
  7.     </select>
  8.     <span class="apply-action" style="display: inline-block; vertical-align: middle;">
  9.         <a class="uv-btn-tag remove-action-tr" href="#"><span class="uv-icon-remove-dark-box"></a>
  10.     </span>
  11.     <p class="uv-field-message" style="display: none;"></p>
  12. </script>
  14. <script type="text/template" id="action-value-text">
  15.     <textarea name="actions[<%- keyNo %>][value]" id="textarea-note" class="uv-field wfActionValue textarea-fix-action" style="width: 200px;"><%- (typeof(value) != 'undefined' && typeof(value) != 'object') ? value : ''%></textarea>
  16. </script>
  18. <script type="text/template" id="action-value-select">
  19.     <select name="actions[<%- keyNo %>][value]" class="uv-select uv-select-grouped action-value wfAction" style="width: 200px;"><option>{{ 'Loading...'|trans }}</option></select>
  20. </script>
  22. <script type="text/template" id="action-value-multi-select">
  23.     <div class="uv-dropdown asset-visibility action-value-for wfActionMultiple" name="actions[<%- keyNo %>][value][for][]">
  24.         <div class="uv-dropdown-btn uv-vertical-align uv-margin-right-5" style="width: 200px;">{{ 'Select Option'|trans }}</div>
  25.         <div class="uv-dropdown-list uv-bottom-left">
  26.             <div class="uv-dropdown-container">
  27.                 <ul></ul>
  28.             </div>
  29.         </div>
  30.     </div>
  31.     <select name="actions[<%- keyNo %>][value][value]" class="uv-select uv-select-grouped action-value wfAction" style="width: 200px;"><option>{{ 'Loading...'|trans }}</option></select>
  32. </script>
  34. <script type="text/template" id="action-value-select-multiple">
  35.     <select name="actions[<%- keyNo %>][value][]" class="uv-select uv-select-grouped action-value wfAction" multiple="true" style="width: 200px;"><option>{{ 'Loading...'|trans }}</option></select>
  36. </script>
  38. <script type="text/template" id="action-value-select-option">
  39.     <option value="<%= id %>" <%- (typeof(value) != 'undefined' && (typeof(value) === 'object' && value.indexOf(id.toString()) > -1)) ? 'selected' : (typeof(value) != 'undefined' && value == id ? 'selected' : '')%>><%= name %></option>
  40. </script>
  42. <script type="text/template" id="action-value-select-for-option">
  43.     <li class="uv-dropdown-checkbox">
  44.         <label>
  45.             <div class="uv-checkbox">
  46.                 <input type="checkbox" id="actions[<%- keyNo %>][value][for][<%- id.toString() %>]" name="actions[<%- keyNo %>][value][for][]" value="<%= id %>" <%- (typeof(value) != 'undefined' && (typeof(value) === 'object' && value.indexOf(id.toString()) > -1)) ? 'checked' : (typeof(value) != 'undefined' && value == id ? 'checked' : '')%> >
  47.                 <span class="uv-checkbox-view uv-checkbox-dwn"></span>
  48.             </div>
  49.         </label>
  50.         <label for="actions[<%- keyNo %>][value][for][<%- id.toString() %>]" style="display: inline;"><%= name %></label>
  51.     </li>
  52. </script>
  54. <script type="text/javascript">
  55.     $('body').on('focusout', '#textarea-note', function(){
  56.         selection = this;
  57.         oldContent = selection.value;
  58.         cursorPosition = $(this).prop("selectionStart");
  59.         forEditor = false;
  60.         forSubject = true;
  61.     });
  63.     var sB = sB || {};
  65.     sB.actionRow = 0;
  66.     sB.JsonActions = JSON.parse("{{ uvdesk_automations.getWorkflowActions(forcedActions is defined and forcedActions ? true : false) | json_encode | e('js') }}");
  68.     sB.ActionCollection = Backbone.Collection.extend({
  69.         baseUrl: "{{ path('helpdesk_member_workflow_action_options_xhr') }}",
  70.         fetchResult: function(dataMatch, currentEvent) {
  71.             this.url = this.baseUrl+'/'+dataMatch + (currentEvent ? ('/' + currentEvent) : '');
  72.             this.reset();
  73.             return this.fetch();
  74.         },
  75.     });
  77.     sB.ActionSelectView = Backbone.View.extend({
  78.         tagName: 'div',
  79.         className: 'uv-field-block workflow-action',
  80.         actionTemplate: _.template($('#action-add').html()),
  81.         valueTextTemplate: _.template($('#action-value-text').html()),
  82.         valueSelectTemplate: _.template($('#action-value-select').html()),
  83.         valueMultiSelectTemplate: _.template($('#action-value-multi-select').html()),
  84.         valueSelectMultipleTemplate: _.template($('#action-value-select-multiple').html()),
  85.         valueSelectOptionTemplate: _.template($('#action-value-select-option').html()),
  86.         valueSelectForOptionTemplate: _.template($('#action-value-select-for-option').html()),
  87.         events: {
  88.             'change .select-action': 'selectOption',
  89.             'click .remove-action-tr': 'removeTr'
  90.         },
  91.         initialize: function() {
  92.             this.keyNo = sB.actionRow;
  93.             sB.actionRow++;    
  94.         },
  95.         render: function() {
  96.             this.$el.html(this.actionTemplate(_.extend(this.model, {'keyNo': this.keyNo, 'actions' : sB.JsonActions[(typeof(sB.PrevEvent) != 'undefined' && sB.PrevEvent) ? sB.PrevEvent : 'ticket']})));
  97.             return this;
  98.         },
  99.         removeTr: function(e) {
  100.              if ($('.uv-field-block.workflow-action').length > 1) {
  101.                 this.remove();
  102.                  sB.actionselectView.clearFirstTrSpan();
  103.             } else {
  104.                 $(this.el).find('.uv-field-message').html("{{ 'This field is required'|trans }}").fadeIn(0);
  105.             }
  106.         },
  107.         selectOption: function(e) {
  108.             if (this.disable) {
  109.                 return;
  110.             }
  112.             var value = this.value = e.target.value;
  113.             if (typeof(sB.actionselectView) != 'undefined') {
  114.                 sB.actionselectView.removeduplicate(e);
  115.             }
  117.             this.selectOpt = this.$el.find('.wfAction');
  118.             this.siblingValue = this.$el.find('.apply-action');
  119.             // if(value == 'delete_ticket' || value == 'mark_spam')
  120.             this.siblingValue.find('select, textarea, div').remove();
  122.             if (value == 'uvdesk.agent.add_note' || value == 'reply') {
  123.                 this.siblingValue.prepend(this.valueTextTemplate(_.extend(this.model, {'keyNo': this.keyNo})));
  124.             } else if (value != 'uvdesk.ticket.delete' && value != 'uvdesk.ticket.mark_spam' && value) {
  125.                 this.selectOpt.prop('disabled', true);
  126.                 this.disable = true;
  127.                 if (value == 'cc' || value == 'bcc') {
  128.                     this.siblingValue.prepend(this.valueSelectMultipleTemplate(_.extend(this.model, {'keyNo': this.keyNo})));
  129.                 } else if(this.value == 'uvdesk.ticket.mail_group' || this.value == 'uvdesk.ticket.mail_team' || this.value == "uvdesk.ticket.mail_agent") {
  130.                     this.siblingValue.prepend(this.valueMultiSelectTemplate(_.extend(this.model, {'keyNo': this.keyNo})));
  131.                 } else {
  132.                     this.siblingValue.prepend(this.valueSelectTemplate(_.extend(this.model, {'keyNo': this.keyNo})));
  133.                 }
  135.                 var self = this;
  136.                 sB.actionCollection.fetchResult(value, this.getCurrentEvent())
  137.                     .done(function() {
  138.                         $(self.el).find('.action-value').find('option').remove();
  139.                         self.addAll();
  140.                     })
  141.                     .fail(function(xhr) {
  142.                         if(url = xhr.getResponseHeader('Location'))
  143.                             window.location = url;
  144.                     });
  145.             }
  146.         },
  147.         getCurrentEvent: function() {
  148.             return ($('.wfEvents').eq(0).val() ? $('.wfEvents').eq(0).val() : 'ticket');
  149.         },
  150.         addAll: function() {
  151.             if(this.value == 'uvdesk.ticket.mail_group' || this.value == 'uvdesk.ticket.mail_team' || this.value == "uvdesk.ticket.mail_agent")
  152.                 _.each(sB.actionCollection.models, this.addOneMore, this);
  153.             else
  154.                 _.each(sB.actionCollection.models, this.addOne, this);
  155.             this.disable = false;
  156.             this.selectOpt.prop('disabled', false);
  157.         },
  158.         addOne: function(newModel) {
  159.             if(typeof(this.model.value) == 'object')
  160.                 this.model.value = undefined;
  161.             var sendThisModel = _.extend(this.model, newModel.attributes);
  162.             if(typeof(newModel.attributes.id) != 'undefined')
  163.                 this.siblingValue.find('.action-value').append(this.valueSelectOptionTemplate(sendThisModel));
  164.         },
  165.         addOneMore: function(models) {
  166.             _.each(models.attributes.partResults, function(newModel){
  167.                 this.siblingValue.find('.action-value-for').find('.uv-dropdown-container ul').append(this.valueSelectForOptionTemplate(_.extend({ 'value' : (typeof(this.model.value) != 'undefined' ? this.model.value.for : ''), 'keyNo': this.keyNo}, newModel)));
  168.             }, this);
  169.             _.each(models.attributes.templates, function(newModel){
  170.                 this.siblingValue.find('.action-value').append(this.valueSelectOptionTemplate(_.extend({ 'value' : (typeof(this.model.value) != 'undefined' ? this.model.value.value : '')}, newModel)));
  171.             }, this);
  172.         }
  173.     });
  175.     sB.ActionSelectViews = Backbone.View.extend({
  176.         el: '.uv-view',
  177.         target: $('#actions .workflow-action-body'),
  178.         initialize: function() {
  179.             {% if formData and formData.actions %}
  180.                 this.createActions($.parseJSON("{{ formData.actions | json_encode | e('js') }}"));
  181.             {% else %}
  182.                 this.addSelect({});
  183.             {% endif %}
  184.             this.listenTo(sB.actionCollection, 'add', this.addOne);
  185.             {% if forcedActions is defined and forcedActions %}
  186.                 dIteration = 0;
  187.                 disableFieldFun = function() {
  188.                     setTimeout(function(e) {
  189.                         $('#actions input,#actions select,#actions textarea').attr('disabled', 'disabled');
  190.                         $('#actions .remove-action-tr').remove(); dIteration++;
  191.                         if(dIteration<5)
  192.                             disableFieldFun();
  193.                     }, 500);
  194.                 };
  195.                 
  196.                 disableFieldFun();
  197.             {% endif %}
  198.         },
  199.         events: {
  200.             'click #actions .btn-add': 'addSelect',
  201.         },
  202.         clearHtml: function() {
  203.             this.target.html('');
  204.             this.addSelect({});
  205.         },
  206.         createActions: function(actionPreviouslyAdded) {
  207.             _.each(actionPreviouslyAdded, this.addSelect, this);
  208.         },
  209.         addSelect: function(newModel) {
  210.             var view = new sB.ActionSelectView({model: newModel});
  211.             this.target.append(viewEl = view.render().el);
  212.             this.$(viewEl).find('.wfAction').trigger('change');
  213.              this.clearFirstTrSpan();
  214.         },
  215.         removeduplicate: function(e) {
  216.             //remove already exits elements - select
  217.             $('.select-action').each(function() {
  218.                 if(this.value == e.target.value)
  219.                     $(this).not(e.target).parents('tr').remove();
  220.             });
  221.              this.clearFirstTrSpan();
  222.         },
  223.         clearFirstTrSpan: function() {
  224.              this.target.find('tr').eq(0).find('span.border-override').remove();
  225.         },
  226.     });
  228.     sB.actionCollection = new sB.ActionCollection();
  229.     sB.actionselectView = new sB.ActionSelectViews();
  230. </script>