Retrospring/app/views/discover/index.haml

40 lines
2.1 KiB
Plaintext

- provide(:title, generate_title(t(".title")))
.jumbotron
.jumbotron__content
%h1= t(".heading")
%p= t(".subheading", app_title: APP_CONFIG['site_name'])
.container
.row
.col-md-7.col-sm-6
%h2= t(".content.heading")
%p= t(".content.description")
%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(".content.tab.answers")
%li.nav-item{ role: 'presentation' }
%a.nav-link{ href: '#questions', role: :tab, aria: { controls: 'questions' }, data: { toggle: :tab } }= t(".content.tab.questions")
%li.nav-item{ role: 'presentation' }
%a.nav-link{ href: '#comments', role: :tab, aria: { controls: 'comments' }, data: { toggle: :tab } }= t(".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(".people.heading")
%p= t(".people.description")
%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(".people.tab.new")
%li.nav-item{ role: 'presentation' }
%a.nav-link{ href: '#asked', role: :tab, aria: { controls: 'asked' }, data: { toggle: :tab } }= t(".people.tab.questions")
%li.nav-item{ role: 'presentation' }
%a.nav-link{ href: '#answered', role: :tab, aria: { controls: 'answered' }, data: { toggle: :tab } }= t(".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'