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

Finish #30

Browse Source
This commit is contained in:
Alex Ling 2020-04-19 16:11:23 +00:00
parent ec6a7bd3d9
commit 20d71bfa81
2 changed files with 28 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/js/title.js
View File

@ -97,6 +97,10 @@ const edit = (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');
$('#title-progress-control').attr('hidden', '');
}
else {
$('#title-progress-control').removeAttr('hidden');
} }
cover.attr('data-src', url); cover.attr('data-src', url);

39
src/views/title.ecr
View File

@ -116,26 +116,35 @@
<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>
<label class="uk-form-label">Cover Image</label> <div class="uk-margin">
<div class="uk-grid"> <label class="uk-form-label">Cover Image</label>
<div class="uk-width-1-2@s"> <div class="uk-grid">
<img id="cover" data-title-cover="<%= title.cover_url %>" alt="" data-width data-height uk-img> <div class="uk-width-1-2@s">
</div> <img id="cover" data-title-cover="<%= title.cover_url %>" alt="" data-width data-height uk-img>
<div class="uk-width-1-2@s"> </div>
<div id="cover-upload" class="upload-field uk-placeholder uk-text-center uk-flex uk-flex-middle" data-title-id="<%= title.id %>"> <div class="uk-width-1-2@s">
<div> <div id="cover-upload" class="upload-field uk-placeholder uk-text-center uk-flex uk-flex-middle" data-title-id="<%= title.id %>">
<span uk-icon="icon: cloud-upload"></span> <div>
<span class="uk-text-middle">Upload a cover image by dropping it here or</span> <span uk-icon="icon: cloud-upload"></span>
<div uk-form-custom> <span class="uk-text-middle">Upload a cover image by dropping it here or</span>
<input type="file" accept="image/*"> <div uk-form-custom>
<span class="uk-link">selecting one</span> <input type="file" accept="image/*">
<span class="uk-link">selecting one</span>
</div>
</div> </div>
</div> </div>
</div>
</div>
</div> </div>
<progress id="upload-progress" class="uk-progress" value="0" max="100" hidden></progress>
</div>
<div id="title-progress-control" hidden>
<label class="uk-form-label">Progress</label>
<p class="uk-margin-remove-vertical">
<button id="read-btn" class="uk-button uk-button-default" onclick="updateProgress('<%= title.id %>', null, 1)">Mark all as read (100%)</button>
<button id="unread-btn" class="uk-button uk-button-default" onclick="updateProgress('<%= title.id %>', null, 0)">Mark all as unread (0%)</button>
</p>
</div> </div>
<progress id="upload-progress" class="uk-progress" value="0" max="100" hidden></progress>
</div> </div>
</div> </div>
</div> </div>