mirror of
https://github.com/hkalexling/Mango.git
synced 2025-08-03 03:15:31 -04:00
Format HTML files with html-beautify
This commit is contained in:
Alex Ling
parent
d2f95e5970
commit
9c367e7d35
@ -15,4 +15,4 @@
|
|||||||
|
|
||||||
<% content_for "script" do %>
|
<% content_for "script" do %>
|
||||||
<script src="<%= base_url %>js/admin.js"></script>
|
<script src="<%= base_url %>js/admin.js"></script>
|
||||||
<% end %>
|
<% end %>
|
||||||
@ -1,32 +1,32 @@
|
|||||||
<div class="uk-margin">
|
<div class="uk-margin">
|
||||||
<div id="actions" class="uk-margin">
|
<div id="actions" class="uk-margin">
|
||||||
<button class="uk-button uk-button-default" onclick="remove()">Delete Completed Tasks</button>
|
<button class="uk-button uk-button-default" onclick="remove()">Delete Completed Tasks</button>
|
||||||
<button class="uk-button uk-button-default" onclick="refresh()">Retry Failed Tasks</button>
|
<button class="uk-button uk-button-default" onclick="refresh()">Retry Failed Tasks</button>
|
||||||
<button class="uk-button uk-button-default" onclick="load()">Refresh Queue</button>
|
<button class="uk-button uk-button-default" onclick="load()">Refresh Queue</button>
|
||||||
<button class="uk-button uk-button-default" onclick="toggle()" id="pause-resume-btn" hidden></button>
|
<button class="uk-button uk-button-default" onclick="toggle()" id="pause-resume-btn" hidden></button>
|
||||||
</div>
|
</div>
|
||||||
<div id="config" class="uk-margin">
|
<div id="config" class="uk-margin">
|
||||||
<label><input id="auto-refresh" class="uk-checkbox" type="checkbox" checked> Auto Refresh</label>
|
<label><input id="auto-refresh" class="uk-checkbox" type="checkbox" checked> Auto Refresh</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<table class="uk-table uk-table-striped uk-overflow-auto">
|
<table class="uk-table uk-table-striped uk-overflow-auto">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Chapter</th>
|
<th>Chapter</th>
|
||||||
<th>Manga</th>
|
<th>Manga</th>
|
||||||
<th>Progress</th>
|
<th>Progress</th>
|
||||||
<th>Time</th>
|
<th>Time</th>
|
||||||
<th>Status</th>
|
<th>Status</th>
|
||||||
<th>Actions</th>
|
<th>Actions</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<% content_for "script" do %>
|
<% content_for "script" do %>
|
||||||
<script>
|
<script>
|
||||||
var baseURL = "<%= mangadex_base_url %>".replace(/\/$/, "");
|
var baseURL = "<%= mangadex_base_url %>".replace(/\/$/, "");
|
||||||
</script>
|
</script>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
|
||||||
<script src="<%= base_url %>js/alert.js"></script>
|
<script src="<%= base_url %>js/alert.js"></script>
|
||||||
<script src="<%= base_url %>js/download-manager.js"></script>
|
<script src="<%= base_url %>js/download-manager.js"></script>
|
||||||
<% end %>
|
<% end %>
|
||||||
@ -1,83 +1,83 @@
|
|||||||
<h2 class=uk-title>Download from MangaDex</h2>
|
<h2 class=uk-title>Download from MangaDex</h2>
|
||||||
<div class="uk-grid-small" uk-grid>
|
<div class="uk-grid-small" uk-grid>
|
||||||
<div class="uk-width-3-4">
|
<div class="uk-width-3-4">
|
||||||
<input id="search-input" class="uk-input" type="text" placeholder="MangaDex manga ID or URL">
|
<input id="search-input" class="uk-input" type="text" placeholder="MangaDex manga ID or URL">
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-width-1-4">
|
<div class="uk-width-1-4">
|
||||||
<div id="spinner" uk-spinner class="uk-align-center" hidden></div>
|
<div id="spinner" uk-spinner class="uk-align-center" hidden></div>
|
||||||
<button id="search-btn" class="uk-button uk-button-default" onclick="search()">Search</button>
|
<button id="search-btn" class="uk-button uk-button-default" onclick="search()">Search</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class"uk-grid-small" uk-grid hidden id="manga-details">
|
<div class"uk-grid-small" uk-grid hidden id="manga-details">
|
||||||
<div class="uk-width-1-4@s">
|
<div class="uk-width-1-4@s">
|
||||||
<img id="cover">
|
<img id="cover">
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-width-1-4@s">
|
<div class="uk-width-1-4@s">
|
||||||
<p id="title"></p>
|
<p id="title"></p>
|
||||||
<p id="artist"></p>
|
<p id="artist"></p>
|
||||||
<p id="author"></p>
|
<p id="author"></p>
|
||||||
</div>
|
</div>
|
||||||
<div id="filter-form" class="uk-form-stacked uk-width-1-2@s" hidden>
|
<div id="filter-form" class="uk-form-stacked uk-width-1-2@s" hidden>
|
||||||
<p class="uk-text-lead uk-margin-remove-bottom">Filter Chapters</p>
|
<p class="uk-text-lead uk-margin-remove-bottom">Filter Chapters</p>
|
||||||
<p class="uk-text-meta uk-margin-remove-top" id="count-text"></p>
|
<p class="uk-text-meta uk-margin-remove-top" id="count-text"></p>
|
||||||
<div class="uk-margin">
|
<div class="uk-margin">
|
||||||
<label class="uk-form-label" for="lang-select">Language</label>
|
<label class="uk-form-label" for="lang-select">Language</label>
|
||||||
<div class="uk-form-controls">
|
<div class="uk-form-controls">
|
||||||
<select class="uk-select filter-field" id="lang-select">
|
<select class="uk-select filter-field" id="lang-select">
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-margin">
|
<div class="uk-margin">
|
||||||
<label class="uk-form-label" for="group-select">Group</label>
|
<label class="uk-form-label" for="group-select">Group</label>
|
||||||
<div class="uk-form-controls">
|
<div class="uk-form-controls">
|
||||||
<select class="uk-select filter-field" id="group-select">
|
<select class="uk-select filter-field" id="group-select">
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-margin">
|
<div class="uk-margin">
|
||||||
<label class="uk-form-label" for="volume-range">Volume</label>
|
<label class="uk-form-label" for="volume-range">Volume</label>
|
||||||
<div class="uk-form-controls">
|
<div class="uk-form-controls">
|
||||||
<input class="uk-input filter-field" type="text" id="volume-range" placeholder="e.g., 127, 10-14, >30, <=212, or leave it empty.">
|
<input class="uk-input filter-field" type="text" id="volume-range" placeholder="e.g., 127, 10-14, >30, <=212, or leave it empty.">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-margin">
|
<div class="uk-margin">
|
||||||
<label class="uk-form-label" for="chapter-range">Chapter</label>
|
<label class="uk-form-label" for="chapter-range">Chapter</label>
|
||||||
<div class="uk-form-controls">
|
<div class="uk-form-controls">
|
||||||
<input class="uk-input filter-field" type="text" id="chapter-range" placeholder="e.g., 127, 10-14, >30, <=212, or leave it empty.">
|
<input class="uk-input filter-field" type="text" id="chapter-range" placeholder="e.g., 127, 10-14, >30, <=212, or leave it empty.">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="selection-controls" class="uk-margin" hidden>
|
<div id="selection-controls" class="uk-margin" hidden>
|
||||||
<div class="uk-margin">
|
<div class="uk-margin">
|
||||||
<button class="uk-button uk-button-default" onclick="selectAll()">Select All</button>
|
<button class="uk-button uk-button-default" onclick="selectAll()">Select All</button>
|
||||||
<button class="uk-button uk-button-default" onclick="unselect()">Clear Selections</button>
|
<button class="uk-button uk-button-default" onclick="unselect()">Clear Selections</button>
|
||||||
<button class="uk-button uk-button-primary" id="download-btn" onclick="download()">Download Selected</button>
|
<button class="uk-button uk-button-primary" id="download-btn" onclick="download()">Download Selected</button>
|
||||||
<div id="download-spinner" uk-spinner class="uk-margin-left" hidden></div>
|
<div id="download-spinner" uk-spinner class="uk-margin-left" hidden></div>
|
||||||
</div>
|
</div>
|
||||||
<p class="uk-text-meta">Click on a table row to select the chapter. Drag your mouse over multiple rows to select them all. Hold Ctrl to make multiple non-adjacent selections.</p>
|
<p class="uk-text-meta">Click on a table row to select the chapter. Drag your mouse over multiple rows to select them all. Hold Ctrl to make multiple non-adjacent selections.</p>
|
||||||
</div>
|
</div>
|
||||||
<p id="filter-notification" hidden></p>
|
<p id="filter-notification" hidden></p>
|
||||||
<table class="uk-table uk-table-striped uk-overflow-auto" hidden>
|
<table class="uk-table uk-table-striped uk-overflow-auto" hidden>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>ID</th>
|
<th>ID</th>
|
||||||
<th>Title</th>
|
<th>Title</th>
|
||||||
<th>Language</th>
|
<th>Language</th>
|
||||||
<th>Group</th>
|
<th>Group</th>
|
||||||
<th>Volume</th>
|
<th>Volume</th>
|
||||||
<th>Chapter</th>
|
<th>Chapter</th>
|
||||||
<th>Timestamp</th>
|
<th>Timestamp</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<% content_for "script" do %>
|
<% content_for "script" do %>
|
||||||
<script>
|
<script>
|
||||||
var baseURL = "<%= mangadex_base_url %>".replace(/\/$/, "");
|
var baseURL = "<%= mangadex_base_url %>".replace(/\/$/, "");
|
||||||
</script>
|
</script>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
|
||||||
<script src="<%= base_url %>js/alert.js"></script>
|
<script src="<%= base_url %>js/alert.js"></script>
|
||||||
<script src="<%= base_url %>js/download.js"></script>
|
<script src="<%= base_url %>js/download.js"></script>
|
||||||
<% end %>
|
<% end %>
|
||||||
@ -1,43 +1,43 @@
|
|||||||
<h2 class=uk-title>Library</h2>
|
<h2 class=uk-title>Library</h2>
|
||||||
<p class="uk-text-meta"><%= titles.size %> titles found</p>
|
<p class="uk-text-meta"><%= titles.size %> titles found</p>
|
||||||
<div class="uk-grid-small" uk-grid>
|
<div class="uk-grid-small" uk-grid>
|
||||||
<div class="uk-margin-bottom uk-width-3-4@s">
|
<div class="uk-margin-bottom uk-width-3-4@s">
|
||||||
<form class="uk-search uk-search-default">
|
<form class="uk-search uk-search-default">
|
||||||
<span uk-search-icon></span>
|
<span uk-search-icon></span>
|
||||||
<input class="uk-search-input" type="search" placeholder="Search">
|
<input class="uk-search-input" type="search" placeholder="Search">
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-margin-bottom uk-width-1-4@s">
|
<div class="uk-margin-bottom uk-width-1-4@s">
|
||||||
<div class="uk-form-horizontal">
|
<div class="uk-form-horizontal">
|
||||||
<select class="uk-select" id="sort-select">
|
<select class="uk-select" id="sort-select">
|
||||||
<option id="name-up">▲ Name</option>
|
<option id="name-up">▲ Name</option>
|
||||||
<option id="name-down">▼ Name</option>
|
<option id="name-down">▼ Name</option>
|
||||||
<option id="date-up">▲ Date Modified</option>
|
<option id="date-up">▲ Date Modified</option>
|
||||||
<option id="date-down">▼ Date Modified</option>
|
<option id="date-down">▼ Date Modified</option>
|
||||||
<option id="progress-up">▲ Progress</option>
|
<option id="progress-up">▲ Progress</option>
|
||||||
<option id="progress-down">▼ Progress</option>
|
<option id="progress-down">▼ Progress</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="item-container" class="uk-child-width-1-4@m uk-child-width-1-2" uk-grid>
|
<div id="item-container" class="uk-child-width-1-4@m uk-child-width-1-2" uk-grid>
|
||||||
<%- titles.each_with_index do |t, i| -%>
|
<%- titles.each_with_index do |t, i| -%>
|
||||||
<div class="item" data-mtime="<%= t.mtime.to_unix %>" data-progress="<%= percentage[i] %>">
|
<div class="item" data-mtime="<%= t.mtime.to_unix %>" data-progress="<%= percentage[i] %>">
|
||||||
<a class="acard" href="<%= base_url %>book/<%= t.id %>">
|
<a class="acard" href="<%= base_url %>book/<%= t.id %>">
|
||||||
<div class="uk-card uk-card-default">
|
<div class="uk-card uk-card-default">
|
||||||
<div class="uk-card-media-top">
|
<div class="uk-card-media-top">
|
||||||
<img data-src="<%= t.cover_url %>" data-width data-height alt="" uk-img>
|
<img data-src="<%= t.cover_url %>" data-width data-height alt="" uk-img>
|
||||||
</div>
|
|
||||||
<div class="uk-card-body">
|
|
||||||
<%- if t.entries.size > 0 -%>
|
|
||||||
<div class="uk-card-badge uk-label"><%= (percentage[i] * 100).round(1) %>%</div>
|
|
||||||
<%- end -%>
|
|
||||||
<h3 class="uk-card-title break-word" data-title="<%= t.display_name.gsub("\"", """) %>"><%= t.display_name %></h3>
|
|
||||||
<p><%= t.size %> entries</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</a>
|
<div class="uk-card-body">
|
||||||
</div>
|
<%- if t.entries.size > 0 -%>
|
||||||
|
<div class="uk-card-badge uk-label"><%= (percentage[i] * 100).round(1) %>%</div>
|
||||||
|
<%- end -%>
|
||||||
|
<h3 class="uk-card-title break-word" data-title="<%= t.display_name.gsub("\"", """) %>"><%= t.display_name %></h3>
|
||||||
|
<p><%= t.size %> entries</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
<%- end -%>
|
<%- end -%>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -46,4 +46,4 @@
|
|||||||
<script src="<%= base_url %>js/dots.js"></script>
|
<script src="<%= base_url %>js/dots.js"></script>
|
||||||
<script src="<%= base_url %>js/search.js"></script>
|
<script src="<%= base_url %>js/search.js"></script>
|
||||||
<script src="<%= base_url %>js/sort-items.js"></script>
|
<script src="<%= base_url %>js/sort-items.js"></script>
|
||||||
<% end %>
|
<% end %>
|
||||||
@ -1,76 +1,78 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="X-UA-Compatible" content="IE=edge">
|
|
||||||
<title>Mango</title>
|
|
||||||
<meta name="description" content="Mango Manga Server">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/css/uikit.min.css" />
|
|
||||||
<link rel="stylesheet" href="<%= base_url %>css/mango.css" />
|
|
||||||
<script defer src="<%= base_url %>js/fontawesome.min.js"></script>
|
|
||||||
<script defer src="<%= base_url %>js/solid.min.js"></script>
|
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
|
||||||
<script src="<%= base_url %>js/theme.js"></script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
<head>
|
||||||
<div class="uk-offcanvas-content">
|
<meta charset="utf-8">
|
||||||
<div class="uk-navbar-container uk-navbar-transparent" uk-navbar="uk-navbar">
|
<meta name="X-UA-Compatible" content="IE=edge">
|
||||||
<div id="mobile-nav" uk-offcanvas="overlay: true">
|
<title>Mango</title>
|
||||||
<div class="uk-offcanvas-bar uk-flex uk-flex-column">
|
<meta name="description" content="Mango Manga Server">
|
||||||
<ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<li><a href="<%= base_url %>">Home</a></li>
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/css/uikit.min.css" />
|
||||||
<% if is_admin %>
|
<link rel="stylesheet" href="<%= base_url %>css/mango.css" />
|
||||||
<li><a href="<%= base_url %>admin">Admin</a></li>
|
<script defer src="<%= base_url %>js/fontawesome.min.js"></script>
|
||||||
<li><a href="<%= base_url %>download">Download</a></li>
|
<script defer src="<%= base_url %>js/solid.min.js"></script>
|
||||||
<% end %>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||||||
<hr uk-divider>
|
<script src="<%= base_url %>js/theme.js"></script>
|
||||||
<li><a onclick="toggleTheme()"><i class="fas fa-adjust"></i></a></li>
|
</head>
|
||||||
<li><a href="<%= base_url %>logout">Logout</a></li>
|
|
||||||
</ul>
|
<body>
|
||||||
</div>
|
<div class="uk-offcanvas-content">
|
||||||
</div>
|
<div class="uk-navbar-container uk-navbar-transparent" uk-navbar="uk-navbar">
|
||||||
</div>
|
<div id="mobile-nav" uk-offcanvas="overlay: true">
|
||||||
</div>
|
<div class="uk-offcanvas-bar uk-flex uk-flex-column">
|
||||||
<div class="uk-position-top">
|
<ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical">
|
||||||
<div class="uk-navbar-container uk-navbar-transparent" uk-navbar="uk-navbar">
|
<li><a href="<%= base_url %>">Home</a></li>
|
||||||
<div class="uk-navbar-left uk-hidden@s">
|
<% if is_admin %>
|
||||||
<div class="uk-navbar-toggle" uk-navbar-toggle-icon="uk-navbar-toggle-icon" uk-toggle="target: #mobile-nav"></div>
|
<li><a href="<%= base_url %>admin">Admin</a></li>
|
||||||
</div>
|
<li><a href="<%= base_url %>download">Download</a></li>
|
||||||
<div class="uk-navbar-left uk-visible@s">
|
<% end %>
|
||||||
<a class="uk-navbar-item uk-logo" href="<%= base_url %>"><img src="<%= base_url %>img/icon.png"></a>
|
<hr uk-divider>
|
||||||
<ul class="uk-navbar-nav">
|
<li><a onclick="toggleTheme()"><i class="fas fa-adjust"></i></a></li>
|
||||||
<li><a href="<%= base_url %>">Home</a></li>
|
<li><a href="<%= base_url %>logout">Logout</a></li>
|
||||||
<% if is_admin %>
|
|
||||||
<li><a href="<%= base_url %>admin">Admin</a></li>
|
|
||||||
<li><a href="<%= base_url %>download">Download</a></li>
|
|
||||||
<% end %>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="uk-navbar-right uk-visible@s">
|
|
||||||
<ul class="uk-navbar-nav">
|
|
||||||
<li><a onclick="toggleTheme()"><i class="fas fa-adjust"></i></a></li>
|
|
||||||
<li><a href="<%= base_url %>logout">Logout</a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-section uk-section-small">
|
</div>
|
||||||
</div>
|
<div class="uk-position-top">
|
||||||
<div class="uk-section uk-section-small">
|
<div class="uk-navbar-container uk-navbar-transparent" uk-navbar="uk-navbar">
|
||||||
<div class="uk-container uk-container-small">
|
<div class="uk-navbar-left uk-hidden@s">
|
||||||
<div id="alert"></div>
|
<div class="uk-navbar-toggle" uk-navbar-toggle-icon="uk-navbar-toggle-icon" uk-toggle="target: #mobile-nav"></div>
|
||||||
<%= content %>
|
</div>
|
||||||
|
<div class="uk-navbar-left uk-visible@s">
|
||||||
|
<a class="uk-navbar-item uk-logo" href="<%= base_url %>"><img src="<%= base_url %>img/icon.png"></a>
|
||||||
|
<ul class="uk-navbar-nav">
|
||||||
|
<li><a href="<%= base_url %>">Home</a></li>
|
||||||
|
<% if is_admin %>
|
||||||
|
<li><a href="<%= base_url %>admin">Admin</a></li>
|
||||||
|
<li><a href="<%= base_url %>download">Download</a></li>
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="uk-navbar-right uk-visible@s">
|
||||||
|
<ul class="uk-navbar-nav">
|
||||||
|
<li><a onclick="toggleTheme()"><i class="fas fa-adjust"></i></a></li>
|
||||||
|
<li><a href="<%= base_url %>logout">Logout</a></li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
</div>
|
||||||
setTheme(getTheme());
|
<div class="uk-section uk-section-small">
|
||||||
const base_url = "<%= base_url %>";
|
</div>
|
||||||
</script>
|
<div class="uk-section uk-section-small">
|
||||||
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit.min.js"></script>
|
<div class="uk-container uk-container-small">
|
||||||
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit-icons.min.js"></script>
|
<div id="alert"></div>
|
||||||
|
<%= content %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
setTheme(getTheme());
|
||||||
|
const base_url = "<%= base_url %>";
|
||||||
|
</script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit.min.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit-icons.min.js"></script>
|
||||||
|
|
||||||
<%= yield_content "script" %>
|
<%= yield_content "script" %>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
|
||||||
|
</html>
|
||||||
@ -1,43 +1,46 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="X-UA-Compatible" content="IE=edge">
|
<meta name="X-UA-Compatible" content="IE=edge">
|
||||||
<title>Mango</title>
|
<title>Mango</title>
|
||||||
<meta name="description" content="Mango Manga Server">
|
<meta name="description" content="Mango Manga Server">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/css/uikit.min.css" />
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/css/uikit.min.css" />
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||||||
<script src="<%= base_url %>js/theme.js"></script>
|
<script src="<%= base_url %>js/theme.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="uk-section uk-flex uk-flex-middle uk-animation-fade" uk-height-viewport="">
|
<div class="uk-section uk-flex uk-flex-middle uk-animation-fade" uk-height-viewport="">
|
||||||
<div class="uk-width-1-1">
|
<div class="uk-width-1-1">
|
||||||
<div class="uk-container">
|
<div class="uk-container">
|
||||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||||
<div class="uk-width-1-1@m">
|
<div class="uk-width-1-1@m">
|
||||||
<div class="uk-margin uk-width-large uk-margin-auto uk-card uk-card-default uk-card-body uk-box-shadow-large">
|
<div class="uk-margin uk-width-large uk-margin-auto uk-card uk-card-default uk-card-body uk-box-shadow-large">
|
||||||
<h3 class="uk-card-title uk-text-center">Log In</h3>
|
<h3 class="uk-card-title uk-text-center">Log In</h3>
|
||||||
<form action="<%= base_url %>login" method="post">
|
<form action="<%= base_url %>login" method="post">
|
||||||
<div class="uk-margin">
|
<div class="uk-margin">
|
||||||
<div class="uk-inline uk-width-1-1"><span class="uk-form-icon" uk-icon="icon:user"></span><input class="uk-input uk-form-large" type="text" name="username"></div>
|
<div class="uk-inline uk-width-1-1"><span class="uk-form-icon" uk-icon="icon:user"></span><input class="uk-input uk-form-large" type="text" name="username"></div>
|
||||||
</div>
|
|
||||||
<div class="uk-margin">
|
|
||||||
<div class="uk-inline uk-width-1-1"><span class="uk-form-icon" uk-icon="icon:lock"></span><input class="uk-input uk-form-large" type="password" name="password"></div>
|
|
||||||
</div>
|
|
||||||
<div class="uk-margin"><button class="uk-button uk-button-primary uk-button-large uk-width-1-1">Login</button></div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="uk-margin">
|
||||||
|
<div class="uk-inline uk-width-1-1"><span class="uk-form-icon" uk-icon="icon:lock"></span><input class="uk-input uk-form-large" type="password" name="password"></div>
|
||||||
|
</div>
|
||||||
|
<div class="uk-margin"><button class="uk-button uk-button-primary uk-button-large uk-width-1-1">Login</button></div>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
</div>
|
||||||
setTheme(getTheme());
|
<script>
|
||||||
</script>
|
setTheme(getTheme());
|
||||||
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit.min.js"></script>
|
</script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit-icons.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit.min.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit-icons.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
|
||||||
|
</html>
|
||||||
@ -1 +1 @@
|
|||||||
<p class="uk-text-lead uk-text-center"><%= message %></p>
|
<p class="uk-text-lead uk-text-center"><%= message %></p>
|
||||||
@ -1,68 +1,70 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html class="reader-bg">
|
<html class="reader-bg">
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="X-UA-Compatible" content="IE=edge">
|
|
||||||
<title>Mango</title>
|
|
||||||
<meta name="description" content="Mango Manga Server">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/css/uikit.min.css" />
|
|
||||||
<link rel="stylesheet" href="<%= base_url %>css/mango.css" />
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
<head>
|
||||||
<script src="<%= base_url %>js/theme.js"></script>
|
<meta charset="utf-8">
|
||||||
<div class="uk-section uk-section-default uk-section-small reader-bg">
|
<meta name="X-UA-Compatible" content="IE=edge">
|
||||||
<div class="uk-container uk-container-small">
|
<title>Mango</title>
|
||||||
<%- urls.each_with_index do |url, i| -%>
|
<meta name="description" content="Mango Manga Server">
|
||||||
<img class="uk-align-center" data-src="<%= url %>" data-width data-height uk-img id="<%= reader_urls[i] %>" onclick="showControl(<%= pages.to_a[i] %>);">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<%- end -%>
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/css/uikit.min.css" />
|
||||||
<%- if next_url -%>
|
<link rel="stylesheet" href="<%= base_url %>css/mango.css" />
|
||||||
<a class="next-url" href="<%= next_url %>"></a>
|
</head>
|
||||||
<%- end -%>
|
|
||||||
</div>
|
<body>
|
||||||
<%- if next_entry_url -%>
|
<script src="<%= base_url %>js/theme.js"></script>
|
||||||
<button id="next-btn" class="uk-align-center uk-button uk-button-primary" hidden onclick="redirect('<%= next_entry_url %>')">Next Entry</button>
|
<div class="uk-section uk-section-default uk-section-small reader-bg">
|
||||||
<%- else -%>
|
<div class="uk-container uk-container-small">
|
||||||
<button id="next-btn" class="uk-align-center uk-button uk-button-primary" hidden onclick="redirect('<%= exit_url %>')">Exit Reader</button>
|
<%- urls.each_with_index do |url, i| -%>
|
||||||
|
<img class="uk-align-center" data-src="<%= url %>" data-width data-height uk-img id="<%= reader_urls[i] %>" onclick="showControl(<%= pages.to_a[i] %>);">
|
||||||
|
<%- end -%>
|
||||||
|
<%- if next_url -%>
|
||||||
|
<a class="next-url" href="<%= next_url %>"></a>
|
||||||
<%- end -%>
|
<%- end -%>
|
||||||
</div>
|
</div>
|
||||||
|
<%- if next_entry_url -%>
|
||||||
|
<button id="next-btn" class="uk-align-center uk-button uk-button-primary" hidden onclick="redirect('<%= next_entry_url %>')">Next Entry</button>
|
||||||
|
<%- else -%>
|
||||||
|
<button id="next-btn" class="uk-align-center uk-button uk-button-primary" hidden onclick="redirect('<%= exit_url %>')">Exit Reader</button>
|
||||||
|
<%- end -%>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="hidden" hidden></div>
|
<div id="hidden" hidden></div>
|
||||||
|
|
||||||
<div id="modal-sections" class="uk-flex-top" uk-modal>
|
<div id="modal-sections" class="uk-flex-top" uk-modal>
|
||||||
<div class="uk-modal-dialog uk-margin-auto-vertical">
|
<div class="uk-modal-dialog uk-margin-auto-vertical">
|
||||||
<button class="uk-modal-close-default" type="button" uk-close></button>
|
<button class="uk-modal-close-default" type="button" uk-close></button>
|
||||||
<div class="uk-modal-header">
|
<div class="uk-modal-header">
|
||||||
<h3 class="uk-modal-title">Options</h3>
|
<h3 class="uk-modal-title">Options</h3>
|
||||||
|
</div>
|
||||||
|
<div class="uk-modal-body">
|
||||||
|
<div class="uk-margin">
|
||||||
|
<p id="progress-label"></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-modal-body">
|
<div class="uk-margin">
|
||||||
<div class="uk-margin">
|
<label class="uk-form-label" for="form-stacked-select">Jump to page</label>
|
||||||
<p id="progress-label"></p>
|
<div class="uk-form-controls">
|
||||||
</div>
|
<select id="page-select" class="uk-select">
|
||||||
<div class="uk-margin">
|
<%- (1..entry.pages).each do |p| -%>
|
||||||
<label class="uk-form-label" for="form-stacked-select">Jump to page</label>
|
<option value="<%= p %>"><%= p %></option>
|
||||||
<div class="uk-form-controls">
|
<%- end -%>
|
||||||
<select id="page-select" class="uk-select">
|
</select>
|
||||||
<%- (1..entry.pages).each do |p| -%>
|
|
||||||
<option value="<%= p %>"><%= p %></option>
|
|
||||||
<%- end -%>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-modal-footer uk-text-right">
|
</div>
|
||||||
<button class="uk-button uk-button-danger" type="button" onclick="redirect('<%= exit_url %>')">Exit Reader</button>
|
<div class="uk-modal-footer uk-text-right">
|
||||||
</div>
|
<button class="uk-button uk-button-danger" type="button" onclick="redirect('<%= exit_url %>')">Exit Reader</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
</div>
|
||||||
const base_url = "<%= base_url %>"
|
<script>
|
||||||
</script>
|
const base_url = "<%= base_url %>"
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
</script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit-icons.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit.min.js"></script>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit-icons.min.js"></script>
|
||||||
<script src="<%= base_url %>js/reader.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script>
|
||||||
</body>
|
<script src="<%= base_url %>js/reader.js"></script>
|
||||||
</html>
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -1,72 +1,72 @@
|
|||||||
<div>
|
<div>
|
||||||
<h2 class=uk-title><span><%= title.display_name %></span>
|
<h2 class=uk-title><span><%= title.display_name %></span>
|
||||||
|
|
||||||
<% 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>
|
||||||
<% end %>
|
<% end %>
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
<ul class="uk-breadcrumb">
|
<ul class="uk-breadcrumb">
|
||||||
<li><a href="<%= base_url %>">Library</a></li>
|
<li><a href="<%= base_url %>">Library</a></li>
|
||||||
<%- title.parents.each do |t| -%>
|
<%- title.parents.each do |t| -%>
|
||||||
<li><a href="<%= base_url %>book/<%= t.id %>"><%= t.display_name %></a></li>
|
<li><a href="<%= base_url %>book/<%= t.id %>"><%= t.display_name %></a></li>
|
||||||
<%- end -%>
|
<%- end -%>
|
||||||
<li class="uk-disabled"><a><%= title.display_name %></a></li>
|
<li class="uk-disabled"><a><%= title.display_name %></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<p class="uk-text-meta"><%= title.size %> entries found</p>
|
<p class="uk-text-meta"><%= title.size %> entries found</p>
|
||||||
<div class="uk-grid-small" uk-grid>
|
<div class="uk-grid-small" uk-grid>
|
||||||
<div class="uk-margin-bottom uk-width-3-4@s">
|
<div class="uk-margin-bottom uk-width-3-4@s">
|
||||||
<form class="uk-search uk-search-default">
|
<form class="uk-search uk-search-default">
|
||||||
<span uk-search-icon></span>
|
<span uk-search-icon></span>
|
||||||
<input class="uk-search-input" type="search" placeholder="Search">
|
<input class="uk-search-input" type="search" placeholder="Search">
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-margin-bottom uk-width-1-4@s">
|
<div class="uk-margin-bottom uk-width-1-4@s">
|
||||||
<div class="uk-form-horizontal">
|
<div class="uk-form-horizontal">
|
||||||
<select class="uk-select" id="sort-select">
|
<select class="uk-select" id="sort-select">
|
||||||
<option id="auto-up">▲ Auto</option>
|
<option id="auto-up">▲ Auto</option>
|
||||||
<option id="auto-down">▼ Auto</option>
|
<option id="auto-down">▼ Auto</option>
|
||||||
<option id="name-up">▲ Name</option>
|
<option id="name-up">▲ Name</option>
|
||||||
<option id="name-down">▼ Name</option>
|
<option id="name-down">▼ Name</option>
|
||||||
<option id="date-up">▲ Date Modified</option>
|
<option id="date-up">▲ Date Modified</option>
|
||||||
<option id="date-down">▼ Date Modified</option>
|
<option id="date-down">▼ Date Modified</option>
|
||||||
<option id="progress-up">▲ Progress</option>
|
<option id="progress-up">▲ Progress</option>
|
||||||
<option id="progress-down">▼ Progress</option>
|
<option id="progress-down">▼ Progress</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="item-container" class="uk-child-width-1-4@m uk-child-width-1-2" uk-grid>
|
<div id="item-container" class="uk-child-width-1-4@m uk-child-width-1-2" uk-grid>
|
||||||
<%- title.titles.each_with_index do |t, i| -%>
|
<%- title.titles.each_with_index do |t, i| -%>
|
||||||
<div class="item" data-mtime="<%= t.mtime.to_unix %>" data-progress="0.0">
|
<div class="item" data-mtime="<%= t.mtime.to_unix %>" data-progress="0.0">
|
||||||
<a class="acard" href="<%= base_url %>book/<%= t.id %>">
|
<a class="acard" href="<%= base_url %>book/<%= t.id %>">
|
||||||
<div class="uk-card uk-card-default">
|
<div class="uk-card uk-card-default">
|
||||||
<div class="uk-card-media-top">
|
<div class="uk-card-media-top">
|
||||||
<img data-src="<%= t.cover_url %>" data-width data-height alt="" uk-img>
|
<img data-src="<%= t.cover_url %>" data-width data-height alt="" uk-img>
|
||||||
</div>
|
|
||||||
<div class="uk-card-body">
|
|
||||||
<h3 class="uk-card-title break-word" data-title="<%= t.display_name.gsub("\"", """) %>"><%= t.display_name %></h3>
|
|
||||||
<p><%= t.size %> entries</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</a>
|
<div class="uk-card-body">
|
||||||
</div>
|
<h3 class="uk-card-title break-word" data-title="<%= t.display_name.gsub("\"", """) %>"><%= t.display_name %></h3>
|
||||||
<%- end -%>
|
<p><%= t.size %> entries</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<%- end -%>
|
||||||
<%- title.entries.each_with_index do |e, i| -%>
|
<%- title.entries.each_with_index do |e, i| -%>
|
||||||
<div class="item" data-mtime="<%= e.mtime.to_unix %>" data-progress="<%= percentage[i] %>" id="<%= e.id %>">
|
<div class="item" data-mtime="<%= e.mtime.to_unix %>" data-progress="<%= percentage[i] %>" id="<%= e.id %>">
|
||||||
<a class="acard">
|
<a class="acard">
|
||||||
<div class="uk-card uk-card-default" onclick="showModal("<%= e.encoded_path %>", '<%= e.pages %>', <%= (percentage[i] * 100).round(1) %>, "<%= title.encoded_display_name %>", "<%= e.encoded_display_name %>", '<%= e.title_id %>', '<%= e.id %>')">
|
<div class="uk-card uk-card-default" onclick="showModal("<%= e.encoded_path %>", '<%= e.pages %>', <%= (percentage[i] * 100).round(1) %>, "<%= title.encoded_display_name %>", "<%= e.encoded_display_name %>", '<%= e.title_id %>', '<%= e.id %>')">
|
||||||
<div class="uk-card-media-top">
|
<div class="uk-card-media-top">
|
||||||
<img data-src="<%= e.cover_url %>" alt="" data-width data-height uk-img>
|
<img data-src="<%= e.cover_url %>" alt="" data-width data-height uk-img>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-card-body">
|
<div class="uk-card-body">
|
||||||
<div class="uk-card-badge uk-label"><%= (percentage[i] * 100).round(1) %>%</div>
|
<div class="uk-card-badge uk-label"><%= (percentage[i] * 100).round(1) %>%</div>
|
||||||
<h3 class="uk-card-title break-word" data-title="<%= e.display_name.gsub("\"", """) %>"><%= e.display_name %></h3>
|
<h3 class="uk-card-title break-word" data-title="<%= e.display_name.gsub("\"", """) %>"><%= e.display_name %></h3>
|
||||||
<p><%= e.pages %> pages</p>
|
<p><%= e.pages %> pages</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<%- end -%>
|
<%- end -%>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -74,14 +74,14 @@
|
|||||||
<div class="uk-modal-dialog uk-margin-auto-vertical">
|
<div class="uk-modal-dialog uk-margin-auto-vertical">
|
||||||
<button class="uk-modal-close-default" type="button" uk-close></button>
|
<button class="uk-modal-close-default" type="button" uk-close></button>
|
||||||
<div class="uk-modal-header">
|
<div class="uk-modal-header">
|
||||||
<div>
|
<div>
|
||||||
<h3 class="uk-modal-title break-word" id="modal-title"><span></span>
|
<h3 class="uk-modal-title break-word" id="modal-title"><span></span>
|
||||||
|
|
||||||
<% if is_admin %>
|
<% if is_admin %>
|
||||||
<a class="uk-icon-button" uk-icon="icon:pencil"></a>
|
<a class="uk-icon-button" uk-icon="icon:pencil"></a>
|
||||||
<% end %>
|
<% end %>
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<p class="uk-text-meta uk-margin-remove-bottom break-word" id="path-text"></p>
|
<p class="uk-text-meta uk-margin-remove-bottom break-word" id="path-text"></p>
|
||||||
<p class="uk-text-meta uk-margin-remove-top" id="pages-text"></p>
|
<p class="uk-text-meta uk-margin-remove-top" id="pages-text"></p>
|
||||||
</div>
|
</div>
|
||||||
@ -104,47 +104,47 @@
|
|||||||
<div class="uk-modal-dialog uk-margin-auto-vertical">
|
<div class="uk-modal-dialog uk-margin-auto-vertical">
|
||||||
<button class="uk-modal-close-default" type="button" uk-close></button>
|
<button class="uk-modal-close-default" type="button" uk-close></button>
|
||||||
<div class="uk-modal-header">
|
<div class="uk-modal-header">
|
||||||
<div>
|
<div>
|
||||||
<h3 class="uk-modal-title break-word" id="modal-title">Edit</h3>
|
<h3 class="uk-modal-title break-word" id="modal-title">Edit</h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-modal-body">
|
<div class="uk-modal-body">
|
||||||
<div class="uk-margin">
|
<div class="uk-margin">
|
||||||
<label class="uk-form-label" for="display-name">Display Name</label>
|
<label class="uk-form-label" for="display-name">Display Name</label>
|
||||||
<div class="uk-inline">
|
<div class="uk-inline">
|
||||||
<a class="uk-form-icon uk-form-icon-flip" uk-icon="icon:check"></a>
|
<a class="uk-form-icon uk-form-icon-flip" uk-icon="icon:check"></a>
|
||||||
<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">
|
<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">
|
||||||
<div class="uk-width-1-2@s">
|
<div class="uk-width-1-2@s">
|
||||||
<img id="cover" data-title-cover="<%= title.cover_url %>" alt="" data-width data-height uk-img>
|
<img id="cover" data-title-cover="<%= title.cover_url %>" alt="" data-width data-height uk-img>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-width-1-2@s">
|
<div class="uk-width-1-2@s">
|
||||||
<div id="cover-upload" class="upload-field uk-placeholder uk-text-center uk-flex uk-flex-middle" data-title-id="<%= title.id %>">
|
<div id="cover-upload" class="upload-field uk-placeholder uk-text-center uk-flex uk-flex-middle" data-title-id="<%= title.id %>">
|
||||||
<div>
|
<div>
|
||||||
<span uk-icon="icon: cloud-upload"></span>
|
<span uk-icon="icon: cloud-upload"></span>
|
||||||
<span class="uk-text-middle">Upload a cover image by dropping it here or</span>
|
<span class="uk-text-middle">Upload a cover image by dropping it here or</span>
|
||||||
<div uk-form-custom>
|
<div uk-form-custom>
|
||||||
<input type="file" accept="image/jpeg, image/png">
|
<input type="file" accept="image/jpeg, image/png">
|
||||||
<span class="uk-link">selecting one</span>
|
<span class="uk-link">selecting one</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<progress id="upload-progress" class="uk-progress" value="0" max="100" hidden></progress>
|
<progress id="upload-progress" class="uk-progress" value="0" max="100" hidden></progress>
|
||||||
</div>
|
</div>
|
||||||
<div id="title-progress-control" hidden>
|
<div id="title-progress-control" hidden>
|
||||||
<label class="uk-form-label">Progress</label>
|
<label class="uk-form-label">Progress</label>
|
||||||
<p class="uk-margin-remove-vertical">
|
<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="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>
|
<button id="unread-btn" class="uk-button uk-button-default" onclick="updateProgress('<%= title.id %>', null, 0)">Mark all as unread (0%)</button>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -156,4 +156,4 @@
|
|||||||
<script src="<%= base_url %>js/title.js"></script>
|
<script src="<%= base_url %>js/title.js"></script>
|
||||||
<script src="<%= base_url %>js/search.js"></script>
|
<script src="<%= base_url %>js/search.js"></script>
|
||||||
<script src="<%= base_url %>js/sort-items.js"></script>
|
<script src="<%= base_url %>js/sort-items.js"></script>
|
||||||
<% end %>
|
<% end %>
|
||||||
@ -2,11 +2,7 @@
|
|||||||
|
|
||||||
<div class="uk-margin">
|
<div class="uk-margin">
|
||||||
<label class="uk-form-label" for="form-stacked-text">Username</label>
|
<label class="uk-form-label" for="form-stacked-text">Username</label>
|
||||||
<input class="uk-input" type="text" name="username"
|
<input class="uk-input" type="text" name="username" <%- if username -%> value=<%= username %> <%- end -%>>
|
||||||
<%- if username -%>
|
|
||||||
value=<%= username %>
|
|
||||||
<%- end -%>
|
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
<%- if new_user -%>
|
<%- if new_user -%>
|
||||||
<div class="uk-margin">
|
<div class="uk-margin">
|
||||||
@ -16,11 +12,7 @@
|
|||||||
<%- end -%>
|
<%- end -%>
|
||||||
<div class="uk-margin">
|
<div class="uk-margin">
|
||||||
<label class="uk-form-label" for="form-stacked-text">Admin Access</label>
|
<label class="uk-form-label" for="form-stacked-text">Admin Access</label>
|
||||||
<input class="uk-checkbox" type="checkbox" name="admin"
|
<input class="uk-checkbox" type="checkbox" name="admin" <%- if admin == true -%> checked <%- end -%>>
|
||||||
<%- if admin == true -%>
|
|
||||||
checked
|
|
||||||
<%- end -%>
|
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<%- if !new_user -%>
|
<%- if !new_user -%>
|
||||||
@ -43,12 +35,12 @@
|
|||||||
var username;
|
var username;
|
||||||
var error;
|
var error;
|
||||||
<%- if !new_user -%>
|
<%- if !new_user -%>
|
||||||
username = '/<%= username %>';
|
username = '/<%= username %>';
|
||||||
<%- end -%>
|
<%- end -%>
|
||||||
<%- if error -%>
|
<%- if error -%>
|
||||||
error = '<%= error %>';
|
error = '<%= error %>';
|
||||||
<%- end -%>
|
<%- end -%>
|
||||||
</script>
|
</script>
|
||||||
<script src="<%= base_url %>js/alert.js"></script>
|
<script src="<%= base_url %>js/alert.js"></script>
|
||||||
<script src="<%= base_url %>js/user-edit.js"></script>
|
<script src="<%= base_url %>js/user-edit.js"></script>
|
||||||
<% end %>
|
<% end %>
|
||||||
@ -8,16 +8,16 @@
|
|||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<%- users.each do |u| -%>
|
<%- users.each do |u| -%>
|
||||||
<tr>
|
<tr>
|
||||||
<td><%= u[0] %></td>
|
<td><%= u[0] %></td>
|
||||||
<td><%= u[1] %></td>
|
<td><%= u[1] %></td>
|
||||||
<td>
|
<td>
|
||||||
<a href="<%= base_url %>admin/user/edit?username=<%= u[0] %>&admin=<%= u[1] %>" uk-icon="file-edit"></a>
|
<a href="<%= base_url %>admin/user/edit?username=<%= u[0] %>&admin=<%= u[1] %>" uk-icon="file-edit"></a>
|
||||||
<%- if u[0] != username %>
|
<%- if u[0] != username %>
|
||||||
<a href="#" onclick="remove('<%= u[0] %>');return false;" uk-icon="trash"></a>
|
<a href="#" onclick="remove('<%= u[0] %>');return false;" uk-icon="trash"></a>
|
||||||
<%- end %>
|
<%- end %>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<%- end -%>
|
<%- end -%>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
@ -28,4 +28,4 @@
|
|||||||
<% content_for "script" do %>
|
<% content_for "script" do %>
|
||||||
<script src="<%= base_url %>js/alert.js"></script>
|
<script src="<%= base_url %>js/alert.js"></script>
|
||||||
<script src="<%= base_url %>js/user.js"></script>
|
<script src="<%= base_url %>js/user.js"></script>
|
||||||
<% end %>
|
<% end %>
|
||||||
Loading…
x
Reference in New Issue
Block a user