diff options
Diffstat (limited to 'view/tpl/messages_widget.tpl')
| -rw-r--r-- | view/tpl/messages_widget.tpl | 67 |
1 files changed, 56 insertions, 11 deletions
diff --git a/view/tpl/messages_widget.tpl b/view/tpl/messages_widget.tpl index 9b6c6d03b..df91a05ef 100644 --- a/view/tpl/messages_widget.tpl +++ b/view/tpl/messages_widget.tpl @@ -1,24 +1,31 @@ <ul class="nav nav-tabs nav-fill clearfix"> <li class="nav-item"> <a class="nav-link active messages-type" href="#" title="{{$strings.messages_title}}" data-messages_type=""> - <i class="fa fa-fw fa-comment-o"></i> + <i class="bi bi-chat generic-icons"></i> </a> </li> <li class="nav-item"> <a class="nav-link messages-type" href="#" title="{{$strings.direct_messages_title}}" data-messages_type="direct"> - <i class="fa fa-fw fa-envelope-o"></i> + <i class="bi bi-envelope generic-icons"></i> </a> </li> {{if $feature_star}} <li class="nav-item"> <a class="nav-link messages-type" href="#" title="{{$strings.starred_messages_title}}" data-messages_type="starred"> - <i class="fa fa-fw fa-star"></i> + <i class="bi bi-star generic-icons"></i> + </a> + </li> + {{/if}} + {{if $feature_file}} + <li class="nav-item"> + <a class="nav-link messages-type" href="#" title="{{$strings.filed_messages_title}}" data-messages_type="filed"> + <i class="bi bi-folder generic-icons"></i> </a> </li> {{/if}} <li class="nav-item"> <a class="nav-link messages-type" href="#" title="{{$strings.notice_messages_title}}" data-messages_type="notification"> - <i class="fa fa-fw fa-exclamation"></i> + <i class="bi bi-exclamation-circle generic-icons"></i> </a> </li> </ul> @@ -49,10 +56,22 @@ </div> <div id="messages-container" class="list-group list-group-flush" data-offset="10"> <div id="messages-author-container" class="list-group-item notifications-textinput"> - <div class="text-muted notifications-textinput-filter"><i class="fa fa-fw fa-filter"></i></div> + <div class="text-muted notifications-textinput-filter"><i class="bi bi-filter"></i></div> <input id="messages-author" type="text" class="form-control form-control-sm" placeholder="{{$strings.filter}}"> - <div id="messages-author-input-clear" class="text-muted notifications-textinput-clear d-none"><i class="fa fa-times"></i></div> + <div id="messages-author-input-clear" class="text-muted notifications-textinput-clear d-none"><i class="bi bi-x-lg"></i></div> + </div> + {{if $feature_file}} + <div id="messages-file-container" class="list-group-item notifications-textinput d-none"> + <div class="text-muted notifications-textinput-filter"><i class="bi bi-filter"></i></div> + <input id="messages-file" type="text" list="data_filetags" class="form-control form-control-sm" placeholder="{{$strings.file_filter}}"> + <datalist id="data_filetags"> + {{foreach $file_tags as $opt=>$val}} + <option value="{{$val}}"> + {{/foreach}} + </datalist> + <div id="messages-file-input-clear" class="text-muted notifications-textinput-clear d-none"><i class="bi bi-x-lg"></i></div> </div> + {{/if}} {{foreach $entries as $e}} <a href="{{$e.href}}" class="list-group-item list-group-item-action message" data-b64mid="{{$e.b64mid}}"> <div class="mb-2 align-middle"> @@ -75,7 +94,7 @@ </div> <small class="opacity-75">{{$e.info}}</small> {{if $e.unseen_count}} - <span class="badge bg-transparent border border-{{$e.unseen_class}} text-{{$e.unseen_class}} rounded-pill position-absolute bottom-0 end-0 m-2" title="{{$strings.unseen_count}}">{{$e.unseen_count}}</span> + <span class="badge bg-transparent border border-{{$e.unseen_class}} text-{{$e.unseen_class}} rounded-pill position-absolute bottom-0 end-0 m-2 unseen_count" title="{{$strings.unseen_count}}">{{$e.unseen_count}}</span> {{/if}} </a> {{/foreach}} @@ -94,6 +113,7 @@ let author_hash; let author_url; let author; + let file; $(document).ready(function () { $('.messages-timeago').timeago(); @@ -109,6 +129,7 @@ $('#messages-container .message').remove(); $('#messages-author-container').addClass('active sticky-top'); $('#messages-author-input-clear').removeClass('d-none'); + author_hash = data.xid; author_url = data.url; author = messages_type === 'notification' ? author_url : author_hash; @@ -116,14 +137,27 @@ get_messages_page(); }); - $(document).on('click', '#messages-author-input-clear', function() { - $('#messages-author').val(''); + $("#messages-file").on('change', function(data) { + file = $("#messages-file").val(); + + $('#messages-container .message').remove(); + $('#messages-file-container').addClass('active sticky-top'); + $('#messages-file-input-clear').removeClass('d-none'); + + messages_offset = 0; + get_messages_page(); + }); + + $(document).on('click', '#messages-author-input-clear, #messages-file-input-clear', function() { + $('#messages-author, #messages-file').val(''); $("#messages-author").attr('placeholder', '{{$strings.filter}}'); + $("#messages-file").attr('placeholder', '{{$strings.file_filter}}'); $('#messages-author-container').removeClass('active sticky-top'); $('#messages-author-input-clear').addClass('d-none'); $('#messages-container .message').remove(); author = ''; + file = ''; author_hash = ''; author_url = ''; messages_offset = 0; @@ -145,6 +179,16 @@ messages_offset = 0; messages_type = $(this).data('messages_type'); author = messages_type === 'notification' ? author_url : author_hash; + + if (messages_type === 'filed') { + $('#messages-author-container').addClass('d-none'); + $('#messages-file-container').removeClass('d-none'); + } + else { + $('#messages-author-container').removeClass('d-none'); + $('#messages-file-container').addClass('d-none'); + } + $('#messages-container .message').remove(); get_messages_page(); }); @@ -167,7 +211,8 @@ data: { offset: messages_offset, type: messages_type, - author: author + author: author, + file: file } }).done(function(obj) { get_messages_page_active = false; @@ -185,7 +230,7 @@ e.author_addr, e.href, e.icon, - e.unseen_count ? '<span class="badge bg-transparent border border-' + e.unseen_class + ' text-' + e.unseen_class + ' rounded-pill position-absolute bottom-0 end-0 m-2" title="{{$strings.unseen_count}}">' + e.unseen_count + '</span>' : '', + e.unseen_count ? '<span class="badge bg-transparent border border-' + e.unseen_class + ' text-' + e.unseen_class + ' rounded-pill position-absolute bottom-0 end-0 m-2 unseen_count" title="{{$strings.unseen_count}}">' + e.unseen_count + '</span>' : '', e.author_img ); $('#messages-loading').before(html); |