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.
 
 
 
 
 
 
vasl-templates/vasl_templates/webapp/templates/index.html

229 lines
14 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/app.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='popmenu/jquery.popmenu.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='spectrum/spectrum.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='select2/select2.min.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='chartjs/Chart.min.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='lightgallery/css/lightgallery.min.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='trumbowyg/ui/trumbowyg.min.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='trumbowyg/plugins/flags.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='trumbowyg/plugins/colors/ui/trumbowyg.colors.min.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='trumbowyg/plugins/emoji/ui/trumbowyg.emoji.min.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='trumbowyg/plugins/specialchars/ui/trumbowyg.specialchars.min.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='trumbowyg/plugins/table/ui/trumbowyg.table.min.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.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')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/tabs-extras.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/sortable.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/edit-template-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/edit-simple-note-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/edit-html-textbox-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/ask-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/select-vo-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/edit-vo-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/select-roar-scenario-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/vassal-shim.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/lfa.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/lfa-upload.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/scenario-search-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/scenario-card.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/scenario-upload-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/scenario-downloads-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/turn-track-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/user-settings-dialog.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/program-info.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/html-editor.css')}}" />
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/please-wait.css')}}" />
</head>
<!-- ----------------------------------------------------------------- -->
<body>
<noscript>
<div style="margin:1em;"> Javascript is disabled. Please enable it, then reload this page. </div>
</noscript>
<img id="loader" src="{{url_for('static',filename='images/loader.gif')}}" style="display:none;position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-16px;z-index:999;">
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
<div id="menu" style="display:none;">
<input type="image" src="{{url_for('static',filename='images/menu.png')}}" value="actions">
</div>
{%include "tabs.html"%}
<input id="load-scenario" type="file" accept=".json" style="display:none;">
<input id="load-template-pack" type="file" accept=".zip,.j2" style="display:none;">
<input id="load-vsav" type="file" accept=".vsav" style="display:none;">
<input id="load-vlog" type="file" multiple accept=".vlog" style="display:none;">
<input id="select-vsav-for-upload" type="file" multiple accept=".vsav" style="display:none;">
<input id="select-screenshot-for-upload" type="file" multiple accept=".png,.jpg,.jpeg,.gif" style="display:none;">
<div id="alt-webapp-base-url" style="display:none;"> Webapp base URL: </div>
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
<div id="watermark" style="display:none;">
<img src="{{url_for('static',filename='images/watermark.png')}}">
</div>
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
{%include "edit-template-dialog.html"%}
{%include "edit-simple-note-dialog.html"%}
{%include "edit-html-textbox-dialog.html"%}
{%include "select-vo-dialog.html"%}
{%include "select-vo-image-dialog.html"%}
{%include "edit-vo-dialog.html"%}
{%include "scenario-info-dialog.html"%}
{%include "scenario-search-dialog.html"%}
{%include "scenario-upload-dialog.html"%}
{%include "scenario-downloads-dialog.html"%}
{%include "select-roar-scenario-dialog.html"%}
{%include "vassal.html"%}
{%include "lfa.html"%}
{%include "lfa-upload.html"%}
{%include "turn-track-dialog.html"%}
{%include "user-settings-dialog.html"%}
{%include "program-info-dialog.html"%}
{%include "ask-dialog.html"%}
{%include "please-wait.html"%}
</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 src="{{url_for('static',filename='popmenu/jquery.popmenu-1.0.0.min.js')}}"></script>
<script src="{{url_for('static',filename='hotkey/jquery.hotkey.js')}}"></script>
<script src="{{url_for('static',filename='spectrum/spectrum.js')}}"></script>
<script src="{{url_for('static',filename='download/download.min.js')}}"></script>
<script src="{{url_for('static',filename='jszip/jszip.min.js')}}"></script>
<script src="{{url_for('static',filename='select2/select2.min.js')}}"></script>
<script src="{{url_for('static',filename='split/split.min.js')}}"></script>
<script src="{{url_for('static',filename='js-cookie/js.cookie.js')}}"></script>
<script src="{{url_for('static',filename='chartjs/Chart.min.js')}}"></script>
<script src="{{url_for('static',filename='chartjs/chartjs-plugin-labels.min.js')}}"></script>
<script src="{{url_for('static',filename='lightgallery/js/lightgallery.min.js')}}"></script>
<script src="{{url_for('static',filename='lightgallery/js/lg-thumbnail.min.js')}}"></script>
<script src="{{url_for('static',filename='lightgallery/js/lg-zoom.min.js')}}"></script>
<script src="{{url_for('static',filename='lightgallery/js/lg-rotate.min.js')}}"></script>
<script src="{{url_for('static',filename='trumbowyg/trumbowyg.min.js')}}"></script>
<script src="{{url_for('static',filename='trumbowyg/plugins/flags.js')}}"></script>
<script src="{{url_for('static',filename='trumbowyg/plugins/colors/trumbowyg.colors.min.js')}}"></script>
<script src="{{url_for('static',filename='trumbowyg/plugins/emoji/trumbowyg.emoji.min.js')}}"></script>
<script src="{{url_for('static',filename='trumbowyg/plugins/fontfamily/trumbowyg.fontfamily.min.js')}}"></script>
<script src="{{url_for('static',filename='trumbowyg/plugins/fontsize/trumbowyg.fontsize.min.js')}}"></script>
<script src="{{url_for('static',filename='trumbowyg/plugins/history/trumbowyg.history.min.js')}}"></script>
<script src="{{url_for('static',filename='trumbowyg/plugins/indent/trumbowyg.indent.min.js')}}"></script>
<script src="{{url_for('static',filename='trumbowyg/plugins/specialchars/trumbowyg.specialchars.min.js')}}"></script>
<script src="{{url_for('static',filename='trumbowyg/plugins/table/trumbowyg.table.min.js')}}"></script>
<script src="{{url_for('static',filename='DOMPurify/purify.min.js')}}"></script>
<script src="{{url_for('static',filename='utils.js')}}"></script>
<script>
function removeUrlTestParams( url )
{
// remove any URL parameters
// NOTE: We can't use URL.searchParams since we might be passed a relative URL.
// FUDGE! The test suite is giving us absolute, encoded URL's :-/
url = strReplaceAll( url, "&amp;", "&" ) ;
var match = url.match( new RegExp( "^http://.+?:\\d+?/" ) ) ;
if ( match )
url = url.substring( match[0].length - 1 ) ;
var pos = url.indexOf( "?" ) ;
if ( pos >= 0 ) {
params = url.substring( pos+1 ).split( "&" ) ;
url = url.substring( 0, pos ) ;
var nKeeps = 0 ;
params.forEach( function( param ) {
var keep = true ;
[ "store_msgs", "disable_close_window_check", "store_clipboard" ].forEach( function( key ) {
if ( param.substring( 0, key.length+1 ) === key + "=" )
keep = false ;
} ) ;
if ( keep ) {
url += ( nKeeps === 0 ) ? "?" : "&" ;
url += param ;
nKeeps += 1 ;
}
} ) ;
}
return url ;
}
gAppName = "{{APP_NAME}}" ;
gAppVersion = "{{APP_VERSION}}" ;
gImagesBaseUrl = removeUrlTestParams( "{{url_for('static',filename='images')}}" ) ;
gAppConfigUrl = removeUrlTestParams( "{{url_for('get_app_config')}}" ) ;
gGetStartupMsgsUrl = removeUrlTestParams( "{{url_for('get_startup_msgs')}}" ) ;
gGetTemplatePackUrl = removeUrlTestParams( "{{url_for('get_template_pack')}}" ) ;
gGetAslRulebook2VoNoteTargetsUrl = removeUrlTestParams( "{{url_for('get_asl_rulebook2_vo_note_targets')}}" ) ;
gShowAslRulebook2VoNoteUrl = removeUrlTestParams( "{{url_for('show_asl_rulebook2_target',target='TARGET')}}" ) ;
gGetDefaultScenarioUrl = removeUrlTestParams( "{{url_for('get_default_scenario')}}" ) ;
gVehicleListingsUrl = removeUrlTestParams( "{{url_for('get_vehicle_listings',merge_common=1)}}" ) ;
gOrdnanceListingsUrl = removeUrlTestParams( "{{url_for('get_ordnance_listings',merge_common=1)}}" ) ;
gVehicleNotesUrl = removeUrlTestParams( "{{url_for('get_vehicle_notes')}}" ) ;
gOrdnanceNotesUrl = removeUrlTestParams( "{{url_for('get_ordnance_notes')}}" ) ;
gGetVaslPieceInfoUrl = removeUrlTestParams( "{{url_for('get_vasl_piece_info')}}" ) ;
gGetOnlineCounterImagesUrl = removeUrlTestParams( "{{url_for('get_online_counter_images')}}" ) ;
gGetScenarioIndexUrl = removeUrlTestParams( "{{url_for('get_scenario_index')}}" ) ;
gGetScenarioUrl = removeUrlTestParams( "{{url_for('get_scenario',scenario_id='ID')}}" ) ;
gGetScenarioCardUrl = removeUrlTestParams( "{{url_for('get_scenario_card',scenario_id='ID')}}" ) ;
gGetRoarScenarioIndexUrl = removeUrlTestParams( "{{url_for('get_roar_scenario_index')}}" ) ;
gAnalyzeVsavUrl = removeUrlTestParams( "{{url_for('analyze_vsav')}}" ) ;
gAnalyzeVlogsUrl = removeUrlTestParams( "{{url_for('analyze_vlogs')}}" ) ;
gUpdateVsavUrl = removeUrlTestParams( "{{url_for('update_vsav')}}" ) ;
gPrepareAsaUploadUrl = removeUrlTestParams( "{{url_for('prepare_asa_upload')}}" ) ;
gOnSuccessfulAsaUploadUrl = removeUrlTestParams( "{{url_for('on_successful_asa_upload',scenario_id='ID')}}" ) ;
gMakeSnippetImageUrl = removeUrlTestParams( "{{url_for('make_snippet_image')}}" ) ;
gGetProgramInfoUrl = removeUrlTestParams( "{{url_for('get_program_info')}}" ) ;
gHelpUrl = removeUrlTestParams( "{{url_for('show_help')}}" ) ;
</script>
<script src="{{url_for('static',filename='main.js')}}"></script>
<script src="{{url_for('static',filename='snippets.js')}}"></script>
<script src="{{url_for('static',filename='scenarios.js')}}"></script>
<script src="{{url_for('static',filename='scenario-upload.js')}}"></script>
<script src="{{url_for('static',filename='nat_caps.js')}}"></script>
<script src="{{url_for('static',filename='extras.js')}}"></script>
<script src="{{url_for('static',filename='simple_notes.js')}}"></script>
<script src="{{url_for('static',filename='vo.js')}}"></script>
<script src="{{url_for('static',filename='vo2.js')}}"></script>
<script src="{{url_for('static',filename='vassal.js')}}"></script>
<script src="{{url_for('static',filename='lfa.js')}}"></script>
<script src="{{url_for('static',filename='lfa-upload.js')}}"></script>
<script src="{{url_for('static',filename='LogFileAnalysis.js')}}"></script>
<script src="{{url_for('static',filename='turn_track.js')}}"></script>
<script src="{{url_for('static',filename='roar.js')}}"></script>
<script src="{{url_for('static',filename='sortable.js')}}"></script>
<script src="{{url_for('static',filename='user_settings.js')}}"></script>
<script src="{{url_for('static',filename='html-editor.js')}}"></script>
<script src="{{url_for('static',filename='jQueryHandlers.js')}}"></script>
<script src="{{url_for('static',filename='timer.js')}}"></script>
{%include "testing.html"%}
</html>