diff options
Diffstat (limited to 'app')
-rw-r--r-- | app/assets/stylesheets/accounts.scss | 56 | ||||
-rw-r--r-- | app/controllers/accounts_controller.rb | 2 | ||||
-rw-r--r-- | app/views/accounts/show.html.haml | 8 | ||||
-rw-r--r-- | app/views/layouts/application.html.haml | 4 | ||||
-rw-r--r-- | app/views/layouts/dashboard.html.haml | 2 |
5 files changed, 68 insertions, 4 deletions
diff --git a/app/assets/stylesheets/accounts.scss b/app/assets/stylesheets/accounts.scss index 1f4987527..57cc6e832 100644 --- a/app/assets/stylesheets/accounts.scss +++ b/app/assets/stylesheets/accounts.scss @@ -89,3 +89,59 @@ color: #d9e1e8; } } + +.pagination { + padding: 30px 0; + text-align: center; + overflow: hidden; + + a, .current, .next_page, .previous_page, .gap { + font-size: 14px; + color: #fff; + font-weight: 500; + display: inline-block; + padding: 6px 10px; + text-decoration: none; + } + + .current { + background: #fff; + border-radius: 100px; + color: #282c37; + cursor: default; + } + + .gap { + cursor: default; + } + + .previous_page, .next_page { + text-transform: uppercase; + color: #d9e1e8; + } + + .previous_page { + float: left; + padding-left: 0; + + .fa { + display: inline-block; + margin-right: 5px; + } + } + + .next_page { + float: right; + padding-right: 0; + + .fa { + display: inline-block; + margin-left: 5px; + } + } + + .disabled { + cursor: default; + color: lighten(#282c37, 10%); + } +} diff --git a/app/controllers/accounts_controller.rb b/app/controllers/accounts_controller.rb index 47d114416..c46200811 100644 --- a/app/controllers/accounts_controller.rb +++ b/app/controllers/accounts_controller.rb @@ -8,7 +8,7 @@ class AccountsController < ApplicationController @statuses = @account.statuses.order('id desc').with_includes.with_counters respond_to do |format| - format.html + format.html { @statuses = @statuses.paginate(page: params[:page], per_page: 10)} format.atom end end diff --git a/app/views/accounts/show.html.haml b/app/views/accounts/show.html.haml index 452a0bfba..43a99a3b0 100644 --- a/app/views/accounts/show.html.haml +++ b/app/views/accounts/show.html.haml @@ -1,3 +1,6 @@ +- content_for :page_title do + = display_name(@account) + - content_for :header_tags do %link{ rel: 'salmon', href: api_salmon_url(@account.id) }/ %link{ rel: 'alternate', type: 'application/atom+xml', href: account_url(@account, format: 'atom') }/ @@ -5,7 +8,7 @@ .card{ style: "background-image: url(#{@account.header.url(:medium)})" } .avatar= image_tag @account.avatar.url(:large) %h1.name - = @account.display_name.blank? ? @account.username : @account.display_name + = display_name(@account) %small= "@#{@account.username}" .details .counter @@ -19,6 +22,9 @@ %span.counter-number= @account.followers.count .bio %p= @account.note + .activity-stream - @statuses.each do |status| = render partial: 'stream_entries/status', locals: { status: status, include_threads: false, is_successor: false, is_predecessor: false } + += will_paginate @statuses, previous_label: "#{fa_icon('chevron-left')} Prev".html_safe, next_label: "Next #{fa_icon('chevron-right')}".html_safe, inner_window: 2 diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml index 868944a21..afd29b04a 100644 --- a/app/views/layouts/application.html.haml +++ b/app/views/layouts/application.html.haml @@ -2,7 +2,9 @@ %html %head %meta{:content => "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/ - %title Mastodon + %title + = "#{yield(:page_title)} - " if content_for?(:page_title) + Mastodon = stylesheet_link_tag 'application', media: 'all' = javascript_include_tag 'application' = csrf_meta_tags diff --git a/app/views/layouts/dashboard.html.haml b/app/views/layouts/dashboard.html.haml index 8592144d8..5640213b2 100644 --- a/app/views/layouts/dashboard.html.haml +++ b/app/views/layouts/dashboard.html.haml @@ -6,7 +6,7 @@ .dashboard__current-user = link_to account_path(current_user.account) do = image_tag current_user.account.avatar.url(:medium), class: 'dashboard__current-user__avatar' - %strong.dashboard__current-user__display-name= current_user.account.display_name.blank? ? current_user.account.username : current_user.account.display_name + %strong.dashboard__current-user__display-name= display_name(current_user.account) %span.dashboard__current-user__username= "@#{current_user.account.username}" %ul %li{ class: active_nav_class(root_path) } |