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

Open in your IDE?
  1. {% set workflowAccess = user_service.isAccessAuthorized('workflows_addaction') %}
  3. <script type="text/template" id="event-add">
  4.     <select class="uv-select uv-select-grouped select-event wfEvents" name="events[<%- keyNo %>][event]" <%- typeof(event) != 'undefined' && event ? "disabled=disabled" : '' %>  style="width: 300px;">
  5.         <option value="">{% trans %}Select an Event{% endtrans %}</option>
  6.         <% for(var key in events){ %>
  7.             <option value="<%= key %>" <%- typeof(event) != 'undefined' && event == key ? 'selected' : '' %>><%= events[key] %></option>
  8.         <% } %>
  9.     </select>
  11.     <span class="apply-event">
  12.         <a class="uv-btn-tag remove-event-select" href="#"><span class="uv-icon-remove-dark-box"></a>
  13.     </span>
  15.     <p class="uv-field-message" style="display: none;"></p>
  16. </script>
  18. <script type="text/template" id="event-value-select">
  19.     <select class="uv-select uv-select-grouped wfEventTriggers" name="events[<%- keyNo %>][trigger]" style="width: 300px;">
  20.         <% for (var key in triggers) { %>
  21.             <option value="<%= key %>" <%- typeof(trigger) != 'undefined' && trigger == key ? 'selected' : '' %>><%= triggers[key] %></option>
  22.         <% } %>
  23.     </select>
  24. </script>
  26. <script type="text/javascript">
  27.     var workflowAccess = {{ workflowAccess ? 1 : 0 }};
  29.     if(typeof(sB) == 'undefined'){
  30.         var sB = {};
  31.     }
  33.     sB.eventRow = sB.PrevEvent = 0;
  34.     sB.JsonEvents = JSON.parse("{{ uvdesk_automations.getWorkflowEvents() | json_encode | e('js') }}");
  35.     sB.MatchEvents = JSON.parse("{{ uvdesk_automations.getWorkflowEventValues() | json_encode | e('js') }}");
  37.     sB.EventSelectView = Backbone.View.extend({
  38.         tagName: 'div',
  39.         className: 'uv-field-block workflow-event',
  40.         eventTemplate: _.template($('#event-add').html()),
  41.         valueSelectTemplate: _.template($('#event-value-select').html()),
  42.         events: {
  43.             'change .select-event': 'selectOption',
  44.             'change .apply-event': 'selectValue',
  45.             'click .remove-event-select': 'removeSelect'
  46.         },
  47.         initialize: function() {
  48.             (this.model == undefined || this.model.altKey != undefined) ? this.model = {'event': sB.PrevEvent ? sB.PrevEvent : 0} : false;
  49.             this.keyNo = sB.eventRow;
  50.             sB.eventRow++;
  51.         },
  52.         render: function() {
  53.             this.$el.html(this.eventTemplate(_.extend(this.model, {'keyNo': this.keyNo, 'events': sB.JsonEvents})));
  54.             return this;
  55.         },
  56.         removeSelect: function(e) {
  57.             if ($('.uv-field-block.workflow-event').length > 1) {
  58.                 this.remove();
  59.                 this.firstEnable();
  60.             } else {
  61.                 $(this.el).find('.uv-field-message').html("{{ 'This field is required'|trans }}").fadeIn(0);
  62.             }
  63.         },
  64.         selectOption: function(e) {
  65.             if (e.target.value != sB.PrevEvent) {
  66.                 $('#events').find('.workflow-event').not(this.$el).remove();
  67.                 sB.PrevEvent = e.target.value;
  68.                 if (typeof(sB.ActionSelectViews) != 'undefined') {
  69.                     sB.actionselectView.clearHtml();
  70.                 }
  71.                 if (typeof(sB.SelectViews) != 'undefined') {
  72.                     sB.selectView.clearHtml();
  73.                 }
  74.             }
  76.             this.firstEnable();
  77.             var value = sB.PrevEvent = e.target.value;
  78.             this.updateButtonHref(value);
  79.             this.siblingValue = this.$el.find('.apply-event');
  80.             this.siblingValue.find('.uv-select').remove();
  81.             this.siblingValue.prepend(this.valueSelectTemplate(_.extend(this.model, {'triggers' : sB.MatchEvents[value], 'keyNo': this.keyNo})));
  82.         },
  83.         updateButtonHref: function(value) {
  84.             if (value) {
  85.                 if (value == 'customer' || value == 'agent') {
  86.                     $('#events').find('.btn-next').attr('href', '#actions');
  87.                     $('#actions').find('.btn-prev').attr('href', '#events');
  88.                 } else {
  89.                     $('#events').find('.btn-next').attr('href', '#conditions');
  90.                     $('#actions').find('.btn-prev').attr('href', '#conditions');
  91.                 }
  92.             }
  93.         },
  94.         firstEnable: function() {
  95.             if (workflowAccess) {
  96.                 $('#events').find('.workflow-event').eq(0).find('.uv-select.wfEvents').attr('disabled', false);
  97.             }
  98.         },
  99.         selectValue: function(e) {
  100.             sB.eventselectView.removeduplicate(e);
  101.             this.firstEnable();
  102.         }
  103.     });
  105.     sB.EventSelectViews = Backbone.View.extend({
  106.         el: '.uv-view',
  107.         target: $('#events .workflow-event-body'),
  108.         initialize: function(){
  109.             {% if formData and formData.events is defined %}
  110.                 this.createEvents($.parseJSON("{{ formData.events | json_encode | e('js') }}"));
  111.             {% else %}
  112.                 this.addSelect();
  113.             {% endif %}
  114.         },
  115.         events: {
  116.             'click #events .btn-add': 'addSelect',
  117.         },
  118.         createEvents: function(eventPreviouslyAdded) {
  119.             _.each(eventPreviouslyAdded, this.addSelect, this);
  120.         },
  121.         addSelect: function(eventModel) {
  122.             var view = new sB.EventSelectView({model: eventModel});
  123.             this.target.append(viewEl = view.render().el); 
  124.             // if (typeof(eventModel.type) == 'undefined' && typeof(eventModel.trigger) != 'undefined')
  125.                 this.$(viewEl).find('select.wfEvents').trigger('change');
  126.         },
  127.         removeduplicate: function(e) {
  128.             // remove already exits elements - select
  129.             $('.apply-event select').each(function() {
  130.                 if (this.value == e.target.value) {
  131.                     $(this).not(e.target).parents('tr').remove();
  132.                 }
  133.             })
  134.         },
  135.     });
  137.     sB.eventselectView = new sB.EventSelectViews();
  138. </script>