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"