Digital Office Automation System Backend
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

jobcode.index.ftl 7.8KB

2 days ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <#import "../common/common.macro.ftl" as netCommon>
  5. <@netCommon.commonStyle />
  6. <link rel="stylesheet" href="${request.contextPath}/static/plugins/codemirror/lib/codemirror.css">
  7. <link rel="stylesheet" href="${request.contextPath}/static/plugins/codemirror/addon/hint/show-hint.css">
  8. <title>${I18n.admin_name}</title>
  9. <style type="text/css">
  10. .CodeMirror {
  11. font-size:16px;
  12. width: 100%;
  13. height: 100%;
  14. /*bottom: 0;
  15. top: 0px;*/
  16. position: absolute;
  17. }
  18. </style>
  19. </head>
  20. <body class="skin-blue fixed layout-top-nav">
  21. <div class="wrapper">
  22. <header class="main-header">
  23. <nav class="navbar navbar-static-top">
  24. <div class="container">
  25. <#-- icon -->
  26. <div class="navbar-header">
  27. <a class="navbar-brand"><b>Web</b>IDE</a>
  28. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
  29. <i class="fa fa-bars"></i>
  30. </button>
  31. </div>
  32. <#-- left nav -->
  33. <div class="collapse navbar-collapse pull-left" id="navbar-collapse">
  34. <ul class="nav navbar-nav">
  35. <li class="active" ><a href="javascript:;">
  36. <span class="sr-only">(current)</span>
  37. 【<#list GlueTypeEnum as item><#if item == jobInfo.glueType>${item.desc}</#if></#list>】
  38. ${jobInfo.jobDesc}
  39. </a></li>
  40. </ul>
  41. </div>
  42. <#-- right nav -->
  43. <div class="navbar-custom-menu">
  44. <ul class="nav navbar-nav">
  45. <li class="dropdown">
  46. <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">${I18n.jobinfo_glue_rollback} <span class="caret"></span></a>
  47. <ul class="dropdown-menu" role="menu">
  48. <li <#if jobLogGlues?exists && jobLogGlues?size gt 0 >style="display: none;"</#if> >
  49. <a href="javascript:;" class="source_version" version="version_now" glueType="${jobInfo.glueType}" >
  50. <#list GlueTypeEnum as item><#if item == jobInfo.glueType>${item.desc}</#if></#list>: ${jobInfo.glueRemark}
  51. </a>
  52. </li>
  53. <textarea id="version_now" style="display:none;" >${jobInfo.glueSource}</textarea>
  54. <#if jobLogGlues?exists && jobLogGlues?size gt 0 >
  55. <#list jobLogGlues as glue>
  56. <li>
  57. <a href="javascript:;" class="source_version" version="version_${glue.id}" glueType="${glue.glueType}" >
  58. <#list GlueTypeEnum as item><#if item == glue.glueType>${item.desc}</#if></#list>: ${glue.glueRemark}
  59. </a>
  60. </li>
  61. <textarea id="version_${glue.id}" style="display:none;" >${glue.glueSource}</textarea>
  62. </#list>
  63. </#if>
  64. </ul>
  65. </li>
  66. <li id="save" >
  67. <a href="javascript:;" >
  68. <i class="fa fa-fw fa-save" ></i>
  69. ${I18n.system_save}
  70. </a>
  71. </li>
  72. <li>
  73. <a href="javascript:window.close();" >
  74. <i class="fa fa-fw fa-close" ></i>
  75. ${I18n.system_close}
  76. </a>
  77. </li>
  78. </ul>
  79. </div>
  80. </div>
  81. </nav>
  82. </header>
  83. <div class="content-wrapper" id="ideWindow" ></div>
  84. <!-- footer -->
  85. <#--<@netCommon.commonFooter />-->
  86. </div>
  87. <!-- 保存.模态框 -->
  88. <div class="modal fade" id="saveModal" tabindex="-1" role="dialog" aria-hidden="true">
  89. <div class="modal-dialog ">
  90. <div class="modal-content">
  91. <div class="modal-header">
  92. <h4 class="modal-title" ><i class="fa fa-fw fa-save"></i>${I18n.system_save}</h4>
  93. </div>
  94. <div class="modal-body">
  95. <div class="form-horizontal form" role="form" >
  96. <div class="form-group">
  97. <label for="lastname" class="col-sm-2 control-label">${I18n.jobinfo_glue_remark}<font color="red">*</font></label>
  98. <div class="col-sm-10"><input type="text" class="form-control" id="glueRemark" placeholder="${I18n.system_please_input}${I18n.jobinfo_glue_remark}" maxlength="64" ></div>
  99. </div>
  100. <hr>
  101. <div class="form-group">
  102. <div class="col-sm-offset-3 col-sm-6">
  103. <button type="button" class="btn btn-primary ok" >${I18n.system_save}</button>
  104. <button type="button" class="btn btn-default" data-dismiss="modal">${I18n.system_cancel}</button>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. <@netCommon.commonScript />
  113. <#assign glueTypeModeSrc = "${request.contextPath}/static/plugins/codemirror/mode/clike/clike.js" />
  114. <#assign glueTypeIdeMode = "text/x-java" />
  115. <#if jobInfo.glueType == "GLUE_GROOVY" >
  116. <#assign glueTypeModeSrc = "${request.contextPath}/static/plugins/codemirror/mode/clike/clike.js" />
  117. <#assign glueTypeIdeMode = "text/x-java" />
  118. <#elseif jobInfo.glueType == "GLUE_SHELL" >
  119. <#assign glueTypeModeSrc = "${request.contextPath}/static/plugins/codemirror/mode/shell/shell.js" />
  120. <#assign glueTypeIdeMode = "text/x-sh" />
  121. <#elseif jobInfo.glueType == "GLUE_PYTHON" >
  122. <#assign glueTypeModeSrc = "${request.contextPath}/static/plugins/codemirror/mode/python/python.js" />
  123. <#assign glueTypeIdeMode = "text/x-python" />
  124. <#elseif jobInfo.glueType == "GLUE_PHP" >
  125. <#assign glueTypeModeSrc = "${request.contextPath}/static/plugins/codemirror/mode/php/php.js" />
  126. <#assign glueTypeIdeMode = "text/x-php" />
  127. <#assign glueTypeModeSrc02 = "${request.contextPath}/static/plugins/codemirror/mode/clike/clike.js" />
  128. <#elseif jobInfo.glueType == "GLUE_NODEJS" >
  129. <#assign glueTypeModeSrc = "${request.contextPath}/static/plugins/codemirror/mode/javascript/javascript.js" />
  130. <#assign glueTypeIdeMode = "text/javascript" />
  131. <#elseif jobInfo.glueType == "GLUE_POWERSHELL" >
  132. <#assign glueTypeModeSrc = "${request.contextPath}/static/plugins/codemirror/mode/powershell/powershell.js" />
  133. <#assign glueTypeIdeMode = "powershell" />
  134. </#if>
  135. <script src="${request.contextPath}/static/plugins/codemirror/lib/codemirror.js"></script>
  136. <script src="${glueTypeModeSrc}"></script>
  137. <#if glueTypeModeSrc02?exists>
  138. <script src="${glueTypeModeSrc02}"></script>
  139. </#if>
  140. <script src="${request.contextPath}/static/plugins/codemirror/addon/hint/show-hint.js"></script>
  141. <script src="${request.contextPath}/static/plugins/codemirror/addon/hint/anyword-hint.js"></script>
  142. <script>
  143. var id = '${jobInfo.id}';
  144. var ideMode = '${glueTypeIdeMode}';
  145. </script>
  146. <script src="${request.contextPath}/static/js/jobcode.index.1.js"></script>
  147. </body>
  148. </html>