145 lines
5.5 KiB
Plaintext
145 lines
5.5 KiB
Plaintext
% use Number::Bytes::Human qw(format_bytes);
|
|
% my $lang = $self->get_date_lang();
|
|
|
|
<div class="box">
|
|
<h1 class="title is-1"><%= l('My invitations') %></h1>
|
|
|
|
<div class="message is-info">
|
|
<div class="message-body">
|
|
<p>
|
|
<%= l('Rows in purple mean that the invitations have expired.') %>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="buttons">
|
|
<button href="#" class="button action-toggle-hidden"><%= l('Show hidden invitations') %></button>
|
|
<button href="#" class="button target-selection action-delete-invitation" disabled="disabled"=><%= l('Delete') %></button>
|
|
<button href="#" class="button target-selection action-resend-invitation" disabled="disabled"><%= l('Resend invitation mail') %></button>
|
|
<button href="#" class="button target-selection action-toggle-visibility" disabled="disabled"><%= l('Toggle visibility') %></button>
|
|
</div>
|
|
|
|
<div class="table-container">
|
|
<table class="table is-stripped is-hoverable">
|
|
<thead>
|
|
<tr>
|
|
<th class="has-text-centered">
|
|
<div><%= l('Selection') %></div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" id="action-select-all">
|
|
</div>
|
|
</th>
|
|
<th class="has-text-centered"><%= l('Guest mail') %></th>
|
|
<th class="has-text-centered"><%= l('URL') %></th>
|
|
<th class="has-text-centered"><%= l('Created at') %></th>
|
|
<th class="has-text-centered"><%= l('Expire at') %></th>
|
|
<th class="has-text-centered"><%= l('Files sent at') %></th>
|
|
<th class="has-text-centered"><%= l('Files') %></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="invitations-list" data-visibility="hidden">
|
|
% my $time = time;
|
|
% $invitations->each(sub {
|
|
% my ($e, $num) = @_;
|
|
% return if $e->deleted;
|
|
% my $class = '';
|
|
% $class = 'deleted' unless $e->is_valid;
|
|
% $class .= ' is-hidden' unless $e->show_in_list;
|
|
<tr id="row-<%= $e->token %>" class="item <%= $class %>" aria-hidden="<%= ($e->show_in_list) ? 'true' : 'false' %>" data-visibility="<%= ($e->show_in_list) ? 1 : 0 %>">
|
|
<td class="selection is-vcentered has-text-centered">
|
|
<div class="checkbox input-delete-on-first-view">
|
|
<input type="checkbox" data-token="<%= $e->token %>" autocomplete="off" aria-label="Select">
|
|
|
|
% unless ($e->show_in_list) {
|
|
<span class="icon fas fa-eye-slash" title="<%= l('This invitation is normally hidden') %>"></span>
|
|
% }
|
|
</div>
|
|
</td>
|
|
<td class="mail is-vcentered"><%= $e->guest_mail %></td>
|
|
<td class="url is-vcentered"><%= url_for('guest', token => $e->token)->to_abs %></td>
|
|
<td class="creation-date is-vcentered"><%= $lang->time2str(l('%A %d %B %Y at %T'), $e->created_at) %></td>
|
|
<td class="expiration-date is-vcentered"><%= $lang->time2str(l('%A %d %B %Y at %T'), $e->expire_at) %></td>
|
|
<td class="files-sent-data is-vcentered"><%= $lang->time2str(l('%A %d %B %Y at %T'), $e->files_sent_at) if $e->files_sent_at %></td>
|
|
<td class="actions is-vcentered">
|
|
% if ($e->files) {
|
|
<a
|
|
class="button modal-button action-files-info"
|
|
href="#files-info"
|
|
data-files='<%= $e->files %>'
|
|
data-token="<%= $e->token %>"
|
|
data-guest="<%= $e->guest_mail %>"
|
|
>
|
|
<%= l('Files') %>
|
|
</a>
|
|
% }
|
|
</td>
|
|
</tr>
|
|
% });
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<dialog class="modal files-info">
|
|
<section>
|
|
<header>
|
|
<h1><%= l('Files sent in invitation XX1 by XX2') %></h1>
|
|
</header>
|
|
|
|
<div class="content">
|
|
<ul class="files-list"></ul>
|
|
</div>
|
|
|
|
<footer class="actions">
|
|
<button autofocus class="button close-modal"><%= l('Close') %></button>
|
|
</footer>
|
|
</section>
|
|
</dialog>
|
|
</div>
|
|
|
|
|
|
<div id="modal-language-selector" class="modal files-info">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-card">
|
|
<header class="modal-card-head is-shadowless">
|
|
<p class="modal-card-title">
|
|
<%= l('Files sent in invitation XX1 by XX2') %>
|
|
<button class="delete is-pulled-right" aria-label="close"></button>
|
|
</p>
|
|
</header>
|
|
|
|
<section class="modal-card-body">
|
|
<ul class="files-list">
|
|
|
|
</li>
|
|
</section>
|
|
<footer class="modal-card-foot"></footer>
|
|
</div>
|
|
</div>
|
|
|
|
<template id="icon-hide-source">
|
|
<span class="icon fas fa-eye-slash" title="<%= l('This invitation is normally hidden') %>"></span>
|
|
</template>
|
|
|
|
<template id="item">
|
|
<li class="item">
|
|
<a class="file-link" href="#"></a>
|
|
<span class="file-size"></span>
|
|
</li>
|
|
</template>
|
|
|
|
<script type="text/javascript">
|
|
const i18n = {
|
|
confirmDeleteInvit: '<%= l('Are you sure you want to delete the selected invitations?') %>',
|
|
confirmResendMail: '<%= l('Are you sure you want to resend the invitation mail for the selected invitations?') %>',
|
|
expiration: '<%= l('expires on XXX') %>',
|
|
hideText: '<%= l('Hide hidden invitations') %>',
|
|
listFiles: '<%= l('Files sent in invitation XX1 by XX2') %>',
|
|
showText: '<%= l('Show hidden invitations') %>'
|
|
};
|
|
|
|
const deleteURL = '<%= url_for('invite_list_delete') %>';
|
|
const resendURL = '<%= url_for('invite_list_resend') %>';
|
|
const toggleURL = '<%= url_for('invite_list_visibility') %>';
|
|
</script>
|
|
%= javascript '/js/minified/list-invitations.min.js', type => 'module', defer => "true"
|