LazyLibrarian/data/interfaces/default/issues.html

<%inherit file="base.html" />
<%!
    import lazylibrarian
%>

<%def name="headerIncludes()">
    <div id="subhead_container">
        <ul id="subhead_menu">
            <li><a href="forceSearch?source=magazines" id="button"> Force Search </a></li>
            <li><a href="forceProcess?source=magazines" id="button"> Force Post-Processing </a></li>
            <li><a href="magazineScan" id="button"> Library Scan </a></li>
            <li><a href="pastIssues?whichStatus="Skipped" id="button"> Past Issues </a></li>
        </ul>F
    </div>
</%def>

<%def name="body()">

    <p class="indented">
        <form action="markIssues" method="get">
            <select name="action" id="action" style="margin-left:30px;margin-top:15px;margin-bottom:15px;">
                  <option value="Remove" selected>Remove</option>
                  <option value="Delete">Delete</option>
                  <option value="Leave" hidden>Leave</option>
            </select>
        <input type="submit" id="go" value="Go">
    </p>

    <table class="display" id="book_table" style="margin-top:60px;">
        <thead>
            <tr>
                <th id="select"><input type="checkbox" onClick="toggleAll(this)" /></th>
                % if covercount > 0:
                <th id="bookart">Cover</th>
                % else:
                <th id="bookart" hidden="true">Cover</th>
                % endif
                <th id="issuedate">${issues[0]['Title']}</th>
                <th id="lastacquired">Acquired</th>
                <th id="issue">Issue</th>
            </tr>
        </thead>

        <tbody>
        %for result in issues:
                <tr class="gradeZ">
                    <td id="select"><input type="checkbox" name="${result['IssueID']}" class="checkbox" /></td>
                    % if covercount > 0:
                    <td id="bookart"><a href="${result['Cover']}" target="_new"><img src="${result['Cover']}" height="75" width="50"></a></td>
                    % else:
                    <td id="bookart" hidden="true"><a href="${result['Cover']}" target="_new"><img src="${result['Cover']}" height="75" width="50"></a></td>
                    % endif
                    <td id="issuedate">${result['IssueDate']}</td>
                    <td id="lastacquired">${result['IssueAcquired']}</td>
                    <td id="issue"><a class="button green" href="openMag?bookid=${result['IssueID']}" target="_self">${"Open"}</a></td>
                </tr>
        %endfor
        </tbody>
    </table>
</%def>

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

<%def name="javascriptIncludes()">
    <script src="js/libs/jquery.dataTables.min.js"></script>
    <script>

    $(document).ready(function()
    {
        $('#go').click(function () {
                var action = $("#action").val();
                if (action == "Delete") {
                    if (confirm('Are you sure you want to permanently delete the selected issues?')) {
                        return
                    } else {
                        $("#action").val("Leave")
                        return
                    }
                } else {
                    return
                }
            });

        $('#book_table').dataTable(
            {
                "aoColumns": [
                    null,
                    null,
                    null,
                    null
                    ],
                "oLanguage": {
                    "sLengthMenu":"Show _MENU_ issues per page",
                    "sEmptyTable": "No issues found",
                    "sInfo":"Showing _START_ to _END_ of _TOTAL_ results",
                    "sInfoEmpty":"Showing 0 to 0 of 0 issues",
                    "sInfoFiltered":"(filtered from _MAX_ total issues)"},
                "sPaginationType": "full_numbers",
                "aLengthMenu": [[5, 10, 15, 25, 50, 100, -1], [5, 10, 15, 25, 50, 100, "All"]],
                "iDisplayLength": ${lazylibrarian.DISPLAYLENGTH},
            });
            $('.dataTables_filter input').attr("placeholder", "Search table here");
    });
    </script>
</%def>