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

Open in your IDE?
  1. {% extends "@UVDeskCoreFramework//Templates//layout.html.twig" %}
  3. {% block title %}{{ '#' ~ ticket.id ~ ' ' ~ ticket.subject }}{% endblock %}
  5. {% block templateCSS %}
  6.     <style>
  7.         .uv-aside-ticket-labels.label-list-block .uv-btn-label {
  8.             cursor: pointer;
  9.         }
  10.         .uv-main-info-update-block .uv-element-block {
  11.             margin: 10px 0px !important;
  12.         }
  13.         .uv-tab-ellipsis {
  14.             position: relative;
  15.         }
  16.         .uv-inner-section .uv-view .uv-ticket-section .uv-ticket-accordion .uv-ticket-wrapper {
  17.             display: block;
  18.         }
  19.         .uv-element-block.cc-bcc .uv-dropdown-container {
  20.             padding: 10px 20px 10px 20px;
  21.         }
  22.         .uv-action-buttons .uv-dropdown-list ul li {
  23.             padding: 5px 0px !important;
  24.         }
  25.         .uv-action-buttons{
  26.             margin-bottom: 40px !important;
  27.         }
  28.         .uv-ticket-reply .uv-element-block-textarea, .thread-edit-container .uv-element-block-textarea {
  29.             width: 100% !important;
  30.             max-width: 100% !important;
  31.         }
  32.         .thread-edit-container .uv-field-message {
  33.             color: #FF5656 !important;
  34.         }
  35.         .uv-element-block .mce-tinymce {
  36.             margin-top: 10px;
  37.         }
  38.         .uv-ticket-reply .uv-element-block-textarea .uv-field-message, .thread-edit-container .uv-element-block-textarea .uv-field-message {
  39.             margin-top: 15px;
  40.         }
  41.         .thread-edit-container {
  42.             margin-top: 10px;
  43.         }
  44.         .uv-ticket-viewer-bar{
  45.             transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  46.             position: relative;
  47.             overflow: hidden;
  48.             height: 0px;
  49.         }
  50.         .uv-ticket-viewer-bar.active{
  51.             height: 50px;
  52.             margin-bottom: 10px;
  53.             border-bottom: 1px dotted #f97278;
  54.         }
  55.         .uv-ticket-viewer-single {
  56.             display: inline-block;
  57.             margin-right: 5px;
  58.         }
  59.         .uv-ticket-viewer-single img {
  60.             width: 40px;
  61.             border-radius: 3px;
  62.             display: inline-block;
  63.             vertical-align: middle;
  64.         }
  65.         .uv-ticket-viewer-single.uv-first {
  66.             width: 40px;
  67.             height: 40px;
  68.             background-image: linear-gradient(to right, #f97278 0%, #f181bf 100%);
  69.             text-align: center;
  70.             vertical-align: top;
  71.             line-height: 30px;
  72.             border-radius: 20px;
  73.         }
  74.         .uv-ticket-viewer-close {
  75.             position: absolute;
  76.             top: 0px;
  77.             width: 40px;
  78.             height: 40px;
  79.             background: #f1f1f1;
  80.             text-align: center;
  81.             line-height: 35px;
  82.             border-radius: 2px;
  83.             opacity: .6;
  84.             text-indent: 6px;
  85.         }
  86.         .uv-ticket-viewer-list {
  87.             display: inline;
  88.         }
  89.         span.viewer-firstletter.img-thumbnail {
  90.             width: 40px;
  91.             height: 40px;
  92.             display: block;
  93.             text-align: center;
  94.             font-size: 20px;
  95.             font-style: italic;
  96.             border: 1px dotted;
  97.             border-radius: 4px;
  98.             line-height: 35px;
  99.         }
  100.         .uv-ticket-viewer-close {
  101.             display:none;
  102.         }
  103.         .uv-ticket-viewer-single:hover .uv-ticket-viewer-close {
  104.             display: block;
  105.         }
  106.         .uv-hide{
  107.             display: none;
  108.         }
  109.         .uv-info{
  110.             background: #7C70F4;
  111.         }
  112.         .uv-ticket-viewer-list .uv-icon-eye-light{
  113.             animation: jelly 0.8s infinite alternate ease-in-out;
  114.         }
  115.         .uv-aside-brick .uv-loader {
  116.             position: absolute;
  117.             transform: scale(0.5);
  118.             top: 22px;
  119.             right: 45px;
  120.         }
  121.         .uv-app-glyph-customfields {
  122.             width: 20px;
  123.             height: 20px;
  124.             background-position: center center;
  125.             background-repeat: no-repeat;
  126.             cursor: pointer;
  127.             display: inline-block;
  128.             vertical-align: middle;
  129.             margin: 5px 0px 5px 10px;
  130.             background-image: url("{{ asset('bundles/uvdeskcoreframework/images/app-glyph-custom.svg') }}");
  131.         }
  132.         .uv-no-threads {
  133.             padding: 80px 20px;
  134.             text-align: center;
  135.         }
  136.         .uv-ticket-strip-label {
  137.             position: relative;
  138.         }
  139.         input.input-copy-thread-link {
  140.             position: absolute;
  141.             bottom: 10px;
  142.             width: 400px;
  143.         }
  144.         .uv-ticket-action-bar-fixed{
  145.             position: fixed;
  146.             width: 100%;
  147.             background: #fff;
  148.             z-index: 999;
  149.         }
  150.         .uv-ticket-action-bar-fixed .uv-ticket-action-bar-rt{
  151.             position: fixed;
  152.             right: 0px;
  153.             margin-top: 10px;
  154.         }
  155.         .uv-ticket-action-bar-fixed + .uv-ticket-viewer-bar{
  156.             margin-top: 70px;
  157.         }
  158.         .uv-ticket-main {
  159.             word-wrap: break-word;
  160.         }
  161.         @media only screen and (max-width: 900px) {
  162.             .uv-ticket-action-bar-fixed{
  163.                 position: relative;
  164.             }
  165.             .uv-ticket-action-bar-fixed + .uv-ticket-viewer-bar{
  166.                 margin-top: 0px;
  167.             }
  168.             .uv-ticket-action-bar-fixed .uv-ticket-action-bar-rt{
  169.                 position: relative;
  170.             }
  171.         }
  172.         .uv-icon-pin {
  173.             width: 18px;
  174.             height: 18px;
  175.             display: inline-block;
  176.             vertical-align: middle;
  177.             background-image: url("{{ asset('bundles/uvdeskcoreframework/images/uvdesk-sprite.svg') }}");
  178.             background-position: 0px -396px;
  179.             transition: transform .15s;
  180.             transform: scale(1);
  181.         }
  182.         .uv-icon-pinned {
  183.             background-position: -19px -396px;
  184.         }
  185.         .uv-header-fix{
  186.             display: inline-block;
  187.             margin: 0px 10px 0px 5px;
  188.         }
  189.         .uv-header-fix + .uv-tabs{
  190.             display: inline-block;
  191.         }
  192.         .uv-ticket-section span.uv-mail-status {
  193.             width: 16px;
  194.             height: 16px;
  195.             background: url('../../../../../bundles/webkuldefault/images/mail-status.png');
  196.             cursor: help;
  197.         }
  198.         .uv-ticket-section .uv-mail-status.uv-mail-processed {
  199.             background-position: 0 0;
  200.         }
  201.         .uv-ticket-section .uv-mail-status.uv-mail-open,.uv-ticket-section .uv-mail-status.uv-mail-delivered,.uv-ticket-section .uv-mail-status.uv-mail-click {
  202.             background-position: -38px 0;
  203.         }
  204.         .uv-ticket-section .uv-mail-status.uv-mail-spam,.uv-ticket-section .uv-mail-status.uv-mail-deferred,.uv-ticket-section .uv-mail-spamreport {
  205.             background-position: -55px 0;
  206.         }
  207.         .uv-ticket-section .uv-mail-status.uv-mail-bounce,.uv-ticket-section .uv-mail-status.uv-mail-dropped {
  208.             background-position: -73px 0;
  209.         }
  210.         @media only screen and (max-width: 1480px) {
  211.             .uv-inner-section .uv-view .uv-ticket-action-bar-fixed.uv-ticket-action-bar .uv-ticket-action-bar-rt{
  212.                 width: auto;
  213.             }
  214.         }
  215.         @media only screen and (max-width: 1300px) {
  216.             .uv-header-fix{
  217.                 margin: 0px 10px 0px 10px;
  218.             }
  219.         }
  221.         @media only screen and (max-width: 900px) {
  222.             .uv-ticket-action-bar-fixed{
  223.                 position: relative;
  224.             }
  225.             .uv-ticket-action-bar-fixed + .uv-ticket-viewer-bar{
  226.                 margin-top: 0px;
  227.             }
  228.             .uv-ticket-action-bar-fixed .uv-ticket-action-bar-rt{
  229.                 position: relative;
  230.             }
  231.             .uv-inner-section .uv-view .uv-ticket-action-bar.uv-ticket-action-bar-fixed .uv-ticket-action-bar-lt{
  232.                 width: 70%;
  233.             }
  234.             .uv-inner-section .uv-view .uv-ticket-action-bar.uv-ticket-action-bar-fixed .uv-ticket-action-bar-rt {
  235.                 width: 21%;
  236.                 padding-right: 33px;
  237.             }
  238.             .uv-header-fix{
  239.                 display: none;
  240.             }
  241.         }
  243.         .uv-inner-section .uv-view .uv-ticket-scroll-region {
  244.             margin-bottom: 0px;
  245.         }
  247.         .uv-inner-section .uv-view .uv-ticket-action-bar.uv-ticket-action-bar-fixed .uv-ticket-action-bar-rt {
  248.             width: 21%;
  249.             padding-right: 33px;
  250.         }
  251.         @media print {
  252.             .uv-navbar,.uv-ticket-action-bar, .uv-sidebar, .uv-aside>.uv-aside-brick, .uv-aside-back, .uv-ticket-fixed-region, .uv-ticket-main.uv-ticket-reply, .uv-upload-actions, .uv-filter-view, .uv-dropdown-list>.uv-dropdown-container,.uv-notifications-wrapper,.uv-pop-up-overlay,.uv-loader-view, .uv-loader, .uv-navbar,.uv-ticket-count-wrapper {
  253.                 display: none !important;
  254.             }
  255.             .uv-ticket-scroll-region {
  256.                 overflow: visible;
  257.                 margin-bottom: 0 !important;
  258.             }
  259.             .uv-paper {
  260.                 padding-left: 0px !important; /* uv-view */
  261.             }
  262.             .uv-wrapper {
  263.                 left: 0 !important;
  264.                 margin: 0 !important;
  265.             }
  266.             .uv-inner-section .uv-view .uv-ticket-scroll-region  .uv-ticket-main-rt {
  267.                 width: 80%;
  268.             }
  269.             .uv-paper,.uv-view ,.uv-ticket-scroll-region, .uv-wrapper  {
  270.                 position: initial !important;
  271.             }
  272.         }
  274.         .uv-ticket-action-bar-rt .app-glyph {
  275.             display: inline-block;
  276.             vertical-align: middle;
  277.             margin-right: 10px;
  278.             cursor: pointer;
  279.             height: 20px;
  280.             width: 20px;
  281.         }
  283.         .uv-ticket-action-bar-rt .app-glyph:last-child {
  284.             margin-right: 0px;
  285.         }
  287.         blockquote {
  288.             background: #f9f9f9;
  289.             border-left: 4px solid #ccc;
  290.             margin: 1.5em 10px;
  291.             padding: 0.5em 10px;
  292.             quotes: "\201C""\201D""\2018""\2019";
  293.         }
  295.         blockquote:before {
  296.             color: #ccc;
  297.             content: open-quote;
  298.             font-size: 3em;
  299.             line-height: 0.1em;
  300.             margin-right: 0.05em;
  301.             vertical-align: -0.4em;
  302.         }
  304.         blockquote p {
  305.             display: inline;
  306.         }
  308.         .uv-dropdown-list ul li {
  309.             padding : 8px 0px !important;
  310.         }
  312.         ::-webkit-scrollbar {
  313.             width: 6px;
  314.         }
  315.         ::-webkit-scrollbar-track {
  316.             -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  317.         }
  318.         ::-webkit-scrollbar-thumb {
  319.             -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  320.         }
  322.         .uv-aside-select.search .uv-dropdown-list.uv-bottom-left, .uv-aside-select .uv-dropdown-list.uv-bottom-right {
  323.             top: 25px;
  324.             width: 100%;
  325.         }
  327.         .uv-aside-select.search .uv-dropdown-list ul{
  328.             padding: 0px 10px;
  329.         }
  331.         .uv-aside-select.search .uv-dropdown-container {
  332.             padding: 8px 10px 4px;
  333.             overflow-y: auto;
  334.             max-height: 280px;
  335.             border-bottom: solid 1px #D3D3D3;
  336.         }
  338.         .uv-aside-select.search .uv-dropdown-list ul.uv-agents-list li {
  339.             border-bottom: solid 1px #D3D3D3;
  340.             border-top:0px;
  341.         }
  343.         .uv-search-inline{
  344.             width: 100%;
  345.         }
  347.         .uv-dropdown-list ul.uv-search-list li:first-child {
  348.             border-top: none;
  349.         }
  351.         .uv-search-sm input.uv-search-field { 
  352.            border: solid 1px #B1B1AE;
  353.            border-radius: 3px;
  354.            color: #333333;
  355.            font-size: 15px;
  356.            box-sizing: border-box;
  357.            padding: 7px 10px 9px 33px;
  358.            width: 100%;
  359.         }
  360.         
  361.     </style>
  362. {% endblock %}
  364. {% block pageContent %}
  365.     <div class="uv-inner-section">
  366.         {# Ticket Sidebar #}
  367.         <div class="uv-aside" {% if app.request.cookies and app.request.cookies.get('uv-asideView') %}style="display: none;"{% endif %} >
  368.             <div class="uv-main-info-block">
  369.                 <div class="uv-aside-head">
  370.                     <div class="uv-aside-title">
  371.                         <h6>{{ 'Ticket'|trans }} #{{ ticket.id }}</h6>
  372.                     </div>
  373.                     <div class="uv-aside-back">
  374.                         <span onclick="history.length > 1 ? history.go(-1) : window.location = '{{ path("helpdesk_member_ticket_collection") }}';">{{ 'Back'|trans }}</span>
  375.                     </div>
  376.                 </div>
  378.                 {# Ticket Information #}
  379.                 <div class="uv-aside-brick">
  380.                     {# Customer Details #}
  381.                     <div class="uv-aside-customer-block">
  382.                         <h3>{{ 'Customer Information'|trans }}</h3>
  383.                         <div class="uv-aside-avatar">
  384.                             {% if customer.thumbnail %}
  385.                                 <img src="{{ app.request.scheme ~'://' ~ app.request.httpHost ~ asset('') }}{{ customer.thumbnail }}">
  386.                             {% else %}
  387.                                 <img src="{{ asset(default_customer_image_path) }}">
  388.                             {% endif %}
  389.                         </div>
  391.                         <div class="uv-aside-customer-info">
  392.                             <span>{{ customer.name }}</span>
  393.                             <span>{{ customer.email }}</span>
  394.                             {% if customer.contactNumber %}
  395.                                 <span>{{ customer.contactNumber }}</span>
  396.                             {% endif %}
  398.                             {% if user_service.isAccessAuthorized('ROLE_AGENT_MANAGE_CUSTOMER') %}
  399.                                 <span class="uv-customize" data-toggle="tooltip" title="Edit Customer Information"></span>
  400.                             {% endif %}
  401.                         </div>
  402.                     </div>
  404.                     {# Ticket Details #}
  405.                     <div class="uv-aside-ticket-block">
  406.                         <div class="uv-aside-ticket-brick">
  407.                             <h3>{{ 'Total Replies'|trans }}</h3>
  408.                             <span class="uv-icon-replies"></span> <span>{{ totalReplies }}</span>
  409.                         </div>
  411.                         <div class="uv-aside-ticket-brick">
  412.                             <h3>{{ 'TimeStamp'|trans }}</h3>
  413.                             <span class="uv-icon-timestamp"></span> <span>{{ ticket_service.timeZoneConverter(initialThread.createdAt) }}</span>
  414.                         </div>
  416.                         <div class="uv-aside-ticket-brick">
  417.                             <h3>{{ 'Channel'|trans }}</h3>
  418.                             {% if ticket.source == 'email' %}
  419.                                 <span class="uv-icon-channel uv-channel-email"></span> <span>{{ 'Email'|trans }}</span>
  420.                             {% elseif ticket.source == 'formbuilder' %}
  421.                                 <span class="uv-icon-channel uv-channel-form"></span> <span>{{ 'Formbuilder'|trans }}</span>
  422.                             {% else %}
  423.                             <span class="uv-icon-channel uv-channel-web"></span> <span>{{ 'Website'|trans }}</span>
  424.                             {% endif %}
  425.                         </div>
  426.                     </div>
  427.                 </div>
  428.             </div>
  430.             {# Edit Customer Info #}
  431.             {% if user_service.isAccessAuthorized('ROLE_AGENT_MANAGE_CUSTOMER') %}
  432.                 <div class="uv-main-info-update-block uv-no-error-success-icon" style="display: none">
  433.                     <div class="uv-aside-head">
  434.                         <div class="uv-aside-title"><h6>{{ 'Edit Customer'|trans }}</h6></div>
  435.                         <div class="uv-aside-back"><span>{{ 'Back'|trans }}</span></div>
  436.                     </div>
  438.                     <div class="uv-aside-brick">
  439.                         <form method="post">
  440.                             <input class="uv-field" name="id" type="hidden" value="{{ customer.id }}">
  442.                             <div class="uv-element-block">
  443.                                 <label class="uv-field-label">{{ 'Name'|trans }}</label>
  444.                                 <div class="uv-field-block">
  445.                                     <input class="uv-field" name="name" type="text" value="{{ customer.name }}">
  446.                                 </div>
  447.                             </div>
  449.                             <div class="uv-element-block">
  450.                                 <label class="uv-field-label">{{ 'Email'|trans }}</label>
  451.                                 <div class="uv-field-block">
  452.                                     <input class="uv-field" name="email" type="text" value="{{ customer.email }}">
  453.                                 </div>
  454.                             </div>
  456.                             <div class="uv-element-block">
  457.                                 <label class="uv-field-label">{{ 'Contact Number'|trans }}</label>
  458.                                 <div class="uv-field-block">
  459.                                     <input class="uv-field" name="contactNumber" type="text" value="{{ customer.contactNumber }}">
  460.                                 </div>
  461.                             </div>
  463.                             <div class="uv-action-buttons">
  464.                                 <a class="uv-btn update-btn" href="#">{{ 'Update'|trans }}</a>
  465.                                 <a class="uv-btn cancel-btn" href="#">{{ 'Cancel'|trans }}</a>
  466.                             </div>
  468.                             <input type="hidden" name="_token" value="{{ csrf_token_generator.refreshToken('') }}"/>
  469.                         </form>
  470.                     </div>
  471.                 </div>
  472.             {% endif %}
  474.             {# Edit Ticket #}
  475.             <div class="uv-aside-brick">
  476.                 <div class="uv-aside-ticket-actions">
  477.                     {# Update Ticket Agent #}
  478.                     <div class="uv-aside-select search">
  479.                         <label class="uv-aside-select-label">{{ 'Agent'|trans }}</label>
  480.                         <div>
  481.                             {% set agentName = ticketAgent ? ticketAgent.name : 'Not Assigned'|trans %}
  482.                             {% if ticket.isTrashed == false and user_service.isAccessAuthorized('ROLE_AGENT_ASSIGN_TICKET') %}
  483.                                 <span class="uv-aside-select-value uv-dropdown-other uv-aside-drop-icon" data-id="{{ ticketAgent ? ticketAgent.id : '' }}">{{ agentName }}</span>
  484.                                 <div class="uv-dropdown-list uv-bottom-left">
  485.                                     <div class="uv-dropdown-container">
  486.                                         <label>{{ 'Agent'|trans }}</label>
  487.                                         <div class="uv-search-sm">
  488.                                             <input type="text" class="uv-search-field uv-search-inline" placeholder="{{ 'Search'|trans }}">
  489.                                         </div>
  490.                                     </div>
  492.                                     <ul class="uv-agents-list agent" data-action="agent">
  493.                                         {% for agent in user_service.getAgentPartialDataCollection() %}
  494.                                             <li data-index="{{ agent.id }}">
  495.                                                 <img src="{{ agent.smallThumbnail != null ? app.request.scheme ~'://' ~ app.request.httpHost ~ asset('') ~ agent.smallThumbnail : asset(default_agent_image_path) }}"/> {{ agent.name }}
  496.                                             </li>
  497.                                         {% endfor %}
  498.                                     </ul>
  499.                                 </div>
  500.                             {% else %}
  501.                                 <span class="uv-aside-select-value">{{ agentName }}</span>
  502.                             {% endif %}
  503.                         </div>
  504.                     </div>
  506.                     {# Update Ticket Priority #}
  507.                     <div class="uv-aside-select">
  508.                         <label class="uv-aside-select-label">{{ 'Priority'|trans }}</label>
  509.                         <div>
  510.                             <span class="uv-list-ticket-priority" style="background: {{ ticket.priority.colorCode }}"></span>
  511.                             {% if user_service.isAccessAuthorized('ROLE_AGENT_UPDATE_TICKET_PRIORITY') %}
  512.                                 <span class="uv-aside-select-value uv-dropdown-other uv-aside-drop-icon" data-id="{{ ticket.priority.id }}">{{ ticket.priority.description|trans }}</span>
  513.                                 <div class="uv-dropdown-list uv-bottom-left">
  514.                                     <div class="uv-dropdown-container">
  515.                                         <label>{{ 'Priority'|trans }}</label>
  516.                                         <ul class="priority" data-action="priority">
  517.                                             {% for priority in ticketPriorityCollection %}
  518.                                                 <li data-index="{{ priority.id }}" data-color="{{ priority.colorCode }}"><a href="#">{{ priority.description|trans }}</a></li>
  519.                                             {% endfor %}
  520.                                         </ul>
  521.                                     </div>
  522.                                 </div>
  523.                             {% else %}
  524.                                 <span class="uv-aside-select-value">
  525.                                     {{ ticket.priority.description|trans }}
  526.                                 </span>
  527.                             {% endif %}
  528.                         </div>
  529.                     </div>
  531.                     {# Update Ticket Status #}
  532.                     <div class="uv-aside-select">
  533.                         <label class="uv-aside-select-label">{{ 'Status'|trans }}</label>
  534.                         <div>
  535.                             {% if user_service.isAccessAuthorized('ROLE_AGENT_UPDATE_TICKET_STATUS') %}
  536.                                 <span class="uv-aside-select-value uv-dropdown-other uv-aside-drop-icon" data-id="{{ ticket.status.id }}">{{ ticket.status.description|trans }}</span>
  537.                                 <div class="uv-dropdown-list uv-bottom-left">
  538.                                     <div class="uv-dropdown-container">
  539.                                         <label>{{ 'Status'|trans }}</label>
  540.                                         <ul class="status" data-action="status">
  541.                                             {% for status in ticketStatusCollection %}
  542.                                                 <li data-index="{{ status.id }}"><a href="#">{{ status.description|trans }}</a></li>
  543.                                             {% endfor %}
  544.                                         </ul>
  545.                                     </div>
  546.                                 </div>
  547.                             {% else %}
  548.                                 <span class="uv-aside-select-value">{{ ticket.status.description|trans }}</span>
  549.                             {% endif %}
  550.                         </div>
  551.                     </div>
  553.                     {# Update Ticket Type #}
  554.                     <div class="uv-aside-select search">
  555.                         <label class="uv-aside-select-label">{{ 'Type'|trans }}</label>
  556.                         <div>
  557.                             {% if user_service.isAccessAuthorized('ROLE_AGENT_UPDATE_TICKET_TYPE') %}
  558.                                 <span class="uv-aside-select-value uv-dropdown-other uv-aside-drop-icon" data-id="{{ ticket.type ? ticket.type.id : '-- --' }}">{{ ticket.type ? ticket.type.code : 'Not Assigned'|trans }}</span>
  559.                                 <div class="uv-dropdown-list uv-bottom-left">
  560.                                     <div class="uv-dropdown-container">
  561.                                         <label>{{ 'Type'|trans }}</label>
  562.                                         <div class="uv-search-sm">
  563.                                             <input type="text" class="uv-search-field uv-search-inline" placeholder="{{ 'Search'|trans }}">
  564.                                         </div>
  565.                                     </div>
  567.                                     <ul class="uv-search-list type" data-action="type">
  568.                                         {% for type in ticket_service.getTypes()  %}
  569.                                             <li data-index="{{ type.id }}"><a href="#">{{ type.name }}</a></li>
  570.                                         {% endfor %}
  571.                                     </ul>
  572.                                 </div>
  573.                             {% else %}
  574.                                 <span class="uv-aside-select-value">
  575.                                     {{ ticket.type ? ticket.type.code : 'Not Assigned'|trans }}
  576.                                 </span>
  577.                             {% endif %}
  578.                         </div>
  579.                     </div>
  581.                     {# Update Ticket Support Group #}
  582.                     <div class="uv-aside-select search">
  583.                         <label class="uv-aside-select-label">{{ 'Group'|trans }}</label>
  584.                         <div>
  585.                             {% if user_service.isAccessAuthorized('ROLE_AGENT_ASSIGN_TICKET_GROUP') %}
  586.                                 <span class="uv-aside-select-value uv-dropdown-other uv-aside-drop-icon" data-id="{{ ticket.supportGroup ? ticket.supportGroup.id : '-- --' }}">
  587.                                     {{ ticket.supportGroup ? ticket.supportGroup.name : 'Not Assigned'|trans }}
  588.                                 </span>
  589.                                 <div class="uv-dropdown-list uv-bottom-left">
  590.                                     <div class="uv-dropdown-container">
  591.                                         <label>{{ 'Group'|trans }}</label>
  592.                                         <div class="uv-search-sm">
  593.                                             <input type="text" class="uv-search-field uv-search-inline" placeholder="{{ 'Search'|trans }}">
  594.                                         </div>
  595.                                     </div>
  596.                                     <ul class="uv-search-list group" data-action="group">
  597.                                         <li data-index=""><a href="#">{{ 'Not Assigned'|trans }}</a></li>
  599.                                         {% for group in supportGroupCollection %}
  600.                                             <li data-index="{{ group.id }}"><a href="#">{{ group.name }}</a></li>
  601.                                         {% endfor %}
  602.                                     </ul>
  603.                                 </div>
  604.                             {% else %}
  605.                                 <span class="uv-aside-select-value">
  606.                                     {{ ticket.supportGroup ? ticket.supportGroup.name : 'Not Assigned'|trans }}
  607.                                 </span>
  608.                             {% endif %}
  609.                         </div>
  610.                     </div>
  612.                     {# Update Ticket Support Team #}
  613.                     <div class="uv-aside-select search">
  614.                         <label class="uv-aside-select-label">{{ 'Team'|trans }}</label>
  615.                         <div>
  616.                             {% if user_service.isAccessAuthorized('ROLE_AGENT_ASSIGN_TICKET_GROUP') %}
  617.                                 <span class="uv-aside-select-value uv-dropdown-other uv-aside-drop-icon" data-id="{{ ticket.supportTeam ? ticket.supportTeam.id : '-- --' }}">
  618.                                     {{ ticket.supportTeam ? ticket.supportTeam.name : 'Not Assigned'|trans }}
  619.                                 </span>
  620.                                 <div class="uv-dropdown-list uv-bottom-left">
  621.                                     <div class="uv-dropdown-container">
  622.                                         <label>{{ 'Team'|trans }}</label>
  623.                                         <div class="uv-search-sm">
  624.                                             <input type="text" class="uv-search-field uv-search-inline" placeholder="{{ 'Search'|trans }}">
  625.                                         </div>
  626.                                     </div>
  627.                                     <ul class="uv-search-list team" data-action="team">
  628.                                         <li data-index=""><a href="#">{{ 'Not Assigned'|trans }}</a></li>
  629.                                         {% for team in supportTeamCollection %}
  630.                                             <li data-index="{{ team.id }}"><a href="#">{{ team.name }}</a></li>
  631.                                         {% endfor %}
  632.                                     </ul>
  633.                                 </div>
  634.                             {% else %}
  635.                                 <span class="uv-aside-select-value">
  636.                                     {{ ticket.supportTeam ? ticket.supportTeam.name : 'Not Assigned'|trans }}
  637.                                 </span>
  638.                             {% endif %}
  639.                         </div>
  640.                     </div>
  641.                 </div>
  642.             </div>
  644.             {# Ticket Labels #}
  645.             <div class="uv-aside-brick">
  646.                 <div class="uv-aside-ticket-labels label-list-block">
  647.                     <div class="uv-element-block">
  648.                         <label class="uv-field-label">{{ 'Labels'|trans }}</label>
  650.                         <div class="uv-field-block">
  651.                             <input class="uv-field uv-dropdown-other" type="text" data-type="label">
  652.                             <div class="uv-dropdown-list uv-top-left">
  653.                                 <div class="uv-dropdown-container">
  654.                                     <label>{{ 'Filter With'|trans }}</label>
  655.                                     <ul class="">
  656.                                         <span class="uv-filter-info">{{ 'Type atleast 2 letters'|trans }}</span>
  657.                                         <span class="uv-no-results" style="display: none;">{{ 'No result found'|trans }}</span>
  658.                                     </ul>
  659.                                 </div>
  660.                             </div>
  661.                         </div>
  662.                     </div>
  664.                     <div class="label-list"></div>
  665.                 </div>
  666.             </div>
  668.             {# Ticket Collaborators #}
  669.             <div class="uv-aside-brick collaborator-list-block">
  670.                 <div class="uv-aside-ticket-labels">
  671.                     <div class="uv-element-block">
  672.                         <label class="uv-field-label">{{ 'Collaborators'|trans }}</label>
  674.                         {% if user_service.isAccessAuthorized('ROLE_AGENT_ADD_COLLABORATOR_TO_TICKET') %}
  675.                             <div class="uv-field-block">
  676.                                 <input class="uv-field" type="text" name="email" type="text" value="" placeholder="{{ 'Type email to add'|trans }}">
  677.                             </div>
  678.                         {% endif %}
  679.                     </div>
  680.                     <div class="collaborator-list" style="margin-top: 10px"></div>
  681.                 </div>
  682.             </div>
  684.             {# Ticket Tags #}
  685.             <div class="uv-aside-brick tag-list-block">
  686.                 <div class="uv-aside-ticket-labels">
  687.                     <div class="uv-element-block">
  688.                         <label class="uv-field-label">{{ 'Tags'|trans }}</label>
  690.                         {% if user_service.isAccessAuthorized('ROLE_AGENT_ADD_TAG') %}
  691.                             <div class="uv-field-block">
  692.                                 <input class="uv-field uv-dropdown-other" name="tag-name" type="text" data-type="tag" value="">
  693.                                 <div class="uv-dropdown-list uv-bottom-left">
  694.                                     <div class="uv-dropdown-container">
  695.                                         <label>{{ 'Filter With'|trans }}</label>
  696.                                         <ul class="">
  697.                                             <span class="uv-filter-info">{{ 'Type atleast 2 letters'|trans }}</span>
  698.                                             <span class="uv-no-results" style="display: none;">{{ 'No result found'|trans }}</span>
  699.                                         </ul>
  700.                                     </div>
  701.                                 </div>
  702.                             </div>
  703.                         {% endif %}
  704.                     </div>
  706.                     <div class="tag-list" style="margin-top: 10px"></div>
  707.                 </div>
  708.             </div>
  709.         </div>
  711.         <div class="uv-view {% if app.request.cookies and app.request.cookies.get('uv-asideView') %}uv-aside-view{% endif %}" >
  712.             <div class="uv-ticket-scroll-region {% if app.request.cookies and app.request.cookies.get('uv-asideView') %}uv-aside-view-tv{% endif %}" >
  713.                 {# Ticket Header CTA #}
  714.                 <div class="uv-ticket-action-bar">
  715.                     <div class="uv-ticket-action-bar-lt">
  716.                         <div class="uv-header-fix"><a href="#" class="uv-icon-pin"></a></div>
  718.                         {# Thread Actions #}
  719.                         <div class="uv-tabs">
  720.                             <ul>
  721.                                 {# Filter Threads #}
  722.                                 <li for="default" data-type="all" class="uv-tab-active">{{ 'All Threads'|trans }}</li>
  723.                                 <li for="default" data-type="reply">{{ 'Replies'|trans }}</li>
  724.                                 <li for="default" data-type="forward">{{ 'Forwards'|trans }}</li>
  725.                                 <li for="default" data-type="note">{{ 'Notes'|trans }}</li>
  726.                                 <li for="default" data-type="pinned">{{ 'Pinned'|trans }}</li>
  728.                                 {# Update Threads #}
  729.                                 {% if user_service.isAccessAuthorized('ROLE_AGENT_EDIT_TICKET') or user_service.isAccessAuthorized('ROLE_AGENT_DELETE_TICKET') %}
  730.                                     <li class="uv-tab-ellipsis uv-ticket-action">
  731.                                         <span class="uv-icon-ellipsis uv-dropdown-other"></span>
  733.                                         <div class="uv-dropdown-list uv-bottom-right">
  734.                                             <div class="uv-dropdown-container">
  735.                                                 <ul class="priority" data-action="priority">
  736.                                                     {% if user_service.isAccessAuthorized('ROLE_AGENT_EDIT_TICKET') %}
  737.                                                         <li data-action="edit" class="uv-open-popup" data-target="edit-ticket-modal">{{ 'Edit Ticket'|trans }}</li>
  738.                                                     {% endif %}
  740.                                                     <li data-action="print">{{ 'Print Ticket'|trans }}</li>
  742.                                                     {% if user_service.isAccessAuthorized('ROLE_AGENT_UPDATE_TICKET_STATUS') %}
  743.                                                         <li data-action="spam" data-index="6">{{ 'Mark as Spam'|trans }}</li>
  744.                                                         <li data-action="closed" data-index="5">{{ 'Mark as Closed'|trans }}</li>
  745.                                                     {% endif %}
  747.                                                     {% if user_service.isAccessAuthorized('ROLE_AGENT_DELETE_TICKET') %}
  748.                                                         <li data-action="delete" class="uv-text-danger">{{ 'Delete Ticket'|trans }}</li>
  749.                                                     {% endif %}
  750.                                                 </ul>
  751.                                             </div>
  752.                                         </div>
  753.                                     </li>
  754.                                 {% endif %}
  755.                             </ul>
  756.                         </div>
  757.                     </div>
  759.                     <div class="uv-ticket-action-bar-rt">
  760.                         {{ uvdesk_extensibles.getRegisteredComponent("Webkul\\UVDesk\\CoreFrameworkBundle\\Tickets\\WidgetCollection").embedSideFilterIcons()|raw }}
  761.                     </div>
  762.                 </div>
  764.                 {# Ticket Active Users #}
  765.                 <div class="uv-ticket-viewer-bar">
  766.                     <div class="uv-ticket-viewer-list">
  767.                         <div class="uv-ticket-viewer-single uv-first" title="Currently active agents on ticket...">
  768.                             <span class="uv-icon-eye-light"></span>
  769.                         </div>
  770.                     </div>
  771.                 </div>
  773.                 {# Ticket Header #}
  774.                 <div class="uv-ticket-head">
  775.                     <div class="uv-ticket-head-lt">
  776.                         <span class="uv-star-large {{ ticket.isStarred ? 'uv-star-active' : '' }} uv-star uv-margin-right-5"></span>
  777.                     </div>
  779.                     <div class="uv-ticket-head-rt">
  780.                         <h1>{{ ticket.subject }}</h1>
  781.                     </div>
  782.                 </div>
  784.                 <div class="uv-ticket-strip">
  785.                     <span>
  786.                         <span class="uv-ticket-strip-label">{{ 'Created'|trans }} - </span>
  787.                         <span class="timeago uv-margin-0" data-timestamp="{{ ticket.createdAt.getTimestamp() }}" title="{{ ticket.createdAt.format('d-m-Y h:ia') }}">{{ ticket_service.timeZoneConverter(initialThread.createdAt) }}</span>
  788.                     </span>
  790.                     <span>
  791.                         <span class="uv-ticket-strip-label">{{ 'By'|trans }} - </span> {{ initialThread.user.name }}
  792.                         {% if totalCustomerTickets %}
  793.                             (<a id="more-tickets-btn" href="{{ path('helpdesk_member_ticket_collection') }}#customer/{{customer.id}}" target="_blank">{{ 'count more tickets'|trans({'count': totalCustomerTickets}) }}</a>)
  794.                         {% endif %}
  795.                     </span>
  797.                     <span class="agent-info" style="{{ ticketAgent ? '' : 'display: none' }}">
  798.                         <span class="uv-ticket-strip-label">{{ 'Agent'|trans }} - </span>
  799.                         <span class="name">{{ ticketAgent ? ticketAgent.name : '' }}</span>
  800.                     </span>
  801.                 </div>
  803.                 {# Thread Tab View #}
  804.                 <div class="uv-tab-view uv-tab-view-active" id="default">
  805.                     <div class="uv-ticket-section">
  806.                         <div class="uv-ticket-main create">
  807.                             <div class="uv-ticket-strip">
  808.                                 <span>
  809.                                     <span class="timeago uv-margin-0" data-timestamp="{{ ticket.createdAt.getTimestamp() }}" title="{{ ticket.createdAt.format('d-m-Y h:ia') }}">{{ ticket_service.timeZoneConverter(ticket.createdAt) }}</span>
  810.                                     - {{ initialThread.user.name }} <span class="uv-ticket-strip-label">{{ 'created Ticket'|trans }}</span>
  811.                                 </span>
  812.                                 {% if initialThread.cc != '' %}
  813.                                     <div class="uv-ticket-strip">
  814.                                         <span><span class="uv-ticket-strip-label">{{ 'CC'|trans }} -</span> {{ initialThread.cc }}</span>
  815.                                     </div>
  816.                                 {% endif %}      
  817.                             </div>
  819.                             <div class="uv-ticket-main-lt">
  820.                                <img src="{{ initialThread.user.thumbnail ? app.request.scheme ~'://' ~ app.request.httpHost ~ asset('') ~ (initialThread.user.thumbnail) : initialThread.createdBy == 'customer' ? asset(default_customer_image_path) : asset(default_agent_image_path) }}">
  821.                             </div>
  823.                             <div class="uv-ticket-main-rt">
  824.                                 {% if initialThread.createdBy == 'customer' %}
  825.                                     <a href="{{ path('helpdesk_member_manage_customer_account') }}/{{ initialThread.user.id}}" class="uv-ticket-member-name">{{ initialThread.user.name }}</a>
  826.                                 {% else %}
  827.                                     {% if initialThread.user %}
  828.                                         <a href="{{ path('helpdesk_member_account') }}/{{ initialThread.user.id}}" class="uv-ticket-member-name">{{ initialThread.user.name }}</a>
  829.                                     {% else %}
  830.                                         <a class="uv-ticket-member-name">{{ initialThread.user.name }}</a>
  831.                                     {% endif %}
  832.                                 {% endif %}
  834.                                 {# Ticket Message #}
  835.                                 <div class="message">
  836.                                     <p>
  837.                                         {% if initialThread.message|striptags == initialThread.message %}
  838.                                             {{ initialThread.message|nl2br }}
  839.                                         {% else %}
  840.                                             {{ initialThread.message|raw }}
  841.                                         {% endif %}
  842.                                     </p>
  843.                                 </div>
  845.                                 {# Ticket Attachments #}
  846.                                 {% if initialThread.attachments|length %}
  847.                                     <div class="uv-ticket-uploads">
  848.                                         <h4>{{ 'Uploaded Files'|trans }}</h4>
  849.                                         <div class="uv-ticket-uploads-strip">
  850.                                             {% for attachment in initialThread.attachments %}
  851.                                                 <a href="{{ attachment.downloadURL }}" target = "_blank" class="uv-ticket-uploads-brick uv-no-pointer-events" data-toggle="tooltip" title="{{ attachment.name }}">
  852.                                                     <img src="{{ attachment.iconURL }}"  class="uv-auto-pointer-events"/>
  853.                                                 </a>
  854.                                             {% endfor %}
  855.                                         </div>
  857.                                         {% if initialThread.attachments|length > 1 %}
  858.                                             <div class="uv-upload-actions">
  859.                                                 <a href="#" class="uv-open-in-files" data-thread="{{ initialThread.id }}" style="display: none"><span class="uv-icon-open-in-files"></span>{{ 'Open in Files'|trans }}</a>
  860.                                                 {% if initialThread.attachments|length %}
  861.                                                     <a href="{{ path('helpdesk_member_ticket_download_attachment_zip') }}/{{ initialThread.id }}" target="_blank"><span class="uv-icon-attachment"></span> Download (as .zip)</a>
  862.                                                 {% endif %}
  863.                                             </div>
  864.                                         {% endif %}
  865.                                     </div>
  866.                                 {% endif %}
  867.                             </div>
  868.                         </div>
  870.                         <div class="uv-ticket-accordion">
  871.                             <div class="uv-ticket-count-wrapper">
  872.                                 <span class="uv-ticket-count-stat">{{ totalReplies }}</span>
  873.                             </div>
  875.                             <div class="uv-ticket-wrapper thread-list"></div>
  876.                         </div>
  877.                     </div>
  878.                 </div>
  880.                 {# Reply Ticket View #}
  881.                 <div class="uv-ticket-main uv-ticket-reply uv-no-error-success-icon">
  882.                     <div class="uv-ticket-main-lt">
  883.                         <span class="uv-icon-ellipsis"></span>
  884.                         <img src="{{ currentUserDetails.thumbnail ? app.request.scheme ~'://' ~ app.request.httpHost ~ asset('') ~ currentUserDetails.thumbnail : asset(default_agent_image_path) }}" />
  885.                     </div>
  887.                     <div class="uv-ticket-main-rt">
  888.                         <span class="uv-ticket-member-name">{{ currentUserDetails.name }}</span>
  889.                         <div class="uv-tabs">
  890.                             <ul>
  891.                                 <li for="reply" class="uv-tab-active">{{ 'Reply'|trans }}</li>
  892.                                 <li for="forward">{{ 'Forward'|trans }}</li>
  893.                                 {% if user_service.isAccessAuthorized('ROLE_AGENT_ADD_NOTE') %}
  894.                                     <li for='note'>{{ 'Note'|trans }}</li>
  895.                                 {% endif %}
  896.                             </ul>
  897.                         </div>
  899.                         {# Ticket Thread | Add Reply #}
  900.                         <div class="uv-tab-view uv-tab-view-active" id="reply">
  901.                             <form enctype="multipart/form-data" method="post" action="{{ path('helpdesk_member_add_ticket_thread', {'ticketId': ticket.id }) }}">
  902.                                 <input name="threadType" value="reply" type="hidden">
  903.                                 <input name="status" value="" type="hidden" {% if user_service.isAccessAuthorized('ROLE_AGENT_UPDATE_TICKET_STATUS') %}class="reply-status"{% endif %}>
  904.                                 <div class="uv-element-block collaborators" style="display: none">
  905.                                     <label class="uv-field-label">{{ 'Collaborators'|trans }}</label>
  906.                                     <div class="uv-field-block"></div>
  907.                                 </div>
  909.                                 <div class="uv-element-block cc-bcc">
  910.                                     <label>
  911.                                         <div class="uv-checkbox">
  912.                                             <input type="checkbox" class="cc-bcc-toggle">
  913.                                             <span class="uv-checkbox-view"></span>
  914.                                         </div>
  915.                                         <span class="uv-checkbox-label">CC/BCC</span>
  916.                                     </label>
  918.                                     <div class="uv-field-block" style="display: none">
  919.                                         <div class="uv-group">
  920.                                             <input class="uv-group-field uv-dropdown-other preloaded uv-manual-enter" type="text">
  921.                                             <div class="uv-dropdown-list uv-bottom-left">
  922.                                                 <div class="uv-dropdown-container">
  923.                                                     <label>{{ 'Agent'|trans }}</label>
  924.                                                 </div>
  926.                                                 <ul class="uv-agents-list">
  927.                                                     {% for agent in user_service.getAgentPartialDataCollection %}
  928.                                                         <li data-id="{{ agent.email }}">
  929.                                                             <img src="{{ agent.smallThumbnail ? app.request.scheme ~'://' ~ app.request.httpHost ~ asset('') ~ agent.smallThumbnail : asset(default_agent_image_path) }}"/> {{agent.name}}
  930.                                                         </li>
  931.                                                     {% endfor %}
  933.                                                     <li class="uv-no-results" style="display: none;">{{ 'No result found'|trans }}</li>
  934.                                                 </ul>
  935.                                             </div>
  936.                                             <select class="uv-group-select cc-bcc-select">
  937.                                                 <option value="bcc">{{ 'BCC'|trans }}</option>
  938.                                                 <option value="cc">{{ 'CC'|trans }}</option>
  939.                                             </select>
  940.                                         </div>
  942.                                         <div class="cc-bcc-list"></div>
  943.                                     </div>
  944.                                 </div>
  946.                                 <div class="uv-element-block uv-element-block-textarea">
  947.                                     <label class="uv-field-label">{{ 'Write a reply'|trans }}</label>
  948.                                     <div class="uv-field-block">
  949.                                         <textarea class="uv-field" name="reply" id="reply-area">{{ ticket_service.getAgentDraftReply() }}</textarea>
  950.                                     </div>
  951.                                 </div>
  953.                                 <div class="uv-element-block attachment-block">
  954.                                     <label>
  955.                                         <span class="uv-file-label">{{ 'Add Attachment'|trans }}</span>
  956.                                     </label>
  957.                                 </div>
  959.                                 <div class="uv-action-buttons">
  960.                                     <div class="uv-dropdown next-view">
  961.                                         <input type="hidden" name="nextView" value="stay"/>
  962.                                         <div class="uv-dropdown-btn" style="padding: 9px 27px 9px 10px;">{{ 'Stay on ticket'|trans }}</div>
  963.                                         <div class="uv-dropdown-list uv-top-left" style="opacity: 1;">
  964.                                             <div class="uv-dropdown-container">
  965.                                                 <label>{{ 'After Reply'|trans }}</label>
  966.                                                 <ul>
  967.                                                     <li data-value="stay">{{ 'Stay on ticket'|trans }}</li>
  968.                                                     <li data-value="redirect">{{ 'Redirect to list'|trans }}</li>
  969.                                                 </ul>
  970.                                             </div>
  971.                                         </div>
  972.                                     </div>
  974.                                     <div class="uv-dropdown reply">
  975.                                         <div class="uv-btn uv-dropdown-other">{{ 'Reply'|trans }} <span class="uv-icon-down-light"></span></div>
  976.                                         <div class="uv-dropdown-list uv-top-left">
  977.                                             <div class="uv-dropdown-container">
  978.                                                 <label>{{ 'Reply'|trans }}</label>
  979.                                                 <ul>
  980.                                                     <li data-id="">{{ 'Submit'|trans }}</li>
  981.                                                     {% if user_service.isAccessAuthorized('ROLE_AGENT_UPDATE_TICKET_STATUS') %}
  982.                                                         <li data-id="open">{{ 'Submit And Open'|trans }}</li>
  983.                                                         <li data-id="pending">{{ 'Submit And Pending'|trans }}</li>
  984.                                                         <li data-id="answered">{{ 'Submit And Answered'|trans }}</li>
  985.                                                         <li data-id="resolved">{{ 'Submit And Resolved'|trans }}</li>
  986.                                                         <li data-id="closed">{{ 'Submit And Closed'|trans }}</li>
  987.                                                     {% endif %}
  988.                                                 </ul>
  989.                                             </div>
  990.                                         </div>
  991.                                     </div>
  992.                                 </div>
  993.                             </form>
  994.                         </div>
  996.                         {# Ticket Thread | Forward Thread #}
  997.                         <div class="uv-tab-view" id="forward">
  998.                             <form enctype="multipart/form-data" method="post" action="{{ path('helpdesk_member_add_ticket_thread', {'ticketId': ticket.id }) }}">
  999.                                 <input name="threadType" value="forward" type="hidden">
  1000.                                 <input name="status" value="" type="hidden" {% if user_service.isAccessAuthorized('ROLE_AGENT_UPDATE_TICKET_STATUS') %}class="reply-status"{% endif %}>
  1002.                                 <div class="uv-element-block">
  1003.                                     <label class="uv-field-label">{{ 'Subject'|trans }}</label>
  1004.                                     <div class="uv-field-block">
  1005.                                         <input class="uv-field" type="text" name="subject">
  1006.                                     </div>
  1007.                                 </div>
  1009.                                 <div class="uv-element-block to">
  1010.                                     <label class="uv-field-label">{{ 'To'|trans }}</label>
  1011.                                     <div class="uv-field-block">
  1012.                                         <input class="uv-field uv-dropdown-other preloaded uv-to-message uv-manual-enter" type="text">
  1014.                                         <div class="uv-dropdown-list uv-bottom-left">
  1015.                                             <div class="uv-dropdown-container">
  1016.                                                 <label>{{ 'Agent'|trans }}</label>
  1017.                                             </div>
  1019.                                             <ul class="uv-agents-list">
  1020.                                                 {% for agent in user_service.getAgentPartialDataCollection %}
  1021.                                                     <li data-id="{{ agent.email }}">
  1022.                                                         <img src="{{ agent.smallThumbnail ? app.request.scheme ~'://' ~ app.request.httpHost ~ asset('') ~ agent.smallThumbnail : asset(default_agent_image_path) }}"/> {{agent.name}}
  1023.                                                     </li>
  1024.                                                 {% endfor %}
  1026.                                                 <li class="uv-no-results" style="display: none;">{{ 'No result found'|trans }}</li>
  1027.                                             </ul>
  1028.                                         </div>
  1030.                                         <div class="to-list"></div>
  1031.                                     </div>
  1032.                                 </div>
  1034.                                 <div class="uv-element-block cc-bcc">
  1035.                                     <label>
  1036.                                         <div class="uv-checkbox">
  1037.                                             <input type="checkbox" class="cc-bcc-toggle">
  1038.                                             <span class="uv-checkbox-view"></span>
  1039.                                         </div>
  1040.                                         <span class="uv-checkbox-label">CC/BCC</span>
  1041.                                     </label>
  1042.                                     <div class="uv-field-block" style="display: none">
  1043.                                         <div class="uv-group">
  1044.                                             <input class="uv-group-field uv-dropdown-other preloaded uv-manual-enter" type="text">
  1045.                                             <div class="uv-dropdown-list uv-bottom-left">
  1046.                                                 <div class="uv-dropdown-container"><label>{{ 'Agent'|trans }}</label></div>
  1048.                                                 <ul class="uv-agents-list">
  1049.                                                     {% for agent in user_service.getAgentPartialDataCollection %}
  1050.                                                         <li data-id="{{ agent.email }}">
  1051.                                                             <img src="{{ agent.smallThumbnail ? app.request.scheme ~'://' ~ app.request.httpHost ~ asset('') ~ agent.smallThumbnail : asset(default_agent_image_path) }}"/> {{agent.name}}
  1052.                                                         </li>
  1053.                                                     {% endfor %}
  1055.                                                     <li class="uv-no-results" style="display: none;">{{ 'No result found'|trans }}</li>
  1056.                                                 </ul>
  1057.                                             </div>
  1058.                                             <select class="uv-group-select cc-bcc-select">
  1059.                                                 <option value="bcc">{{ 'BCC'|trans }}</option>
  1060.                                                 <option value="cc">{{ 'CC'|trans }}</option>
  1061.                                             </select>
  1062.                                         </div>
  1064.                                         <div class="cc-bcc-list"></div>
  1065.                                     </div>
  1066.                                 </div>
  1068.                                 <div class="uv-element-block uv-element-block-textarea">
  1069.                                     <label class="uv-field-label">{{ 'Write a reply'|trans }}</label>
  1070.                                     <div class="uv-field-block">
  1071.                                         <textarea class="uv-field" name="reply" id="forward-area">{{ ticket_service.getAgentDraftReply() }}</textarea>
  1072.                                     </div>
  1073.                                 </div>
  1075.                                 <div class="uv-element-block attachment-block">
  1076.                                     <label><span class="uv-file-label">{{ 'Add Attachment'|trans }}</span></label>
  1077.                                 </div>
  1079.                                 <div class="uv-action-buttons">
  1080.                                     <div class="uv-dropdown next-view">
  1081.                                         <input type="hidden" name="nextView" value="stay"/>
  1082.                                         <div class="uv-dropdown-btn" style="padding: 9px 27px 9px 10px;">{{ 'Stay on ticket'|trans }}</div>
  1083.                                         <div class="uv-dropdown-list uv-top-left" style="opacity: 1;">
  1084.                                             <div class="uv-dropdown-container">
  1085.                                                 <label>{{ 'After Reply'|trans }}</label>
  1086.                                                 <ul>
  1087.                                                     <li data-value="stay">{{ 'Stay on ticket'|trans }}</li>
  1088.                                                     <li data-value="redirect">{{ 'Redirect to list'|trans }}</li>
  1089.                                                 </ul>
  1090.                                             </div>
  1091.                                         </div>
  1092.                                     </div>
  1094.                                     <div class="uv-btn forward">{{ 'Forward'|trans }}</div>
  1095.                                 </div>
  1096.                             </form>
  1097.                         </div>
  1099.                         {# Ticket Thread | Add Note #}
  1100.                         {% if user_service.isAccessAuthorized('ROLE_AGENT_ADD_NOTE') %}
  1101.                             <div class="uv-tab-view" id="note">
  1102.                                 <form enctype="multipart/form-data" method="post" action="{{ path('helpdesk_member_add_ticket_thread', {'ticketId': ticket.id }) }}">
  1103.                                     <input name="threadType" value="note" type="hidden">
  1104.                                     <input name="status" value="" type="hidden" {% if user_service.isAccessAuthorized('ROLE_AGENT_UPDATE_TICKET_STATUS') %}class="reply-status"{% endif %}>
  1106.                                     <div class="uv-element-block uv-element-block-textarea">
  1107.                                         <label class="uv-field-label">{{ 'Write a reply'|trans }}</label>
  1108.                                         <div class="uv-field-block">
  1109.                                             <textarea class="uv-field" name="reply" id="note-area">{{ ticket_service.getAgentDraftReply() }}</textarea>
  1110.                                         </div>
  1111.                                     </div>
  1113.                                     <div class="uv-element-block attachment-block">
  1114.                                         <label><span class="uv-file-label">{{ 'Add Attachment'|trans }}</span></label>
  1115.                                     </div>
  1117.                                     <div class="uv-action-buttons">
  1118.                                         <div class="uv-dropdown next-view">
  1119.                                             <input type="hidden" name="nextView" value="stay"/>
  1120.                                             <div class="uv-dropdown-btn" style="padding: 9px 27px 9px 10px;">{{ 'Stay on ticket'|trans }}</div>
  1121.                                             <div class="uv-dropdown-list uv-top-left" style="opacity: 1;">
  1122.                                                 <div class="uv-dropdown-container">
  1123.                                                     <label>{{ 'After Reply'|trans }}</label>
  1124.                                                     <ul>
  1125.                                                         <li data-value="stay">{{ 'Stay on ticket'|trans }}</li>
  1126.                                                         <li data-value="redirect">{{ 'Redirect to list'|trans }}</li>
  1127.                                                     </ul>
  1128.                                                 </div>
  1129.                                             </div>
  1130.                                         </div>
  1132.                                         <div class="uv-dropdown reply">
  1133.                                             <div class="uv-btn uv-dropdown-other">{{ 'Reply'|trans}}<span class="uv-icon-down-light"></span></div>
  1135.                                             <div class="uv-dropdown-list uv-top-left">
  1136.                                                 <div class="uv-dropdown-container">
  1137.                                                     <label>{{ 'Add Note'|trans }}</label>
  1138.                                                     <ul>
  1139.                                                         <li data-id="">{{ 'Submit'|trans }}</li>
  1140.                                                         {% if user_service.isAccessAuthorized('ROLE_AGENT_UPDATE_TICKET_STATUS') %}
  1141.                                                             <li data-id="open">{{ 'Submit And Open'|trans }}</li>
  1142.                                                             <li data-id="pending">{{ 'Submit And Pending'|trans }}</li>
  1143.                                                             <li data-id="answered">{{ 'Submit And Answered'|trans }}</li>
  1144.                                                             <li data-id="resolved">{{ 'Submit And Resolved'|trans }}</li>
  1145.                                                             <li data-id="closed">{{ 'Submit And Closed'|trans }}</li>
  1146.                                                         {% endif %}
  1147.                                                     </ul>
  1148.                                                 </div>
  1149.                                             </div>
  1150.                                         </div>
  1151.                                     </div>
  1152.                                 </form>
  1153.                             </div>
  1154.                         {% endif %}
  1155.                     </div>
  1156.                 </div>
  1157.             </div>
  1159.             <!-- Bottom Action Block -->
  1160.             <div class="uv-ticket-fixed-region">
  1161.                 <div class="uv-ticket-fixed-region-lt">
  1162.                     {{ uvdesk_extensibles.getRegisteredComponent("Webkul\\UVDesk\\CoreFrameworkBundle\\Tickets\\QuickActionButtonCollection").injectTemplates()|raw }}
  1164.                     {# <!-- Saved Replied-->
  1165.                     <div class="uv-dropdown saved-reply">
  1166.                         <div class="uv-dropdown-btn">{{ 'Saved Replies'|trans }}</div>
  1167.                         <div class="uv-dropdown-list uv-top-left">
  1168.                             <div class="uv-dropdown-container">
  1169.                                 <label>{{ 'Saved Replies'|trans }}</label>
  1170.                                 <ul>
  1171.                                     <li data-id="">
  1172.                                         <a href="{{ path('helpdesk_member_saved_replies') }}" target="_blank" style="color: #2750C4">{{ 'Create New'|trans }}</a>
  1173.                                     </li>
  1174.                                     {% for savedReply in ticket_service.getSavedReplies() %}
  1175.                                         <li data-id="{{ savedReply.id }}">
  1176.                                             {{ savedReply.name }}
  1177.                                         </li>
  1178.                                     {% endfor %}
  1179.                                 </ul>
  1180.                             </div>
  1181.                         </div>
  1182.                     </div>
  1183.                     <!-- //Saved Replied--> #}
  1185.                     {# <!--Code-->
  1186.                     <div class="uv-dropdown">
  1187.                         <div class="uv-dropdown-btn">{{ 'Prepared Responses'|trans }}</div>
  1188.                         <div class="uv-dropdown-list uv-top-left">
  1189.                         <div class="uv-dropdown-container prepared-responses">
  1190.                             <label>{{ 'Prepared Responses'|trans }}</label>
  1191.                             <ul>
  1192.                                 <li>
  1193.                                     <a class="create-new" href="{{path('prepare_response_action')}}" target="_blank" style="color: #2750C4">{{ 'Create New'|trans }}</a>
  1194.                                 </li>
  1195.                                 {% set preparedResponses = ticket_service.getManualWorkflow() %}
  1196.                                 {% for workflow in preparedResponses %}
  1197.                                     <li>
  1198.                                         <a href="{{ path('helpdesk_member_ticket_prepared_response_xhr') }}/{{ ticket.id }}/{{ workflow.id }}">
  1199.                                             {{ workflow.name }}
  1200.                                         </a>
  1201.                                     </li>
  1202.                                 {% endfor %}
  1203.                             </ul>
  1204.                         </div>
  1205.                         </div>
  1206.                     </div>
  1207.                     <!--//Code--> #}
  1208.                 </div>
  1210.                 <div class="uv-ticket-fixed-region-rt"></div>
  1211.             </div>
  1212.             <!-- //Bottom Action Block -->
  1213.         </div>
  1214.     </div>
  1216.     {# Edit Ticket #}
  1217.     {% if user_service.isAccessAuthorized('ROLE_AGENT_EDIT_TICKET') %}
  1218.         <div class="uv-pop-up-overlay uv-no-error-success-icon" id="edit-ticket-modal">
  1219.             <div class="uv-pop-up-box uv-pop-up-wide">
  1220.                 <span class="uv-pop-up-close"></span>
  1221.                 <h2>{{ 'Edit Ticket'|trans }}</h2>
  1223.                 {# Edit Ticket Form #}
  1224.                 <form method="post" action="{{ path('helpdesk_member_update_ticket_details_xhr', {'ticketId': ticket.id}) }}" id="edit-ticket-form">
  1225.                     <div class="uv-element-block">
  1226.                         <label class="uv-field-label">{{ 'Subject'|trans }}</label>
  1227.                         <div class="uv-field-block">
  1228.                             <input type="text" name="subject" class="uv-field" value="{{ ticket.subject }}" />
  1229.                         </div>
  1230.                     </div>
  1231.                     
  1232.                     <div class="uv-element-block">
  1233.                         <label class="uv-field-label">{{ 'Reply'|trans }}</label>
  1234.                         <div class="uv-field-block">
  1235.                             {% if initialThread.message|striptags == initialThread.message %}
  1236.                                 <textarea name="reply" id="uv-edit-create-thread" class="uv-field">{{ initialThread.message|nl2br }}</textarea>
  1237.                             %} {% else %}
  1238.                                 <textarea name="reply" id="uv-edit-create-thread" class="uv-field">{{ initialThread.message|raw }}</textarea>
  1239.                             {% endif %}
  1240.                         </div>
  1241.                     </div>
  1243.                     <div class="uv-pop-up-actions">
  1244.                         <input class="uv-btn update" href="#" value="Update" type="submit">
  1245.                         <input class="uv-btn cancel" href="#" value="Discard" type="button">
  1246.                     </div>
  1247.                 </form>
  1248.             </div>
  1249.         </div>
  1250.     {% endif %}
  1252.     {{ uvdesk_extensibles.getRegisteredComponent("Webkul\\UVDesk\\CoreFrameworkBundle\\Tickets\\WidgetCollection").embedSideFilterContent()|raw }}
  1253. {% endblock %}
  1255. {% block footer %}
  1256.     {{ parent() }}
  1258.     {{ include('@UVDeskCoreFramework\\Templates\\attachment.html.twig') }}
  1259.     {{ include("@UVDeskCoreFramework/Templates/tinyMCE.html.twig") }}
  1261.     <script id="thread_list_empty_tmp" type="text/template">
  1262.         <div class="uv-no-threads">{{ 'Nothing interesting here...'|trans }}</div>
  1263.     </script>
  1265.     <script> 
  1266.         $(document).ready(function() {
  1267.             $("#filterSavedreplies").on("keyup", function() {
  1268.                 if (this.value.length && this.value.length != '') {
  1269.                     var that = this;
  1270.                     $("#listSavedReplies li").hide().filter(function() {
  1271.                         return $(this).html().toLowerCase().indexOf(that.value.toLowerCase()) !== -1;
  1272.                     }).show();
  1273.                 } else {
  1274.                     $("#listSavedReplies li").show()
  1275.                 }
  1276.             });
  1278.             $(".uv-dropdown-btn").click(function(event) {
  1279.                 setTimeout(function() {
  1280.                     $(".uv-search-inline").focus();
  1281.                 }, 100);
  1282.             });
  1283.         });
  1284.     </script>
  1286.     <script id="thread_list_item_tmp" type="text/template">
  1287.         <div class="uv-ticket-strip">
  1288.             <span>
  1289.                 <% if(typeof(mailStatus) != 'undefined' && mailStatus) { %>
  1290.                     <a href="https://support.uvdesk.com/en/blog/uvdesk-ticket-delivery-status" target="_blank">
  1291.                         <span class="uv-mail-status uv-mail-<%- mailStatus.split(',')[0] %>" <% if(mailStatus !== 'pending') { %>data-toggle="tooltip" data-placement="right" title="{{ 'Mail status:'|trans }} <%- mailStatus.split(',')[0] %> <% if(mailStatus.split(',').length > 1) { print('Reason:' + mailStatus.split(',')[1] ); } %> "<% } %> ></span>
  1292.             </a>
  1293.             <% } %>
  1294.             <span class="timeago uv-margin-0" data-timestamp="<%- timestamp %>" title="<%- formatedCreatedAt %>">
  1295.                     <%- formatedCreatedAt %>
  1296.                 </span>
  1297.             - <%- fullname %>
  1298.             <span class="uv-ticket-strip-label">
  1299.                 <% if(threadType == 'reply') { %>
  1300.                     {{ 'replied'|trans }}
  1301.                 <% } else if(threadType == 'note') { %>
  1302.                     {{ 'added note'|trans }}
  1303.                 <% } else if(threadType == 'forward') { %>
  1304.                     {{ 'forwarded'|trans }}
  1305.                 <% } %>
  1306.                 - <a href="#thread/<%- id %>" id="thread<%- id %>" class="copy-thread-link">#<%- id %></a>
  1307.                 </span>
  1308.             </span>
  1310.             <% if((replyTo && threadType ==  'forward') || cc || bcc) { %>
  1311.                 <div class="uv-ticket-strip">
  1312.                     <% if(replyTo && threadType ==  'forward') { %>
  1313.                     <span><span class="uv-ticket-strip-label">{{ 'TO'|trans }} -</span> <%- replyTo %></span>
  1314.                     <% } if(cc) { %>
  1315.                     <span><span class="uv-ticket-strip-label">{{ 'CC'|trans }} -</span> <%- cc %></span>
  1316.                     <% } if(bcc) { %>
  1317.                     <span><span class="uv-ticket-strip-label">{{ 'BCC'|trans }} -</span> <%- bcc %></span>
  1318.                     <% } %>
  1319.                 </div>
  1320.             <% } %>
  1321.         </div>
  1323.         <div class="uv-ticket-strip uv-margin-top-5" <% if(!bookmark && !isLocked) { %>style="display: none"<% } %> >
  1324.             <span <% if(!bookmark) { %>style="display: none"<% } %> >
  1325.                     <span class="uv-icon-pinned"></span>
  1326.                     {{ 'Pinned'|trans }}
  1327.                     </span>
  1328.             <span <% if(!isLocked) { %>style="display: none"<% } %> >
  1329.                 <span class="uv-icon-locked"></span>
  1330.                 {{ 'Locked'|trans }}
  1331.             </span>
  1332.         </div>
  1333.         <div class="uv-ticket-main-lt">
  1334.             <span class="uv-thread-action">
  1335.                 <span class="uv-icon-ellipsis uv-dropdown-other"></span>
  1336.                 <div class="uv-dropdown-list uv-bottom-left">
  1337.                     <div class="uv-dropdown-container">
  1338.                         <ul>
  1339.                             {% if user_service.isAccessAuthorized('ROLE_AGENT_EDIT_THREAD_NOTE') %}
  1340.                                 <% if (userType != 'system' && userType != 'System') { %>
  1341.                                     <li data-action="edit">{{ 'Edit Thread'|trans }}</li>
  1342.                                 <% } %>
  1343.                             {% endif %}
  1344.                             {% if user_service.isAccessAuthorized('ROLE_AGENT_DELETE_THREAD_NOTE') %}
  1345.                                 <li data-action="delete">{{ 'Delete Thread'|trans }}</li>
  1346.                             {% endif %}
  1347.                             <li data-action="forward">{{ 'Forward'|trans }}</li>
  1348.                             <% if(bookmark) { %>
  1349.                                 <li data-action="pin" data-id="1">{{ 'Unpin Thread'|trans }}</li>
  1350.                             <% } else { %>
  1351.                                 <li data-action="pin" data-id="0">{{ 'Pin Thread'|trans }}</li>
  1352.                             <% } %>
  1353.                             <% if(threadType != 'note') { %>
  1354.                                 {% if user_service.isAccessAuthorized('ROLE_AGENT_MANAGE_LOCK_AND_UNLOCK_THREAD') %}
  1355.                                     <% if(isLocked) { %>
  1356.                                         <li data-action="lock" data-id="1">{{ 'Unlock Thread'|trans }}</li>
  1357.                                     <% } else { %>
  1358.                                         <li data-action="lock" data-id="0">{{ 'Lock Thread'|trans }}</li>
  1359.                                     <% } %>
  1360.                                 {% endif %}
  1361.                             <% } %>
  1362.                             <li style="display: none;" data-action="translate">{{ 'Translate Thread'|trans }}</li>
  1363.                         </ul>
  1364.                     </div>
  1365.                 </div>
  1366.             </span>
  1367.             <span class="p-relative">
  1368.                 
  1369.             </span>
  1370.             <% if (userType != 'system' && userType != 'System') { %>
  1371.                 <% if(user && user.smallThumbnail != null) { %>
  1372.                     <img src="{{ app.request.scheme ~'://' ~ app.request.httpHost ~ asset('') }}<%- user.smallThumbnail %>" />
  1373.                 <% } else { %>
  1374.                     <img src="<% if(userType == 'agent') { %> {{ asset(default_agent_image_path) }} <% } else { %> {{ asset(default_customer_image_path) }} <% } %>" />
  1375.                 <% } %>
  1376.             <% } else { %>
  1377.                 <img src="{{ asset(default_helpdesk_image_path) }}" />
  1378.             <% } %>
  1379.         </div>
  1380.         <div class="uv-ticket-main-rt">
  1381.             <% if(userType == 'customer') { %>
  1382.                 <a <% if(user) { %>href="{{ path('helpdesk_member_manage_customer_account') }}/<%- user.id %>"<% } %> class="uv-ticket-member-name">
  1383.                 <%- fullname %>
  1384.                 </a>
  1385.             <% } else if(userType == 'agent') { %>
  1386.                 <a <% if(user) { %>href="{{ path('helpdesk_member_account') }}/<%- user.id %>"<% } %> class="uv-ticket-member-name">
  1387.                 <%- fullname %>
  1388.                 </a>
  1389.             <% } else { %>
  1390.                 <span class="uv-ticket-member-name">
  1391.                     <%- fullname %>
  1392.                 </span>
  1393.             <% } %>
  1395.             <!-- Message Block -->
  1396.             <div class="message">
  1397.                 <%= reply %>
  1398.             </div>
  1400.             <!-- Attachment Block -->
  1401.             <% if(attachments.length) { %>
  1402.             <div class="uv-ticket-uploads">
  1403.                 <h4>{{ 'Uploaded Files'|trans }}</h4>
  1404.                 <div class="uv-ticket-uploads-strip">
  1405.                     <% _.each(attachments, function(file) { %>
  1406.                     <a href="<%-file.downloadURL %>" target ="_blank" class="uv-ticket-uploads-brick uv-no-pointer-events" data-toggle="tooltip" title="<%- file.name %>">
  1407.                         <img src="<%-file.iconURL %>" class="uv-auto-pointer-events">
  1408.                     </a>
  1409.                     <% }) %>
  1410.                 </div>
  1412.                 <% if (attachments.length > 1) { %>
  1413.                 <div class="thread-attachments-zip pull-left">
  1414.                     <div class="uv-upload-actions">
  1415.                         <a href="#" class="uv-open-in-files" data-thread="<%- id %>" style="display: none"><span class="uv-icon-open-in-files"></span>{{ 'Open in Files'|trans }}</a>
  1416.                         <% if(attachments.length > 0) { %>
  1417.                         <a href="{{ path('helpdesk_member_ticket_download_attachment_zip') }}/<%- id %>" target="_blank"><span class="uv-icon-attachment"></span> {{ 'Download (as .zip)'|trans }}</a>
  1418.                         <% } %>
  1419.                     </div>
  1420.                 </div>
  1421.                 <% } %>
  1423.             </div>
  1424.             <% } %>
  1425.         </div>
  1426.     </script>
  1428.     <script id="edit_thread_tmp" type="text/template">
  1429.         <div class="thread-edit-container">
  1430.             <div class="uv-element-block uv-element-block-textarea">
  1431.                 <div class="uv-field-block">
  1432.                     <textarea id="uv-edit-thread">
  1433.                     </textarea>
  1434.                 </div>
  1435.             </div>
  1436.             <div class="uv-action-buttons">
  1437.                 <a class="uv-btn cancel-edit" type="button">{{ 'Cancel'|trans }}</a>
  1438.                 <a class="uv-btn saveThread" type="button" style="margin-right: 10px;">{{ 'Update'|trans }}</a>
  1439.             </div>
  1440.         </div>
  1441.     </script>
  1443.     <script id="ticket_quick_navigation_tmp" type="text/template">
  1444.         <% if(prev) { %>
  1445.             <a class="uv-btn-stroke" href="{{ path('helpdesk_member_ticket') }}/<%- prev %>">
  1446.                 <span class="uv-icon-previous"></span>
  1447.                 {{ 'Previous Ticket'|trans }}
  1448.             </a>
  1449.         <% } else { %>
  1450.             <a class="uv-btn-stroke" disabled="disabled">
  1451.                 <span class="uv-icon-previous"></span>
  1452.                 {{ 'Previous Ticket'|trans }}
  1453.             </a>
  1454.         <% } %>
  1456.         <% if(next) { %>
  1457.             <a class="uv-btn-stroke" href="{{ path('helpdesk_member_ticket') }}/<%- next %>">
  1458.                 {{ 'Next Ticket'|trans }}
  1459.                 <span class="uv-icon-next"></span>
  1460.             </a>
  1461.         <% } else { %>
  1462.             <a class="uv-btn-stroke" disabled="disabled">
  1463.                 {{ 'Next Ticket'|trans }}
  1464.                 <span class="uv-icon-next"></span>
  1465.             </a>
  1466.         <% } %>
  1467.     </script>
  1469.     <script type="text/javascript">
  1470.         uvdesk = {
  1471.             ticket: {}
  1472.         };
  1474.         var ticketApp = {};
  1476.         viewerImages = function() {
  1477.             if (typeof($().viewer == 'function')) {
  1478.                 $('.uv-ticket-uploads .uv-ticket-uploads-strip').viewer({
  1479.                     'url': 'data-url',
  1480.                     'downloadBase': "{{ path('helpdesk_member_ticket_download_attachment') }}",
  1481.                     'download': 'data-download',
  1482.                 });
  1483.             }
  1484.         };
  1486.         $(function () {
  1487.             var threadIds = [];
  1488.             viewerImages();
  1490.             _.extend(Backbone.Model.prototype, Backbone.Validation.mixin);
  1492.             // Ticket Model
  1493.             var TicketModel = Backbone.Model.extend({
  1494.                 idAttribute : "id",
  1495.                 urlRoot : "{{ path('helpdesk_member_update_ticket_attributes_xhr') }}",
  1496.                 validation: {
  1497.                     'email': [{
  1498.                         required: true,
  1499.                         msg: '{{ "This field is mandatory" | trans}}'
  1500.                     },{
  1501.                         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])?)*$/,
  1502.                         msg: 'Please enter a valid email'
  1503.                     }],
  1504.                     'subject' : {
  1505.                         required : true,
  1506.                         msg : '{{ "This field is mandatory" | trans}}'
  1507.                     },
  1508.                     'reply' : {
  1509.                         fn: function(value) {
  1510.                             if(!tinyMCE.get("uv-edit-create-thread"))
  1511.                                 return false;
  1512.                             var html = tinyMCE.get("uv-edit-create-thread").getContent();
  1513.                             if(app.appView.stripHTML(html) != '') {
  1514.                                 return false;
  1515.                             }
  1516.                             return true;
  1517.                         },
  1518.                         msg : '{{ "This field is mandatory" | trans}}'
  1519.                     }
  1520.                 },
  1521.             });
  1523.             // Thread Model
  1524.             var ThreadModel = Backbone.Model.extend({
  1525.                 idAttribute : "id",
  1526.                 defaults : {
  1527.                     hasTask : 0,
  1528.                     task: null
  1529.                 }
  1530.             });
  1532.             // Customer Model
  1533.             var CustomerModel = Backbone.Model.extend({
  1534.                 validation: {
  1535.                     'name': [{
  1536.                         required: true,
  1537.                         msg: '{{ "This field is mandatory" }}'
  1538.                     }, {
  1539.                         pattern: /^((?![!@#$%^&*()<_+]).)*$/,
  1540.                         msg: '{{ "This field must have characters only"}}'
  1541.                     }],
  1542.                     'email': [{
  1543.                         required: true,
  1544.                         msg: '{{ "This field is mandatory" | trans}}'
  1545.                     },{
  1546.                         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])?)*$/,
  1547.                         msg: '{{ "Email address is invalid" | trans}}'
  1548.                     }],
  1549.                     'contactNumber': function(value) {
  1550.                         if(value != undefined && value !== '') {
  1551.                             if (!value.match('^\\s*(?:\\+?(\\d{1,3}))?[-. (]*(\\d{3})[-. )]*(\\d{3})[-. ]*(\\d{4})(?: *x(\\d+))?\\s*$'))
  1552.                                 return 'Contact number is invalid';
  1553.                         }
  1554.                     }
  1555.                 },
  1556.                 urlRoot : "{{ path('helpdesk_member_manage_customer_account') }}"
  1557.             });
  1559.             // Ticket Collaborator Model
  1560.             var CollaboratorModel = Backbone.Model.extend({
  1561.                 idAttribute : "id",
  1562.                 validation: {
  1563.                     'email': [{
  1564.                         required: true,
  1565.                         msg: '{{ "This field is mandatory" | trans}}'
  1566.                     },{
  1567.                         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])?)*$/,
  1568.                         msg: '{{ "Please enter a valid email" | trans}}'
  1569.                     }]
  1570.                 },
  1571.                 defaults : {
  1572.                     ticketId : {{ ticket.id }},
  1573.                     email: ''
  1574.                 },
  1575.                 parse: function (resp, options) {
  1576.                     return resp.collaborator;
  1577.                 },
  1578.                 urlRoot : "{{ path('helpdesk_member_ticket_manage_collaborators_xhr') }}"
  1579.             });
  1581.             // Ticket Tag Model
  1582.             var TagModel = Backbone.Model.extend({
  1583.                 idAttribute : "id",
  1584.                 defaults : {
  1585.                     ticketId : {{ ticket.id }}
  1586.                 },
  1587.                 parse: function (resp, options) {
  1588.                     return resp.tag;
  1589.                 },
  1590.                 urlRoot : "{{ path('helpdesk_member_ticket_create_tag_xhr') }}"
  1591.             });
  1593.             // Ticket Label Model
  1594.             var LabelModel = Backbone.Model.extend({
  1595.                 idAttribute : "id",
  1596.                 defaults : {
  1597.                     ticketId : {{ ticket.id }}
  1598.                 },
  1599.                 parse: function (resp, options) {
  1600.                     return resp.label;
  1601.                 },
  1602.                 urlRoot : "{{ path('helpdesk_member_ticket_add_label_xhr') }}"
  1603.             });
  1605.             // Ticket Thread Collection
  1606.             var ThreadCollection = AppCollection.extend({
  1607.                 model : ThreadModel,
  1608.                 mode: "infinite",
  1609.                 url : "{{ path('helpdesk_member_thread_collection_xhr', {'ticketId': ticket.id}) }}",
  1610.                 firstScrollCheck: false,
  1611.                 threadRequestedId: false,
  1612.                 template : $("#thread_list_empty_tmp").html(),
  1613.                 parseRecords: function (resp, options) {
  1614.                     return resp.threads;
  1615.                 },
  1616.                 syncData : function() {
  1617.                     type = $(".uv-ticket-action-bar-lt .uv-tabs .uv-tab-active").attr('data-type')
  1618.                     var self = this;
  1619.                     var data = {
  1620.                         threadType: type
  1621.                     };
  1623.                     if(this.threadRequestedId)
  1624.                         data.threadRequestedId = this.threadRequestedId;
  1626.                     app.appView.showLoader()
  1627.                     this.fetch({
  1628.                         data : data,
  1629.                         remove: false,
  1630.                         success: function(model, response) {
  1631.                             app.appView.hideLoader();
  1632.                             self.threadRequestedId = false;
  1633.                             pagination.renderPagination(response.pagination);
  1634.                             threadCollection.state.currentPage = parseInt(response.pagination.current) + 1;
  1635.                             if(response.pagination.totalCount <= 0){
  1636.                                 this.$('.uv-ticket-wrapper.thread-list').html(self.template);
  1637.                             }
  1638.                         },
  1639.                         error: function (model, xhr, options) {
  1640.                             if(url = xhr.getResponseHeader('Location'))
  1641.                                 window.location = url;
  1642.                         }
  1643.                     }).done(function(){
  1644.                         viewerImages();
  1645.                         if(!self.firstScrollCheck){
  1646.                             self.firstScrollCheck = true;
  1647.                             var fragment = Backbone.history.fragment.trim();
  1648.                             if(fragment == '') {
  1649.                                 router.scrollPage('#reply');
  1650.                             } else
  1651.                                 router.scrollPage('#' + fragment.replace('thread/', 'thread'));
  1652.                         }
  1653.                     });
  1654.                 }
  1655.             });
  1657.             // Ticket Collaborator Collection
  1658.             var CollaboratorCollection = Backbone.PageableCollection.extend({
  1659.                 model : CollaboratorModel
  1660.             });
  1662.             // Ticket Tag Collection
  1663.             var TagCollection = Backbone.PageableCollection.extend({
  1664.                 model : TagModel,
  1665.                 isTagExist : function(name) {
  1666.                     var flag = 1;
  1667.                     _.each(tagCollection.models, function (item) {
  1668.                         if(item.get('name').toUpperCase() == name.toUpperCase())
  1669.                             flag = 0;
  1670.                     }, this);
  1672.                     return flag;
  1673.                 }
  1674.             });
  1676.             // Ticket Label Collection
  1677.             var LabelCollection = Backbone.PageableCollection.extend({
  1678.                 model : TagModel,
  1679.                 isLabelExist : function(name) {
  1680.                     var flag = 1;
  1681.                     _.each(labelCollection.models, function (item) {
  1682.                         if(item.get('name').toUpperCase() == name.toUpperCase())
  1683.                             flag = 0;
  1684.                     }, this);
  1685.                     return flag;
  1686.                 }
  1687.             });
  1689.             // Customer Form View
  1690.             var CustomerForm = Backbone.View.extend({
  1691.                 events : {
  1692.                     'click .uv-btn.update-btn' : "saveCustomer",
  1693.                     'blur input': 'formChanegd',
  1694.                     'click .cancel-btn': 'backToInfo',
  1695.                     'click .uv-aside-back': 'backToInfo'
  1696.                 },
  1697.                 initialize : function() {
  1698.                     Backbone.Validation.bind(this);
  1699.                 },
  1700.                 formChanegd: function(e) {
  1701.                     this.model.set(Backbone.$(e.currentTarget).attr('name'), Backbone.$(e.currentTarget).val())
  1702.                     this.model.isValid([Backbone.$(e.currentTarget).attr('name')])
  1703.                 },
  1704.                 saveCustomer: function (e) {
  1705.                     e.preventDefault();
  1706.                     currentElement = Backbone.$(e.currentTarget);
  1707.                     this.model.clear();
  1708.                     this.model.set(this.$el.find('form').serializeObject());
  1709.                     self = this;
  1710.                     if(this.model.isValid(true)) {
  1711.                         app.appView.showLoader();
  1712.                         currentElement.attr('disabled', 'disabled');
  1713.                         this.model.save({}, {
  1714.                             success: function (model, response, options) {
  1715.                                 app.appView.hideLoader();
  1716.                                 currentElement.removeAttr("disabled");
  1717.                                 if(response.alertClass == "success") {
  1718.                                     app.appView.renderResponseAlert(response);
  1719.                                     $('.uv-aside-customer-info').html("<span>" + self.model.attributes.name + "</span><span>" + self.model.attributes.email + "</span><span>" + self.model.attributes.contactNumber + "</span><span class='uv-customize'></span>")
  1720.                                     self.backToInfo();
  1721.                                 } else if(response.errors) {
  1722.                                     self.addErrors(JSON.parse(response.errors));
  1723.                                 } else if(response.alertMessage) {
  1724.                                     app.appView.renderResponseAlert(response);
  1725.                                 }
  1726.                             },
  1727.                             error: function (model, xhr, options) {
  1728.                                 if(url = xhr.getResponseHeader('Location'))
  1729.                                     window.location = url;
  1731.                                 app.appView.hideLoader();
  1732.                                 app.appView.renderResponseAlert(warningResponse);
  1733.                             }
  1734.                         });
  1735.                     }
  1736.                 },
  1737.                 addErrors: function(jsonContext) {
  1738.                     for (var field in jsonContext) {
  1739.                         Backbone.Validation.callbacks.invalid(this, field, jsonContext[field], 'input');
  1740.                     }
  1741.                 },
  1742.                 backToInfo: function(e) {
  1743.                     if(e)
  1744.                         e.preventDefault()
  1746.                     $('.uv-main-info-update-block').hide()
  1747.                     $('.uv-main-info-block').show()
  1748.                 },
  1749.             });
  1751.             // Ticket View
  1752.             var TicketView = Backbone.View.extend({
  1753.                 el: $('.uv-wrapper'),
  1754.                 stopDraftSaveFlag: 0,
  1755.                 events: {
  1756.                     'click .uv-ticket-action .uv-dropdown-list li[data-action="spam"], .uv-ticket-action .uv-dropdown-list li[data-action="closed"]': 'masrkSpamAndClosed',
  1757.                     'click .uv-aside-ticket-actions .uv-aside-select .uv-dropdown-list li': 'editTicketProperty',
  1758.                     'click .uv-aside-customer-info .uv-customize': 'showCustomerUpdateBlock',
  1759.                     'click .uv-ticket-head .uv-star-large': 'updateStar',
  1760.                     'click .uv-ticket-action-bar .uv-tabs li': 'filterThread',
  1761.                     'click .uv-ticket-action .uv-dropdown-list li[data-action="delete"]': 'confirmRemove',
  1762.                     'click .uv-ticket-action .uv-dropdown-list li[data-action="lock"]': 'lockAndUnlockThread',
  1763.                     'click .uv-element-block.collaborators .uv-btn-tag': 'removeCcCollaborator',
  1764.                     'keypress .uv-element-block.to .uv-dropdown-other': 'addToInput',
  1765.                     'click .uv-element-block.to .uv-dropdown-list li': 'addTo',
  1766.                     'click .to-list .uv-btn-tag': 'removeTo',
  1767.                     'change .uv-element-block.cc-bcc .cc-bcc-toggle': 'showCcBccBlock',
  1768.                     'keypress .uv-element-block.cc-bcc .uv-group-field.uv-dropdown-other': 'addCcBccInput',
  1769.                     'click .uv-element-block.cc-bcc .uv-dropdown-list li': 'addCcBcc',
  1770.                     'click .cc-bcc-list .uv-btn-tag, .to-list .uv-btn-tag': 'removeEmail',
  1771.                     'click .next-view .uv-dropdown-list li': 'setNextView',
  1772.                     'click .uv-dropdown.reply .uv-dropdown-list li, .uv-btn.forward': 'validateForm',
  1773.                     'click #edit-ticket-modal .uv-btn.update': 'updateTicket',
  1774.                     'click .message .uv-icon-ellipsis': 'showReplyQuote',
  1775.                     'input .uv-aside-brick .uv-field.uv-dropdown-other': 'searchFilterXhr',
  1776.                     'click .uv-dropdown-container.prepared-responses a:not(.create-new)': 'confirmPreparedResponses',
  1778.                     'click .uv-header-fix': 'fixheader',
  1779.                     'click .uv-ticket-action .uv-dropdown-list li[data-action="print"]': 'printTicket',
  1780.                     'blur .uv-manual-enter': 'enterManualAdd',
  1781.                 },
  1782.                 ticketNavigationTemplate : _.template($("#ticket_quick_navigation_tmp").html()),
  1783.                 loaderTemplate : _.template($("#loader-tmp").html()),
  1784.                 targetPreparedResponseUrl: '',
  1785.                 initialize: function() {
  1786.                     Backbone.Validation.bind(this);
  1787.                     InitTinyMce('#uv-edit-create-thread');
  1788.                     $('.uv-ticket-fixed-region .uv-ticket-fixed-region-rt').html(this.ticketNavigationTemplate(ticketNavigation))
  1789.                     var threadTab = localStorage.getItem("threadTab");
  1790.                     if(threadTab){
  1791.                         $('.uv-ticket-action-bar-lt .uv-tabs li').removeClass('uv-tab-active');
  1792.                         $('.uv-ticket-action-bar-lt .uv-tabs [data-type="' + threadTab + '"]').addClass('uv-tab-active');
  1793.                     }
  1794.                     nextView = localStorage.getItem("nextView");
  1795.                     if(nextView) {
  1796.                         $(".next-view input").val(nextView)
  1797.                         $(".next-view .uv-dropdown-btn").text($("#reply .next-view .uv-dropdown-list li[data-value='" + nextView + "']").text())
  1798.                     }
  1799.                     if(!localStorage.getItem('ticketTour')) {
  1800.                         $('.uv-ticket-tour').show()
  1801.                     }
  1802.                     this.fixheaderInit();
  1803.                 },
  1804.                 printTicket: function(e) {
  1805.                     window.print();
  1806.                 },
  1807.                 enterManualAdd: function(e) {
  1808.                     var target = $(e.target);
  1809.                     if(target.val()) {
  1810.                         var e = $.Event("keypress");
  1811.                         e.which = 13; //choose the one you want
  1812.                         target.trigger(e);
  1813.                     }
  1814.                 },
  1815.                 fixheader: function(e){
  1816.                     e.preventDefault();
  1817.                     var header = localStorage.getItem("fixHeader");
  1818.                     header = !(header == 'true');
  1819.                     localStorage.setItem("fixHeader", header);
  1820.                     this.fixheaderInit();
  1821.                 },
  1822.                 fixheaderInit: function(){
  1823.                     var header = localStorage.getItem("fixHeader");
  1824.                     if(header == 'true'){
  1825.                         $('a.uv-icon-pin').addClass('uv-icon-pinned');
  1826.                         $('.uv-ticket-action-bar').addClass('uv-ticket-action-bar-fixed');
  1827.                     }else{
  1828.                         $('a.uv-icon-pin').removeClass('uv-icon-pinned');
  1829.                         $('.uv-ticket-action-bar').removeClass('uv-ticket-action-bar-fixed');
  1830.                     }
  1831.                 },
  1832.                 masrkSpamAndClosed: function(e) {
  1833.                     var currentElement = Backbone.$(e.currentTarget);
  1834.                     var value = currentElement.attr('data-index');
  1835.                     $(".uv-aside-select .uv-dropdown-list ul.status li[data-index='" + value + "']").trigger('click')
  1836.                 },
  1837.                 editTicketProperty: function(e) {
  1838.                     var currentElement = Backbone.$(e.currentTarget);
  1839.                     var uvSelect = currentElement.parents('.uv-aside-select');
  1840.                     var field = currentElement.parent().attr('data-action');
  1841.                     var value = currentElement.attr('data-index');
  1842.                     if(uvSelect.find('.uv-aside-select-value').attr('data-id') != value) {
  1843.                         var name = currentElement.text().trim();
  1844.                         app.appView.showLoader();
  1845.                         this.model.save({attribute: field, value: value, id: this.model.id}, {
  1846.                             patch: true,
  1847.                             success: function (model, response, options) {
  1848.                                 uvSelect.find('.uv-aside-select-value').attr('data-id', value).text(name)
  1849.                                 if(field == 'priority') {
  1850.                                     uvSelect.find('.uv-list-ticket-priority').attr('style', 'background:' + currentElement.attr('data-color'));
  1851.                                 } else if(field == 'agent') {
  1852.                                     $('.uv-ticket-strip .agent-info').show()
  1853.                                     $('.uv-ticket-strip .agent-info .name').text(name)
  1854.                                 }
  1855.                                 app.appView.hideLoader();
  1856.                                 app.appView.renderResponseAlert(response);
  1857.                             },
  1858.                             error: function (model, xhr, options) {
  1859.                                 if(url = xhr.getResponseHeader('Location'))
  1860.                                     window.location = url;
  1861.                                 var response = warningResponse;
  1862.                                 if(xhr.responseJSON)
  1863.                                     response = xhr.responseJSON;
  1865.                                 app.appView.hideLoader();
  1866.                                 app.appView.renderResponseAlert(response);
  1867.                             }
  1868.                         });
  1869.                     }
  1870.                 },
  1871.                 showCustomerUpdateBlock: function() {
  1872.                     $('.uv-main-info-update-block').show()
  1873.                     $('.uv-main-info-block').hide()
  1874.                 },
  1875.                 updateStar: function(e) {
  1876.                     e.preventDefault();
  1877.                     var currentElement = Backbone.$(e.currentTarget);
  1878.                     currentElement.toggleClass('uv-star-active')
  1879.                     this.model.save({id: this.model.id}, {
  1880.                         patch: true,
  1881.                         url : "{{ path('helpdesk_member_bookmark_ticket_xhr') }}",
  1882.                         success: function (model, response, options) {
  1883.                         },
  1884.                         error: function (model, xhr, options) {
  1885.                             if(url = xhr.getResponseHeader('Location'))
  1886.                                 window.location = url;
  1887.                         }
  1888.                     });
  1889.                 },
  1890.                 filterThread: function(e) {
  1891.                     var currentElement = Backbone.$(e.currentTarget);
  1892.                     if(type = currentElement.attr('data-type')) {
  1893.                         localStorage.setItem("threadTab", type);
  1894.                         if(type != 'all')
  1895.                             $('.uv-ticket-main.create').hide()
  1896.                         else
  1897.                             $('.uv-ticket-main.create').show()
  1898.                         $('.uv-ticket-wrapper.thread-list').html('')
  1899.                         models = []
  1900.                         threadCollection.each(function(model) {
  1901.                             models.push(model)
  1902.                         })
  1903.                         total = threadCollection.models.length;
  1904.                         count = 0;
  1905.                         if(total) {
  1906.                             _.each(models, function (model) {
  1907.                                 threadCollection.remove(model)
  1908.                                 count++;
  1909.                                 if(total == count) {
  1910.                                     threadCollection.reset()
  1911.                                     threadCollection.state.currentPage = 1;
  1912.                                     threadCollection.syncData()
  1913.                                 }
  1914.                             });
  1915.                         } else {
  1916.                             threadCollection.reset()
  1917.                             threadCollection.state.currentPage = 1;
  1918.                             threadCollection.syncData()
  1919.                         }
  1920.                     }
  1921.                 },
  1922.                 confirmRemove: function(e) {
  1923.                     app.appView.openConfirmModal(this);
  1924.                 },
  1925.                 removeItem : function() {
  1926.                     if(this.model.attributes.isTrashed)
  1927.                         window.location.href = "{{ path('helpdesk_member_delete_ticket', {'ticketId': ticket.id}) }}";
  1928.                     else
  1929.                         window.location.href = "{{ path('helpdesk_member_trash_ticket', {'ticketId': ticket.id}) }}";
  1930.                 },
  1931.                 addCCCollaborators: function() {
  1932.                     if(collaboratorCollection.length) {
  1933.                         var collaboratorContainer = $('.uv-element-block.collaborators');
  1934.                         collaboratorContainer.find('.uv-field-block').html('');
  1935.                         collaboratorContainer.show()
  1936.                         _.each(collaboratorCollection.models, function (item) {
  1937.                             var json = item.attributes;
  1938.                             collaboratorContainer.find('.uv-field-block').append("<span><input type='hidden' name='cccol[]' value='" + json.email + "'/><a class='uv-btn-tag' href='#'><span class='uv-icon-remove-dark-before'></span>" + json.name + "</a></span>")
  1939.                         }, this);
  1940.                     }
  1941.                 },
  1942.                 removeCcCollaborator: function(e) {
  1943.                     e.preventDefault()
  1944.                     Backbone.$(e.currentTarget).parent().remove();
  1945.                     var collaboratorContainer = $('.uv-element-block.collaborators');
  1946.                     if(!collaboratorContainer.find('.uv-btn-tag').length)
  1947.                         collaboratorContainer.hide()
  1948.                 },
  1949.                 addToInput: function(e) {
  1950.                     var inputElement = Backbone.$(e.currentTarget);
  1951.                     var currentTab = inputElement.parents('.uv-tab-view');
  1952.                     var email = inputElement.val().trim();
  1953.                     if (e.which === 13 && email) {
  1954.                         e.preventDefault()
  1955.                         if(!this.model.preValidate({name: 'email', email: email})) {
  1956.                             inputElement.val('').trigger('input')
  1957.                             inputElement.removeClass('uv-dropdown-btn-active')
  1958.                             inputElement.siblings('.uv-dropdown-list').hide()
  1959.                             if(!currentTab.find(".to-list input[value='" + email + "'].to").length) {
  1960.                                 currentTab.find('.to-list').append("<span><input type='hidden' name='to[]' value='" + email + "' class='to'/><a class='uv-btn-tag' href='#'><span class='uv-icon-remove-dark-before'></span>" + email + "</span></a></span>")
  1961.                             }
  1962.                         }
  1963.                     }
  1964.                 },
  1965.                 addTo: function(e) {
  1966.                     var currentTab = Backbone.$(e.currentTarget).parents('.uv-tab-view');
  1967.                     var email =  Backbone.$(e.currentTarget).attr('data-id');
  1968.                     if(!currentTab.find(".to-list input[value='" + email + "'].to").length) {
  1969.                         currentTab.find('.to-list').append("<span><input type='hidden' name='to[]' value='" + email + "' class='to'/><a class='uv-btn-tag' href='#'><span class='uv-icon-remove-dark-before'></span>" + email + "</span></a></span>")
  1970.                     }
  1971.                 },
  1972.                 showCcBccBlock: function(e) {
  1973.                     var currentElement = Backbone.$(e.currentTarget);
  1974.                     var currentTab = currentElement.parents('.uv-tab-view');
  1975.                     if(currentElement.is(':checked')) {
  1976.                         currentTab.find('.uv-element-block.cc-bcc').find('.uv-field-block').show()
  1977.                     } else {
  1978.                         currentTab.find('.uv-element-block.cc-bcc').find('.uv-field-block').hide()
  1979.                         currentTab.find('.uv-element-block .cc-bcc-list').html('')
  1980.                     }
  1981.                 },
  1982.                 addCcBccInput: function(e) {
  1983.                     var inputElement = Backbone.$(e.currentTarget);
  1984.                     var currentTab = inputElement.parents('.uv-tab-view');
  1985.                     var email = inputElement.val().trim();
  1986.                     if (e.which === 13 && email) {
  1987.                         e.preventDefault()
  1988.                         type = currentTab.find('.cc-bcc-select option:selected').text()
  1989.                         if(!this.model.preValidate({name: 'email', email: email})) {
  1990.                             inputName = $('.cc-bcc-select').val()
  1991.                             inputElement.val('').trigger('input')
  1992.                             inputElement.removeClass('uv-dropdown-btn-active')
  1993.                             inputElement.siblings('.uv-dropdown-list').hide()
  1994.                             if(!currentTab.find(".cc-bcc-list input[value='" + email + "']." + inputName).length) {
  1995.                                 currentTab.find('.cc-bcc-list').append("<span><input type='hidden' name='" + inputName + "[]' value='" + email + "' class='" + inputName + "'/><a class='uv-btn-tag uv-lowercase' href='#'><span class='uv-icon-remove-dark-before'></span><span class='uv-uppercase' style='margin-right: 4px;'>" + type + ":</span>" + email + "</a></span>")
  1996.                             }
  1997.                         }
  1998.                     }
  1999.                 },
  2000.                 addCcBcc: function(e) {
  2001.                     var currentTab = Backbone.$(e.currentTarget).parents('.uv-tab-view');
  2002.                     var email =  Backbone.$(e.currentTarget).attr('data-id');
  2003.                     type = currentTab.find('.cc-bcc-select option:selected').text()
  2004.                     inputName = currentTab.find('.cc-bcc-select').val()
  2005.                     if(!currentTab.find(".cc-bcc-list input[value='" + email + "']." + inputName).length) {
  2006.                         currentTab.find('.uv-element-block.cc-bcc .uv-group-field.uv-dropdown-other').val('').trigger('input')
  2007.                         currentTab.find('.cc-bcc-list').append("<span><input type='hidden' name='" + inputName + "[]' value='" + email + "' class='" + inputName + "'/><a class='uv-btn-tag uv-lowercase' href='#'><span class='uv-icon-remove-dark-before'></span><span class='uv-uppercase' style='margin-right: 4px;'>" + type + ":</span>" + email + "</a></span>")
  2008.                     }
  2009.                 },
  2010.                 removeEmail: function(e) {
  2011.                     e.preventDefault()
  2012.                     Backbone.$(e.currentTarget).parent().remove();
  2013.                 },
  2014.                 setNextView: function(e) {
  2015.                     var currentElement = Backbone.$(e.currentTarget);
  2016.                     var nextView = currentElement.attr('data-value');
  2017.                     localStorage.setItem("nextView", nextView);
  2018.                     $(".next-view input").val(nextView)
  2019.                     $(".next-view .uv-dropdown-btn").text(currentElement.text())
  2020.                 },
  2021.                 validateForm : function(e) {
  2022.                     e.preventDefault();
  2023.                     var element = Backbone.$(e.currentTarget);
  2024.                     formType = element.parents('.uv-tab-view.uv-tab-view-active').attr('id');
  2025.                     form = element.parents('form');
  2026.                     form.find('.reply-status').val(element.attr('data-id'));
  2027.                     form.find('.uv-field-message').remove()
  2029.                     var html = tinyMCE.get(formType + "-area").getContent();
  2030.                     if(app.appView.htmlText(html) != '' || -1 != html.indexOf('<img')) {
  2031.                         if(formType == 'forward') {
  2032.                             if(!form.find(".to-list input.to").length) {
  2033.                                 $('.uv-element-block.to').append("<span class='uv-field-message'>{{ 'This field is mandatory'|trans }}</span>")
  2034.                             } else {
  2035.                                 this.stopDraftSaveFlag = 1;
  2037.                                 app.appView.showLoader();
  2038.                                 tinyMCE.activeEditor.uploadImages(function(response) {
  2039.                                     app.appView.hideLoader();
  2041.                                     form.submit();
  2042.                                     $('.uv-btn.forward').attr('disabled', 'disabled');
  2043.                                 });
  2044.                             }
  2045.                         } else {
  2046.                             this.stopDraftSaveFlag = 1;
  2047.                             if(localStorage) {
  2048.                                 localStorage.setItem("threadTab", "all");
  2049.                             }
  2051.                             app.appView.showLoader();
  2052.                             tinyMCE.activeEditor.uploadImages(function(response) {
  2053.                                 app.appView.hideLoader();
  2055.                                 form.submit();
  2056.                                 $('.uv-dropdown.reply').find('.uv-btn').attr('disabled', 'disabled');
  2057.                             });
  2058.                         }
  2059.                     } else {
  2060.                         form.find('.uv-element-block-textarea').append("<span class='uv-field-message'>{{ 'This field is mandatory'|trans }}</span>");
  2061.                         if(formType == 'forward') {
  2062.                             if(!form.find(".to-list input.to").length) {
  2063.                                 $('.uv-element-block.to').append("<span class='uv-field-message'>{{ 'This field is mandatory'|trans }}</span>")
  2064.                             }
  2065.                         }
  2066.                     }
  2067.                 },
  2068.                 updateTicket: function(e) {
  2069.                     e.preventDefault();
  2070.                     this.model.set($('#edit-ticket-modal form').serializeObject());
  2071.                     if(this.model.isValid(['subject', 'reply'])) {
  2072.                         $('#edit-ticket-modal form').find('.uv-btn').attr('disabled', 'disabled');
  2073.                         $('#edit-ticket-modal form').submit();
  2074.                     }
  2075.                 },
  2076.                 showReplyQuote: function(e) {
  2077.                     Backbone.$(e.currentTarget).next().toggle();
  2078.                 },
  2079.                 searchFilterXhr: _.debounce(function(e) {
  2080.                     currentElement = Backbone.$(e.currentTarget);
  2081.                     var parent = currentElement.parent();
  2082.                     if($('.uv-dropdown-other.uv-dropdown-btn-active').parent().attr('id') != parent.attr('id'))
  2083.                         return;
  2084.                     parent.find("li:not(.uv-no-results, .uv-filter-info)").remove();
  2085.                     parent.find(".uv-filter-info").show()
  2086.                     if(currentElement.val().length > 1) {
  2087.                         parent.append(this.loaderTemplate())
  2088.                         parent.find('.uv-filter-info').text("{% trans %}Searching{% endtrans %} ...")
  2089.                         if(self.xhrReq)
  2090.                             self.xhrReq.abort();
  2092.                         self.xhrReq = $.ajax({
  2093.                             url : "{{ path('helpdesk_member_ticket_search_filter_options') }}",
  2094.                             type : 'GET',
  2095.                             data: {"type" : currentElement.attr('data-type'), "query": currentElement.val()},
  2096.                             dataType : 'json',
  2097.                             success : function(response) {
  2098.                                 self.xhrReq = 0;
  2099.                                 parent.find('.uv-loader').remove()
  2100.                                 parent.find('.uv-filter-info').text("{{ 'Type atleast 2 letters'|trans }}").hide();
  2101.                                 if(response.length == 0) {
  2102.                                     parent.find('.uv-no-results').show();
  2103.                                     parent.find('.uv-no-results').disabled = true;
  2104.                                 } else {
  2105.                                     parent.find('.uv-no-results').hide();
  2106.                                     _.each(response, function(item) {
  2107.                                         parent.find('.uv-dropdown-list ul').append("<li data-id='" + item.id + "'>" + item.name + "</li>")
  2108.                                     });
  2109.                                 }
  2110.                             },
  2111.                             error: function (xhr) {
  2112.                                 self.xhrReq = 0;
  2113.                                 parent.find('.uv-loader').remove()
  2114.                                 parent.find('.uv-no-results').hide();
  2115.                                 parent.find('.uv-filter-info').text("{{ 'Type atleast 2 letters'|trans }}").show();
  2117.                                 if(url = xhr.getResponseHeader('Location'))
  2118.                                     window.location = url;
  2119.                             }
  2120.                         });
  2121.                     } else {
  2122.                         parent.find('.uv-no-results').hide();
  2123.                     }
  2124.                 },1000)
  2125.             });
  2127.             // Ticket Thread View
  2128.             var ThreadItem = Backbone.View.extend({
  2129.                 tagName : "div",
  2130.                 className : "uv-ticket-main",
  2131.                 template : _.template($("#thread_list_item_tmp").html()),
  2132.                 editThreadTemplate : _.template($("#edit_thread_tmp").html()),
  2133.                 events : {
  2134.                     'click .uv-thread-action .uv-dropdown-list li[data-action="delete"]': 'confirmRemove',
  2135.                     'click .uv-thread-action .uv-dropdown-list li[data-action="lock"]': 'lockAndUnlockThread',
  2136.                     'click .uv-thread-action .uv-dropdown-list li[data-action="pin"]': 'pinThread',
  2137.                     'click .uv-thread-action .uv-dropdown-list li[data-action="mark"]': 'markForTask',
  2138.                     'click .uv-thread-action .uv-dropdown-list li[data-action="forward"]' : 'forwardThread',
  2139.                     'click .uv-thread-action .uv-dropdown-list li[data-action="edit"]' : 'editThread',
  2140.                     'click .uv-btn.cancel-edit' : 'cancelEdit',
  2141.                     'click .uv-btn.saveThread' : 'updateThread',
  2142.                     'click .copy-thread-link' : 'copyThreadLink',
  2143.                     'blur .input-copy-thread-link': 'removeCopyThreadLink'
  2144.                 },
  2145.                 render : function () {
  2146.                     this.$el.html(this.template(this.model.toJSON()));
  2148.                     this.$el.addClass("thread-" + this.model.id)
  2149.                     if(this.model.attributes.threadType == 'note')
  2150.                         this.$el.addClass('uv-ticket-note')
  2151.                     return this;
  2152.                 },
  2153.                 unrender : function(response) {
  2154.                     if(response.alertMessage != undefined) {
  2155.                         var self = this;
  2156.                         {# threadCollection.models.remove(this.model); #}
  2157.                         threadCollection.models = threadCollection.models.filter(thread => {
  2158.                             if(thread.id == self.model.id) {
  2159.                                 return false;
  2160.                             }
  2162.                             return true;
  2163.                         });
  2164.                         this.remove();
  2165.                         threadCollection.syncData();
  2166.                         app.appView.renderResponseAlert(response);
  2167.                     }
  2168.                 },
  2169.                 confirmRemove: function(e) {
  2170.                     app.appView.openConfirmModal(this);
  2171.                 },
  2172.                 removeItem : function() {
  2173.                     self = this;
  2174.                     var index = threadIds.indexOf(this.model.id);
  2175.                     if (index > -1)
  2176.                         threadIds.splice(index, 1);
  2177.                     app.appView.showLoader();
  2178.                     this.model.destroy({
  2179.                         url : "{{ path('helpdesk_member_thread_xhr') }}/" + this.model.id,
  2180.                         data : { 'ticketId' : ticketModel.attributes.id },
  2181.                         success : function (model, response, options) {
  2182.                             app.appView.hideLoader();
  2183.                             self.unrender(response);
  2184.                         },
  2185.                         error: function (model, xhr, options) {
  2186.                             if(url = xhr.getResponseHeader('Location'))
  2187.                                 window.location = url;
  2188.                             var response = warningResponse;
  2189.                             if(xhr.responseJSON)
  2190.                                 response = xhr.responseJSON;
  2192.                             app.appView.hideLoader();
  2193.                             app.appView.renderResponseAlert(response);
  2194.                         }
  2195.                     });
  2196.                 },
  2197.                 lockAndUnlockThread :function(e) {
  2198.                     self = this;
  2199.                     currentElement = Backbone.$(e.currentTarget);
  2200.                     var isLocked = 0;
  2201.                     if(this.model.get('isLocked')) {
  2202.                         this.model.set('isLocked', 0);
  2203.                         currentElement.attr('data-id', isLocked).text("{{ 'Lock Thread'|trans }}");
  2204.                     } else {
  2205.                         isLocked = 1;
  2206.                         this.model.set('isLocked', 1);
  2207.                         currentElement.attr('data-id', isLocked).text("{{ 'Unlock Thread'|trans }}");
  2208.                     }
  2209.                     app.appView.showLoader();
  2210.                     this.model.save({
  2211.                         isLocked: isLocked,
  2212.                         id: this.model.id,
  2213.                         ticketId: ticketModel.attributes.id,
  2214.                         updateType: 'lock'
  2215.                     }, {
  2216.                         patch: true,
  2217.                         url : "{{ path('helpdesk_member_thread_xhr') }}/" + this.model.id,
  2218.                         success : function (model, response, options) {
  2219.                             self.toggleThreadPropertyIcon()
  2220.                             app.appView.hideLoader();
  2221.                             app.appView.renderResponseAlert(response);
  2222.                         },
  2223.                         error: function (model, xhr, options) {
  2224.                             if(url = xhr.getResponseHeader('Location'))
  2225.                                 window.location = url;
  2226.                             var response = warningResponse;
  2227.                             if(xhr.responseJSON)
  2228.                                 response = xhr.responseJSON;
  2230.                             app.appView.hideLoader();
  2231.                             app.appView.renderResponseAlert(response);
  2232.                         }
  2233.                     });
  2234.                 },
  2235.                 pinThread :function(e) {
  2236.                     self = this;
  2237.                     currentElement = Backbone.$(e.currentTarget);
  2238.                     var bookmark = 0;
  2239.                     if(this.model.get('bookmark')) {
  2240.                         this.model.set('bookmark', 0);
  2241.                         currentElement.attr('data-id', bookmark).text("{{ 'Pin Thread'|trans }}");
  2242.                     } else {
  2243.                         bookmark = 1;
  2244.                         this.model.set('bookmark', 1);
  2245.                         currentElement.attr('data-id', bookmark).text("{{ 'Unpin Thread'|trans }}");
  2246.                     }
  2247.                     app.appView.showLoader();
  2248.                     this.model.save({
  2249.                         bookmark: bookmark,
  2250.                         id: this.model.id,
  2251.                         ticketId: ticketModel.attributes.id,
  2252.                         updateType: 'bookmark'
  2253.                     }, {
  2254.                         patch: true,
  2255.                         url : "{{ path('helpdesk_member_thread_xhr') }}/" + this.model.id,
  2256.                         success : function (model, response, options) {
  2257.                             self.toggleThreadPropertyIcon()
  2258.                             app.appView.hideLoader();
  2259.                             app.appView.renderResponseAlert(response);
  2260.                         },
  2261.                         error: function (model, xhr, options) {
  2262.                             if(url = xhr.getResponseHeader('Location'))
  2263.                                 window.location = url;
  2264.                             var response = warningResponse;
  2265.                             if(xhr.responseJSON)
  2266.                                 response = xhr.responseJSON;
  2268.                             app.appView.hideLoader();
  2269.                             app.appView.renderResponseAlert(response);
  2270.                         }
  2271.                     });
  2272.                 },
  2273.                 forwardThread : function(e) {
  2274.                     var element = Backbone.$(e.currentTarget);
  2275.                     tinymce.get('forward-area').setContent(this.model.attributes.reply);
  2276.                     $('#forward-area').parent().find('img').removeAttr('crossorigin');
  2277.                     $(".uv-tabs li[for='forward']").trigger('click');
  2279.                     $('.uv-ticket-scroll-region').animate({
  2280.                         scrollTop: $('#default').outerHeight()
  2281.                     }, 'slow');
  2282.                 },
  2283.                 cancelEdit : function(e) {
  2284.                     this.initEditThread();
  2285.                     tinymce.get('uv-edit-thread').destroy()
  2286.                 },
  2287.                 editThread : function(e) {
  2288.                     $('.thread-edit-container .cancel-edit').trigger('click');
  2289.                     this.initEditThread();
  2290.                     this.$el.find('.message').hide().after(this.editThreadTemplate());
  2291.                     this.$el.find('.uv-ticket-uploads').hide()
  2293.                     InitTinyMce('#uv-edit-thread');
  2294.                     tinymce.get('uv-edit-thread').setContent(this.model.attributes.reply);
  2295.                     this.$el.find('img').removeAttr('crossorigin');
  2296.                 },
  2297.                 initEditThread: function() {
  2298.                     $('.thread-edit-container').remove();
  2299.                     messageElement = this.$el.find('.message');
  2300.                     messageElement.show();
  2301.                     this.$el.find('.uv-ticket-uploads').show()
  2302.                 },
  2303.                 updateThread : function(e) {
  2304.                     e.preventDefault();
  2305.                     var currentElement = Backbone.$(e.currentTarget);
  2306.                     parent = currentElement.parents('.thread-edit-container')
  2307.                     parent.find('.uv-field-message').remove()
  2309.                     var html = tinyMCE.get("uv-edit-thread").getContent();
  2310.                     if(app.appView.stripHTML(html) != '') {
  2311.                         var self = this;
  2312.                         currentElement.attr("disabled", "disabled");
  2313.                         this.model.set('reply', html);
  2314.                         app.appView.showLoader()
  2315.                         this.model.save({}, {
  2316.                             url : "{{ path('helpdesk_member_thread_update_xhr') }}/" + this.model.id,
  2317.                             success : function (model, response, options) {
  2318.                                 app.appView.hideLoader()
  2319.                                 messageElement = self.$el.find('.message');
  2320.                                 if(response.alertClass == 'success') {
  2321.                                     messageElement.html(self.model.attributes.reply).show();
  2322.                                     messageElement.find('.uv-icon-ellipsis').remove();
  2323.                                     messageElement.find('.helpdesk_blockquote').eq(0).before("<span class='uv-icon-ellipsis uv-ellipsis-mirror'></span>").hide();
  2324.                                 }
  2326.                                 self.initEditThread();
  2327.                                 tinymce.get('uv-edit-thread').destroy()
  2328.                                 app.appView.renderResponseAlert(response);
  2329.                             },
  2330.                             error: function (model, xhr, options) {
  2331.                                 self.initEditThread();
  2332.                                 tinymce.get('uv-edit-thread').destroy()
  2333.                                 if(url = xhr.getResponseHeader('Location'))
  2334.                                     window.location = url;
  2335.                                 var response = warningResponse;
  2336.                                 if(xhr.responseJSON)
  2337.                                     response = xhr.responseJSON;
  2338.                                 app.appView.hideLoader()
  2339.                                 app.appView.renderResponseAlert(response);
  2340.                             }
  2341.                         });
  2342.                     } else {
  2343.                         this.$el.find('.uv-element-block-textarea').append("<span class='uv-field-message'>{{ 'This field is mandatory'|trans }}</span>");
  2344.                     }
  2345.                 },
  2346.                 toggleCreateTaskBar : function() {
  2347.                     if(threadIds.length) {
  2348.                         $("#uv-task-view").css('right', '0px');
  2349.                         $("#uv-task-view .uv-create-task").show()
  2350.                         $("#uv-task-view .uv-task-list").hide()
  2351.                     } else {
  2352.                         $("#uv-task-view").css('right', '-300px');
  2353.                         $("#uv-task-view .uv-create-task").hide()
  2354.                         $("#uv-task-view .uv-task-list").show()
  2355.                     }
  2356.                 },
  2357.                 copyThreadLink: function(e){
  2358.                     _.delay(function(){
  2359.                         $(e.currentTarget).before('<input type="text" class="input-copy-thread-link uv-field" value="' + window.location.href + '"/>');
  2360.                         $(e.currentTarget).prev().focus().select();
  2361.                     }, 100);
  2362.                 },
  2363.                 removeCopyThreadLink: function(e){
  2364.                     $(e.currentTarget).remove();
  2365.                 },
  2366.                 toggleThreadPropertyIcon: function(e) {
  2367.                     if(jQuery.inArray(this.model.id, threadIds) !== -1 || this.model.get('bookmark') || this.model.get('isLocked')) {
  2368.                         this.$el.find('.uv-icon-pinned').parents('.uv-ticket-strip').show()
  2369.                     } else {
  2370.                         this.$el.find('.uv-icon-pinned').parents('.uv-ticket-strip').hide()
  2371.                     }
  2373.                     if(jQuery.inArray(this.model.id, threadIds) !== -1)
  2374.                         this.$el.find('.uv-icon-marked-task').parent().show()
  2375.                     else
  2376.                         this.$el.find('.uv-icon-marked-task').parent().hide()
  2378.                     if(this.model.get('bookmark'))
  2379.                         this.$el.find('.uv-icon-pinned').parent().show()
  2380.                     else
  2381.                         this.$el.find('.uv-icon-pinned').parent().hide()
  2383.                     if(this.model.get('isLocked'))
  2384.                         this.$el.find('.uv-icon-locked').parent().show()
  2385.                     else
  2386.                         this.$el.find('.uv-icon-locked').parent().hide()
  2387.                 }
  2388.             });
  2390.             // Ticket Thread List
  2391.             var ThreadList = Backbone.View.extend({
  2392.                 el : $(".thread-list"),
  2393.                 initialize : function() {
  2394.                     this.listenTo(threadCollection.fullCollection, "add", this.renderThread);
  2395.                 },
  2396.                 renderThread : function (item) {
  2397.                     var threadItem = new ThreadItem({
  2398.                         model: item
  2399.                     });
  2400.                     if(item.id < threadCollection.fullCollection.at(0).id)
  2401.                         this.$el.prepend(threadItem.render().el);
  2402.                     else
  2403.                         this.$el.append(threadItem.render().el);
  2404.                     threadItem.$el.find('.helpdesk_blockquote').eq(0).before("<span class='uv-icon-ellipsis uv-ellipsis-mirror'></span>").hide();
  2405.                     //emojifyRun();
  2406.                     this.$el.find('img').removeAttr('crossorigin');
  2407.                     this.$el.find('div.message a').attr('target', '_blank');
  2408.                     app.appView.relativeTime();
  2409.                 }
  2410.             });
  2412.             // Ticket Pagination View
  2413.             var Pagination = Backbone.View.extend({
  2414.                 el: $('.uv-ticket-accordion'),
  2415.                 events: {
  2416.                     'click .uv-ticket-count-stat': 'loadMore',
  2417.                 },
  2418.                 renderPagination: function(pagination) {
  2419.                     if(pagination.totalCount - pagination.lastItemNumber > 0 && pagination.lastItemNumber > 0) {
  2420.                         var remain = pagination.totalCount - pagination.lastItemNumber;
  2421.                         $('.uv-ticket-count-stat').text(remain)
  2422.                         $('.uv-ticket-accordion').removeClass('uv-ticket-accordion-expanded').removeClass('uv-ticket-accordion-no-count')
  2423.                     } else {
  2424.                         $('.uv-ticket-accordion').addClass('uv-ticket-accordion-expanded').addClass('uv-ticket-accordion-no-count')
  2425.                     }
  2426.                 },
  2427.                 loadMore: function() {
  2428.                     threadCollection.syncData();
  2429.                 }
  2430.             });
  2432.             // Ticket collaborator Item View
  2433.             var CollaboratorItem = Backbone.View.extend({
  2434.                 tagName : "a",
  2435.                 className: 'uv-btn-tag',
  2436.                 template : _.template("{% if user_service.isAccessAuthorized('ROLE_AGENT_DELETE_COLLABORATOR_FROM_TICKET') %}<span class='uv-tag'><span class='uv-icon-remove-dark-before'></span><%- name %></span>{% else %}<span class='uv-tag-delete'><%- name %></span>{% endif %}"),
  2437.                 events : {
  2438.                     'click .uv-tag' : 'confirmRemove'
  2439.                 },
  2440.                 render : function () {
  2441.                     this.$el.html(this.template(this.model.toJSON()));
  2442.                     return this;
  2443.                 },
  2444.                 unrender : function(response) {
  2445.                     if(response.alertMessage != undefined) {
  2446.                         app.appView.renderResponseAlert(response);
  2447.                     }
  2448.                 },
  2449.                 removeItem: function() {
  2450.                     {% if user_service.isAccessAuthorized('ROLE_AGENT_ADD_COLLABORATOR_TO_TICKET') %}
  2451.                         self = this;
  2452.                         app.appView.showLoader();
  2453.                         this.model.destroy({
  2454.                             data : { 'ticketId' : this.model.attributes.ticketId },
  2455.                             success : function (model, response, options) {
  2456.                                 app.appView.hideLoader();
  2457.                                 self.$el.remove();
  2458.                                 self.unrender(response);
  2459.                             },
  2460.                             error: function (model, xhr, options) {
  2461.                                 if(url = xhr.getResponseHeader('Location'))
  2462.                                     window.location = url;
  2463.                                 var response = warningResponse;
  2464.                                 if(xhr.responseJSON)
  2465.                                     response = xhr.responseJSON;
  2467.                                 app.appView.hideLoader();
  2468.                                 app.appView.renderResponseAlert(response);
  2469.                             }
  2470.                         });
  2471.                     {% endif %}
  2472.                 },
  2473.                 confirmRemove: function(e) {
  2474.                     e.preventDefault();
  2475.                     {% if user_service.isAccessAuthorized('ROLE_AGENT_ADD_COLLABORATOR_TO_TICKET') %}
  2476.                         app.appView.openConfirmModal(this);
  2477.                     {% endif %}
  2478.                 }
  2479.             });
  2481.             // Ticket Collaborator View
  2482.             var CollaboratorList = Backbone.View.extend({
  2483.                 el : $(".collaborator-list-block"),
  2484.                 events : {
  2485.                     'keypress .uv-field' : 'addCollaborator',
  2486.                     'focusout .uv-field' : 'removeErrorClass'
  2487.                 },
  2488.                 initialize : function() {
  2489.                     //Backbone.Validation.bind(this);
  2490.                 },
  2491.                 render : function() {
  2492.                     this.$el.find(".collaborator-list").html('');
  2493.                     var self = this;
  2494.                     collaboratorOptionHtml = '';
  2496.                     if(collaboratorCollection.length) {
  2497.                         _.each(collaboratorCollection.models, function (item) {
  2498.                             this.renderCollaborator(item);
  2499.                         }, this);
  2500.                     }
  2501.                     ticketView.addCCCollaborators()
  2502.                 },
  2503.                 renderCollaborator : function (item) {
  2504.                     var collaborator = new CollaboratorItem({
  2505.                         model: item
  2506.                     });
  2507.                     this.$el.find('.collaborator-list').append(collaborator.render().el);
  2508.                 },
  2509.                 removeErrorClass: function(e) {
  2510.                     var inputElement = Backbone.$(e.currentTarget);
  2511.                     inputElement.removeClass('uv-field-error');
  2512.                     inputElement.parents('.uv-element-block').find('.uv-field-message').remove()
  2513.                 },
  2514.                 addCollaborator : function(e) {
  2515.                     {% if user_service.isAccessAuthorized('ROLE_AGENT_ADD_COLLABORATOR_TO_TICKET') %}
  2516.                         var inputElement = Backbone.$(e.currentTarget);
  2517.                         inputElement.removeClass('uv-field-error');
  2518.                         inputElement.parents('.uv-element-block').find('.uv-field-message').remove()
  2519.                         var text = inputElement.val().trim();
  2521.                         if (e.which === 13 && text) {
  2522.                             this.model = new CollaboratorModel();
  2523.                             self = this;
  2524.                             this.model.set({email: text})
  2526.                             if(this.model.isValid(true)) {
  2527.                                 app.appView.showLoader();
  2528.                                 this.model.save({},{
  2529.                                     success : function (model, response, options) {
  2530.                                         inputElement.val('');
  2531.                                         if(response.alertClass == "success") {
  2532.                                             collaboratorCollection.add(model);
  2533.                                         }
  2534.                                         self.render();
  2535.                                         app.appView.hideLoader();
  2536.                                         app.appView.renderResponseAlert(response);
  2537.                                     },
  2538.                                     error: function (model, xhr, options) {
  2539.                                         if(url = xhr.getResponseHeader('Location'))
  2540.                                             window.location = url;
  2541.                                         var response = warningResponse;
  2542.                                         if(xhr.responseJSON)
  2543.                                             response = xhr.responseJSON;
  2545.                                         app.appView.hideLoader();
  2546.                                         app.appView.renderResponseAlert(response);
  2547.                                     }
  2548.                                 });
  2549.                             } else {
  2550.                                 inputElement.addClass('uv-field-error');
  2551.                                 if(text)
  2552.                                     inputElement.parents('.uv-element-block').append("<span class='uv-field-message'>{{ 'Email address is invalid'|trans }}</span>");
  2553.                             }
  2554.                         }
  2555.                     {% endif %}
  2556.                 }
  2557.             });
  2560.             // Ticket Tag Item View
  2561.             var TagItem = Backbone.View.extend({
  2562.                 tagName : "a",
  2563.                 className : "uv-btn-tag",
  2564.                 template : _.template("<span class='uv-tag'>{% if user_service.isAccessAuthorized('ROLE_AGENT_DELETE_TAG') %}<span class='uv-icon-remove-dark-before'></span>{% endif %}<%- name %></span>"),
  2565.                 events : {
  2566.                     'click .uv-tag' : "confirmRemove"
  2567.                 },
  2568.                 render : function () {
  2569.                     this.$el.html(this.template(this.model.toJSON()));
  2570.                     return this;
  2571.                 },
  2572.                 unrender : function(response) {
  2573.                     if(response.alertMessage != undefined) {
  2574.                         tagListView.render();
  2575.                         app.appView.renderResponseAlert(response);
  2576.                     }
  2577.                 },
  2578.                 removeItem : function () {
  2579.                     {% if user_service.isAccessAuthorized('ROLE_AGENT_DELETE_TAG') %}
  2580.                     self = this;
  2581.                     app.appView.showLoader();
  2582.                     this.model.destroy({
  2583.                         data : { 'ticketId' : ticketModel.id } ,
  2584.                         success : function (model, response, options) {
  2585.                             app.appView.hideLoader();
  2586.                             self.$el.remove();
  2587.                             self.unrender(response);
  2588.                         },
  2589.                         error: function (model, xhr, options) {
  2590.                             if(url = xhr.getResponseHeader('Location'))
  2591.                                 window.location = url;
  2592.                             var response = warningResponse;
  2593.                             if(xhr.responseJSON)
  2594.                                 response = xhr.responseJSON;
  2596.                             app.appView.hideLoader();
  2597.                             app.appView.renderResponseAlert(response);
  2598.                         }
  2599.                     });
  2600.                     {% endif %}
  2601.                 },
  2602.                 confirmRemove: function(e) {
  2603.                     e.preventDefault();
  2604.                     {% if user_service.isAccessAuthorized('ROLE_AGENT_DELETE_TAG') %}
  2605.                     app.appView.openConfirmModal(this)
  2606.                     {% endif %}
  2607.                 }
  2608.             });
  2610.             // Ticket Tag View
  2611.             var TagList = Backbone.View.extend({
  2612.                 el : $(".tag-list-block"),
  2613.                 events : {
  2614.                     'keypress .uv-field' : 'addTag',
  2615.                     'focusout .uv-field' : 'removeErrorClass',
  2616.                     'click .uv-dropdown-list li': 'addTag'
  2617.                 },
  2618.                 render : function() {
  2619.                     var self = this;
  2620.                     this.$el.find(".tag-list").html('');
  2621.                     if(tagCollection.length) {
  2622.                         _.each(tagCollection.models, function (item) {
  2623.                             this.renderTag(item);
  2624.                         }, this);
  2625.                     }
  2626.                 },
  2627.                 renderTag : function (item) {
  2628.                     var tag = new TagItem({
  2629.                         model: item
  2630.                     });
  2631.                     this.$el.find('.tag-list').append(tag.render().el);
  2632.                 },
  2633.                 addTag : function(e) {
  2634.                     {% if user_service.isAccessAuthorized('ROLE_AGENT_ADD_TAG') %}
  2635.                         var currentElement = Backbone.$(e.currentTarget);
  2636.                         if(currentElement.is('li')) {
  2637.                             var inputElement = currentElement.parents('.uv-field-block').find('.uv-dropdown-other');
  2638.                             var text = currentElement.text().trim();
  2639.                         } else {
  2640.                             var inputElement = currentElement;
  2641.                             var text = inputElement.val().trim();
  2642.                         }
  2643.                         inputElement.removeClass('uv-field-error');
  2644.                         inputElement.parents('.uv-element-block').find('.uv-field-message').remove()
  2646.                         if (currentElement.is('li') || (e.which === 13 && text)) {
  2647.                             if(text.length <= 20) {
  2648.                                 if(tagCollection.isTagExist(text)) {
  2649.                                     var self = this;
  2650.                                     inputElement.val('');
  2651.                                     this.model = new TagModel();
  2652.                                     this.model.set({name:text});
  2653.                                     self = this;
  2655.                                     app.appView.showLoader();
  2656.                                     this.model.save({}, {
  2657.                                         success: function (model, response, options) {
  2658.                                             inputElement.parent().find("li:not(.uv-no-results)").remove()
  2659.                                             inputElement.parent().find(".uv-no-results").show()
  2660.                                             if(!currentElement.is('li')) {
  2661.                                                 inputElement.trigger('click')
  2662.                                             }
  2663.                                             if(response.alertClass == "success") {
  2664.                                                 tagCollection.add(model);
  2665.                                                 self.render();
  2666.                                             }
  2668.                                             app.appView.hideLoader();
  2669.                                             app.appView.renderResponseAlert(response);
  2670.                                         },
  2671.                                         error: function (model, xhr, options) {
  2672.                                             if(url = xhr.getResponseHeader('Location'))
  2673.                                                 window.location = url;
  2674.                                             var response = warningResponse;
  2675.                                             if(xhr.responseJSON)
  2676.                                                 response = xhr.responseJSON;
  2678.                                             app.appView.hideLoader();
  2679.                                             app.appView.renderResponseAlert(response);
  2680.                                         }
  2681.                                     });
  2682.                                 } else {
  2683.                                     inputElement.addClass('uv-field-error');
  2684.                                     inputElement.parents('.uv-element-block').append("<span class='uv-field-message'>{{ 'Tag with same name already exist'|trans }}</span>");
  2685.                                 }
  2686.                             } else {
  2687.                                 inputElement.addClass('uv-field-error');
  2688.                                 inputElement.parents('.uv-element-block').append("<span class='uv-field-message'>{{ 'Text length should be less than 20 charactors'|trans }}</span>");
  2689.                             }
  2690.                         }
  2691.                     {% endif %}
  2692.                 },
  2693.                 removeErrorClass: function(e) {
  2694.                     var inputElement = Backbone.$(e.currentTarget);
  2695.                     inputElement.removeClass('uv-field-error');
  2696.                     inputElement.parents('.uv-element-block').find('.uv-field-message').remove()
  2697.                 },
  2698.             });
  2700.             // Ticket Label Item View
  2701.             var LabelItem = Backbone.View.extend({
  2702.                 tagName : "a",
  2703.                 className : "uv-btn-label",
  2704.                 template : _.template("<span class='uv-tag'><span class='uv-icon-remove-before'></span><%- name %></span>"),
  2705.                 events : {
  2706.                     'click .uv-tag' : "confirmRemove"
  2707.                 },
  2708.                 render : function () {
  2709.                     this.$el.html(this.template(this.model.toJSON()));
  2710.                     return this;
  2711.                 },
  2712.                 unrender : function(response) {
  2713.                     if(response.alertMessage != undefined) {
  2714.                         labelListView.render();
  2715.                         app.appView.renderResponseAlert(response);
  2716.                     }
  2717.                 },
  2718.                 removeItem : function () {
  2719.                     self = this;
  2720.                     app.appView.showLoader();
  2722.                     this.model.destroy({
  2723.                         url : "{{ path('helpdesk_member_update_ticket_attributes_xhr') }}",
  2724.                         data : { attribute :'label', 'ticketId': ticketModel.id, 'labelId': this.model.get('id') },
  2725.                         success : function (model, response, options) {
  2726.                             app.appView.hideLoader();
  2727.                             self.$el.remove();
  2728.                             self.unrender(response);
  2729.                         },
  2730.                         error: function (model, xhr, options) {
  2731.                             if(url = xhr.getResponseHeader('Location'))
  2732.                                 window.location = url;
  2733.                             var response = warningResponse;
  2734.                             if(xhr.responseJSON)
  2735.                                 response = xhr.responseJSON;
  2737.                             app.appView.hideLoader();
  2738.                             app.appView.renderResponseAlert(response);
  2739.                         }
  2740.                     });
  2741.                 },
  2742.                 confirmRemove: function(e) {
  2743.                     e.preventDefault();
  2744.                     app.appView.openConfirmModal(this)
  2745.                 }
  2746.             });
  2748.             // Ticket Label View
  2749.             var LabelList = Backbone.View.extend({
  2750.                 el : $(".label-list-block"),
  2751.                 events : {
  2752.                     'keypress .uv-field' : 'addLabel',
  2753.                     'focusout .uv-field' : 'removeErrorClass',
  2754.                     'click .uv-dropdown-list li': 'addLabel'
  2755.                 },
  2756.                 render : function() {
  2757.                     var self = this;
  2758.                     this.$el.find(".label-list").html('');
  2759.                     if(labelCollection.length) {
  2760.                         _.each(labelCollection.models, function (item) {
  2761.                             this.renderLabel(item);
  2762.                         }, this);
  2763.                     }
  2764.                 },
  2765.                 renderLabel : function (item) {
  2766.                     var label = new LabelItem({
  2767.                         model: item
  2768.                     });
  2769.                     lavelItem = label.render().el;
  2770.                     $(lavelItem).attr('style', 'background:' + item.attributes.color)
  2771.                     this.$el.find('.label-list').append(lavelItem);
  2772.                 },
  2773.                 addLabel : function(e) {
  2774.                     var currentElement = Backbone.$(e.currentTarget);
  2775.                     if(currentElement.is('li')) {
  2776.                         var inputElement = currentElement.parents('.uv-field-block').find('.uv-dropdown-other');
  2777.                         var text = currentElement.text().trim();
  2778.                     } else {
  2779.                         var inputElement = currentElement;
  2780.                         var text = inputElement.val().trim();
  2781.                     }
  2782.                     inputElement.removeClass('uv-field-error');
  2783.                     inputElement.parents('.uv-element-block').find('.uv-field-message').remove()
  2785.                     if (currentElement.is('li') || (e.which === 13 && text)) {
  2786.                         if(text.length <= 20) {
  2787.                             if(labelCollection.isLabelExist(text)) {
  2788.                                 var self = this;
  2789.                                 inputElement.val('');
  2790.                                 this.model = new LabelModel();
  2791.                                 this.model.set({name:text});
  2792.                                 self = this;
  2794.                                 app.appView.showLoader();
  2795.                                 this.model.save({}, {
  2796.                                     success: function (model, response, options) {
  2797.                                         inputElement.parent().find("li:not(.uv-no-results)").remove()
  2798.                                         inputElement.parent().find(".uv-no-results").show()
  2799.                                         if(!currentElement.is('li')) {
  2800.                                             inputElement.trigger('click')
  2801.                                         }
  2802.                                         if(response.alertClass == "success") {
  2803.                                             labelCollection.add(model);
  2804.                                             self.render();
  2805.                                         }
  2807.                                         app.appView.hideLoader();
  2808.                                         app.appView.renderResponseAlert(response);
  2809.                                     },
  2810.                                     error: function (model, xhr, options) {
  2811.                                         if(url = xhr.getResponseHeader('Location'))
  2812.                                             window.location = url;
  2813.                                         var response = warningResponse;
  2814.                                         if(xhr.responseJSON)
  2815.                                             response = xhr.responseJSON;
  2817.                                         app.appView.hideLoader();
  2818.                                         app.appView.renderResponseAlert(response);
  2819.                                     }
  2820.                                 });
  2821.                             } else {
  2822.                                 inputElement.addClass('uv-field-error');
  2823.                                 inputElement.parents('.uv-element-block').append("<span class='uv-field-message'>{{ 'Label with same name already exist'|trans }}</span>");
  2824.                             }
  2825.                         } else {
  2826.                             inputElement.addClass('uv-field-error');
  2827.                             inputElement.parents('.uv-element-block').append("<span class='uv-field-message'>{{ 'Text length should be less than 20 charactors'|trans }}</span>");
  2828.                         }
  2829.                     }
  2830.                 },
  2831.                 removeErrorClass: function(e) {
  2832.                     var inputElement = Backbone.$(e.currentTarget);
  2833.                     inputElement.removeClass('uv-field-error');
  2834.                     inputElement.parents('.uv-element-block').find('.uv-field-message').remove()
  2835.                 },
  2836.             });
  2838.             // Ticket Router
  2839.             var Router = Backbone.Router.extend({
  2840.                 routes: {
  2841.                     'thread/:thread' : 'threadRequestedId'
  2842.                 },
  2843.                 threadRequestedId: function(thread){
  2844.                     threadCollection.threadRequestedId = thread;
  2845.                 },
  2846.                 scrollPage : function(divId) {
  2847.                     if($(divId).length){
  2848.                         $('li a[href="'+divId+'"]').trigger('click');
  2849.                         $('.uv-ticket-scroll-region').animate({
  2850.                             scrollTop: $(divId).offset().top
  2851.                         }, 'slow');
  2852.                     } else if(divId == '#') { //scroll to last thread added
  2853.                         if(threadCollection.fullCollection.length)
  2854.                             this.scrollPage('#thread' + threadCollection.fullCollection.at(0).id);
  2855.                     }
  2856.                 }
  2857.             });
  2859.             var customerForm = new CustomerForm({
  2860.                 el : $(".uv-main-info-update-block"),
  2861.                 model : new CustomerModel()
  2862.             });
  2864.             var ticketNavigation = $.parseJSON('{{ ticketNavigationIteration|json_encode|raw }}');
  2866.             var ticketModel = new TicketModel({
  2867.                 id : "{{ ticket.id }}",
  2868.                 status : "{{ ticket.status.id }}",
  2869.                 priority : "{{ ticket.priority.id }}",
  2870.                 group : "{{ ticket.supportGroup ? ticket.supportGroup.id : '' }}",
  2871.                 subGroup : "{{ ticket.supportTeam ? ticket.supportTeam.id : '' }}",
  2872.                 agent : "",
  2873.                 profileImage : "",
  2874.                 isTrashed : "{{ ticket.isTrashed }}"
  2875.             });
  2877.             ticketApp.ticketView = ticketView = new TicketView({
  2878.                 model: ticketModel
  2879.             });
  2881.             uvdesk.ticket.model = ticketModel;
  2883.             threadCollection = new ThreadCollection();
  2884.             var threadList = new ThreadList();
  2885.             var pagination = new Pagination();
  2887.             var collaboratorCollection = new CollaboratorCollection($.parseJSON('{{ ticket_service.getTicketCollaborators(ticket.id)|json_encode|raw }}'));
  2888.             var collaboratorList = new CollaboratorList();
  2889.             collaboratorList.render();
  2891.             var tagCollection = new TagCollection($.parseJSON('{{ ticket_service.getTicketTagsById(ticket.id)|json_encode|raw }}'));
  2892.             var tagListView = new TagList();
  2893.             tagListView.render();
  2895.             var labelCollection = new LabelCollection($.parseJSON('{{ ticket_service.getTicketLabels(ticket.id)|json_encode|raw }}'));
  2896.             var labelListView = new LabelList();
  2897.             labelListView.render();
  2899.             var router = new Router();
  2900.             Backbone.history.start({push_state:true});
  2902.             threadCollection.syncData();
  2903.         });
  2904.     </script>
  2906.     <script>
  2907.         var sfTinyMceNew = $.extend({}, sfTinyMce);
  2908.         var toolbarOptions = sfTinyMce.options.toolbar;
  2910.         sfTinyMce.init({
  2911.             selector : '.uv-ticket-reply textarea',
  2912.             toolbar: toolbarOptions + ' | translate',
  2913.             mentions : getMentions(),
  2914.             images_upload_url: "",
  2915.             setup: function(editor) {
  2916.                 editor.on('keydown', function(e) { /** for pageup, pagedown keys **/
  2917.                     if(e.keyCode == 34 || e.keyCode == 33){
  2918.                         e.preventDefault();
  2919.                     }
  2920.                 });
  2921.                 addTranslateButton(editor);
  2922.             }
  2923.         });
  2925.         function InitTinyMce(selector) {
  2926.             let sfTinyMceNew2 = $.extend({}, sfTinyMceNew);
  2927.             sfTinyMceNew2.init({
  2928.                 selector : selector,
  2929.                 mentions : getMentions(),
  2930.                 setup: function(editor) {
  2931.                     addTranslateButton(editor);
  2932.                 }
  2933.             });
  2934.         }
  2936.         function getMentions(){
  2937.             return {
  2938.                 delimiter: ['#'],
  2939.                 items: 15,
  2940.                 source: function(){
  2941.                     return [
  2942.                         {
  2943.                             name : "{{ 'Ticket Id'|trans }}",
  2944.                             value : "{{ ticket.id }}",
  2945.                         },
  2946.                         {
  2947.                             name : "{{ 'Subject'|trans }}",
  2948.                             value : "{{ ticket.subject|replace({"\n":' ', "\r":' '}) }}",
  2949.                         },
  2950.                         {
  2951.                             name : "{{ 'Status'|trans }}",
  2952.                             value : "{{ ticket.status.description }}",
  2953.                         },
  2954.                         {
  2955.                             name : "{{ 'Priority'|trans }}",
  2956.                             value : "{{ ticket.priority.description|trans }}",
  2957.                         },
  2958.                         {
  2959.                             name : "{{ 'Type'|trans }}",
  2960.                             value : "{{ ticket.type ? ticket.type.description : 'Not Assigned'|trans }}",
  2961.                         },
  2962.                         {
  2963.                             name : "{{ 'Group'|trans }}",
  2964.                             value : "{{ ticket.supportGroup ? ticket.supportGroup.description : 'Not Assigned'|trans }}",
  2965.                         },
  2966.                         {
  2967.                             name : "{{ 'Team'|trans }}",
  2968.                             value : "{{ ticket.supportTeam ? ticket.supportTeam.description : 'Not Assigned'|trans }}",
  2969.                         },
  2970.                         {
  2971.                             name : "{{ 'Customer Name'|trans }}",
  2972.                             value : "{{ customer.name }}",
  2973.                         },
  2974.                         {
  2975.                             name : "{{ 'Customer Email'|trans }}",
  2976.                             value : "{{ customer.email }}",
  2977.                         },
  2978.                         {
  2979.                             name : "{{ 'Agent Name'|trans }}",
  2980.                             value : "{{ ticketAgent.name is defined ? ticketAgent.name : 'Not Assigned'|trans }}",
  2981.                         },
  2982.                         {
  2983.                             name : "{{ 'Agent Email'|trans }}",
  2984.                             value : "{{ ticketAgent.email is defined ? ticketAgent.email : 'Not Assigned'|trans }}",
  2985.                         }
  2986.                     ];
  2987.                 },
  2988.                 insert: function(item) {
  2989.                     return '<span>' + item.value + '</span>';
  2990.                 }
  2991.             };
  2992.         }
  2993.     </script>
  2994. {% endblock %}