UX: unified About / Privacy / ToS / FAQ topnav

This commit is contained in:
Arpit Jalan 2015-02-23 18:26:19 +05:30
parent 5266ad4539
commit ddb8378ab0
4 changed files with 93 additions and 72 deletions

View File

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

View File

@ -1,82 +1,97 @@
<div class='container body-page'> <div class='container'>
<section class='about'> <div class='contents clearfix body-page'>
<h2>{{i18n 'about.title' title=title}}</h2>
<p>{{description}}</p>
</section>
{{#if admins}} <ul class="nav-pills">
<section class='about admins'> <li class="nav-item-about">{{#link-to 'about' class="active"}}{{i18n 'about.simple_title'}}{{/link-to}}</li>
<h3>{{i18n 'about.our_admins'}}</h3> {{#if faqOverriden}}
<li class="nav-item-guidelines">{{#link-to 'guidelines'}}{{i18n 'guidelines'}}{{/link-to}}</li>
{{#each a in admins}} <li class="nav-item-faq">{{#link-to 'faq'}}{{i18n 'faq'}}{{/link-to}}</li>
{{user-small user=a}} {{else}}
{{/each}} <li class="nav-item-faq">{{#link-to 'faq'}}{{i18n 'faq'}}{{/link-to}}</li>
<div class='clearfix'></div> {{/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>
</section> </section>
{{/if}}
{{#if moderators}} {{#if admins}}
<section class='about moderators'> <section class='about admins'>
<h3>{{i18n 'about.our_moderators'}}</h3> <h3>{{i18n 'about.our_admins'}}</h3>
<div class='users'> {{#each a in admins}}
{{#each m in moderators}} {{user-small user=a}}
{{user-small user=m}}
{{/each}} {{/each}}
</div> <div class='clearfix'></div>
<div class='clearfix'></div>
</section>
{{/if}}
{{#if moderators}}
<section class='about moderators'>
<h3>{{i18n 'about.our_moderators'}}</h3>
<div class='users'>
{{#each m in moderators}}
{{user-small user=m}}
{{/each}}
</div>
<div class='clearfix'></div>
</section>
{{/if}}
<section class='about stats'>
<h3>{{i18n 'about.stats'}}</h3>
<table class='table'>
<tr>
<th>&nbsp;</th>
<th>{{i18n 'about.stat.all_time'}}</th>
<th>{{i18n 'about.stat.last_7_days'}}</th>
<th>{{i18n 'about.stat.last_30_days'}}</th>
</tr>
<tr>
<td class='title'>{{i18n 'about.topic_count'}}</td>
<td>{{number stats.topic_count}}</td>
<td>{{number stats.topics_7_days}}</td>
<td>{{number stats.topics_30_days}}</td>
</tr>
<tr>
<td>{{i18n 'about.post_count'}}</td>
<td>{{number stats.post_count}}</td>
<td>{{number stats.posts_7_days}}</td>
<td>{{number stats.posts_30_days}}</td>
</tr>
<tr>
<td>{{i18n 'about.user_count'}}</td>
<td>{{number stats.user_count}}</td>
<td>{{number stats.users_7_days}}</td>
<td>{{number stats.users_30_days}}</td>
</tr>
<tr>
<td>{{i18n 'about.active_user_count'}}</td>
<td>&mdash;</td>
<td>{{number stats.active_users_7_days}}</td>
<td>{{number stats.active_users_30_days}}</td>
</tr>
<tr>
<td>{{i18n 'about.like_count'}}</td>
<td>{{number stats.like_count}}</td>
<td>{{number stats.likes_7_days}}</td>
<td>{{number stats.likes_30_days}}</td>
</tr>
</table>
</section> </section>
{{/if}}
<section class='about stats'> {{#if contactInfo}}
<h3>{{i18n 'about.stats'}}</h3> <section class='about contact'>
<h3>{{i18n 'about.contact'}}</h3>
<table class='table'> <p>{{contactInfo}}</p>
<tr> </section>
<th>&nbsp;</th> {{/if}}
<th>{{i18n 'about.stat.all_time'}}</th>
<th>{{i18n 'about.stat.last_7_days'}}</th>
<th>{{i18n 'about.stat.last_30_days'}}</th>
</tr>
<tr>
<td class='title'>{{i18n 'about.topic_count'}}</td>
<td>{{number stats.topic_count}}</td>
<td>{{number stats.topics_7_days}}</td>
<td>{{number stats.topics_30_days}}</td>
</tr>
<tr>
<td>{{i18n 'about.post_count'}}</td>
<td>{{number stats.post_count}}</td>
<td>{{number stats.posts_7_days}}</td>
<td>{{number stats.posts_30_days}}</td>
</tr>
<tr>
<td>{{i18n 'about.user_count'}}</td>
<td>{{number stats.user_count}}</td>
<td>{{number stats.users_7_days}}</td>
<td>{{number stats.users_30_days}}</td>
</tr>
<tr>
<td>{{i18n 'about.active_user_count'}}</td>
<td>&mdash;</td>
<td>{{number stats.active_users_7_days}}</td>
<td>{{number stats.active_users_30_days}}</td>
</tr>
<tr>
<td>{{i18n 'about.like_count'}}</td>
<td>{{number stats.like_count}}</td>
<td>{{number stats.likes_7_days}}</td>
<td>{{number stats.likes_30_days}}</td>
</tr>
</table>
</section>
{{#if contactInfo}}
<section class='about contact'>
<h3>{{i18n 'about.contact'}}</h3>
<p>{{contactInfo}}</p>
</section>
{{/if}}
</div>
</div> </div>

View File

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

View File

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