index.html 4.58 KB
<!DOCTYPE html>
<html>
<head>
	<meta content="text/html; charset=utf-8" http-equiv="content-type">
	<meta content="Imanol Barba Sabariego" name="author">
	<title>BT Vendor</title>
	<link rel="stylesheet" type="text/css" href="css/btvendor.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.min.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<script src="js/jquery-1.11.1.min.js"></script>
	<script src="js/bootstrap-datetimepicker.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
    	<script src="js/vendorform.js"></script>
</head>
<body>
	<h1>BT Vendor Batch File Generator</h1>
	<br><br>
	<div style="margin-left:20px;">
	<table style="border: 1px solid black;">
        <tbody>
        	<tr>
			<td>
      				<div id="container">
			        	<div id="left">
        	        			<h2>Available Commands</h2><br>
                				<input name="command" type="radio" value="Hello"><b> Hello</b>
				                <br><br>
				                <input name="command" type="radio" value="A5"><b> Set Date & Time</b><br>
				                <br>
				                <div style="margin-left: 40px;"> 
							<div id="datetimepicker1" class="input-append date">
								<input name="datepicker" data-format="dd/MM/yyyy hh:mm:ss" type="text">
								<span class="add-on">
									<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
								</span>
				  			</div>
						</div>
						<br>
				                <input name="command" type="radio" value="A6"><b> Change Product Price</b><br>
				                <br>
				                <div style="margin-left: 40px;">
						        <table class="textinput">
					                <tbody>
						                <tr>
						                        <td>Channel</td>
						                        <td><input name="channela6" maxlength="1" type="text"></td>
						                </tr>
						                <tr>
						                        <td>Product</td>
						                        <td><input name="producta6" maxlength="1" type="text"></td>
						                </tr>
						                <tr>
						                        <td>Price</td>
						                        <td><input name="price" placeholder="EE.CC" type="text"></td>
						                </tr>
								<tr>
									<td></td>
									<td><i style="margin-left:10px;">(Maximum allowed price is 99.99)</i></td>
								</tr>
					                </tbody>
					                </table>
				                </div>
						<br>
				                <input name="command" type="radio" value="A7"><b> Change Product Name</b><br>
				                <br>
				                <div style="margin-left: 40px;">
					                <table class="textinput">
					                <tbody>
						                <tr>
						                        <td>Channel</td>
						                        <td><input name="channela7" maxlength="1" type="text"></td>
						                </tr>
						                <tr>
						                        <td>Product</td>
					        	                <td><input name="producta7" maxlength="1" type="text"></td>
						                </tr>
						                <tr>
						                        <td>Product Name</td>
						                        <td><input name="productname" maxlength="64" type="text"></td>
						                </tr>
							</tbody>
					                </table>
				                </div>
						<br>
				                <input name="command" type="radio" value="Bye"><b> Bye</b><br>
				                <br>
				                <button type="button" name="add" onClick="addCommand()">Add</button><br>
				                <br>
			                </div>
			                <div id="right">
				                <h2>Selected commands</h2>
				                <select multiple="multiple" size="1" name="commandlist"></select>
				                <br>
				                <br>
				                <button type="button" name="remove" onClick="removeCommand()">Remove</button><br>
			                </div>
			        </div>
			</td>
		</tr>
	</tbody>
      	</table>
	<br>
	<form autocomplete="off" method="POST" action="btvendor.php" id="btvendor">
		<table class="textinput">
        	<tbody>
        		<tr>
		       		<td>Name</td>
			        <td><input name="name" type="text"></td>
		        </tr>
        		<tr>
		        	<td>Machine ID</td>
		        	<td><input name="machineid" type="text"></td>
	        	</tr>
        	</tbody>
      		</table>
      		<br>
    		<input type="hidden" name="commands">	
		<button type="button" name="submitButton" onClick="submitForm()">Submit</button><br>
	</form>
    	Version: 1.0
	</div>
</body>
</html>