Account template

FossilOrigin-Name: 8b23951e351627eddbb3a4520c4fe43015955ec4b32621416b6e144d6086a1e4
This commit is contained in:
nekobit 2022-08-05 04:31:51 +00:00
parent 6ea891ae8b
commit 388f4fadf4
2 changed files with 75 additions and 58 deletions

View File

@ -10,11 +10,12 @@ use template_helpers 'to_template';
sub generate_account
{
my ($ssn, $data, $acct, $content) = @_;
my ($ssn, $data, $acct, $relationship, $content) = @_;
my %vars = (
prefix => '',
ssn => $ssn,
relationship => $relationship,
content => $content,
acct => $acct,
);
@ -24,7 +25,7 @@ sub generate_account
sub content_statuses
{
my ($ssn, $data, $acct, $relationships, $statuses) = @_;
my ($ssn, $data, $acct, $relationship, $statuses) = @_;
my %vars = (
prefix => '',
@ -32,5 +33,5 @@ sub content_statuses
acct => $acct,
);
generate_account($ssn, $data, $acct, $relationships, to_template(\%vars, \$data->{'account_statuses.tt'}));
generate_account($ssn, $data, $acct, $relationship, to_template(\%vars, \$data->{'account_statuses.tt'}));
}

View File

@ -1,68 +1,84 @@
{{%s:is_blocked}}
{{%s:menubar}}
<div class="account">
<div class="acct-banner" style="background-image:url('{{%s:header}}');">
{{%s:follows_you}}
<div class="acct-info-data">
<span class="acct-displayname">{{%s:display_name}}</span>
<span class="acct-username">{{%s:acct}}</span>
[% IF relationship && relationship.blocked_by %]
<span class="e-notice">You are blocked by this user. You can still interact, but they will not be notifed of your interactions.</span>
[% END %]
[% IF acct.id == ssn.account.id %]
<div class="menubar">
<a href="{{%s:prefix}}/blocked">{{ %s : blocked_str }}</a>
<span class="bullet-separate">&bull;</span>
<a href="{{%s:prefix}}/muted">{{ %s : muted_str }}</a>
<span class="bullet-separate">&bull;</span>
<a href="{{%s:prefix}}/favourites">{{ %s : favourited_str }}</a>
</div>
[% END %]
<div class="account">
<div class="acct-banner" style="background-image:url('[% acct.header %]');">
[% IF relationship && relationship.following %]
[% END %]
<div class="acct-info-data">
<span class="acct-displayname">[% acct.display_name %]</span>
<span class="acct-username">@[% acct.acct %]</span>
</div>
<span class="menu-container user-options-btn">
Menu
<div class="menu menu-options">
<ul>
<li><a class="nolink" href="{{%s:prefix}}/user/{{%s:userid}}/action/{{%s:unsubscribe}}subscribe"><input class="btn-menu" type="button" value="{{%s:subscribe_text}}"></a></li>
<li><a class="nolink" href="{{%s:prefix}}/user/{{%s:userid}}/action/{{%s:unblock}}block"><input class="btn-menu" type="button" value="{{%s:block_text}}"></a></li>
<li><a class="nolink" href="{{%s:prefix}}/user/{{%s:userid}}/action/{{%s:unmute}}mute"><input class="btn-menu" type="button" value="{{%s:mute_text}}"></a></li>
</ul>
</div>
</span>
</div>
<div class="acct-header">
<a href="{{%s:prefix}}/@{{%s:acct}}" class="header-btn btn">
<span class="btn-header">{{%s:tab_statuses_text}}</span>
<span class="btn-content">{{%d:statuses_count}}</span>
</a>
<span class="menu-container user-options-btn">
Menu
<div class="menu menu-options">
<ul>
<li><a class="nolink" href="{{%s:prefix}}/user/{{%s:userid}}/action/{{%s:unsubscribe}}subscribe"><input class="btn-menu" type="button" value="{{%s:subscribe_text}}"></a></li>
<li><a class="nolink" href="{{%s:prefix}}/user/{{%s:userid}}/action/{{%s:unblock}}block"><input class="btn-menu" type="button" value="{{%s:block_text}}"></a></li>
<li><a class="nolink" href="{{%s:prefix}}/user/{{%s:userid}}/action/{{%s:unmute}}mute"><input class="btn-menu" type="button" value="{{%s:mute_text}}"></a></li>
</ul>
</div>
</span>
</div>
<a href="{{%s:prefix}}/@{{%s:acct}}/following" class="header-btn btn">
<span class="btn-header">{{%s:tab_following_text}}</span>
<span class="btn-content">{{%d:following_count}}</span>
</a>
<div class="acct-header">
<a href="{{%s:prefix}}/@{{%s:acct}}" class="header-btn btn">
<span class="btn-header">[% lang('TAB_STATUSES') %]</span>
<span class="btn-content">[% acct.statuses_count %]</span>
</a>
<a href="{{%s:prefix}}/@{{%s:acct}}/following" class="header-btn btn">
<span class="btn-header">[% lang('TAB_FOLLOWING') %]</span>
<span class="btn-content">[% acct.following_count %]</span>
</a>
<a href="{{%s:prefix}}/@{{%s:acct}}/followers" class="header-btn btn">
<span class="btn-header">{{%s:tab_followers_text}}</span>
<span class="btn-content">{{%d:followers_count}}</span>
</a>
{{%s:follow_btn}}
</div>
<div class="acct-pfp-wrapper">
<img class="acct-pfp" src="{{%s:avatar}}">
</div>
<a href="{{%s:prefix}}/@{{%s:acct}}/followers" class="header-btn btn">
<span class="btn-header">[% lang('TAB_FOLLOWERS') %]</span>
<span class="btn-content">[% acct.followers_count %]</span>
</a>
[%# {{%s:follow_btn}} %]
</div>
<div class="acct-pfp-wrapper">
<img class="acct-pfp" src="[% acct.avatar %]">
</div>
</div>
{{%s:info}}
[% IF acct.note %]
<div class="account-info">
<div class="account-note">[% acct.note %]</div>
</div>
[% END %]
<table class="tabs ui-table">
<tr>
<td>
<a href="{{%s:prefix}}/@{{%s:acct}}/statuses"><input class="tab-btn btn {{%s:tab_statuses_focused}}" type="button" value="{{%s:tab_statuses_text}}"></a>
</td>
<td>
<a href="{{%s:prefix}}/@{{%s:acct}}/scrobbles"><input class="tab-btn btn {{%s:tab_scrobbles_focused}}" type="button" value="{{%s:tab_scrobbles_text}}"></a>
</td>
<td>
<a href="{{%s:prefix}}/@{{%s:acct}}/media"><input class="tab-btn btn {{%s:tab_media_focused}}" type="button" value="{{%s:tab_media_text}}"></a>
</td>
<td>
<a href="{{%s:prefix}}/@{{%s:acct}}/pinned"><input class="tab-btn btn {{%s:tab_pinned_focused}}" type="button" value="{{%s:tab_pinned_text}}"></a>
</td>
</tr>
<tr>
<td>
<a href="{{%s:prefix}}/@{{%s:acct}}/statuses"><input class="tab-btn btn {{%s:tab_statuses_focused}}" type="button" value="{{%s:tab_statuses_text}}"></a>
</td>
<td>
<a href="{{%s:prefix}}/@{{%s:acct}}/scrobbles"><input class="tab-btn btn {{%s:tab_scrobbles_focused}}" type="button" value="{{%s:tab_scrobbles_text}}"></a>
</td>
<td>
<a href="{{%s:prefix}}/@{{%s:acct}}/media"><input class="tab-btn btn {{%s:tab_media_focused}}" type="button" value="{{%s:tab_media_text}}"></a>
</td>
<td>
<a href="{{%s:prefix}}/@{{%s:acct}}/pinned"><input class="tab-btn btn {{%s:tab_pinned_focused}}" type="button" value="{{%s:tab_pinned_text}}"></a>
</td>
</tr>
</table>
<div class="account-content">
{{%s:acct_content}}
[% content %]
</div>