index.html 3.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>Convert definitelytyped Typescript module to Pascal</title>
  7. <link rel="stylesheet" href="bulma.min.css">
  8. <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css"> -->
  9. <script src="convcgi.cgi/list/"></script>
  10. <script src="convert.js"></script>
  11. </head>
  12. <body>
  13. <div class="section pb-4">
  14. <h1 class="title is-3">Convert typescript to Pas2JS import</h1>
  15. <div class="columns">
  16. <!-- file name input -->
  17. <div class="column is-one-quarter">
  18. <div>File Name:</div>
  19. <div class="dropdown">
  20. <div class="dropdown-trigger">
  21. <input id="edtfilename" class="input is-info" type="text" placeholder="Enter file name" aria-haspopup="true" aria-controls="file-menu">
  22. </div>
  23. <button id="btnGo" class="button is-info">Go!</button>
  24. <div class="dropdown-menu" id="file-menu" role="menu">
  25. </div>
  26. </div>
  27. </div>
  28. <!-- unit name input -->
  29. <label class="column is-one-quarter">
  30. Unit Name:
  31. <input id="edtunitname" class="input is-info" type="text" placeholder="Enter unit name (optional)" aria-haspopup="true" aria-controls="file-menu">
  32. </label>
  33. </div>
  34. <!-- checkboxes -->
  35. <div class="block mt-5">
  36. <div class="columns">
  37. <label class="column is-one-quarter checkbox">
  38. <input type="checkbox" id="coGenericArrays"> Use generic arrays
  39. </label>
  40. <label class="column checkbox">
  41. <input type="checkbox" id="coUseNativeTypeAliases"> Use native type aliases
  42. </label>
  43. </div>
  44. <div class="columns">
  45. <label class="column is-one-quarter checkbox">
  46. <input type="checkbox" id="coLocalArgumentTypes"> Create class local argument types
  47. </label>
  48. <label class="column checkbox">
  49. <input type="checkbox" id="coUntypedTuples"> Use untyped tuples
  50. </label>
  51. </div>
  52. <div class="columns">
  53. <label class="column is-one-quarter checkbox">
  54. <input type="checkbox" id="coDynamicTuples"> Use dynamic tuples
  55. </label>
  56. <label class="column checkbox">
  57. <input type="checkbox" id="coExternalConst"> Use external consts
  58. </label>
  59. </div>
  60. <div class="columns">
  61. <label class="column is-one-quarter checkbox">
  62. <input type="checkbox" id="coExpandUnionTypeArgs"> Expand union type arguments
  63. </label>
  64. <label class="column checkbox">
  65. <input type="checkbox" id="coaddOptionsToheader"> Add options to header
  66. </label>
  67. </div>
  68. <div class="columns">
  69. <label class="column is-one-quarter checkbox">
  70. <input type="checkbox" id="coInterfaceAsClass"> Interface as class
  71. </label>
  72. <label class="column checkbox">
  73. <input type="checkbox" id="coSkipImportStatements"> Skip import statements
  74. </label>
  75. </div>
  76. <div class="columns">
  77. <label class="column is-one-quarter checkbox">
  78. <input type="checkbox" id="coRaw"> Do not generate unit header
  79. </label>
  80. <label class="column checkbox">
  81. <input type="checkbox" id="cbPrependLog"> Prepend conversion log to unit as comment
  82. </label>
  83. </div>
  84. </div>
  85. </div>
  86. <div class="section pt-5">
  87. <h5 class="title is-5">Output</h5>
  88. <textarea id="edtSource" rows=40 cols=132></textarea>
  89. </div>
  90. <script>
  91. rtl.showUncaughtExceptions=true;
  92. window.addEventListener("load", rtl.run);
  93. </script>
  94. </body>
  95. </html>