| 1 | {@ include(common/header) @} |
| 2 | {@ include(microblog/nav) @} |
| 3 | <h1 class="paragraph">フォロー</h1> |
| 4 | <h2 class="paragraph">フォロー中</h2> |
| 5 | {@ if (empty($following)) @} |
| 6 | <p class="paragraph">フォローしているアカウントはありません。</p> |
| 7 | {@ endif @} |
| 8 | {@ foreach ($following as $a) @} |
| 9 | <div class="mb-row"> |
| 10 | <img src="{{ $a['who']['avatar'] }}" alt="" class="mb-avatar" loading="lazy" /> |
| 11 | <a href="{{ $a['who']['page'] }}">{{{ $a['who']['color'] }}}</a> <span class="mb-handle">{{ $a['who']['handle'] }}</span> |
| 12 | {@ if ($a['pending']) @} |
| 13 | <span class="mb-small">（承認待ち）</span> |
| 14 | {@ endif @} |
| 15 | <form method="post" action="/microblog/action"> |
| 16 | <input type="hidden" name="csrf_token" value="{{ $csrf }}" /> |
| 17 | <input type="hidden" name="back" value="/microblog/follows" /> |
| 18 | <input type="hidden" name="target" value="{{ $a['actor'] }}" /> |
| 19 | <button name="do" value="unfollow">{{ $a['pending'] ? 'リクエストを取り消す' : 'フォロー解除' }}</button> |
| 20 | </form> |
| 21 | </div> |
| 22 | {@ endforeach @} |
| 23 | <h2 class="paragraph">フォロワー</h2> |
| 24 | {@ if (empty($followers)) @} |
| 25 | <p class="paragraph">フォロワーはいません。</p> |
| 26 | {@ endif @} |
| 27 | {@ foreach ($followers as $a) @} |
| 28 | <div class="mb-row"> |
| 29 | <img src="{{ $a['who']['avatar'] }}" alt="" class="mb-avatar" loading="lazy" /> |
| 30 | <a href="{{ $a['who']['page'] }}">{{{ $a['who']['color'] }}}</a> <span class="mb-handle">{{ $a['who']['handle'] }}</span> |
| 31 | <form method="post" action="/microblog/action"> |
| 32 | <input type="hidden" name="csrf_token" value="{{ $csrf }}" /> |
| 33 | <input type="hidden" name="back" value="/microblog/follows" /> |
| 34 | <input type="hidden" name="target" value="{{ $a['actor'] }}" /> |
| 35 | <button name="do" value="removefollower">フォロワーから外す</button> |
| 36 | </form> |
| 37 | </div> |
| 38 | {@ endforeach @} |
| 39 | {@ include(common/footer) @} |