mylar/data/interfaces/default/readinglist.html

214 lines
11 KiB
HTML
Executable File

<%inherit file="base.html"/>
<%!
import os
import mylar
from mylar import db
from mylar.helpers import checked
%>
<%def name="headerIncludes()">
<div id="subhead_container">
<div id="subhead_menu">
%if mylar.TAB_ENABLE:
<a id="menu_link_delete" href="#" onclick="doAjaxCall('syncfiles',$(this),'table')" data-success="Syncing complete.">Sync</a>
%endif
<a id="menu_link_delete" href="#" onclick="doAjaxCall('removefromreadlist?AllRead=1',$(this),'table')" data-success="All Read Records Removed">Remove Read</a>
<a id="menu_link_delete" href="#">Force New Check</a>
<a id="menu_link_refresh" href="#">Clear File Cache</a>
</div>
</div>
</%def>
<%def name="body()">
<div id="paddingheader">
<h1 class="clearfix"><img src="interfaces/default/images/ReadingList-icon.png" height="26" width="26" alt="Reading List"/>Reading List Management</h1>
</div>
<div id="tabs">
<ul>
<li><a href="#tabs-1">General</a></li>
<li><a href="#tabs-2">Readlist options</a></li>
</ul>
<div id="tabs-1">
<table class="comictable" summary="Comic Details">
<tr>
<td>
<fieldset>
<center><legend>Individual Reading Lists</legend>
<p>Your watchlisted series' that you have issues marked as wanting to add
to the Reading List go here.<br/></p></center>
</fieldset>
</td>
<td>
<fieldset>
<legend>Reading List Statistics</legend>
<div>
<label><strong># of Issues Added: </strong>${counts['added']}</br></label>
<label><strong># of Issues Sent to device: </strong>${counts['sent']}</br></label>
<label><strong># of Issues Read: </strong>${counts['read']}</br></label>
<label><strong> ... total in Readlist Management: </strong>${counts['total']}</br></label>
</div>
<div id="actions">
<small><a href="#" id="helpout"><span class="ui-button-icon-primary ui-icon ui-icon-help"></span>Help.</a></small>
<div id="dialog" title="Help with Reading Lists" style="display:none" class="configtable">
<p>Status definitions:</br>
Added: Issue has been added to your RL.</br>
Downloaded: Issue has been downloaded to your device.</br>
Read: Issue has been marked as Read.</br>
</p>
</div>
</div>
</fieldset>
</td>
</tr>
</table>
</div>
<div id="tabs-2">
<table class="configtable">
<td>
<form action="readlistOptions" id="chkoptions" method="GET">
<fieldset>
<legend>ReadList Options</legend>
<div class="row checkbox left clearfix">
<input type="checkbox" style="vertical-align: middle; margin: 3px; margin-top: -1px;" name="send2read" id="send2read" value="1" ${checked(mylar.SEND2READ)} /><label>Automatically send new pulls to Readlist (Added)</label></br>
</div>
</fieldset>
</td>
<td width="100%">
<img src="interfaces/default/images/android.png" style="float:right" height="50" width="50" />
<fieldset>
<div>
<legend>Tablet Device</legend>
<small class="heading"><span style="float: left; margin-right: .3em; margin-top: 4px;" class="ui-icon ui-icon-info"></span>Requires SFTP Server running on tablet</small>
</div>
<div class="row checkbox left clearfix">
<input id="tabenable" type="checkbox" style="vertical-align: middle; margin: 3px; margin-top: -1px;" onclick="initConfigCheckbox($this);" name="tab_enable" id="tab_enable" value="1" ${checked(mylar.TAB_ENABLE)} /><label>Enable Tablet (Android)</label>
</div>
<div class="config">
<div class="row">
<label>IP:PORT</label>
<input type="text" placeholder="IP Address of tablet" name="tab_host" value="${mylar.TAB_HOST}" size="30">
</div>
<div class="row">
<label>Username</label>
<input type="text" name="tab_user" value="${mylar.TAB_USER}" size="20">
</div>
<div class="row">
<label>Password:</label>
<input type="password" name="tab_pass" value="${mylar.TAB_PASS}" size="20">
</div>
<div class="row">
<label>Download Location:</label>
<input type="text" placeholder="Full path (or jailed path)" name="tab_directory" value="${mylar.TAB_DIRECTORY}" size="36" /></br>
</div>
</div>
</fieldset>
</td>
<div>
<input type="submit" value="Update"/>
</div>
</form>
</td>
</table>
</div>
</div>
<form action="markreads" method="get" id="markreads">
<div id="markissue" style="top:0;">
Mark selected issues as
<select name="action" onChange="doAjaxCall('markreads',$(this),'table',true);" data-error="You didn't select any issues" data-success="selected issues marked">
<option disabled="disabled" selected="selected">Choose...</option>
<option value="Added">Added</option>
<option value="Downloaded">Downloaded</option>
<option value="Read">Read</option>
<option value="Remove">Remove</option>
<option value="Send">Send</option>
</select>
<input type="hidden" value="Go">
</div>
<div class="table_wrapper">
<table class="display" id="read_detail">
<thead>
<tr>
<th id="select"><input type="checkbox" onClick="toggle(this)" /></th>
<th id="comicname">ComicName</th>
<th id="issue">Issue</th>
<th id="issueyear">Pub Date</th>
<th id="status">Status</th>
<th id="statuschange">Change</th>
<th id="options">Options</th>
</tr>
</thead>
<tbody>
%for issue in issuelist:
<%
if issue['Status'] == 'Read':
grade = 'A'
elif issue['Status'] == 'Added':
grade = 'X'
elif issue['Status'] == 'Downloaded':
grade = 'C'
else:
grade = 'Z'
%>
<tr class="grade${grade}">
<td id="select"><input type="checkbox" name="${issue['IssueID']}" value="${issue['IssueID']}" class="checkbox" /></td>
<td id="comicname"><a href="comicDetails?ComicID=${issue['ComicID']}">${issue['ComicName']} (${issue['SeriesYear']})</td>
<td id="issue">${issue['Issue_Number']}</td>
<td id="issueyear">${issue['IssueDate']}</td>
<td id="status">${issue['Status']}</td>
<td id="statuschange">${issue['StatusChange']}</td>
<td id="options">
<a onclick="doAjaxCall('removefromreadlist?IssueID=${issue['IssueID']}',$(this),'table')" data-success="Sucessfully removed ${issue['ComicName']} #${issue['Issue_Number']} from Reading List"><img src="interfaces/default/images/skipped_icon.png" height="25" width="25" title="Remove from Reading List" /></a>
<a onclick="doAjaxCall('markasRead?IssueID=${issue['IssueID']}', $(this),'table')" data-success="Marked ${issue['ComicName']} ${issue['Issue_Number']} as Read."><img src="interfaces/default/images/wanted_icon.png" height="25" width="25" title="Mark as Read" /></a>
</td>
</tr>
%endfor
</tbody>
</table>
</div>
</%def>
<%def name="headIncludes()">
<link rel="stylesheet" href="interfaces/default/css/data_table.css">
</%def>
<%def name="javascriptIncludes()">
<script src="js/libs/jquery.dataTables.min.js"></script>
<script>
function openHelp() {
$("#dialog").dialog();
};
function initThisPage(){
$(function() {
$( "#tabs" ).tabs();
});
$("#helpout").click(openHelp);
initActions();
$('#read_detail').dataTable({
"bDestroy": true,
"oLanguage": {
"sLengthMenu":"Show _MENU_ items per page",
"sEmptyTable": "<em>No History to Display</em>",
"sInfo":"Showing _START_ to _END_ of _TOTAL_ items",
"sInfoEmpty":"Showing 0 to 0 of 0 items",
"sInfoFiltered":"(filtered from _MAX_ total items)"},
"iDisplayLength": 25,
"sPaginationType": "full_numbers",
"aaSorting": []
});
resetFilters("issuelist");
}
$(document).ready(function() {
initThisPage();
initActions();
initConfigCheckbox("#tabenable");
});
</script>
</%def>