add.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org">
  3. <head th:replace="/common/template :: header(~{::title},~{::link},~{::style})"></head>
  4. <body>
  5. <div class="layui-form timo-compile">
  6. <form th:action="@{/api/app/config/app/deploy}">
  7. <table class="layui-table timo-detail-table">
  8. <tbody>
  9. <tr>
  10. <th>
  11. <label class="layui-form-label required">选择机器</label>
  12. </th>
  13. <td>
  14. <div class="layui-form-item">
  15. <div class="layui-input-inline">
  16. <select name="machineId">
  17. <option th:each="item : ${machines}" th:value="${item.key}">[[${item.value}]]</option>
  18. </select>
  19. </div>
  20. </div>
  21. </td>
  22. <th>
  23. <label class="layui-form-label">应用 ID</label>
  24. </th>
  25. <td >
  26. <div class="layui-form-item">
  27. <div class="layui-input-inline">
  28. <input class="layui-input" type="text" name="appId" readonly th:value="${appId}">
  29. </div>
  30. </div>
  31. </td>
  32. </tr>
  33. <tr>
  34. <th>
  35. <label class="layui-form-label">打包类型</label>
  36. </th>
  37. <td>
  38. <div class="layui-form-item">
  39. <div class="layui-input-inline">
  40. <input class="layui-input" type="text" name="packType" readonly th:value="${packType}">
  41. </div>
  42. </div>
  43. </td>
  44. <span th:if="${packType} ne 'docker' ">
  45. <th>
  46. <label class="layui-form-label required">启动目录</label>
  47. </th>
  48. <td>
  49. <div class="layui-form-item">
  50. <div class="layui-input-inline">
  51. <input class="layui-input" type="text" name="startHome" placeholder="可执行文件位置(可选)" required>
  52. </div>
  53. </div>
  54. </td>
  55. </span>
  56. </tr>
  57. <tr>
  58. <th>
  59. <label class="layui-form-label">启动脚本<i id="start_script_tips" class="fa fa-question-circle"></i></label>
  60. </th>
  61. <td>
  62. <div class="layui-form-item">
  63. <div class="layui-input-inline">
  64. <textarea class="layui-textarea" name="startScript" placeholder="启动脚本(选填, docker 应用默认为空 JSON {})"></textarea>
  65. </div>
  66. </div>
  67. </td>
  68. <span th:if="${packType} ne 'docker' ">
  69. <th>
  70. <label class="layui-form-label required">解包脚本</label>
  71. </th>
  72. <td>
  73. <div class="layui-form-item">
  74. <div class="layui-input-inline">
  75. <textarea class="layui-textarea" name="unpackScript" placeholder="解包脚本(可选)"></textarea>
  76. </div>
  77. </div>
  78. </td>
  79. </span>
  80. </tr>
  81. </tbody>
  82. </table>
  83. <div class="layui-form-item timo-finally">
  84. <button class="layui-btn ajax-submit"><i class="fa fa-check-circle"></i> 保存</button>
  85. <button class="layui-btn btn-secondary close-popup"><i class="fa fa-times-circle"></i> 关闭</button>
  86. </div>
  87. </form>
  88. </div>
  89. <script th:replace="/common/template :: script"></script>
  90. <script type="text/javascript" th:src="@{/js/plugins/jquery-2.2.4.min.js}"></script>
  91. <script type="text/javascript">
  92. $(function () {
  93. $("#start_script_tips").hover(function () {
  94. var tips = layer.tips(
  95. '对于 docker 打包类型, 启动脚本是一个 JSON 字符串<br/>' +
  96. '内容是 https://docs.docker.com/engine/api/v1.40/#operation/ContainerCreate 的 reqeust body<br/>',
  97. '#start_script_tips',{
  98. tips: [1, '#555555']
  99. });
  100. sleep(1000);
  101. layer.close(tips);
  102. })
  103. })
  104. </script>
  105. </body>
  106. </html>