mylar/data/interfaces/default/editcomic.html

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

<%def name="headerIncludes()">
	<div id="subhead_container">
		<div id="subhead_menu">
			<a id="menu_link_shutdown" href="shutdown">Shut Down</a>
			<a id="menu_link_shutdown" href="restart">Restart</a>
		</div>
	</div>
</%def>
<%def name="body()">



	<div id="paddingheader">
		<h1 class="clearfix"><img src="interfaces/default/images/icon_gear.png" alt="settings"/>${comic['ComicName']} - Settings</h1>
	</div>
        <form action="configUpdate" method="post" class="form" id="configUpdate">
	
	<div id="tabs">
		<ul>
			<li><a href="#tabs-1">Comic Details</a></li>
			<li><a href="#tabs-2">Download settings</a></li>
		</ul>
		<div id="tabs-1">
		
		
        <table class="configtable" summary="Comic Details">
            <tr>
            	<td>
            		<fieldset>
            			<legend>Basic</legend>
	            		<div class="row">
	            		 	<label>Directory Location</label>
	            		   <input type="text" name="com_location" value="${comic['ComicLocation']}" size="30">
	            		   <small>the directory where all the comics are for this comic</small>
	            		</div> 
            		 </fieldset>
            	</td>
                <td>          
                   <fieldset>
                       <div id="artistImg">
                          <img src="${comic['ComicImage']}" class="editArt" alt="" />
                       </div>
                   </fieldset>
                </td>                    
            </tr>
        </table>
	</div>
	
	<div id="tabs-2">
        <table class="configtable" summary="Download Settings">
	    <tr>
                <td>
                	<fieldset>
                		<legend>Quality</legend>
	                	<div class="row">
		                    <label>Alternate versions</label>
		                    <input type="text" name="qual_altvers" value="${comic['QUALalt_vers']}" size="30">
		                    <small>if the comic is v5 or whatever, enter 'v5' here</small>
	                    </div>
	                   	<div class="row">
		                    <label>Scanner</label>
		                    <input type="text" name="qual_scanner" value="${comic['QUALscanner']}" size="20">
	                    </div>	               
	                	<div class="row">
		                    <label>type</label>
		                    <input type="text" name="qual_type" value="${comic['QUALtype']}" size="36">
	                    </div>
	                   	<div class="row">
		                    <label>Quality</label>
		                    <input type="text" name="qual_quality" value="${comic['QUALquality']}" size="20">
                    </fieldset>
                </td>
            </tr>            
    
	    </table>
	</div>
        <input type="button" value="Save Changes" onclick="doAjaxCall('configUpdate',$(this),'tabs',true);return false;" data-success="Changes saved successfully">
        <div class="message">
        	<p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>Web Interface changes require a restart to take effect</p>
		</div>

 </div>
</%def>

<%def name="javascriptIncludes()">
	<script>
	
	hideServerDivs = function () {
		$("#customoptions").slideUp();
		$("#hpserveroptions").slideUp();
	};
	
	handleNewSelection = function () {
	
		hideServerDivs();
		
		switch ($(this).val()) {
			case 'custom':
				$("#customoptions").slideDown();
			break;
			case 'mylar':
				$("#hpserveroptions").slideDown();
			break;
		}
	};

        function getComicArt() {
                var id = "${comic['ComicID']}";
                var name = "${comic['ComicImage']}";
                var image = $("div#artistImg img#artistImage");
                if ( !image.hasClass('done') ) {
                        image.addClass('done');
                        getComicArtwork(image,id,name,'comic');
                }
        }
	
	function initThisPage() 
                getComicArt();

	{
    
		$(function() {
			$( "#tabs" ).tabs();
		});
		initActions();
	}
	$(document).ready(function() {
		initThisPage();
	});
	
	</script>
</%def>