mylar/data/interfaces/default/storyarc.html

215 lines
10 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">
<a id="menu_link_refresh" href="readlist">Reading List Management</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"/>Story Arc Management</h1>
</div>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Options</a></li>
</ul>
<div id="tabs-1">
<table class="configtable">
<tr>
<td>
<form action="searchit" method="get">
<fieldset>
<legend>Add StoryArc</legend>
<input type="hidden" name="type" value="story_arc">
<input type="text" value="" placeholder="Search for Story Arc" onfocus="if(this.value==this.defaultValue) this.value='';" name="name" />
<span class="mini-icon"></span>
<input type="submit" value="Search"/>
</fieldset>
</form>
<form action="importReadlist" method="get">
<fieldset>
<input type="text" value="" runat="server" placeholder="Enter full path to .cbl file to import" onfocus="if
(this.value==this.defaultValue) this.value='';" name="filename" size="45" />
<input type="submit" value="Import">
</fieldset>
</form>
</td>
<td>
<form action="arcOptions" id="chkoptions" method="GET">
<fieldset>
<legend>Options</legend>
<div class="row checkbox left clearfix">
<%
storyarcdest = os.path.join(mylar.DESTINATION_DIR, 'StoryArcs')
%>
<input type="checkbox" style="vertical-align: middle; margin: 3px; margin-top: -1px;" onclick="getOption(this)" name="storyarcdir" id="storyarcdir" value="1" ${checked(mylar.STORYARCDIR)} /><label>Arcs in StoryArc Directory </br><small>(${storyarcdest})</small></label>
</div>
<div id="arc_options">
<div class="row">
<label>Arc Folder Format</label>
<input type="text" title="$publisher, $spanyears, $arc" name="arc_folderformat" value="${mylar.ARC_FOLDERFORMAT}" size="25">
</div>
<input type="checkbox" style="vertical-align: middle; margin: 3px; margin-top: -1px;" name="read2filename" id="read2filename" value="1" ${checked(mylar.READ2FILENAME)} /><label>Append Reading # to filename</label></br>
</div>
<input type="checkbox" style="vertical-align: middle; margin: 3px; margin-top: -1px;" name="copy2arcdir" id="copy2arcdir" value="1" ${checked(mylar.COPY2ARCDIR)} />
<select name="arc_fileops" id="arc_fileops">
<%
if 'windows' in mylar.OS_DETECT.lower():
optionlist = ['move', 'copy']
else:
optionlist = ['move', 'copy', 'hardlink', 'softlink']
%>
%for x in optionlist:
<%
if mylar.ARC_FILEOPS == x:
outputselect = 'selected'
else:
outputselect = ''
%>
<option value=${x} ${outputselect}>${x}</option>
%endfor
</select><label> watchlisted issues to <span id="arcopts"></span> Directory</label>
</div>
</fieldset>
<div>
<input type="submit" value="Update"/>
</div>
</form>
</td>
</tr>
</table>
</div>
</div>
<div class="table_wrapper">
<table class="display" id="storyarcs">
<thead>
<tr>
<th id="storyarc">Story Arc</th>
<th id="years">Span Years</th>
<th id="have">Have</th>
<th id="options">Options</th>
</tr>
</thead>
<tbody>
%for item in arclist:
<%
if item['percent'] == 101:
css = '<div class=\"progress-container warning\">'
if item['percent'] == 100:
css = '<div class=\"progress-container complete\">'
if item['percent'] < 100:
css = '<div class=\"progress-container missing\">'
grade = 'A'
%>
<tr class="grade${grade}">
<td id="storyarc"><a href="detailStoryArc?StoryArcID=${item['StoryArcID']}&StoryArcName=${item['StoryArc']}">${item['StoryArc']}</a></td>
<td id="years">${item['SpanYears']}</td>
<td id="have"><span title="${item['percent']}"></span>${css}<div style="width:${item['percent']}%"><span class="progressbar-front-text">${item['Have']}/${item['Total']}</span></div></td>
<td id="options">
<a title="Remove Arc from Watchlist" onclick="doAjaxCall('removefromreadlist?ArcName=${item['StoryArc']| u}&StoryArcID=${item['StoryArcID']}',$(this),'table')" data-success='Successfully deleted ${item['StoryArc']}'><img src="interfaces/default/images/skipped_icon.png" height="25" width="25" /></a>
%if item['CV_ArcID']:
<a title="Refresh Series" onclick="doAjaxCall('addStoryArc_thread?arcid=${item['StoryArcID']}&cvarcid=${item['CV_ArcID']}&storyarcname=${item['StoryArc']}&arcrefresh=True',$(this),'table')" data-success="Now refreshing ${item['StoryArc']}."><img src="interfaces/default/images/refresh.png" height="25" width="25" /></a>
%endif
</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 openDelete(StoryArc, StoryArcID) {
alert('test');
$("#dialogit").dialog({
modal:true
}).data({storyarc: StoryArc, storyarcid: StoryArcID});
};
</script>
<script type="text/javascript">
function getOption(sel){
if (sel.checked) {
document.getElementById('arcopts').innerHTML = 'StoryArc';
} else {
document.getElementById('arcopts').innerHTML = 'GrabBag';
}
};
</script>
<script type="text/javascript">
$("#menu_link_scan").click(function() {
$('#chkoptions').submit();
return true;
});
</script>
<script>
function initThisPage() {
if ($("#storyarcdir").is(":checked"))
{
$("#arc_options").show();
document.getElementById('arcopts').innerHTML = 'StoryArc';
}
else
{
$("#arc_options").hide();
document.getElementById('arcopts').innerHTML = 'GrabBag';
}
$("#storyarcdir").click(function(){
if ($("#storyarcdir").is(":checked"))
{
$("#arc_options").slideDown();
}
else
{
$("#arc_options").slideUp();
}
});
$(function() {
$( "#tabs" ).tabs();
});
initActions();
$('#storyarcs').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("arclist");
}
$(document).ready(function() {
initThisPage();
initActions();
});
</script>
</%def>