mirror of
https://github.com/hkalexling/Mango.git
synced 2025-08-03 11:25:29 -04:00
Use auto overflow tables
cherry-picked from a612500b0fabf7259a5ee0c841b0157d191e5bdd
This commit is contained in:
Alex Ling
parent
6844860065
commit
3b19883dde
@ -5,61 +5,63 @@
|
|||||||
<button class="uk-button uk-button-default" @click="load()" :disabled="loading">Refresh Queue</button>
|
<button class="uk-button uk-button-default" @click="load()" :disabled="loading">Refresh Queue</button>
|
||||||
<button class="uk-button uk-button-default" x-show="paused !== undefined" x-text="paused ? 'Resume Download' : 'Pause Download'" @click="toggle()" :disabled="toggling"></button>
|
<button class="uk-button uk-button-default" x-show="paused !== undefined" x-text="paused ? 'Resume Download' : 'Pause Download'" @click="toggle()" :disabled="toggling"></button>
|
||||||
</div>
|
</div>
|
||||||
<table class="uk-table uk-table-striped uk-overflow-auto">
|
<div class="uk-overflow-auto">
|
||||||
<thead>
|
<table class="uk-table uk-table-striped">
|
||||||
<tr>
|
<thead>
|
||||||
<th>Chapter</th>
|
<tr>
|
||||||
<th>Manga</th>
|
<th>Chapter</th>
|
||||||
<th>Progress</th>
|
<th>Manga</th>
|
||||||
<th>Time</th>
|
<th>Progress</th>
|
||||||
<th>Status</th>
|
<th>Time</th>
|
||||||
<th>Plugin</th>
|
<th>Status</th>
|
||||||
<th>Actions</th>
|
<th>Plugin</th>
|
||||||
</tr>
|
<th>Actions</th>
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<template x-for="job in jobs" :key="job">
|
|
||||||
<tr :id="`chapter-${job.id}`">
|
|
||||||
|
|
||||||
<template x-if="job.plugin_id">
|
|
||||||
<td x-text="job.title"></td>
|
|
||||||
</template>
|
|
||||||
<template x-if="!job.plugin_id">
|
|
||||||
<td><a :href="`<%= mangadex_base_url %>/chapter/${job.id}`" x-text="job.title"></td>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<template x-if="job.plugin_id">
|
|
||||||
<td x-text="job.manga_title"></td>
|
|
||||||
</template>
|
|
||||||
<template x-if="!job.plugin_id">
|
|
||||||
<td><a :href="`<%= mangadex_base_url %>/manga/${job.manga_id}`" x-text="job.manga_title"></td>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<td x-text="`${job.success_count}/${job.pages}`"></td>
|
|
||||||
<td x-text="`${moment(job.time).fromNow()}`"></td>
|
|
||||||
|
|
||||||
<td>
|
|
||||||
<span :class="statusClass(job.status)" x-text="job.status"></span>
|
|
||||||
<template x-if="job.status_message.length > 0">
|
|
||||||
<div class="uk-inline">
|
|
||||||
<span uk-icon="info"></span>
|
|
||||||
<div uk-dropdown x-text="job.status_message" style="white-space: pre-line;"></div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td x-text="`${job.plugin_id || ''}`"></td>
|
|
||||||
<td>
|
|
||||||
<a @click="jobAction('delete', $event)" uk-icon="trash" uk-tooltip="Delete"></a>
|
|
||||||
<template x-if="job.status_message.length > 0">
|
|
||||||
<a @click="jobAction('retry', $event)" uk-icon="refresh" uk-tooltip="Retry"></a>
|
|
||||||
</template>
|
|
||||||
</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
</template>
|
</thead>
|
||||||
</tbody>
|
<tbody>
|
||||||
</table>
|
<template x-for="job in jobs" :key="job">
|
||||||
</div>
|
<tr :id="`chapter-${job.id}`">
|
||||||
|
|
||||||
|
<template x-if="job.plugin_id">
|
||||||
|
<td x-text="job.title"></td>
|
||||||
|
</template>
|
||||||
|
<template x-if="!job.plugin_id">
|
||||||
|
<td><a :href="`<%= mangadex_base_url %>/chapter/${job.id}`" x-text="job.title"></td>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template x-if="job.plugin_id">
|
||||||
|
<td x-text="job.manga_title"></td>
|
||||||
|
</template>
|
||||||
|
<template x-if="!job.plugin_id">
|
||||||
|
<td><a :href="`<%= mangadex_base_url %>/manga/${job.manga_id}`" x-text="job.manga_title"></td>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<td x-text="`${job.success_count}/${job.pages}`"></td>
|
||||||
|
<td x-text="`${moment(job.time).fromNow()}`"></td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<span :class="statusClass(job.status)" x-text="job.status"></span>
|
||||||
|
<template x-if="job.status_message.length > 0">
|
||||||
|
<div class="uk-inline">
|
||||||
|
<span uk-icon="info"></span>
|
||||||
|
<div uk-dropdown x-text="job.status_message" style="white-space: pre-line;"></div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td x-text="`${job.plugin_id || ''}`"></td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<a @click="jobAction('delete', $event)" uk-icon="trash"></a>
|
||||||
|
<template x-if="job.status_message.length > 0">
|
||||||
|
<a @click="jobAction('retry', $event)" uk-icon="refresh"></a>
|
||||||
|
</template>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<% content_for "script" do %>
|
<% content_for "script" do %>
|
||||||
|
|||||||
@ -3,34 +3,36 @@
|
|||||||
<div x-show="!empty">
|
<div x-show="!empty">
|
||||||
<p>The following items were present in your library, but now we can't find them anymore. If you deleted them mistakenly, try to recover the files or folders, put them back to where they were, and rescan the library. Otherwise, you can safely delete them and the associated metadata using the buttons below to free up database space.</p>
|
<p>The following items were present in your library, but now we can't find them anymore. If you deleted them mistakenly, try to recover the files or folders, put them back to where they were, and rescan the library. Otherwise, you can safely delete them and the associated metadata using the buttons below to free up database space.</p>
|
||||||
<button class="uk-button uk-button-danger" @click="rmAll()">Delete All</button>
|
<button class="uk-button uk-button-danger" @click="rmAll()">Delete All</button>
|
||||||
<table class="uk-table uk-table-striped uk-overflow-auto">
|
<div class="uk-overflow-auto">
|
||||||
<thead>
|
<table class="uk-table uk-table-striped">
|
||||||
<tr>
|
<thead>
|
||||||
<th>Type</th>
|
<tr>
|
||||||
<th>Relative Path</th>
|
<th>Type</th>
|
||||||
<th>ID</th>
|
<th>Relative Path</th>
|
||||||
<th>Actions</th>
|
<th>ID</th>
|
||||||
</tr>
|
<th>Actions</th>
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<template x-for="title in titles" :key="title">
|
|
||||||
<tr :id="`title-${title.id}`">
|
|
||||||
<td>Title</td>
|
|
||||||
<td x-text="title.path"></td>
|
|
||||||
<td x-text="title.id"></td>
|
|
||||||
<td><a @click="rm($event)" uk-icon="trash"></a></td>
|
|
||||||
</tr>
|
</tr>
|
||||||
</template>
|
</thead>
|
||||||
<template x-for="entry in entries" :key="entry">
|
<tbody>
|
||||||
<tr :id="`entry-${entry.id}`">
|
<template x-for="title in titles" :key="title">
|
||||||
<td>Entry</td>
|
<tr :id="`title-${title.id}`">
|
||||||
<td x-text="entry.path"></td>
|
<td>Title</td>
|
||||||
<td x-text="entry.id"></td>
|
<td x-text="title.path"></td>
|
||||||
<td><a @click="rm($event)" uk-icon="trash"></a></td>
|
<td x-text="title.id"></td>
|
||||||
</tr>
|
<td><a @click="rm($event)" uk-icon="trash"></a></td>
|
||||||
</template>
|
</tr>
|
||||||
</tbody>
|
</template>
|
||||||
</table>
|
<template x-for="entry in entries" :key="entry">
|
||||||
|
<tr :id="`entry-${entry.id}`">
|
||||||
|
<td>Entry</td>
|
||||||
|
<td x-text="entry.path"></td>
|
||||||
|
<td x-text="entry.id"></td>
|
||||||
|
<td><a @click="rm($event)" uk-icon="trash"></a></td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user