pas2js/demo/ts2pas/index.html
Michaël Van Canneyt 78a0bfaccf * Better layout
2022-01-07 16:26:37 +01:00

98 lines
3.6 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Convert definitelytyped Typescript module to Pascal</title>
<link rel="stylesheet" href="bulma.min.css">
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css"> -->
<script src="convcgi.cgi/list/"></script>
<script src="convert.js"></script>
</head>
<body>
<div class="section pb-4">
<h1 class="title is-3">Convert typescript to Pas2JS import</h1>
<div class="columns">
<!-- file name input -->
<div class="column is-one-quarter">
<div>File Name:</div>
<div class="dropdown">
<div class="dropdown-trigger">
<input id="edtfilename" class="input is-info" type="text" placeholder="Enter file name" aria-haspopup="true" aria-controls="file-menu">
</div>
<button id="btnGo" class="button is-info">Go!</button>
<div class="dropdown-menu" id="file-menu" role="menu">
</div>
</div>
</div>
<!-- unit name input -->
<label class="column is-one-quarter">
Unit Name:
<input id="edtunitname" class="input is-info" type="text" placeholder="Enter unit name (optional)" aria-haspopup="true" aria-controls="file-menu">
</label>
</div>
<!-- checkboxes -->
<div class="block mt-5">
<div class="columns">
<label class="column is-one-quarter checkbox">
<input type="checkbox" id="coGenericArrays"> Use generic arrays
</label>
<label class="column checkbox">
<input type="checkbox" id="coUseNativeTypeAliases"> Use native type aliases
</label>
</div>
<div class="columns">
<label class="column is-one-quarter checkbox">
<input type="checkbox" id="coLocalArgumentTypes"> Create class local argument types
</label>
<label class="column checkbox">
<input type="checkbox" id="coUntypedTuples"> Use untyped tuples
</label>
</div>
<div class="columns">
<label class="column is-one-quarter checkbox">
<input type="checkbox" id="coDynamicTuples"> Use dynamic tuples
</label>
<label class="column checkbox">
<input type="checkbox" id="coExternalConst"> Use external consts
</label>
</div>
<div class="columns">
<label class="column is-one-quarter checkbox">
<input type="checkbox" id="coExpandUnionTypeArgs"> Expand union type arguments
</label>
<label class="column checkbox">
<input type="checkbox" id="coaddOptionsToheader"> Add options to header
</label>
</div>
<div class="columns">
<label class="column is-one-quarter checkbox">
<input type="checkbox" id="coInterfaceAsClass"> Interface as class
</label>
<label class="column checkbox">
<input type="checkbox" id="coSkipImportStatements"> Skip import statements
</label>
</div>
<div class="columns">
<label class="column is-one-quarter checkbox">
<input type="checkbox" id="coRaw"> Do not generate unit header
</label>
<label class="column checkbox">
<input type="checkbox" id="cbPrependLog"> Prepend conversion log to unit as comment
</label>
</div>
</div>
</div>
<div class="section pt-5">
<h5 class="title is-5">Output</h5>
<textarea id="edtSource" rows=40 cols=132></textarea>
</div>
<script>
rtl.showUncaughtExceptions=true;
window.addEventListener("load", rtl.run);
</script>
</body>
</html>