UX: unified About / Privacy / ToS / FAQ topnav

app/assets/javascripts/discourse/controllers/about.js.es6

@@ -1,6 +1,10 @@
 import ObjectController from 'discourse/controllers/object';
 
 export default ObjectController.extend({
+  faqOverriden: function() {
+    return !(this.siteSettings.faq_url.length === 0);
+  }.property(),
+
   contactInfo: function() {
     if (Discourse.SiteSettings.contact_email) {
       return I18n.t('about.contact_info', {contact_email: Discourse.SiteSettings.contact_email});

app/assets/javascripts/discourse/templates/about.hbs

@@ -1,4 +1,18 @@
-<div class='container body-page'>
+<div class='container'>
+  <div class='contents clearfix body-page'>
+
+    <ul class="nav-pills">
+      <li class="nav-item-about">{{#link-to 'about' class="active"}}{{i18n 'about.simple_title'}}{{/link-to}}</li>
+      {{#if faqOverriden}}
+        <li class="nav-item-guidelines">{{#link-to 'guidelines'}}{{i18n 'guidelines'}}{{/link-to}}</li>
+        <li class="nav-item-faq">{{#link-to 'faq'}}{{i18n 'faq'}}{{/link-to}}</li>
+      {{else}}
+        <li class="nav-item-faq">{{#link-to 'faq'}}{{i18n 'faq'}}{{/link-to}}</li>
+      {{/if}}
+      <li class="nav-item-tos">{{#link-to 'tos'}}{{i18n 'terms_of_service'}}{{/link-to}}</li>
+      <li class="nav-item-privacy">{{#link-to 'privacy'}}{{i18n 'privacy'}}{{/link-to}}</li>
+    </ul>
+
     <section class='about'>
       <h2>{{i18n 'about.title' title=title}}</h2>
       <p>{{description}}</p>
@@ -79,4 +93,5 @@
       </section>
     {{/if}}
 
+  </div>
 </div>

app/views/static/show.html.erb

@@ -1,4 +1,5 @@
 <ul class="nav-pills">
+  <li class="nav-item-about"><%= link_to t('about'), '/about' %></a></li>
   <% if @faq_overriden %>
     <li class="nav-item-guidelines"><a class="<%= @page == 'faq' ? 'active' : '' %>" href="<%=guidelines_path%>"><%=t "guidelines" %></a></li>
     <li class="nav-item-faq"><a href="<%=faq_path%>"><%=t "js.faq" %></a></li>

config/locales/server.en.yml

@@ -1955,6 +1955,7 @@ en:
   color_schemes:
     base_theme_name: "Base"
 
+  about: "About"
   guidelines: "Guidelines"
   privacy: "Privacy"