builder.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  4. <title>work/out form builder</title>
  5. <!-- libs, do not modify. When local than load local libs. -->
  6. <script type="text/javascript" src="/js_libs/jquery.min.js"></script>
  7. <script type="text/javascript" src="/js_libs/jquery.browser.js"></script>
  8. <script type="text/javascript" src="/js_libs/jquery.svg.min.js"></script>
  9. <script type="text/javascript" src="/js_libs/jquery.svgdom.min.js"></script>
  10. <script type="text/javascript" src="/js_libs/vkbeautify.js"></script>
  11. <script type="text/javascript" src="/js_libs/util.js"></script>
  12. <script type="text/javascript" src="/js_libs/printf.js"></script>
  13. <script type="text/javascript" src="/js_libs/strftime.min.js"></script>
  14. <script type="text/javascript" src="/js_libs/parsequery.js"></script>
  15. <script type="text/javascript" src="/js_libs/underscore.min.js"></script>
  16. <script type="text/javascript" src="/js_libs/jquery.caret.min.js"></script>
  17. <script type="text/javascript" src="/js_libs/jquery.cookie.js"></script>
  18. <link rel='stylesheet' href='../../css/bootstrap.min.css'>
  19. <link rel='stylesheet' href='../../css/formio.full.min.css'>
  20. <link rel='stylesheet' href='../../css/forms.css'>
  21. <script src='../../js/formio.full.min.js'></script>
  22. <script src='../../js/builder.js'></script>
  23. <script>
  24. if (location.href.match(/\/$/) == null) {
  25. location.href = location.href + '/';
  26. }
  27. </script>
  28. </head>
  29. <body>
  30. <div id="container" style="--grid-rows:3; --grid-cols:3;">
  31. <div class="grid-item" style="grid-column: 1 / span 2; grid-row: 1 / span 3" ><div id='builder'></div></div>
  32. <div class="grid-item" style="grid-column: 3 / span 1; grid-row: 1 / span 2">
  33. Form Json
  34. <pre id='json'></pre>
  35. </div>
  36. <div class="grid-item" style="grid-column: 3 / span ; grid-row: 3 / span 1" >
  37. <button onclick="saveForm()" name="base">Save Form</button><br>
  38. <button onclick="GetUrl()" name="base">Get Form URL</button>
  39. </div>
  40. <div id='form' style="display: none"></div>
  41. </body>
  42. </html>