Backups/Mango
1
0
Fork 0
mirror of https://github.com/hkalexling/Mango.git synced 2026-03-20 00:00:48 -04:00
Code Issues Projects Releases Wiki Activity

- option to resume/start from beginning at the title view

Browse Source 
- option to toggle read/unread status at the title view
- move all embeded JS to public/
This commit is contained in:
Alex Ling
2020-02-16 03:19:29 +00:00
parent 08a1052ca4
commit 93e6d7cae6
9 changed files with 176 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/views/admin.ecr
View File

@@ -14,31 +14,5 @@
<a class="uk-button uk-button-danger" href="/logout">Log Out</a>
<% content_for "script" do %>
<script>
var scanning = false
function scan() {
scanning = true
$('#scan-status > div').removeAttr('hidden');
$('#scan-status > span').attr('hidden', '');
var color = $('#scan').css('color');
$('#scan').css('color', 'gray');
$.post('/api/admin/scan', function (data) {
var ms = data.milliseconds;
var titles = data.titles;
$('#scan-status > span').text('Scanned ' + titles + ' titles in ' + ms + 'ms');
$('#scan-status > span').removeAttr('hidden');
$('#scan').css('color', color);
$('#scan-status > div').attr('hidden', '');
scanning = false;
});
}
$(function() {
$('li').click(function() {
url = $(this).attr('data-url');
if (url) {
$(location).attr('href', url)
}
});
});
</script>
<script src="/js/admin.js"></script>
<% end %>

48
src/views/title.ecr
View File

@@ -1,19 +1,47 @@
<div id="alert"></div>
<h2 class=uk-title><%= title.title %></h2>
<p class="uk-text-meta"><%= title.entries.size %> entries found</p>
<div class="uk-child-width-1-4@m uk-child-width-1-2" uk-grid>
<%- title.entries.each_with_index do |e, i| -%>
<div>
<a class="acard" href="/reader/<%= title.title %>/<%= e.title %>">
<div class="uk-card uk-card-default">
<div class="uk-card-media-top">
<img src="<%= e.cover_url %>" alt="">
</div>
<div class="uk-card-body">
<div class="uk-card-badge uk-label"><%= (percentage[i] * 100).round(1) %>%</div>
<h3 class="uk-card-title"><%= e.title %></h3>
</div>
</div>
<a class="acard">
<div class="uk-card uk-card-default" onclick="showModal('<%= e.title %>', '<%= e.zip_path %>', '<%= e.pages %>', <%= (percentage[i] * 100).round(1) %>, '<%= title.title %>', '<%= e.title %>')">
<div class="uk-card-media-top">
<img src="<%= e.cover_url %>" alt="">
</div>
<div class="uk-card-body">
<div class="uk-card-badge uk-label"><%= (percentage[i] * 100).round(1) %>%</div>
<h3 class="uk-card-title"><%= e.title %></h3>
</div>
</div>
</a>
</div>
<%- end -%>
</div>
<div id="modal" class="uk-flex-top" uk-modal>
<div class="uk-modal-dialog uk-margin-auto-vertical">
<button class="uk-modal-close-default" type="button" uk-close></button>
<div class="uk-modal-header">
<h3 class="uk-modal-title" id="modal-title"></h3>
<p class="uk-text-meta" id="path-text" style="margin-bottom:0"></p>
<p class="uk-text-meta" id="pages-text" style="margin-top:0"></p>
</div>
<div class="uk-modal-body">
<p>Read</p>
<p uk-margin>
<a id="beginning-btn" class="uk-button uk-button-default">From beginning</a>
<a id="continue-btn" class="uk-button uk-button-primary"></a>
</p>
<p>Progress</p>
<p uk-margin>
<button id="read-btn" class="uk-button uk-button-default">Mark as read (100%)</button>
<button id="unread-btn" class="uk-button uk-button-default">Mark as unread (0%)</button>
</p>
</div>
</div>
</div>
<% content_for "script" do %>
<script src="/js/title.js"></script>
<% end %>

28
src/views/user-edit.ecr
View File

@@ -40,28 +40,16 @@
<input type="submit" value="Save" class="uk-button uk-button-primary">
</form>
<% content_for "script" do %>
<script>
$(function(){
var target = '/admin/user/edit';
<%- if !new_user -%>
target += '/<%= username %>';
<%- end -%>
$('form').attr('action', target);
function alert(level, text) {
hideAlert();
var html = '<div class="uk-alert-' + level + '" uk-alert><a class="uk-alert-close" uk-close></a><p>' + text + '</p></div>';
$('#alert').append(html);
}
function hideAlert() {
$('#alert').empty();
}
var username;
var error;
<%- if !new_user -%>
username = '/<%= username %>';
<%- end -%>
<%- if error -%>
alert('danger', '<%= error %>');
<%- end -%>
});
error = '<%= error %>';
<%- end -%>
</script>
<script src="/js/user-edit.js"></script>
<% end %>

22
src/views/user.ecr
View File

@@ -27,25 +27,5 @@
<% content_for "script" do %>
<script>
function alert(level, text) {
hideAlert();
var html = '<div class="uk-alert-' + level + '" uk-alert><a class="uk-alert-close" uk-close></a><p>' + text + '</p></div>';
$('#alert').append(html);
}
function hideAlert() {
$('#alert').empty();
}
function remove(username) {
$.post('/api/admin/user/delete/' + username, function(data) {
if (data.success) {
location.reload();
}
else {
error = data.error;
alert('danger', error);
}
});
}
</script>
<script src="/js/user.js"></script>
<% end %>