index.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <HTML>
  2. <Title>API Code generator</Title>
  3. <link href="bulma.min.css" rel="stylesheet">
  4. <script src="apiclient.js" type="application/javascript"></script>
  5. </body>
  6. <nav class="panel">
  7. <p class="panel-heading">
  8. Settings
  9. </p>
  10. <div class="panel-block">
  11. <div class="field">
  12. <label class="label">API URL</label>
  13. <div class="control">
  14. <input id="edtURL" class="input" type="text" placeholder="URL where to reach FPC API">
  15. </div>
  16. </div>
  17. </div>
  18. <div class="panel-block">
  19. <div class="field">
  20. <label class="label">Unit name</label>
  21. <div class="control">
  22. <input id="edtUnit" class="input" type="text" placeholder="Unit name">
  23. </div>
  24. </div>
  25. </div>
  26. <div class="panel-block">
  27. <div class="column">
  28. <div class="field">
  29. <div class="control">
  30. <label class="checkbox">
  31. <input id="cbPreferNativeInt" type="checkbox" checked>
  32. Prefer NativeInt
  33. </label>
  34. </div>
  35. </div>
  36. </div>
  37. <div class="column">
  38. <div class="field">
  39. <div class="control">
  40. <label class="checkbox">
  41. <input id="cbForceJSValueResult" type="checkbox">
  42. Force JSValue result in callbacks
  43. </label>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. <div class="panel-block">
  49. <div class="field">
  50. <div class="control">
  51. <button id="btnGenerate" class="button is-link">Generate unit</button>
  52. </div>
  53. </div>
  54. </div>
  55. </nav>
  56. <nav class="panel">
  57. <p class="panel-heading">
  58. Generated result
  59. </p>
  60. <div class="panel-block">
  61. <div class="field">
  62. <label class="label">Unit source</label>
  63. <div class="control">
  64. <textarea id="edtResult" class="textarea" placeholder="Unit source" cols="132" rows="25"></textarea>
  65. </div>
  66. </div>
  67. </div>
  68. </nav>
  69. <script>
  70. rtl.run();
  71. </script>
  72. </HTML>