mylar/data/interfaces/default/upcoming.html

<%inherit file="base.html" />

<%def name="headerIncludes()">
	<div id="subhead_container">
		<div id="subhead_menu">
			<a href="#" id="menu_link_scan" onclick="doAjaxCall('forceSearch',$(this))" data-success="Checking for wanted issues successful" data-error="Error checking wanted issues">Force Check</a>
		</div>
	</div>	
</%def>


<%def name="body()">
	
	<div class="title">
		<h1 class="clearfix"><img src="interfaces/default/images/icon_wanted.png" alt="Wanted Issues"/>Wanted Issues (${wantedcount})</h1>
	</div>
	<form action="markissues" method="get" id="markissues">
	<div id="markissue" style="top:0;">
		Mark selected issues as 
		<select name="action" onChange="doAjaxCall('markissues',$(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="Skipped">Skipped</option>
				<option value="Downloaded">Downloaded</option>
		</select>
		<input type="hidden" value="Go">
	</div>
	<div class="table_wrapper" id="wanted_table_wrapper" >
		<table class="display" id="wanted_table">
		<thead>
			<tr>
				<th id="select"><input type="checkbox" onClick="toggle(this)" /></th>
				<th id="comicname">Comic</th>
				<th id="issuenumber">Issue</th>
				<th id="reldate">Release Date</th>
			</tr>
		</thead>
		<tbody>
		%for issue in issues:
			<tr class="gradeZ">
				<td id="select"><input type="checkbox" name="${issue['IssueID']}" class="checkbox" /></td>
				<td id="comicname"><a href="comicDetails?ComicID=${issue['ComicID']}">
                                <%
                                      if any(d['IssueID'] == str(issue['IssueID']) for d in ann_list):
                                          adjcomicname = issue['ComicName'] + ' Annual'
                                      else:
                                          adjcomicname = issue['ComicName']
                                      endif
                                %>
                                ${adjcomicname}</a></td>
				<td id="issuenumber">${issue['Issue_Number']}</td>
				<td id="reldate">${issue['IssueDate']}</td>
			</tr>
		%endfor
		</tbody>
	</table>
	
	</form>
	</div>
	<div class="title">
		<h1 class="clearfix"><img src="interfaces/default/images/icon_upcoming.png" alt="Upcoming Issues"/>Upcoming Issues</h1>
	</div>

        <div id="tabs">
                <ul>
                        <li><a href="#tabs-1">This Week's Upcoming (${upcoming_count})</a></li>
                        <li><a href="#tabs-2">Upcoming nodata</a></li>
                        <li><a href="#tabs-3">Future Upcoming (${futureupcoming_count})</a></li>
                </ul>

        <div id="tabs-1">


	<div class="table_wrapper">
		<table class="display_no_select" id="upcoming_table">
                %if upcoming:
    		    <thead>
			    <tr>
				    <th id="comicname">Comic</th>
				    <th id="issuenumber">Issue</th>
				    <th id="reldate">Release Date</th>
				    <th id="status">Status</th>
			    </tr>
		    </thead>
		    <tbody>
                    %for upcome in upcoming:
		   	    <tr class="gradeZ">
			   	    <td id="comicname"><a href="comicDetails?ComicID=${upcome['ComicID']}">${upcome['DisplayComicName']}</a></td>
				    <td id="issuenumber">${upcome['IssueNumber']}</td>
				    <td id="reldate">${upcome['IssueDate']}</td>
				    <td id="status">${upcome['Status']}</td>
			    </tr>
  		    %endfor
   		    </tbody>
                %else:
                  <tr><td align="center" width="100%"> no upcoming data to display</td></tr>
                %endif
	</table>
	</div>
        </div>
        <div id="tabs-2">
           <div class="table_wrapper">
                <table class="display_no_select" id="upcoming_table">
                %if future_nodata_upcoming:
                <thead>
                        <tr>
                                <th id="comicname">Comic</th>
                                <th id="issuenumber">Issue</th>
                                <th id="reldate">Release Date</th>
                                <th id="status">Status</th>
                        </tr>
                </thead>
                <tbody>
                    %for f_nodata in future_nodata_upcoming:
                            <tr class="gradeZ">
                                    <td id="comicname"><a href="comicDetails?ComicID=${f_nodata['ComicID']}">${f_nodata['ComicName']}</a></td>
                                    <td id="issuenumber">${f_nodata['IssueNumber']}</td>
                                    <td id="reldate">${f_nodata['IssueDate']}</td>
                                   <td id="status">${f_nodata['Status']}</td>
                            </tr>
                    %endfor
                </tbody>
                %else:
                  <tr><td align='center" width="100%">no upcoming future data to display</td></tr>
                %endif
               </table>
            </div>
        </div>
        <div id="tabs-3">
           <div class="table_wrapper">
                <table class="display_no_select" id="upcoming_table">
                %if futureupcoming:
                <thead>
                        <tr>
                                <th id="comicname">Comic</th>
                                <th id="issuenumber">Issue</th>
                                <th id="reldate">Release Date</th>
                                <th id="status">Status</th>
                        </tr>
                </thead>
                <tbody>
                    %for f_upcome in futureupcoming:
                            <tr class="gradeZ">
                                    <td id="comicname">${f_upcome['DisplayComicName']}</td>
                                    <td id="issuenumber">${f_upcome['IssueNumber']}</td>
                                    <td id="reldate">${f_upcome['IssueDate']}</td>
                                    <td id="status">${f_upcome['Status']}</td>
                            </tr>
                    %endfor
                </tbody>
                %else:
                  <tr><td align="center" width="100%">no upcoming future data to display</td></tr>
                %endif
               </table>
         </div>
        </div>
     </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 initThisPage() {
                $(function() {
                        $( "#tabs" ).tabs();
                });
		$('#wanted_table').dataTable({
			"bDestroy":true,
			"bFilter": false,
			"bInfo": false,
			"bPaginate": false
		});
		resetFilters("issues");
		initActions();
	}
	$(document).ready(function() {
		initThisPage();		
	});
	</script>
</%def>