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

Open in your IDE?
  1. {% extends "@UVDeskSupportCenter/Templates/layout.html.twig" %}
  3. {% block canonical %} {% if article.slug %} {{ url('helpdesk_knowledgebase_read_slug_article', {'slug':article.slug }) }} {% endif %} {% endblock %}
  4. {% block ogcanonical %} {% if article.slug %} {{ url('helpdesk_knowledgebase_read_slug_article', {'slug':article.slug }) }} {% endif %} {% endblock %}
  6. {% block title %}{{ article.metaTitle ? article.metaTitle : article.name }}{% endblock %}
  7. {% block ogtitle %}{{ article.metaTitle ? article.metaTitle : article.name }}{% endblock %}
  8. {% block twtitle %}{{ article.metaTitle ? article.metaTitle : article.name }}{% endblock %}
  9. {% block metaDescription %}{{ article.metaDescription ? article.metaDescription : uvdesk_service.createConentToKeywords(article.content, 255, true)|join(' ') }}{% endblock %}
  10. {% block metaKeywords %}{{ article.keywords ?? uvdesk_service.createConentToKeywords(article.content) }}{% endblock %}
  12. {% block body %}
  13. <div class="uv-paper-article">
  14. <div class="uv-paper-section">
  15. <section style="word-wrap: break-word;">
  16. <h1 {% if article.stared %}class="uv-starred"{% endif %}>{{ article.name }}</h1>
  17. <p>{{ article.content |raw }}</p>
  18. <div class="uv-author">
  19. {% if articleAuthor is defined and articleAuthor is not empty %}
  20. <div class="uv-author-avatar">
  21. {% if articleAuthor.user.profileImage is defined and articleAuthor.user.profileImage %}
  22. <img src="{{articleAuthor.user.profileImage}}">
  23. {% else %}
  24. <img src="{{ asset(default_customer_image_path) }}">
  25. {% endif %}
  26. </div>
  27. <div class="uv-author-info">
  28. <p>{{ articleAuthor.firstName | capitalize }} {{ articleAuthor.lastName | capitalize }}</p>
  29. <p><span>{{"Published on"|trans}} -</span> {{dateAdded}}</p>
  30. </div>
  31. {% endif %}
  32. </div>
  33. </section>
  36. {% if feedbacks is defined and feedbacks.enabled == true %}
  37. <section id="feedbacks" class="article-feedbacks">
  38. {% if feedbacks.submitted == true %}
  39. <p>Thank you for your feedback!</p>
  40. {% endif %}
  41. </section>
  42. {% endif %}
  43. </div>
  45. {% include "@UVDeskSupportCenter/Templates/sidepanel.html.twig" %}
  46. </div>
  47. {{ parent() }}
  48. {% endblock %}
  50. {% block footer %}
  51. {{ parent() }}
  53. {# Article Feedbacks #}
  54. {% if feedbacks is defined and feedbacks.enabled == true and feedbacks.submitted == false %}
  55. <script id="article_feedback_template" type="text/template">
  56. <p>Was this article helpful?</p>
  57. <ul>
  58. <li class="uv-btn-small article-badge-pta" data-feedback="positive">Yes</li>
  59. <li class="uv-btn-small article-badge-pta" data-feedback="negative">No</li>
  60. </ul>
  61. </script>
  63. <script type="text/javascript">
  64. $(function() {
  65. var ArticleFeedback = Backbone.View.extend({
  66. el: $("#feedbacks"),
  67. feedbacks: {positive: 0, negative: 0, collection: []},
  68. template: _.template($("#article_feedback_template").html()),
  69. events: {
  70. 'click .article-badge-pta': 'ratingsPTA',
  71. },
  72. initialize: function() {
  73. {% if feedbacks is defined and feedbacks.article is not empty %}
  74. this.feedbacks = {{ feedbacks.article|json_encode|raw }};
  75. {% endif %}
  77. this.render();
  78. },
  79. render: function() {
  80. this.$el.html(this.template());
  81. },
  82. ratingsPTA: function(e) {
  83. var self = this;
  84. var feedbackType = $(e.currentTarget).data('feedback');
  86. $.ajax({
  87. url: "{{ url('helpdesk_knowledgebase_rate_article', {'articleId': article.id}) }}",
  88. method: 'POST',
  89. data: {
  90. feedback: feedbackType,
  91. },
  92. success: function(response) {
  93. this.$el.html('');
  94. app.appView.renderResponseAlert(response);
  95. },
  96. error: function(response) {
  97. response = $.parseJSON(response.responseText);
  99. // app.appView.hideLoader();
  100. app.appView.renderResponseAlert(response);
  101. }
  102. });
  103. },
  104. });
  106. var articleFeedback = new ArticleFeedback();
  107. });
  108. </script>
  109. {% endif %}
  110. {% endblock %}