Retrospring/app/views/discover/index.haml

40 lines
2.2 KiB
Plaintext

- provide(:title, generate_title('Discover'))
.jumbotron
.jumbotron__content
%h1= t 'views.discover.title'
%p= t('views.discover.subtitle', app_title: APP_CONFIG['site_name'])
.container
.row
.col-md-7.col-sm-6
%h2= t 'views.discover.content.title'
%p= t 'views.discover.content.desc'
%div{ role: :tabpanel }
%ul.nav.nav-tabs{ role: :tablist }
%li.nav-item{ role: 'presentation' }
%a.nav-link.active{ href: '#answers', role: :tab, aria: { controls: 'answers' }, data: { toggle: :tab } }= t 'views.discover.content.tab.answers'
%li.nav-item{ role: 'presentation' }
%a.nav-link{ href: '#questions', role: :tab, aria: { controls: 'questions' }, data: { toggle: :tab } }= t 'views.discover.content.tab.questions'
%li.nav-item{ role: 'presentation' }
%a.nav-link{ href: '#comments', role: :tab, aria: { controls: 'comments' }, data: { toggle: :tab } }= t 'views.discover.content.tab.comments'
.tab-content.mt-3
= render 'discover/tab_answers', answers: @popular_answers
= render 'discover/tab_questions', questions: @popular_questions
= render 'discover/tab_discussed', comments: @most_discussed
.col-md-5.col-sm-6
%h2= t 'views.discover.people.title'
%p= t 'views.discover.people.desc'
%div{ role: :tabpanel }
%ul.nav.nav-tabs{ role: :tablist }
%li.nav-item{ role: 'presentation' }
%a.nav-link.active{ href: '#new', role: :tab, aria: { controls: 'new' }, data: { toggle: :tab } }= t 'views.discover.people.tab.new'
%li.nav-item{ role: 'presentation' }
%a.nav-link{ href: '#asked', role: :tab, aria: { controls: 'asked' }, data: { toggle: :tab } }= t 'views.discover.people.tab.questions'
%li.nav-item{ role: 'presentation' }
%a.nav-link{ href: '#answered', role: :tab, aria: { controls: 'answered' }, data: { toggle: :tab } }= t 'views.discover.people.tab.answers'
.tab-content.mt-3
= render 'discover/tab_new', new: @new_users
= render 'discover/tab_asked', asked: @users_with_most_questions
= render 'discover/tab_most', answered: @users_with_most_answers
= render 'shared/links'