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