mylar/data/interfaces/default/comicdetails.html

<%inherit file="base.html"/>
<%!
        import os
        from mylar import db
	import mylar
%>

<%def name="headerIncludes()">
	<div id="subhead_container">
		<div id="subhead_menu">
                        <a id="menu_link_refresh" onclick="doAjaxCall('refreshSeries?ComicID=${comic['ComicID']}', $(this),'table')" href="#" data-success="${comic['ComicName']} is being refreshed">Refresh Comic</a>
                        <a id="menu_link_delete" href="deleteArtist?ComicID=${comic['ComicID']}">Delete Comic</a>
                        %if mylar.RENAME_FILES:
                            <a id="menu_link_refresh" onclick="doAjaxCall('manualRename?comicid=${comic['ComicID']}', $(this),'table')" data-success="Renaming files.">Rename Files</a>
                        %endif
                            <a id="menu_link_refresh" onclick="doAjaxCall('forceRescan?ComicID=${comic['ComicID']}', $(this),'table')"  data-success="${comic['ComicName']} is being rescanned">Recheck Files</a>
                        %if mylar.ENABLE_META:
                            <a id="menu_link_refresh" onclick="doAjaxCall('group_metatag?dirName=${comic['ComicLocation'] |u}&ComicID=${comic['ComicID']}', $(this),'table')" data-success="(re)tagging every issue present for '${comic['ComicName']}'">Manual MetaTagging</a>
                        %endif
                        %if comic['Status'] == 'Paused':
                                <a id="menu_link_resume" href="#" onclick="doAjaxCall('resumeArtist?ComicID=${comic['ComicID']}',$(this),true)" data-success="${comic['ComicName']} resumed">Resume Comic</a>
                        %else:
                                <a id="menu_link_pauze" href="#" onclick="doAjaxCall('pauseArtist?ComicID=${comic['ComicID']}',$(this),true)" data-success="${comic['ComicName']} paused">Pause Comic</a>
                        %endif
                        %if annuals:
                                <a id="menu_link_delete" href="annualDelete?comicid=${comic['ComicID']}">Delete Annuals</a>
                        %endif
		</div>
	</div>
</%def>
<%def name="body()">

	<div id="paddingheader">
		<h1>
                        %if comic['Status'] == 'Loading':
                                <img src="interfaces/default/images/loader_black.gif" alt="loading" style="float:left; margin-right: 5px;"/>
                        %endif
                        <div class="row">
                              <a href="${comic['DetailURL']}" target="_blank">${comic['ComicName']} (${comic['ComicYear']})</a>
                              %if comic['Status'] == 'Loading':
                                    <h3><i>(Comic information is currently being loaded)</i></h3>
                              %endif
                        </div>
                </h1>
                             <div style="z-index:10; position: absolute; right: 0; top: 10;">
                             % if 'Previous' in series:
                             <a href="comicDetails?ComicID=${series['Previous']}"><img src="interfaces/default/images/prev.gif" width="16" height="18" /></a>
                             % endif
                             % if 'Next' in series:
                             <a href="comicDetails?ComicID=${series['Next']}"><img src="interfaces/default/images/next.gif" width="16" height="18" /></a>
                             % endif
                             </div>

	</div>
	
	<div id="tabs">
		<ul>
			<li><a href="#tabs-1">Comic Details</a></li>
			<li><a href="#tabs-2">Download settings</a></li>
                        <li><a href="#tabs-3">Edit Settings</a></li>
		</ul>
		<div id="tabs-1">
		
		
        <table class="comictable" summary="Comic Details">
            <tr>
                <td id="mainimg">
                   <fieldset>
                       <div id="artistImg">
                          <img src="${comic['ComicImage']}" alt="" height="400" width="263" />
                       </div>
                   </fieldset>
                 </td>
                 <td width="100%" padding="10">
                       %if comic['ComicPublisher'] == 'DC Comics':
                        <img src="interfaces/default/images/publisherlogos/logo-dccomics.png" align="right" alt="DC" height="50" width="50" />
                       %elif comic['ComicPublisher'] == 'Marvel':
                        <img src="interfaces/default/images/publisherlogos/logo-marvel.jpg" align="right" alt="Marvel" height="50" width="100"/>
                       %elif comic['ComicPublisher'] == 'Image':
                       <img src="interfaces/default/images/publisherlogos/logo-imagecomics.png" align="right" alt="Image" height="100" width="50" />
                       %elif comic['ComicPublisher'] == 'Dark Horse Comics' or comic['ComicPublisher'] == 'Dark Horse':
                       <img src="interfaces/default/images/publisherlogos/logo-darkhorse.png" align="right" alt="Darkhorse" height="100" width="75" />
                       %elif comic['ComicPublisher'] == 'IDW Publishing':
                       <img src="interfaces/default/images/publisherlogos/logo-idwpublish.png" align="right" alt="IDW" height="50" width="100"/>
                       %elif comic['ComicPublisher'] == 'Icon':
   <img src="interfaces/default/images/publisherlogos/logo-iconcomics.png" align="right" alt="Icon" height="50" width="100"/>
                       %elif comic['ComicPublisher'] == 'Red5':
   <img src="interfaces/default/images/publisherlogos/logo-red5comics.png" align="right" alt="Red5" height="50" width="100"/>
                       %elif comic['ComicPublisher'] == 'Vertigo':
   <img src="interfaces/default/images/publisherlogos/logo-vertigo.jpg" align="right" alt="Vertigo" height="50" width="100"/>
                       %elif comic['ComicPublisher'] == 'ShadowLine':
  <img src="interfaces/default/images/publisherlogos/logo-shadowline.png" align="right" alt="Shadowline" height="75" width="100"/>
                       %elif comic['ComicPublisher'] == 'Archie Comics':
   <img src="interfaces/default/images/publisherlogos/logo-archiecomics.jpg" align="right" alt="Archie" height="75" width="75"/>
                       %elif comic['ComicPublisher'] == 'Oni Press':
   <img src="interfaces/default/images/publisherlogos/logo-onipress.png" align="right" alt="Oni Press" height="50" width="100"/>
                       %elif comic['ComicPublisher'] == 'Tokyopop':
   <img src="interfaces/default/images/publisherlogos/logo-tokyopop.jpg" align="right" alt="Tokyopop" height="50" width="100"/>
                       %elif comic['ComicPublisher'] == 'Midtown Comics':
   <img src="interfaces/default/images/publisherlogos/logo-midtowncomics.jpg" align="right" alt="Midtown" height="50" width="100"/>
                       %elif comic['ComicPublisher'] == 'Boom! Studios':
   <img src="interfaces/default/images/publisherlogos/logo-boom.jpg" align="right" alt="Boom!" height="50" width="100"/>
                       %elif comic['ComicPublisher'] == 'Skybound':
   <img src="interfaces/default/images/publisherlogos/logo-skybound.jpg" align="right" alt="Skybound" height="50" width="100"/>
                       %elif comic['ComicPublisher'] == 'Vertigo':
   <img src="interfaces/default/images/publisherlogos/logo-dynamite.jpg" align="right" alt="Dynamite" height="50" width="100"/>
                       %elif comic['ComicPublisher'] == 'Top Cow':
   <img src="interfaces/default/images/publisherlogos/logo-topcow.gif" align="right" alt="Top Cow" height="75" width="100"/>
                       %elif comic['ComicPublisher'] == 'Dynamite Entertainment':
   <img src="interfaces/default/images/publisherlogos/logo-dynamite.png" align="right" alt="Dynamite" height="50" width="100"/>
                       %elif comic['ComicPublisher'] == 'Cartoon Books':
   <img src="interfaces/default/images/publisherlogos/logo-cartoonbooks.jpg" align="right" alt="Cartoon Books" height="75" width="90"/>
                       %endif     
        		 <fieldset>
                                <div>
                                   <label><big>Publication Date: </big><norm>${comic['ComicPublished']}</norm></label>
                                </div>
                                <div>
                                   <label><big>Publisher: </big><norm>${comic['ComicPublisher']}</norm></label>
	            		</div> 
                                <div>
                                    <label><big>Status: </big><norm>${comic['Status']}</norm></label>
                                </div>
                                <div>
                                    <label><big>Last Updated: </big>
                                %if comic['LastUpdated'] is None:
                                    <norm>Never</norm>
                                %else:
                                    <norm>${comic['LastUpdated']}</norm>
                                %endif
                                </label>
                                </div>
                                <div>
                                   <label><big>Issues in Series: </big><norm>${comic['Total']} issues 
                                    %if comic['not_updated_db'] > 0:
                                      (${comic['not_updated_db']} issue not updated yet)
                                    %endif
                                    </norm></label>
                                </div>
                                <div>
                                    %if mylar.MULTIPLE_DEST_DIRS is not None and mylar.MULTIPLE_DEST_DIRS != 'None':
                                       <%
                                           try:
                                               archive_path = os.path.join(mylar.MULTIPLE_DEST_DIRS, os.path.basename(comic['ComicLocation']))
                                           except:
                                               archive_path = 'None'
                                        %>
                                        %if os.path.exists(archive_path) and archive_path != comic['ComicLocation']:
                                            <label><big>Directories</big><br/>
                                            <norm>Primary: ${comic['ComicLocation']}</norm></label>
                                            <norm>Secondary: ${archive_path}</norm></label>
                                        %else:
                                            <label><big>Directory</big><br/>
                                            <norm>${comic['ComicLocation']}</norm></label>
                                        %endif
                                    %else:
                                       <label><big>Directory</big><br/><norm>${comic['ComicLocation']}</norm></label>
                                    %endif                               
                                </div>
<!--                            <div>
                                   <label><big>Description:</big></label><br/>
                                   <small>${comic['Description']}</small> 
-->                             </div>
                         </fieldset>

            	</td>
            </tr>
        </table>
	</div>
	<div id="tabs-2">
        <table class="comictable" summary="Download Settings">
	    <tr>
                <td id="mainimg">
                   <fieldset>
                       <div id="artistImg">
                          <img src="${comic['ComicImage']}" alt="" height="400" width="263" />
                       </div>
                   </fieldset>
                  </td>
                  <td width="100%" padding="10">
                      %if comic['ComicPublisher'] == 'DC Comics':
                        <img src="interfaces/default/images/publisherlogos/logo-dccomics.png" align="right" alt="DC" height="50" width="50">
                       %elif comic['ComicPublisher'] == 'Marvel':
                        <img src="interfaces/default/images/publisherlogos/logo-marvel.jpg" align="right" alt="Marvel" height="50" width="100">
                       %elif comic['ComicPublisher'] == 'Image':
                       <img src="interfaces/default/images/publisherlogos/logo-imagecomics.png" align="right" alt="Image" height="100" width="50"/>
                       %elif comic['ComicPublisher'] == 'Dark Horse Comics':
                       <img src="interfaces/default/images/publisherlogos/logo-darkhorse.png" align="right" alt="Darkhorse" height="75" width="50"/>
                       %elif comic['ComicPublisher'] == 'IDW Publishing':
                       <img src="interfaces/default/images/publisherlogos/logo-idwpublish.png" align="right" alt="IDW" height="50" width="100"/>
                       %endif
                	<fieldset>
	                	<div>
		                    <label><big>Alternate versions :</big><norm>${comic['ComicVersion']}</norm></label>
	                        </div>
	                   	<div>
		                    <label><big>Scanner :</big><norm>${comic['QUALscanner']}</norm></label>
	                        </div>	               
	                	<div>
		                    <label><big>Type :</big><norm>${comic['QUALtype']}</norm></label>
	                        </div>
	                    	<div>
		                    <label><big>Quality :</big><norm>${comic['QUALquality']}</norm></label>
                                </div>
                                <div>
                                    <label><big>Alternate Search Names :</big>
                                <%
                                    import re
                                    AS_Alternate = []
                                    if comic['AlternateSearch'] is None:
                                        AS_Alternate.append("None")
                                    else:
                                        chkthealt = comic['AlternateSearch'].split('##')
                                        if chkthealt == 0:
                                            AS_Alternate.append(comic['AlternateSearch'])
                                        for calt in chkthealt:
                                            AS_Alternate.append(re.sub('##','',calt))
                                %>
                                <UL><UL>
                                  %for AS in AS_Alternate:
                                     <LI><norm>${AS}</norm>
                                  %endfor
                                </UL></UL>
                                </label>
                                </div>
                                <%
                                    if comic['UseFuzzy'] == "0" or comic['UseFuzzy'] is None:
                                        fuzzy = "None"
                                        fuzzy_year = "0"
                                    elif comic['UseFuzzy'] == "1":
                                        fuzzy = "Remove Year"
                                        fuzzy_year = "1"
                                    elif comic['UseFuzzy'] == "2":
                                        fuzzy = "Fuzzy Year"
                                        fuzzy_year = "2"

                                %>

                                <div>
                                    <label><big>Fuzzy Year logic : </big><norm>${fuzzy} </norm></label>
                                </div>

                    </fieldset>
                </td>
            </tr>            
	    </table>
	</div>
       <div id="tabs-3">
        <table class="comictable" summary="Edit Settings">
            <tr>
                <td id="mainimg">
                   <fieldset>
                       <div class="row" id="artistImg">
                          <img src="${comic['ComicImage']}" alt="" height="400" width="263" />
                       </div>
                   </fieldset>
                 </td>
                 <td width="100%" padding="10">
                  %if comic['ComicPublisher'] == 'DC Comics':
                   <img src="interfaces/default/images/publisherlogos/logo-dccomics.png" align="right" alt="DC" height="50" width="50"/>
                   %elif comic['ComicPublisher'] == 'Marvel':
                   <img src="interfaces/default/images/publisherlogos/logo-marvel.jpg" align="right" alt="Marvel" height="50" width="100" border="1"/>
                   %elif comic['ComicPublisher'] == 'Image':
                   <img src="interfaces/default/images/publisherlogos/logo-imagecomics.png" align="right" alt="Image" height="100" width="50"/>
                   %elif comic['ComicPublisher'] == 'Dark Horse Comics':
                   <img src="interfaces/default/images/publisherlogos/logo-darkhorse.png" align="right" alt="Darkhorse" height="75" width="50"/>
                   %elif comic['ComicPublisher'] == 'IDW Publishing':
                   <img src="interfaces/default/images/publisherlogos/logo-idwpublish.png" align="right" alt="IDW" height="50" width="100"/>
                   %endif

                <form action="comic_config" method="GET">
                <input type="hidden" name="ComicID" value=${comic['ComicID']}>
                        <fieldset>
                                <br/><br/>
                                <div class="row checkbox left clearfix">
                                   <input type="checkbox" style="vertical-align: middle; margin: 3px; margin-top: -1px;" name="force_continuing" value="2" ${comicConfig['force_continuing']} /><label>Forcibly Mark as Continuing Series<a href="#" title="Will forcibly mark this series as 'Continuing' regardless of actual status"><img src="interfaces/default/images/info32.png" height="16" alt="" /></a></label>
                                </div>
                                <div class="row">
                                    <label>Version Number</label>
                                    <input type="text" name="comic_version" value="${comic['ComicVersion']}" size="20"><br/>
                                </div>

                                   <div class="row">
                                       <label>Directory Location</label>
                                       <input type="text" name="com_location" value="${comic['ComicLocation']}" size="90"><br/>
                                       <small>the directory where all the comics are located for this particular comic</small>
                                   </div>

                                   <div class="row">
                                       <label>Alternate Search Names</label>
                                       <input type="text" name="alt_search" value="${comic['AlternateSearch']}" size="90">
                                       <a href="#" title="Seperate multiple entries with ##"><img src="interfaces/default/images/info32.png" height="16" alt="" /></a>
                                       <small>Alternate comic names to be searched in case naming is different (ie. Hack/Slash = hack-slash)</small>
                                   </div>

                                   <div class="row">
                                       <label>Alternate File-Naming</label>
                                       <input type="text" name="alt_filename" value="${comic['AlternateFileName']}" size="90">
                                       <a href="#" title="Alternate File Naming"><img src="interfaces/default/images/info32.png" height="16" alt="" /></a>
                                       <small>Alternate file-naming to be used when post-processing / renaming files instead of the actual title.</small>
                                   </div>

                                <div class="row">
                                        <%
                                             year_options = "Default - Keep the Year as is\nYear Removal - Remove issue publication year from searches (dangerous)\nFuzzy the Year - Increase & Decrease the issue publication year by one"
                                        %>
                                        <label>Year Options<a href="#" title="${year_options}"><img src="interfaces/default/images/info32.png" height="16" alt="" /></a></label>
                                         <div class="row radio left clearfix">
                                            <input type="radio" style="vertical-align: middle; margin: 3px; margin-top: -1px;" name="fuzzy_year" value="0" ${comicConfig['fuzzy_year0']} /><label>Default</label>
                                            <input type="radio" style="vertical-align: middle; margin: 3px; margin-top: -1px;" name="fuzzy_year" value="1" ${comicConfig['fuzzy_year1']} /><label>Year Removal</label>
                                            <input type="radio" style="vertical-align: middle; margin: 3px; margin-top: -1px;" name="fuzzy_year" value="2" ${comicConfig['fuzzy_year2']} /><label>Fuzzy the Year</label>
                                         </div>
                                </div>
                                   <input type="submit" value="Update"/>
                         </fieldset>
                </form>
               </td>
             </tr>
            </table>
           </div>
 </div>

   <div id="checkboxControls" style="float: right; vertical-align: middle; margin: 3px; margin-top: -1px;">
    <div style="padding-bottom: 5px;">
        <label for="Wanted" class="checkbox inline Wanted"><input type="checkbox" id="Wanted" checked="checked" /> Wanted: <b>${isCounts['Wanted']}</b></label>
        <label for="Archived" class="checkbox inline Archived"><input type="checkbox" id="Archived" checked="checked" /> Archived: <b>${isCounts['Archived']}</b></label>
        <label for="Downloaded" class="checkbox inline Downloaded"><input type="checkbox" id="Downloaded" checked="checked" /> Downloaded: <b>${isCounts['Downloaded']}</b></label>
        <label for="Skipped" class="checkbox inline Skipped"><input type="checkbox" id="Skipped" checked="checked" /> Skipped: <b>${isCounts['Skipped']}</b></label>
        <label for="Ignored" class="checkbox inline Ignored"><input type="checkbox" id="Ignored" checked="checked" /> Ignored: <b>${isCounts['Ignored']}</b></label>
        <label for="Snatched" class="checkbox inline Snatched"><input type="checkbox" id="Snatched" checked="checked" /> Snatched: <b>${isCounts['Snatched']}</b></label>
        %if mylar.FAILED_DOWNLOAD_HANDLING:
            <label for="Failed" class="checkbox inline Failed"><input type="checkbox" id="Failed" checked="checked" /> Failed: <b>${isCounts['Failed']}</b></label>
        %endif
    </div>
   </div>

     <div class="table_wrapper">


        <form action="markissues" method="get" id="markissues">
        <div id="markissue">Mark selected issues as
                <select name="action" onChange="doAjaxCall('markissues',$(this),'table',true);" data-success="selected issues marked">
                        <option disabled="disabled" selected="selected">Choose...</option>
                        <option value="Wanted">Wanted</option>
                        <option value="Skipped">Skipped</option>
                        <option value="Downloaded">Downloaded</option>
                        <option value="Archived">Archived</option>
                        <option value="Ignored">Ignored</option>
                        %if mylar.FAILED_DOWNLOAD_HANDLING:
                            <option value="Failed">Failed</option>
                        %endif
                </select>
                selected issues
                <input type="hidden" value="Go">
            <input type="checkbox" name="skipped2wanted" onclick="doAjaxCall('skipped2wanted?comicid=${comic['ComicID']}',$(this),'table')" value="1" data-success="Skipped Issues Changed to Wanted" style="float: right; vertical-align: middle; margin: 3px; margin-top: -1px;" /><label style="float: right; vertical-align: middle; margin: 3px; margin-top: -1px;">Change All Skipped to Wanted </label>
        </div>



          <table class="display" id="issue_table">
                <thead>
                        <tr>
                                <th id="select" align="left"><input type="checkbox" onClick="toggle(this)" class="checkbox" /></th>
                                <th id="int_issuenumber">IntIssNum</th>
                                <th id="issuenumber">Number</th>
                                <th id="issuename">Name</th>
                                <th id="reldate">Date</th>
                                <th id="status">Status</th>
                                <th id="options">Options</th>
                        </tr>
                </thead>
                <tbody>
                %for issue in issues:
                        <%
                                if issue['Status'] == 'Skipped':
                                        grade = 'Z'
                                elif issue['Status'] == 'Wanted':
                                        grade = 'X'
                                elif issue['Status'] == 'Snatched':
                                        grade = 'C'
                                elif issue['Status'] == 'Downloaded':
                                        grade = 'A'
                                elif issue['Status'] == 'Archived':
                                        grade = 'A'
                                elif issue['Status'] == 'Ignored':
                                        grade = 'A'
                                elif issue['Status'] == 'Failed':
                                        grade = 'C'
                                else:
                                        grade = 'A'
                        %>
                        <tr class="${issue['Status']} grade${grade}">

                                <td id="select"><input type="checkbox" name="${issue['IssueID']}" class="checkbox" value="${issue['IssueID']}"/></td>
                                <td id="int_issuenumber">${issue['Int_IssueNumber']}</td>
                                <td id="issuenumber">${issue['Issue_Number']}</td>
                                <%    
                                    if len(issue['IssueName']) > 70:
                                        issuename = issue['IssueName'][:70] + '...'
                                    else:
                                        issuename = issue['IssueName']
                                    endif
                                %>
                                <td id="issuename">${issuename}</td>
                                <td class="edit" title="Publication Date (click to edit)" id="${issue['ComicID']}.${issue['IssueID']}">${issue['IssueDate']}</td>
                                <td id="status">${issue['Status']}
                                %if issue['Status'] == 'Downloaded' or issue['Status'] == 'Archived':
                                    <%Csize = mylar.helpers.human_size(issue['ComicSize'])%>
                                    <a href="#" title="${issue['Location']} (${Csize})"><img src="interfaces/default/images/info32.png" height="16" alt="" class="highqual" /></a>
                                %endif
                                </td>
                                <td id="options">
                                <a href="#" title="Manual Search" onclick="doAjaxCall('queueit?ComicID=${issue['ComicID']}&IssueID=${issue['IssueID']}&ComicIssue=${issue['Issue_Number']}&ComicYear=${issue['IssueDate']}&mode=want&manualsearch=True',$(this),'table')" data-success="Manually searching for ${comic['ComicName']} #${issue['Issue_Number']}"><img src="interfaces/default/images/search.png" height="25" width="25" /></a>
                                %if issue['Status'] == 'Skipped' or issue['Status'] == 'Ignored':
                                        <a href="#" title="Mark issue as Wanted" onclick="doAjaxCall('queueit?ComicID=${issue['ComicID']}&IssueID=${issue['IssueID']}&ComicIssue=${issue['Issue_Number']}&ComicYear=${issue['IssueDate']}&mode=want',$(this),'table')" data-success="Issue Marked as Wanted"><img src="interfaces/default/images/wanted_icon.png" height="25" width="25" class="highqual" /></a>
                                %elif (issue['Status'] == 'Wanted'):
                                        <a href="#" title="Mark issue as Skipped" onclick="doAjaxCall('unqueueissue?IssueID=${issue['IssueID']}&ComicID=${issue['ComicID']}',$(this),'table')" data-success="'${issue['Issue_Number']}' has been marked as skipped"><img src="interfaces/default/images/skipped_icon.png" height="25" width="25" class="highqual" /></a>
                                %elif (issue['Status'] == 'Snatched'):
                                       <a href="#" onclick="doAjaxCall('retryit?ComicName=${issue['ComicName'] |u}&ComicID=${issue['ComicID']}&IssueID=${issue['IssueID']}&IssueNumber=${issue['Issue_Number']}&ComicYear=${issue['IssueDate']}', $(this),'table')" data-success="Retrying the same version of '${issue['ComicName']}' '${issue['Issue_Number']}'" title="Retry the same download again"><img src="interfaces/default/images/retry_icon.png" height="25" width="25" class="highqual" /></a>
                                       <a href="#" title="Mark issue as Skipped" onclick="doAjaxCall('unqueueissue?IssueID=${issue['IssueID']}&ComicID=${issue['ComicID']}',$(this),'table')" data-success="'${issue['Issue_Number']}' has been marked as Skipped"><img src="interfaces/default/images/skipped_icon.png" height="25" width="25" class="highqual" /></a>                          
                                       %if mylar.FAILED_DOWNLOAD_HANDLING:
                                               <a href="#" title="Mark issue as Failed" onclick="doAjaxCall('unqueueissue?IssueID=${issue['IssueID']}&ComicID=${issue['ComicID']}&mode=failed',$(this),'table')" data-success="'${issue['Issue_Number']}' has been marked as Failed"><img src="interfaces/default/images/failed.png" height="25" width="25" class="highqual" /></a>
                                       %endif
                               %elif (issue['Status'] == 'Downloaded'):
                                       <%
                                              if issue['Location'] is not None:
                                                  linky = os.path.join(comic['ComicLocation'],issue['Location'])
                                                  if not os.path.isfile(linky):
                                                      if mylar.MULTIPLE_DEST_DIRS is not None and mylar.MULTIPLE_DEST_DIRS != 'None':
                                                          pathdir = os.path.join(mylar.MULTIPLE_DEST_DIRS, os.path.basename(comic['ComicLocation']))
                                                          linky = os.path.join(pathdir,issue['Location'])
                                                      else:
                                                          linky = None
                                              else:
                                                  linky = None
                                        %>
                                            %if linky:
                                            <a href="downloadthis?pathfile=${linky |u}"><img src="interfaces/default/images/download_icon.png" height="25" width="25" title="Download the Issue" class="highqual" /></a>
                                                %if linky.endswith('.cbz'):
                                                <a href="#issue-box" onclick="return runMetaIssue('${linky |u}');" class="issue-window"><img src="interfaces/default/images/issueinfo.png" height="25" width="25" title="View Issue Details" class="highqual" /></a> 
                                                    <div id="issue-box" class="issue-popup">
                                                    <a href="#" class="close"><img src="interfaces/default/images/close_pop.png" class="btn_close" title="Close Window" alt="Close" class="highqual" /></a>
                                                     <fieldset>
                                                      <div id="responsethis">
                                                        <label><strong>[ NODATA ]</strong></label></br>
                                                      </div>
                                                     </fieldset>
                                                   </div>
                                                %endif

                                                %if mylar.ENABLE_META:
                                                    <a href="#" title="Manually meta-tag issue" onclick="doAjaxCall('manual_metatag?dirName=${comic['ComicLocation'] |u}&issueid=${issue['IssueID']}&filename=${linky |u}&comicid=${issue['ComicID']}&comversion=${comic['ComicVersion']}',$(this),'table')" data-success="${issue['Issue_Number']} successfully tagged."><img src="interfaces/default/images/comictagger.png" height="25" width="25" class="highqual" /></a>
                                                %endif
                                        %endif
<!--
                                        <a href="#" title="Add to Reading List" onclick="doAjaxCall('addtoreadlist?IssueID=${issue['IssueID']}',$(this),'table')" data-success="${issue['Issue_Number']} added to Reading List"><img src="interfaces/default/images/glasses-icon.png" height="25" width="25" class="highqual" /></a>
-->
                                %else:
                                <a href="#" title="Retry the same download again" onclick="doAjaxCall('queueit?ComicID=${issue['ComicID']}&IssueID=${issue['IssueID']}&ComicIssue=${issue['Issue_Number']}&mode=want', $(this),'table')" data-success="Retrying the same version of '${issue['ComicName']}' '${issue['Issue_Number']}'"><img src="interfaces/default/images/retry_icon.png" height="25" width="25" class="highqual" /></a>
                                <a href="#" title="Mark issue as Skipped" onclick="doAjaxCall('unqueueissue?IssueID=${issue['IssueID']}&ComicID=${issue['ComicID']}',$(this),'table')" data-success="'${issue['Issue_Number']}' has been marked as skipped"><img src="interfaces/default/images/skipped_icon.png" height="25" width="25" class="highqual" /></a>
                                %endif
<!--
                                <a href="#" onclick="doAjaxCall('archiveissue?IssueID=${issue['IssueID']}&comicid=${comic['ComicID']}',$(this),'table')"><img src="interfaces/default/images/archive_icon.png" height="25" width="25" title="Mark issue as Archived" class="highqual" /></a>
-->
                                </td>
                        </tr>
                %endfor
              </tbody>
              </table>
             </form>
             </div>

            %if annuals:
            <h1>Annuals</h1>
             %for aninfo in annualinfo:
                 ${aninfo['annualComicName']}<a href="annualDelete?comicid=${comic['ComicID']}&ReleaseComicID=${aninfo['annualComicID']}"><img src="interfaces/default/images/x.png" height="10" width="10"/></a>
             %endfor

        <form action="markannuals" method="get" id="markannuals">
        <div id="markannuals">Mark selected annuals as
                <select name="ann_action" form="markannuals" onChange="doAjaxCall('markannuals',$(this),'table',true);" data-success="selected issues marked">
                        <option disabled="disabled" selected="selected">Choose...</option>
                        <option value="Wanted">Wanted</option>
                        <option value="Skipped">Skipped</option>
                        <option value="Downloaded">Downloaded</option>
                        <option value="Archived">Archived</option>
                        <option value="Ignored">Ignored</option>
                </select>
                <input type="hidden" value="Go">
        </div>

         
              <table class="display_no_select" id="annual_table">


           <!--   <div class="ui-widget">
                    <label for="annseries">Series: </label>
                      <input id="annseries" />
                  </div>
                  <div class="ui-widget" style="margin-top: 2em; font-family: Arial;">
                    Result:
                    <div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
                  </div>
           -->
                   <thead>
                        <tr>
                                <th id="select" align="left"><input type="checkbox" onClick="toggle(this)" class="checkbox" /></th>
                                <th id="aint_issuenumber">Int_IssNumber</th>
                                <th id="aissuenumber">Number</th>
                                <th id="aissuename">Name</th>
                                <th id="areldate">Date</th>
                                <th id="astatus">Status</th>
                                <th id="aoptions">Options</th>
                        </tr>
                   </thead>
                   <tbody>           

                   %for annual in annuals:

                        <%
                                if annual['Status'] == 'Skipped':
                                        agrade = 'Z'
                                elif annual['Status'] == 'Wanted':
                                        agrade = 'X'
                                elif annual['Status'] == 'Snatched':
                                        agrade = 'C'
                                elif annual['Status'] == 'Downloaded':
                                        agrade = 'A'
                                elif annual['Status'] == 'Archived':
                                        agrade = 'A'
                                elif annual['Status'] == 'Ignored':
                                        agrade = 'A'
                                elif annual['Status'] == 'Failed':
                                        agrade = 'C'
                                else:
                                        agrade = 'A'
                        %>
                        <tr class="${annual['Status']} grade${agrade}">
                                <td id="select"><input type="checkbox" name="${annual['IssueID']}" class="checkbox" value="${annual['IssueID']}" /></td>
                                <% 
                                    if annual['Int_IssueNumber'] is None:
                                        annual_Number = annual['Int_IssueNumber']
                                    else:
                                        annual_Number = annual['Int_IssueNumber'] - 100000

                                %>
                                <td id="aint_issuenumber">${annual_Number}</td>
                                <td id="aissuenumber">${annual['Issue_Number']}</td>
                                <td id="aissuename">${annual['IssueName']}</td>
                                <td id="areldate">${annual['IssueDate']}</td>
                                <td id="astatus">${annual['Status']}
                                %if annual['Status'] == 'Downloaded' or annual['Status'] == 'Archived':
                                    <%Csize = mylar.helpers.human_size(annual['ComicSize'])%>
                                    <a href="#" title="${annual['Location']} (${Csize})"><img src="interfaces/default/images/info32.png" height="16" alt="" /></a>
                                %endif
                                </td>
                                <td id="aoptions">
                                   <% amode = 'want_ann' %>
                                        <a href="#" title="Manual Search" onclick="doAjaxCall('queueit?ComicID=${annual['ComicID']}&IssueID=${annual['IssueID']}&ComicIssue=${annual['Issue_Number']}&ComicYear=${annual['IssueDate']}&mode=${amode}&manualsearch=True',$(this),'table')" data-success="Manually searching for ${annual['ComicName']} #${annual['Issue_Number']}"><img src="interfaces/default/images/search.png" height="25" width="25" class="highqual" /></a>
                                %if annual['Status'] == 'Skipped' or annual['Status'] == 'Ignored':
                                        <a href="#" title="Mark annual as Wanted" onclick="doAjaxCall('queueissue?ComicID=${annual['ComicID']}&IssueID=${annual['IssueID']}&ComicIssue=${annual['Issue_Number']}&ComicYear=${annual['IssueDate']}&mode=${amode}',$(this),'table')"><img src="interfaces/default/images/wanted_icon.png" height="25" width="25" class="highqual" /></a>
                                %elif (annual['Status'] == 'Wanted'):
                                        <a href="#" title="Mark annual as Skipped" onclick="doAjaxCall('unqueueissue?IssueID=${annual['IssueID']}&ComicID=${annual['ComicID']}&ReleaseComicID=${annual['ReleaseComicID']}',$(this),'table')" data-success="'${annual['Issue_Number']}' has been marked as skipped"><img src="interfaces/default/images/skipped_icon.png" height="25" width="25" class="highqual" /></a>
                                %elif (annual['Status'] == 'Snatched'):
                                        <a href="#" onclick="doAjaxCall('retryit?ComicName=${annual['ComicName'] |u}&ComicID=${annual['ComicID']}&IssueID=${annual['IssueID']}&IssueNumber=${annual['Issue_Number']}&ComicYear=${annual['IssueDate']}&ReleaseComicID=${annual['ReleaseComicID']}', $(this),'table')" data-success="Retrying the same version of '${issue['ComicName']}' '${issue['Issue_Number']}'" title="Retry the same download again"><img src="interfaces/default/images/retry_icon.png" height="25" width="25" class="highqual" /></a>
                                        <a href="#" title="Mark annual as Skipped" onclick="doAjaxCall('unqueueissue?IssueID=${annual['IssueID']}&ComicID=${annual['ComicID']}&ReleaseComicID=${annual['ReleaseComicID']}',$(this),'table')" data-success="'${annual['Issue_Number']}' has been marked as skipped"><img src="interfaces/default/images/skipped_icon.png" height="25" width="25" class="highqual" /></a>
                                        %if mylar.FAILED_DOWNLOAD_HANDLING:
                                               <a href="#" title="Mark annual as Failed" onclick="doAjaxCall('unqueueissue?IssueID=${issue['IssueID']}&ComicID=${issue['ComicID']}&mode="failed"',$(this),'table')" data-success="'${issue['Issue_Number']}' has been marked as Failed"><img src="interfaces/default/images/failed.png" height="25" width="25" class="highqual" /></a>
                                        %endif
                                %elif (annual['Status'] == 'Downloaded'):
                                       <%
                                              if annual['Location'] is not None:
                                                  linky = os.path.join(comic['ComicLocation'],annual['Location'])
                                                  if not os.path.isfile(linky):
                                                      linky = None
                                              else:
                                                  linky = None
                                        %>
                                            %if linky:
                                              <a href="downloadthis?pathfile=${linky |u}"><img src="interfaces/default/images/download_icon.png" height="25" width="25" title="Download the annual" class="highqual" /></a>
                                                %if linky.endswith('.cbz'):
                                                   <a href="#issue-box" onclick="return runMetaIssue('${linky |u}');" class="issue-window"><img src="interfaces/default/images/issueinfo.png" height="25" width="25" title="View Issue Details" class="highqual" /></a> 
                                                    <div id="issue-box" class="issue-popup">
                                                    <a href="#" class="close"><img src="interfaces/default/images/close_pop.png" class="btn_close" title="Close Window" alt="Close" class="highqual" /></a>
                                                     <fieldset>
                                                      <div id="responsethis">
                                                        <label><strong>[ NODATA ]</strong></label></br>
                                                      </div>
                                                     </fieldset>
                                                   </div>
                                                %endif

                                                %if mylar.ENABLE_META:
                                                    <a href="#" title="Manually meta-tag annual" onclick="doAjaxCall('manual_metatag?dirName=${comic['ComicLocation'] |u}&issueid=${issue['IssueID']}&filename=${linky |u}&comicid=${issue['ComicID']}',$(this),'table')" data-success="${issue['Issue_Number']} successfully tagged."><img src="interfaces/default/images/comictagger.png" height="25" width="25" class="highqual" /></a>
                                                %endif
                                             %endif
<!--
                                        <a href="#" title="Archive" onclick="doAjaxCall('archiveissue?IssueID=${annual['IssueID']}',$(this),'table')"><img src="interfaces/default/images/archive_icon.png" height="25" width="25" title="Mark issue as Archived" class="highqual" /></a>
                                        <a href="#" title="Add to Reading List"><img src="interfaces/default/images/glasses-icon.png" height="25" width="25" class="highqual" /></a>
-->
                                        <a href="#" onclick="doAjaxCall('retryit?ComicName=${annual['ComicName'] |u}&ComicID=${annual['ComicID']}&IssueID=${annual['IssueID']}&IssueNumber=${annual['Issue_Number']}&ComicYear=${annual['IssueDate']}&ReleaseComicID=${annual['ReleaseComicID']}', $(this),'table')" data-success="Retrying the same version of '${issue['ComicName']}' '${issue['Issue_Number']}'" title="Retry the same download again"><img src="interfaces/default/images/retry_icon.png" height="25" width="25" class="highqual" /></a>
                                        <a href="#" title="Mark annual as Skipped" onclick="doAjaxCall('unqueueissue?IssueID=${annual['IssueID']}&ComicID=${annual['ComicID']}',$(this),'table')" data-success="'${annual['Issue_Number']}' has been marked as skipped"><img src="interfaces/default/images/skipped_icon.png" height="25" width="25" class="highqual" /></a>

                                %else:
                                <a href="#" title="Retry the same download again" onclick="doAjaxCall('queueit?ComicID=${annual['ComicID']}&IssueID=${annual['IssueID']}&ComicIssue=${annual['Issue_Number']}&mode=want', $(this),'table')" data-success="Retrying the same version of '${annual['ComicName']}' '${annual['Issue_Number']}'"><img src="interfaces/default/images/retry_icon.png" height="25" width="25" class="highqual" /></a>
                                <a href="#" title="Mark annual as Skipped" onclick="doAjaxCall('unqueueissue?IssueID=${annual['IssueID']}&ComicID=${annual['ComicID']}',$(this),'table')" data-success="'${annual['Issue_Number']}' has been marked as skipped"><img src="interfaces/default/images/skipped_icon.png" height="25" width="25" class="highqual" /></a>
                                %endif
                                </td>

                            </tr>
                   %endfor
                   </tbody>
                </table>
                </form>
            %endif
            %if mylar.ANNUALS_ON:       
                        <div style="position:relative; width:960px; height:10px; margin:10px auto;">
                            <form action="manual_annual_add" method="GET">
                                 <input type="hidden" name="comicid" value=${comic['ComicID']}>
                                 <input type="hidden" name="comicname" value=${comic['ComicName'] |u}>
                                 <input type="hidden" name="comicyear" value=${comic['ComicYear']}>
                                      <div style="position:absolute; top:30px; right:0px;">
                                           <center><label><strong><a href="#" title="Enter the ComicID of the annual(s) you want to add to the series"/>Comic ID</a></strong></label>
                                           <input type="text" name="manual_comicid" size="10"><input type="image" src="interfaces/default/images/submit.png" height="25" width="25" class="highqual" /></center>
                                      </div>

                             </form>
                        </div>
            %endif

</%def>

<%def name="headIncludes()">
        <link rel="stylesheet" href="interfaces/default/css/data_table.css">

        %if comic['Status'] == 'Loading':
        <meta http-equiv="refresh" content="10">
        %endif
</%def>


<%def name="javascriptIncludes()">
        <script src="js/libs/jquery.dataTables.min.js"></script>
        <script src="js/libs/jquery.jeditable.js"></script>
        <style>
        .ui-autocomplete-loading {
          background: white url('interfaces/default/images/loader_black.gif') right center no-repeat;
        }
        #annseries{ width: 25em; }
        </style>
        <script>
        $(document).ready(function() {
            $('.edit').editable('issue_edit', {
                callback : function(value, settings) {
                    console.log(this);
                    console.log(value);
                    console.log(settings);
                    return(value);
                }
            });
        });
        </script>
        <script>
        $(document).ready(function() {
        $('a.issue-window').click(function() {
    
                    //Getting the variable's value from a link 
            var issueBox = $(this).attr('href');

            //Fade in the Popup
            $(issueBox).fadeIn(300);
    
            //Set the center alignment padding + border see css style
            var popMargTop = ($(issueBox).height() + 24) / 2; 
            var popMargLeft = ($(issueBox).width() + 24) / 2; 
    
            $(issueBox).css({ 
                'margin-top' : -popMargTop,
                'margin-left' : -popMargLeft
            });
    
            // Add the mask to body
            $('body').append('<div id="mask"></div>');
            $('#mask').fadeIn(300);
    
            return false;
        });

        // When clicking on the button close or the mask layer the popup closed
        $('a.close, #mask').on('click', function() { 
          $('#mask , .issue-popup').fadeOut(300 , function() {
            $('#mask').remove();  
        }); 
        return false;
        });
        });
        </script>

        <script>
        function runMetaIssue(filelink) {
              // alert(filelink);
              $.ajax({
                 type: "GET",
                 url: "IssueInfo",
                 data: { filelocation: filelink },
                 success: function(response) {
                   var names = response
                   $('#responsethis').html(response);
                 },
                 error: function(data)
                 {
                   alert('ERROR'+data.responseText);
                 },
              });
        }
        </script>

        <script>
        $(function() {
          function log( message ) {
            $( "<div>" ).text( message ).prependTo( "#log" );
            $( "#log" ).scrollTop( 0 );
          }

          $( "#annseries" ).autocomplete({
            source: function( request, response ) {
              $.ajax({
                url: "http://api.comicvine.com/search?",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: {
                  resources: "volume",
                  format: "json",
                  api_key: "",
                  query: request.term
                },
                success: function( data ) {
                  alert("success");
                  response( $.map( data.results, function( item ) {
                    return {
                      label: item.name + (item.id),
                      value: item.name
                    }
                  }));
                },
                error: function( data ) {
                    alert("error");
                }
              });
            },
            minLength: 2,
            select: function( event, ui ) {
              log( ui.item ?
                "Selected: " + ui.item.label :
                "Nothing selected, input was " + this.value);
            },
            open: function() {
              $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
            },
            close: function() {
              $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
            }
          });
        });
        </script>

        <script>
        // show/hide different types of rows when the checkboxes are changed
        $("#checkboxControls input").change(function(e){
            var whichClass = $(this).attr('id')
            $(this).showHideRows(whichClass)
            return
            $('tr.'+whichClass).each(function(i){
                $(this).toggle();
            });
        });

        // initially show/hide all the rows according to the checkboxes
        $("#checkboxControls input").each(function(e){
            var status = this.checked;
            $("tr."+$(this).attr('id')).each(function(e){
                if (status) {
                    $(this).show();
                } else {
                    $(this).hide();
                }
            });
        });

        $.fn.showHideRows = function(whichClass){

            var status = $('#checkboxControls > input, #'+whichClass).prop('checked')
            $("tr."+whichClass).each(function(e){
                if (status) {
                    $(this).show();
                } else {
                    $(this).hide();
                }
            });
        }

	hideServerDivs = function () {
		$("#customoptions").slideUp();
		$("#hpserveroptions").slideUp();
	};
	
	handleNewSelection = function () {
	
		hideServerDivs();
		
		switch ($(this).val()) {
			case 'custom':
				$("#customoptions").slideDown();
			break;
			case 'mylar':
				$("#hpserveroptions").slideDown();
			break;
		}
	};

        function initThisPage(){

                $(function() {
                        $( "#tabs" ).tabs();
                });
                initActions();
                $('#issue_table').dataTable(
                        {
                               "bDestroy": true,
                               "aoColumnDefs": [
                                    { 'bSortable': false, 'aTargets': [ 0, 3 ] },
                                    { 'bVisible': false, 'aTargets': [1] },
                                    { 'sType': 'numeric', 'aTargets': [1] },
                                    { 'iDataSort': [1], 'aTargets': [2] }
                               ],
                               "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, 'All' ]],
                               "oLanguage": {
                                       "sLengthMenu":"Show _MENU_ issues per page",
                                       "sEmptyTable": "No issue information available",
                                       "sInfo":"Showing _TOTAL_ issues",
                                       "sInfoEmpty":"Showing 0 to 0 of 0 issues",
                                       "sInfoFiltered":"(filtered from _MAX_ total issues)",
                                       "sSearch": ""},
                               "bStateSave": true,
                               "iDisplayLength": 25,
                               "sPaginationType": "full_numbers",
                               "aaSorting": [[2, 'desc'],[4,'desc']]
                        });
                $('#annual_table').dataTable(
                        {
                               "bDestroy": true,
                               "aoColumnDefs": [
                                    { 'bSortable': false, 'aTargets': [ 0, 3 ] },
                                    { 'bVisible': false, 'aTargets': [1] },
                                    { 'sType': 'numeric', 'aTargets': [1] },
                                    { 'iDataSort': [1], 'aTargets': [2] }
                               ],
                               "oLanguage": {
                                       "sLengthMenu":"",
                                       "sEmptyTable": "No issue information available",
                                       "sInfo":"Showing _TOTAL_ issues",
                                       "sInfoEmpty":"Showing 0 to 0 of 0 issues",
                                       "sInfoFiltered":"",
                                       "sSearch": ""},
                               "bStateSave": true,
                               "bFilter": false,
                               "sPaginationType": "full_numbers",
                               "iDisplayLength": 10
                        });

                resetFilters("issue");
                setTimeout(function(){
                    initFancybox();
                },1500);
        }

        $(document).ready(function() {
                $("issue_table").dataTable();
                $("annual_table").dataTable();
                initThisPage();
        }); 
      </script>
</%def>