diff options
Diffstat (limited to 'templates/social_list.html.ep')
| -rw-r--r-- | templates/social_list.html.ep | 259 |
1 files changed, 259 insertions, 0 deletions
diff --git a/templates/social_list.html.ep b/templates/social_list.html.ep new file mode 100644 index 0000000..686e5c3 --- /dev/null +++ b/templates/social_list.html.ep @@ -0,0 +1,259 @@ +%= form_for "/social-action" => (method => 'POST') => begin +%= csrf_field +%= hidden_field redirect_to => '/account' +% my $count = scalar @{$entries}; +% if ($type eq 'follow-requests-received') { + <div class="row"> + <div class="col s12"> + <h2>Erhaltene Folge-Anfragen</h2> + </div> + </div> + % if ($notifications) { + <div class="row center-align"> + <div class="col s12"> + <button class="btn waves-effect waves-light" type="submit" name="action" value="clear_notifications"> + <i class="material-icons left" aria-hidden="true">notifications_off</i> Als gelesen markieren + </button> + </div> + </div> + % } + <div class="row center-align"> + <div class="col s4"> + <i class="material-icons">block</i><br/> Blockieren + </div> + <div class="col s4"> + <i class="material-icons">cancel</i><br/> Ablehnen + </div> + <div class="col s4"> + <i class="material-icons">check</i><br/> Annehmen + </div> + </div> + <div class="row center-align"> + <div class="col s12"> + <button class="btn red waves-effect waves-light" type="submit" name="reject_follow_request" value="<%= join(q{,}, map { $_->{id} } @{$entries}) %>"> + <i class="material-icons left" aria-hidden="true">cancel</i> Alle ablehnen + </button> + </div> + </div> + <div class="row center-align"> + <div class="col s12"> + <button class="btn waves-effect waves-light" type="submit" name="accept_follow_request" value="<%= join(q{,}, map { $_->{id} } @{$entries}) %>"> + <i class="material-icons left" aria-hidden="true">check</i> Alle annehmen + </button> + </div> + </div> + <!-- + <div class="row center-align"> + <div class="col s6"> + <button class="btn red waves-effect waves-light" type="submit" name="block" value="<%= join(q{,}, map { $_->{id} } @{$entries}) %>"> + <i class="material-icons left" aria-hidden="true">block</i> Alle blockieren + </button> + </div> + </div> + --> +% } +% elsif ($type eq 'follow-requests-sent') { + <div class="row"> + <div class="col s12"> + <h2>Gestellte Folge-Anfragen</h2> + </div> + </div> + <div class="row center-align"> + <div class="col s12"> + <i class="material-icons">cancel</i><br/> Zurücknehmen + </div> + </div> +% } +% elsif ($type eq 'followers') { + <div class="row"> + <div class="col s12"> + % if ($count == 1) { + <h2>Dir folgt ein Account</h2> + % } + % else { + <h2>Dir folgen <%= $count %> Accounts</h2> + % } + </div> + </div> + <div class="row center-align"> + <div class="col s4"> + <i class="material-icons">block</i><br/> Blockieren + </div> + <div class="col s4"> + <i class="material-icons">remove</i><br/> Entfernen + </div> + <div class="col s4"> + <i class="material-icons">person_add</i><br/> Zurückfolgen + </div> + </div> + <div class="row center-align"> + <div class="col s4"> + </div> + <div class="col s4"> + <i class="material-icons">access_time</i><br/> Folgen angefragt + </div> + <div class="col s4"> + <i class="material-icons">group</i><br/> Du folgst diesem Account + </div> + </div> + <!-- + <div class="row center-align"> + <div class="col s6"> + <button class="btn grey waves-effect waves-light" type="submit" name="remove_follower" value="<%= join(q{,}, map { $_->{id} } @{$entries}) %>"> + <i class="material-icons left" aria-hidden="true">remove</i> Alle entfernen + </button> + </div> + <div class="col s6"> + <button class="btn waves-effect waves-light" type="submit" name="follow_or_request" value="<%= join(q{,}, map { $_->{id} } @{$entries}) %>"> + <i class="material-icons left" aria-hidden="true">group_add</i> Allen zurückfolgen + </button> + </div> + </div> + <div class="row center-align"> + <div class="col s6"> + <button class="btn red waves-effect waves-light" type="submit" name="block" value="<%= join(q{,}, map { $_->{id} } @{$entries}) %>"> + <i class="material-icons left" aria-hidden="true">block</i> Alle blockieren + </button> + </div> + </div> + --> +% } +% elsif ($type eq 'follows') { + <div class="row"> + <div class="col s12"> + % if ($count == 1) { + <h2>Du folgst einem Account</h2> + % } + % else { + <h2>Du folgst <%= $count %> Accounts</h2> + % } + </div> + </div> + <div class="row center-align"> + <div class="col s6"> + <i class="material-icons">group</i><br/> Folgt dir + </div> + <div class="col s6"> + <i class="material-icons">remove</i><br/> Nicht mehr folgen + </div> + </div> + <!-- + <div class="row center-align"> + <div class="col s12"> + <button class="btn grey waves-effect waves-light" type="submit" name="unfollow" value="<%= join(q{,}, map { $_->{id} } @{$entries}) %>"> + <i class="material-icons left" aria-hidden="true">remove</i> Alle entfernen + </button> + </div> + </div> + --> +% } +% elsif ($type eq 'blocks') { + <div class="row"> + <div class="col s12"> + <h2>Blockierte Accounts</h2> + <p> + Blockierte Accounts können dir nicht folgen und keine Folge-Anfragen stellen. + Sie haben weiterhin Zugriff auf deine als öffentlich oder travelynx-intern markierten Checkins. + </p> + </div> + </div> + <div class="row center-align"> + <div class="col s12"> + <i class="material-icons">remove</i><br/>Entblockieren + </div> + </div> + <!-- + <div class="row center-align"> + <div class="col s12"> + <button class="btn grey waves-effect waves-light" type="submit" name="unblock" value="<%= join(q{,}, map { $_->{id} } @{$entries}) %>"> + <i class="material-icons left" aria-hidden="true">remove</i> Alle entblockieren + </button> + </div> + </div> + --> +% } +%= end + +<div class="row"> + <div class="col s12"> + %= form_for "/social-action" => (method => 'POST') => begin + %= csrf_field + %= hidden_field redirect_to => "/account/social/$type" + <table class="striped"> + % for my $entry (@{$entries}) { + <tr> + <td><a href="/p/<%= $entry->{name} %>"><%= $entry->{name} %></a></td> + % if ($type eq 'follow-requests-received') { + <td class="right-align"> + <button class="btn-flat blue-text waves-effect waves-light" type="submit" name="block" value="<%= $entry->{id} %>"> + <i class="material-icons" aria-label="blockieren">block</i> + </button> + </td> + <td class="right-align"> + <button class="btn-flat blue-text waves-effect waves-light" type="submit" name="reject_follow_request" value="<%= $entry->{id} %>"> + <i class="material-icons" aria-label="ablehnen">cancel</i> + </button> + </td> + <td class="right-align"> + <button class="btn-flat blue-text waves-effect waves-light" type="submit" name="accept_follow_request" value="<%= $entry->{id} %>"> + <i class="material-icons" aria-label="annehmen">check</i> + </button> + </td> + % } + % elsif ($type eq 'follow-requests-sent') { + <td class="right-align"> + <button class="btn-flat blue-text waves-effect waves-light" type="submit" name="cancel_follow_request" value="<%= $entry->{id} %>"> + <i class="material-icons" aria-label="zurücknehmen">cancel</i> + </button> + </td> + % } + % elsif ($type eq 'followers') { + <td class="right-align"> + <button class="btn-flat blue-text waves-effect waves-light" type="submit" name="block" value="<%= $entry->{id} %>"> + <i class="material-icons" aria-label="blockieren">block</i> + </button> + </td> + <td class="right-align"> + <button class="btn-flat blue-text waves-effect waves-light" type="submit" name="remove_follower" value="<%= $entry->{id} %>"> + <i class="material-icons" aria-label="entfernen">remove</i> + </button> + </td> + <td class="right-align"> + % if ($entry->{following_back}) { + <i class="material-icons" aria-label="ihr folgt euch gegenseitig">group</i> + % } + % elsif ($entry->{followback_requested}) { + <i class="material-icons" aria-label="Zurückfolgen angefragt">access_time</i> + % } + % elsif ($entry->{can_follow_back} or $entry->{can_request_follow_back}) { + <button class="btn-flat blue-text waves-effect waves-light" type="submit" name="follow_or_request" value="<%= $entry->{id} %>"> + <i class="material-icons" aria-label="zurückfolgen">person_add</i> + </button> + % } + </td> + % } + % elsif ($type eq 'follows') { + <td class="right-align"> + % if ($entry->{following_back}) { + <i class="material-icons" aria-label="ihr folgt euch gegenseitig">group</i> + % } + </td> + <td class="right-align"> + <button class="btn-flat blue-text waves-effect waves-light" type="submit" name="unfollow" value="<%= $entry->{id} %>"> + <i class="material-icons" aria-label="entfolgen">remove</i> + </button> + </td> + % } + % elsif ($type eq 'blocks') { + <td class="right-align"> + <button class="btn-flat blue-text waves-effect waves-light" type="submit" name="unblock" value="<%= $entry->{id} %>"> + <i class="material-icons" aria-label="von Blockliste entefrnen">remove</i> + </button> + </td> + % } + </tr> + % } + </table> + %= end + </div> +</div> |