Backups/Mango
1
0
Fork 0
mirror of https://github.com/hkalexling/Mango.git synced 2025-08-03 11:25:29 -04:00
Code Issues Projects Releases Wiki Activity

Implement UI to edit sort title

Browse Source
This commit is contained in:
Leeingnyo 2021-12-25 21:02:57 +09:00
parent 162318cf4a
commit 45ffa3d428
3 changed files with 29 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
public/js/title.js
View File

@ -154,11 +154,15 @@ const edit = (eid) => {
const cover = $('#edit-modal #cover'); const cover = $('#edit-modal #cover');
let url = cover.attr('data-title-cover'); let url = cover.attr('data-title-cover');
let displayName = $('h2.uk-title > span').text(); let displayName = $('h2.uk-title > span').text();
let fileTitle = $('h2.uk-title').attr('data-file-title');
let sortTitle = $('h2.uk-title').attr('data-sort-title');
if (eid) { if (eid) {
const item = $(`#${eid}`); const item = $(`#${eid}`);
url = item.find('img').attr('data-src'); url = item.find('img').attr('data-src');
displayName = item.find('.uk-card-title').attr('data-title'); displayName = item.find('.uk-card-title').attr('data-title');
fileTitle = item.find('.uk-card-title').attr('data-file-title');
sortTitle = item.find('.uk-card-title').attr('data-sort-title');
$('#title-progress-control').attr('hidden', ''); $('#title-progress-control').attr('hidden', '');
} else { } else {
$('#title-progress-control').removeAttr('hidden'); $('#title-progress-control').removeAttr('hidden');
@ -178,6 +182,19 @@ const edit = (eid) => {
renameSubmit(displayNameField.val(), eid); renameSubmit(displayNameField.val(), eid);
}); });
const sortTitleField = $('#sort-title-field');
sortTitleField.attr('value', sortTitle);
sortTitleField.attr('placeholder', fileTitle);
console.log(sortTitle);
sortTitleField.keyup(event => {
if (event.keyCode === 13) {
renameSortNameSubmit(sortTitleField.val(), eid);
}
});
sortTitleField.siblings('a.uk-form-icon').click(() => {
renameSortNameSubmit(sortTitleField.val(), eid);
});
setupUpload(eid); setupUpload(eid);
UIkit.modal($('#edit-modal')).show(); UIkit.modal($('#edit-modal')).show();

4
src/views/components/card.html.ecr
View File

@ -61,7 +61,9 @@
<% if page == "home" && item.is_a? Entry %> <% if page == "home" && item.is_a? Entry %>
<%= "uk-margin-remove-bottom" %> <%= "uk-margin-remove-bottom" %>
<% end %> <% end %>
" data-title="<%= HTML.escape(item.display_name) %>"><%= HTML.escape(item.display_name) %> " data-title="<%= HTML.escape(item.display_name) %>"
data-file-title="<%= HTML.escape(item.title || "") %>"
data-sort-title="<%= HTML.escape(item.sort_title_db || "") %>"><%= HTML.escape(item.display_name) %>
</h3> </h3>
<% if page == "home" && item.is_a? Entry %> <% if page == "home" && item.is_a? Entry %>
<a class="uk-card-title break-word uk-margin-remove-top uk-text-meta uk-display-inline-block no-modal" data-title="<%= HTML.escape(item.book.display_name) %>" href="<%= base_url %>book/<%= item.book.id %>"><%= HTML.escape(item.book.display_name) %></a> <a class="uk-card-title break-word uk-margin-remove-top uk-text-meta uk-display-inline-block no-modal" data-title="<%= HTML.escape(item.book.display_name) %>" href="<%= base_url %>book/<%= item.book.id %>"><%= HTML.escape(item.book.display_name) %></a>

10
src/views/title.html.ecr
View File

@ -18,7 +18,8 @@
</div> </div>
</div> </div>
</div> </div>
<h2 class=uk-title><span><%= title.display_name %></span> <h2 class=uk-title data-file-title="<%= HTML.escape(title.title) %>" data-sort-title="<%= HTML.escape(title.sort_title_db || "") %>">
<span><%= title.display_name %></span>
&nbsp; &nbsp;
<% if is_admin %> <% if is_admin %>
<a onclick="edit()" class="uk-icon-button" uk-icon="icon:pencil"></a> <a onclick="edit()" class="uk-icon-button" uk-icon="icon:pencil"></a>
@ -89,6 +90,13 @@
<input class="uk-input" type="text" name="display-name" id="display-name-field"> <input class="uk-input" type="text" name="display-name" id="display-name-field">
</div> </div>
</div> </div>
<div class="uk-margin">
<label class="uk-form-label" for="sort-title">Sort Title</label>
<div class="uk-inline">
<a class="uk-form-icon uk-form-icon-flip" uk-icon="icon:check"></a>
<input class="uk-input" type="text" name="sort-title" id="sort-title-field">
</div>
</div>
<div class="uk-margin"> <div class="uk-margin">
<label class="uk-form-label">Cover Image</label> <label class="uk-form-label">Cover Image</label>
<div class="uk-grid"> <div class="uk-grid">