knowledge_base.html.erb 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <!DOCTYPE HTML>
  2. <html lang="<%= system_locale_via_uri.locale %>"
  3. data-id='<%= @knowledge_base.id %>'
  4. data-iconset='<%= @knowledge_base.iconset %>'
  5. data-available-locales='<%= all_locales.map(&:locale).join(',') %>'
  6. data-base-path='<%= custom_path_if_needed help_root_path(locale: '{locale}') %>'
  7. data-primary-locale="<%= (filter_primary_kb_locale || all_locales.first)&.locale %>">
  8. <meta charset="utf-8">
  9. <title><%= kb_public_page_title %></title>
  10. <meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover">
  11. <%= stylesheet_link_tag "knowledge_base.css", :media => 'all' %>
  12. <%= render 'knowledge_base/public/inline_stylesheet', knowledge_base: @knowledge_base %>
  13. <%= render 'knowledge_base/public/top_banner', object: @object || @knowledge_base if editor? %>
  14. <header class="header js-header">
  15. <div class="container">
  16. <h1 class="logo">
  17. <%= link_to custom_path_if_needed(help_root_path(locale: params[:locale])) do %>
  18. <img src="/assets/images/<%= Setting.get('product_logo') %>">
  19. <% end %>
  20. </h1>
  21. <nav class="menu">
  22. <% menu_items.each do |menu_item| %>
  23. <%= link_to menu_item.title, menu_item.url, class: 'menu-item', target: menu_item.new_tab ? '_blank' : nil %>
  24. <% end %>
  25. </nav>
  26. </div>
  27. <div class="container">
  28. <div class="search">
  29. <div class="search-field">
  30. <%= icon 'magnifier' %>
  31. <input class="js-search-input" type="search" placeholder="<%= zt('How can we help you? Search for an answer or a topic...') %>">
  32. </div>
  33. <ul class="search-results js-search-results" data-empty-placeholder="<%= zt('No results were found.') %>"></ul>
  34. </div>
  35. </div>
  36. </header>
  37. <%= render_breadcrumb_if_needed %>
  38. <%= yield %>
  39. <footer class="footer">
  40. <div class="container">
  41. <div class="footer-menu">
  42. <div class="copyright">
  43. <%= @knowledge_base.translation.footer_note %>
  44. </div>
  45. <div class="language-picker">
  46. <a class="btn btn--action" href="#" data-toggle="dropdown" aria-expanded="false">
  47. <%= system_locale_via_uri.name %>
  48. <%= icon 'arrow-down' %>
  49. </a>
  50. <ul class="dropdown-menu dropdown-menu-right dropdown-menu-up" role="menu">
  51. <% @object_locales&.each do |locale| %>
  52. <li class="<%= 'is-selected' if locale.name == system_locale_via_uri.name %>">
  53. <%= link_to custom_path_if_needed(url_for(locale: locale.locale)), hreflang: locale.locale do %>
  54. <%= icon 'checkmark' %>
  55. <%= locale.name %>
  56. <% end %>
  57. </li>
  58. <% end %>
  59. </ul>
  60. </div>
  61. </div>
  62. </div>
  63. </footer>
  64. <script type='text/javascript'>
  65. if(window.fetch === undefined || window.Promise === undefined || Element.prototype.prepend === undefined){
  66. document.write('<script src="<%= path_to_javascript('knowledge_base_public_polyfills') %>"><\/script>')
  67. }
  68. </script>
  69. <%= javascript_include_tag 'knowledge_base_public' %>