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 %}