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. {% if article.slug %}
  4.     {% block canonical %}{{ url('helpdesk_knowledgebase_read_slug_article', {'slug':article.slug }) }}{% endblock %}
  5.     {% block ogcanonical %}{{ url('helpdesk_knowledgebase_read_slug_article', {'slug':article.slug }) }}{% endblock %}
  6. {% endif %}
  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.                     {# Subartículos: se muestran debajo del contenido principal #}
  21.                 {% if subarticles is defined and subarticles is not empty %}
  22.                     <hr>
  23.                     <h2>{{ 'Related sections'|trans }}</h2>
  24.                     <div class="uv-subarticles-list">
  25.                         {% for sub in subarticles %}
  26.                             <article class="uv-subarticle">
  27.                                 <h3>{{ sub.name }}</h3>
  28.                                 <div class="uv-subarticle-content">
  29.                                     {{ sub.content|raw }}
  30.                                 </div>
  31.                             </article>
  32.                         {% endfor %}
  33.                     </div>
  34.                 {% endif %}
  35.                 <div class="uv-author">
  36.                     {% if articleAuthor is defined and articleAuthor is not empty %}
  37.                         <div class="uv-author-avatar">
  38.                             {% if articleAuthor.user.profileImage is defined and articleAuthor.user.profileImage %}
  39.                                 <img src="{{articleAuthor.user.profileImage}}">
  40.                             {% else %}
  41.                                 <img src="{{ asset(default_customer_image_path) }}">
  42.                             {% endif %}
  43.                         </div>
  44.                         <div class="uv-author-info">
  45.                             <p>{{ articleAuthor.firstName | capitalize }} {{ articleAuthor.lastName | capitalize }}</p>
  46.                             <p><span>{{"Published on"|trans}} -</span> {{dateAdded}}</p>
  47.                         </div>
  48.                     {% endif %}
  51.                 </div>
  52.             </section>
  55.             {% if feedbacks is defined and feedbacks.enabled == true %}
  56.                 <section id="feedbacks" class="article-feedbacks">
  57.                     {% if feedbacks.submitted == true %}
  58.                         <p>Thank you for your feedback!</p>
  59.                     {% endif %}
  60.                 </section>
  61.             {% endif %}
  63.             {# {% set companyDisqus = application_service.getCompanyDisqus() %}
  64.             {% if companyDisqus is defined and companyDisqus is not empty %}
  65.                 {% if companyDisqus.ticketConversion is defined and companyDisqus.ticketConversion == true %}
  66.                     <section class="disqus-thread">
  67.                         {{ knp_disqus_render(companyDisqus.website, {'id': "article-{{ article.id }}", 'limit': 10, 'newCommentCallbackFunctionName': 'disqusCommentCallback'}) }}
  68.                     </section>
  70.                     <script type="text/javascript">
  71.                         function disqusCommentCallback() {
  72.                             // Set delay for disqus to update comments
  73.                             setTimeout(function() {
  74.                                 $.get("{{ url('app_webhook_callback', {'applicationRouteName': 'disqus-engage'}) }}");
  75.                             }, 2000);
  76.                         }
  77.                     </script>
  78.                 {% else %}
  79.                     <section class="disqus-thread">
  80.                         {{ knp_disqus_render(companyDisqus.website, {'id': "article-{{ article.id }}", 'limit': 10}) }}
  81.                     </section>
  82.                 {% endif %}
  83.             {% endif %} #}
  84.         </div>
  86.         {% include "@UVDeskSupportCenter/Templates/sidepanel.html.twig" %}
  87.     </div>
  88.     {{ parent() }}
  89. {% endblock %}
  91. {% block footer %}
  92.     {{ parent() }}
  94.     {# Article Feedbacks #}
  95.     {% if feedbacks is defined and feedbacks.enabled == true and feedbacks.submitted == false %}
  96.         <script id="article_feedback_template" type="text/template">
  97.             <p>Was this article helpful?</p>
  98.             <ul>
  99.                 <li class="uv-btn-small article-badge-pta" data-feedback="positive">Yes</li>
  100.                 <li class="uv-btn-small article-badge-pta" data-feedback="negative">No</li>
  101.             </ul>
  102.         </script>
  104.         <script type="text/javascript">
  105.             $(function() {
  106.                 var ArticleFeedback = Backbone.View.extend({
  107.                     el: $("#feedbacks"),
  108.                     feedbacks: {positive: 0, negative: 0, collection: []},
  109.                     template: _.template($("#article_feedback_template").html()),
  110.                     events: {
  111.                         'click .article-badge-pta': 'ratingsPTA',
  112.                     },
  113.                     initialize: function() {
  114.                         {% if feedbacks is defined and feedbacks.article is not empty %}
  115.                             this.feedbacks = {{ feedbacks.article|json_encode|raw }};
  116.                         {% endif %}
  118.                         this.render();
  119.                     },
  120.                     render: function() {
  121.                         this.$el.html(this.template());
  122.                     },
  123.                     ratingsPTA: function(e) {
  124.                         var self = this;
  125.                         var feedbackType = $(e.currentTarget).data('feedback');
  127.                         $.ajax({
  128.                             url: "{{ url('helpdesk_knowledgebase_rate_article', {'articleId': article.id}) }}",
  129.                             method: 'POST',
  130.                             data: {
  131.                                 feedback: feedbackType,
  132.                             },
  133.                             success: function(response) {
  134.                                 this.$el.html('');
  135.                                 app.appView.renderResponseAlert(response);
  136.                             },
  137.                             error: function(response) {
  138.                                 response = $.parseJSON(response.responseText);
  140.                                 // app.appView.hideLoader();
  141.                                 app.appView.renderResponseAlert(response);
  142.                             }
  143.                         });
  144.                     },
  145.                 });
  147.                 var articleFeedback = new ArticleFeedback();
  148.             });
  149.         </script>
  150.     {% endif %}
  151. {% endblock %}