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

Open in your IDE?
  1. {% extends "@UVDeskSupportCenter/Templates/layout.html.twig" %}
  4. {% block canonical %} {% if article.slug %} {{ url('helpdesk_knowledgebase_read_slug_article', {'slug':article.slug }) }} {% endif %} {% endblock %}
  5. {% block ogcanonical %} {% if article.slug %} {{ url('helpdesk_knowledgebase_read_slug_article', {'slug':article.slug }) }} {% endif %} {% endblock %}
  8. {% block title %}{{ article.metaTitle ? article.metaTitle : article.name }}{% endblock %}
  9. {% block ogtitle %}{{ article.metaTitle ? article.metaTitle : article.name }}{% endblock %}
  10. {% block twtitle %}{{ article.metaTitle ? article.metaTitle : article.name }}{% endblock %}
  11. {% block metaDescription %}{{ article.metaDescription ? article.metaDescription : uvdesk_service.createConentToKeywords(article.content, 255, true)|join(' ') }}{% endblock %}
  12. {% block metaKeywords %}{{ article.keywords ? : uvdesk_service.createConentToKeywords(article.content) }}{% endblock %}
  14. {% block body %}
  15.     <div class="uv-paper-article">
  16.         <div class="uv-paper-section">
  17.             <section>
  18.                 <h1 {% if article.stared %}class="uv-starred"{% endif %}>{{ article.name }}</h1>
  19.                 <p>{{ article.content |raw }}</p>
  20.                 <div class="uv-author">
  21.                     {% if articleAuthor is defined and articleAuthor is not empty %}
  22.                         <div class="uv-author-avatar">
  23.                             {% if articleAuthor.user.profileImage is defined and articleAuthor.user.profileImage %}
  24.                                 <img src="{{articleAuthor.user.profileImage}}">
  25.                             {% else %}
  26.                                 <img src="{{ asset(default_customer_image_path) }}">
  27.                             {% endif %}
  28.                         </div>
  29.                         <div class="uv-author-info">
  30.                             <p>{{ articleAuthor.firstName | capitalize }} {{ articleAuthor.lastName | capitalize }}</p>
  31.                             <p><span>{{"Published on"|trans}} -</span> {{dateAdded}}</p>
  32.                         </div>
  33.                     {% endif %}
  36.                 </div>
  37.             </section>
  40.             {% if feedbacks is defined and feedbacks.enabled == true %}
  41.                 <section id="feedbacks" class="article-feedbacks">
  42.                     {% if feedbacks.submitted == true %}
  43.                         <p>Thank you for your feedback!</p>
  44.                     {% endif %}
  45.                 </section>
  46.             {% endif %}
  48.             {# {% set companyDisqus = application_service.getCompanyDisqus() %}
  49.             {% if companyDisqus is defined and companyDisqus is not empty %}
  50.                 {% if companyDisqus.ticketConversion is defined and companyDisqus.ticketConversion == true %}
  51.                     <section class="disqus-thread">
  52.                         {{ knp_disqus_render(companyDisqus.website, {'id': "article-{{ article.id }}", 'limit': 10, 'newCommentCallbackFunctionName': 'disqusCommentCallback'}) }}
  53.                     </section>
  55.                     <script type="text/javascript">
  56.                         function disqusCommentCallback() {
  57.                             // Set delay for disqus to update comments
  58.                             setTimeout(function() {
  59.                                 $.get("{{ url('app_webhook_callback', {'applicationRouteName': 'disqus-engage'}) }}");
  60.                             }, 2000);
  61.                         }
  62.                     </script>
  63.                 {% else %}
  64.                     <section class="disqus-thread">
  65.                         {{ knp_disqus_render(companyDisqus.website, {'id': "article-{{ article.id }}", 'limit': 10}) }}
  66.                     </section>
  67.                 {% endif %}
  68.             {% endif %} #}
  69.         </div>
  71.         {% include "@UVDeskSupportCenter/Templates/sidepanel.html.twig" %}
  72.     </div>
  73.     {{ parent() }}
  74. {% endblock %}
  76. {% block footer %}
  77.     {{ parent() }}
  79.     {# Article Feedbacks #}
  80.     {% if feedbacks is defined and feedbacks.enabled == true and feedbacks.submitted == false %}
  81.         <script id="article_feedback_template" type="text/template">
  82.             <p>Was this article helpful?</p>
  83.             <ul>
  84.                 <li class="uv-btn-small article-badge-pta" data-feedback="positive">Yes</li>
  85.                 <li class="uv-btn-small article-badge-pta" data-feedback="negative">No</li>
  86.             </ul>
  87.         </script>
  89.         <script type="text/javascript">
  90.             $(function() {
  91.                 var ArticleFeedback = Backbone.View.extend({
  92.                     el: $("#feedbacks"),
  93.                     feedbacks: {positive: 0, negative: 0, collection: []},
  94.                     template: _.template($("#article_feedback_template").html()),
  95.                     events: {
  96.                         'click .article-badge-pta': 'ratingsPTA',
  97.                     },
  98.                     initialize: function() {
  99.                         {% if feedbacks is defined and feedbacks.article is not empty %}
  100.                             this.feedbacks = {{ feedbacks.article|json_encode|raw }};
  101.                         {% endif %}
  103.                         this.render();
  104.                     },
  105.                     render: function() {
  106.                         this.$el.html(this.template());
  107.                     },
  108.                     ratingsPTA: function(e) {
  109.                         var self = this;
  110.                         var feedbackType = $(e.currentTarget).data('feedback');
  112.                         $.ajax({
  113.                             url: "{{ url('helpdesk_knowledgebase_rate_article', {'articleId': article.id}) }}",
  114.                             method: 'POST',
  115.                             data: {
  116.                                 feedback: feedbackType,
  117.                             },
  118.                             success: function(response) {
  119.                                 this.$el.html('');
  120.                                 app.appView.renderResponseAlert(response);
  121.                             },
  122.                             error: function(response) {
  123.                                 response = $.parseJSON(response.responseText);
  125.                                 // app.appView.hideLoader();
  126.                                 app.appView.renderResponseAlert(response);
  127.                             }
  128.                         });
  129.                     },
  130.                 });
  132.                 var articleFeedback = new ArticleFeedback();
  133.             });
  134.         </script>
  135.     {% endif %}
  136. {% endblock %}