Create attractive VASL scenarios, with loads of useful information embedded to assist with game play.
https://vasl-templates.org
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
163 lines
7.7 KiB
163 lines
7.7 KiB
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title> {{APP_NAME}} </title>
|
|
<link rel="shortcut icon" href="{{url_for('static', filename='images/favicon.ico')}}">
|
|
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='jquery-ui/jquery-ui.min.css')}}" />
|
|
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='growl/jquery.growl.css')}}" />
|
|
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/main.css')}}" />
|
|
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/tabs-scenario.css')}}" />
|
|
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/tabs-ob.css')}}" />
|
|
</head>
|
|
|
|
<body>
|
|
<div id="tabs">
|
|
|
|
<ul>
|
|
<li> <a href="#tabs-scenario">Scenario</a>
|
|
<li> <a href="#tabs-ob1">Player 1 OB</a>
|
|
<li> <a href="#tabs-ob2">Player 2 OB</a>
|
|
<li> <a href="#tabs-other">Other</a>
|
|
</ul>
|
|
|
|
<div id="tabs-scenario">
|
|
<fieldset class="tl"> <legend>Scenario</legend>
|
|
<div id="panel-scenario">
|
|
<div class="label" data-labelfor="scenario_name">Name:</div> <input name="scenario_name" type="text" class="param">
|
|
<div class="label" data-labelfor="scenario_location">Location:</div> <input name="scenario_location" type="text" class="param">
|
|
<div class="label" data-labelfor="scenario_date">Date:</div>
|
|
<div class="last_row">
|
|
<input name="scenario_date" type="text" size="10" class="param">
|
|
<div class="r">
|
|
<label for="scenario_width">Width:</label>
|
|
<input type="text" class="param" name="scenario_width" size="5">
|
|
<input type="button" class="generate" data-id="scenario" value="Go">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="panel-players">
|
|
<div></div> <div></div> <div class="label" data-labelfor="elr">ELR</div> <div class="label" data-labelfor="san">SAN</div>
|
|
<div class="label" data-labelfor="player_1">Player 1:</div> <select name="player_1" class="param"></select> <select name="player_1_elr" class="param"></select> <select name="player_1_san" class="param"></select>
|
|
<div class="label" data-labelfor="player_2">Player 2:</div> <select name="player_2" class="param"></select> <select name="player_2_elr" class="param"></select> <select name="player_2_san" class="param"></select>
|
|
<div></div> <div></div> <div></div> <input type="button" class="generate" data-id="players" value="Go">
|
|
</div>
|
|
</fieldset>
|
|
<fieldset class="tr"> <legend>Victory Conditions</legend>
|
|
<div id="panel-vc">
|
|
<textarea name="victory_conditions" type="text" class="param"></textarea>
|
|
<div class="footer">
|
|
<label for="victory_conditions_width">Width:</label>
|
|
<input type="text" class="param" name="victory_conditions_width" size="5">
|
|
<input type="button" class="generate" data-id="victory_conditions" value="Go">
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset class="br"> <legend>SSR's</legend>
|
|
<div id="panel-ssr">
|
|
<div class="content">
|
|
<div id="ssr-hint"> <p>Click on the "+" below to add a new SSR, double-click on an SSR to edit it. <p>To re-order the SSR's, use the mouse to drag them around. <p>Ctrl-click on an SSR to delete it, or drag it into the trashcan below. </div>
|
|
<ul id="ssr-sortable" style="display:none;"></ul>
|
|
</div>
|
|
<div class="footer">
|
|
<div class="l">
|
|
<input type="button" id="add-ssr" value="+">
|
|
<img id="ssr-trash" src="{{url_for('static',filename='images/trash.png')}}">
|
|
</div>
|
|
<label for="ssr_width">Width:</label>
|
|
<input type="text" class="param" name="ssr_width" size="5">
|
|
<input type="button" class="generate" data-id="ssr" value="Go">
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div id="tabs-ob1">
|
|
<fieldset class="tl"> <legend>OB setup</legend>
|
|
<div id="panel-obsetup1" class="panel-obsetup">
|
|
<textarea name="ob_setup_1" type="text" class="param"></textarea>
|
|
<div class="footer">
|
|
<input type="button" class="generate" data-id="mol" value="MOL">
|
|
<input type="button" class="generate" data-id="mol-p" value="MOL-P">
|
|
<input type="button" class="generate" data-id="pf" value="PF">
|
|
<input type="button" class="generate" data-id="psk" value="PSK">
|
|
<input type="button" class="generate" data-id="atmm" value="ATMM">
|
|
<input type="button" class="generate" data-id="baz" value="BAZ">
|
|
<input type="button" class="generate" data-id="piat" value="PIAT">
|
|
<input type="button" class="generate" data-id="ob_setup_1" value="Go">
|
|
<div class="r">
|
|
<label for="ob_setup_width_1">Width:</label>
|
|
<input type="text" class="param" name="ob_setup_width_1" size="5">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset class="r"> <legend>Vehicles</legend>
|
|
<div id="panel-obvehicles1">
|
|
</div>
|
|
</fieldset>
|
|
<fieldset class="bl"> <legend>Ordnance</legend>
|
|
<div id="panel-obordnance1">
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div id="tabs-ob2">
|
|
<fieldset class="tl"> <legend>OB setup</legend>
|
|
<div id="panel-obsetup2" class="panel-obsetup">
|
|
<textarea name="ob_setup_2" type="text" class="param"></textarea>
|
|
<div class="footer">
|
|
<input type="button" class="generate" data-id="mol" value="MOL">
|
|
<input type="button" class="generate" data-id="mol-p" value="MOL-P">
|
|
<input type="button" class="generate" data-id="pf" value="PF">
|
|
<input type="button" class="generate" data-id="psk" value="PSK">
|
|
<input type="button" class="generate" data-id="atmm" value="ATMM">
|
|
<input type="button" class="generate" data-id="baz" value="BAZ">
|
|
<input type="button" class="generate" data-id="ob_setup_2" value="Go">
|
|
<input type="button" class="generate" data-id="piat" value="PIAT">
|
|
<div class="r">
|
|
<label for="ob_setup_width_2">Width:</label>
|
|
<input type="text" class="param" name="ob_setup_width_2" size="5">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset class="r"> <legend>Vehicles</legend>
|
|
<div id="panel-obvehicles2">
|
|
</div>
|
|
</fieldset>
|
|
<fieldset class="bl"> <legend>Ordnance</legend>
|
|
<div id="panel-obordnance2">
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div id="tabs-other">
|
|
<div id="panel-other">
|
|
<fieldset>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="edit-ssr" style="display:none;"> <b>Enter the SSR content:</b> <textarea></textarea> </div>
|
|
<div id="ask" style="display:none;"></div>
|
|
|
|
</div>
|
|
</body>
|
|
|
|
<script src="{{url_for('static',filename='jquery/jquery-3.3.1.min.js')}}"></script>
|
|
<script src="{{url_for('static',filename='jquery-ui/jquery-ui.min.js')}}"></script>
|
|
<script src="{{url_for('static',filename='jinja/jinja.js')}}"></script>
|
|
<script src="{{url_for('static',filename='growl/jquery.growl.js')}}"></script>
|
|
<script>
|
|
gImagesBaseUrl = "{{url_for('static',filename='images')}}" ;
|
|
gGetTemplatesUrl = "{{url_for('get_templates')}}" ;
|
|
gGetNationalitiesUrl = "{{url_for('get_nationalities')}}" ;
|
|
</script>
|
|
<script src="{{url_for('static',filename='main.js')}}"></script>
|
|
<script src="{{url_for('static',filename='generate.js')}}"></script>
|
|
<script src="{{url_for('static',filename='ssr.js')}}"></script>
|
|
<script src="{{url_for('static',filename='utils.js')}}"></script>
|
|
|
|
</html>
|
|
|