ui.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. <!--
  2. This file is part of CPEE.
  3. CPEE is free software: you can redistribute it and/or modify it under the terms
  4. of the GNU General Public License as published by the Free Software Foundation,
  5. either version 3 of the License, or (at your option) any later version.
  6. CPEE is distributed in the hope that it will be useful, but WITHOUT ANY
  7. WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
  8. PARTICULAR PURPOSE. See the GNU General Public License for more details.
  9. You should have received a copy of the GNU General Public License along with
  10. CPEE (file COPYING in the main directory). If not, see
  11. <http://www.gnu.org/licenses/>.
  12. -->
  13. <!DOCTYPE html>
  14. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  15. <head>
  16. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  17. <title>UI Test</title>
  18. <!-- libs, do not modify. When local than load local libs. -->
  19. <script type="text/javascript">
  20. if ((document.location.host == 'localhost') && (document.location.protocol == 'http:')) {
  21. document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.min.js">\x3C/script>');
  22. document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.browser.js">\x3C/script>');
  23. document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.svg.min.js">\x3C/script>');
  24. document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.svgdom.min.js">\x3C/script>');
  25. document.write('<script type="text/javascript" src="http://localhost/js_libs/vkbeautify.js">\x3C/script>');
  26. document.write('<script type="text/javascript" src="http://localhost/js_libs/util.js">\x3C/script>');
  27. document.write('<script type="text/javascript" src="http://localhost/js_libs/printf.js">\x3C/script>');
  28. document.write('<script type="text/javascript" src="http://localhost/js_libs/strftime.min.js">\x3C/script>');
  29. document.write('<script type="text/javascript" src="http://localhost/js_libs/parsequery.js">\x3C/script>');
  30. document.write('<script type="text/javascript" src="http://localhost/js_libs/underscore.min.js">\x3C/script>');
  31. document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.caret.min.js">\x3C/script>');
  32. document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.cookie.js">\x3C/script>');
  33. document.write('<script type="text/javascript" src="http://localhost/js_libs/relaxngui.js">\x3C/script>');
  34. document.write('<script type="text/javascript" src="http://localhost/js_libs/ui.js">\x3C/script>');
  35. document.write('<script type="text/javascript" src="http://localhost/js_libs/custommenu.js">\x3C/script>');
  36. document.write('<link rel="stylesheet" href="http://localhost/js_libs/custommenu.css" type="text/css"/>');
  37. document.write('<link rel="stylesheet" href="http://localhost/js_libs/ui.css" type="text/css"/>');
  38. document.write('<link rel="stylesheet" href="http://localhost/js_libs/relaxngui.css" type="text/css"/>');
  39. } else if ((document.location.host == 'localhost') && (document.location.protocol == 'https:')) {
  40. document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.min.js">\x3C/script>');
  41. document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.browser.js">\x3C/script>');
  42. document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.svg.min.js">\x3C/script>');
  43. document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.svgdom.min.js">\x3C/script>');
  44. document.write('<script type="text/javascript" src="https://localhost/js_libs/vkbeautify.js">\x3C/script>');
  45. document.write('<script type="text/javascript" src="https://localhost/js_libs/util.js">\x3C/script>');
  46. document.write('<script type="text/javascript" src="https://localhost/js_libs/printf.js">\x3C/script>');
  47. document.write('<script type="text/javascript" src="https://localhost/js_libs/strftime.min.js">\x3C/script>');
  48. document.write('<script type="text/javascript" src="https://localhost/js_libs/parsequery.js">\x3C/script>');
  49. document.write('<script type="text/javascript" src="https://localhost/js_libs/underscore.min.js">\x3C/script>');
  50. document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.caret.min.js">\x3C/script>');
  51. document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.cookie.js">\x3C/script>');
  52. document.write('<script type="text/javascript" src="https://localhost/js_libs/relaxngui.js">\x3C/script>');
  53. document.write('<script type="text/javascript" src="https://localhost/js_libs/ui.js">\x3C/script>');
  54. document.write('<script type="text/javascript" src="https://localhost/js_libs/custommenu.js">\x3C/script>');
  55. document.write('<link rel="stylesheet" href="https://localhost/js_libs/custommenu.css" type="text/css"/>');
  56. document.write('<link rel="stylesheet" href="https://localhost/js_libs/ui.css" type="text/css"/>');
  57. document.write('<link rel="stylesheet" href="https://localhost/js_libs/relaxngui.css" type="text/css"/>');
  58. } else {
  59. document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.min.js">\x3C/script>');
  60. document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.browser.js">\x3C/script>');
  61. document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.svg.min.js">\x3C/script>');
  62. document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.svgdom.min.js">\x3C/script>');
  63. document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/vkbeautify.js">\x3C/script>');
  64. document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/util.js">\x3C/script>');
  65. document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/printf.js">\x3C/script>');
  66. document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/strftime.min.js">\x3C/script>');
  67. document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/parsequery.js">\x3C/script>');
  68. document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/underscore.min.js">\x3C/script>');
  69. document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.caret.min.js">\x3C/script>');
  70. document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.cookie.js">\x3C/script>');
  71. document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/relaxngui.js">\x3C/script>');
  72. document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/ui.js">\x3C/script>');
  73. document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/custommenu.js">\x3C/script>');
  74. document.write('<link rel="stylesheet" href="http://gruppe.wst.univie.ac.at/js_libs/custommenu.css" type="text/css"/>');
  75. document.write('<link rel="stylesheet" href="http://gruppe.wst.univie.ac.at/js_libs/ui.css" type="text/css"/>');
  76. document.write('<link rel="stylesheet" href="http://gruppe.wst.univie.ac.at/js_libs/relaxngui.css" type="text/css"/>');
  77. }
  78. </script>
  79. </head>
  80. <body data-defaultport="9298" data-theme-base="themes" is="x-ui">
  81. <ui-rest id="main">
  82. <!--ui-tabbar>
  83. <ui-before ></ui-before>
  84. <ui-tab class="" data-tab="details" id="tabdetails">Graph</ui-tab>
  85. <ui-behind ></ui-behind>
  86. </ui-tabbar-->
  87. <ui-content>
  88. <ui-area data-belongs-to-tab="details" id='graphcolumn'>
  89. </ui-area>
  90. <ui-resizehandle data-belongs-to-tab="details" data-label="drag to resize"></ui-resizehandle>
  91. <ui-area data-belongs-to-tab="details" id="detailcolumn">
  92. <ui-tabbed id="instance">
  93. <ui-tabbar>
  94. <ui-tab class="switch" ></ui-tab>
  95. <ui-tab class="" data-tab="new" id="tabnew" >New</ui-tab>
  96. <ui-tab class="inactive" data-tab="instance" id="tabinstance" >Instance</ui-tab>
  97. <ui-tab class="inactive" data-tab="execution" id="tabexecution">Execution</ui-tab>
  98. <ui-behind ><a id='current-instance'></a><a id='current-instance-properties'></a><a id='current-instance-subscriptions'></a><a id='current-instance-callbacks'></a></ui-behind>
  99. </ui-tabbar>
  100. <ui-content>
  101. <ui-area data-belongs-to-tab="new" id="areanew"> <!--{{{-->
  102. </ui-area> <!--}}}-->
  103. <ui-area data-belongs-to-tab="instance" id="areainstance" class="inactive"> <!--{{{-->
  104. </ui-area> <!--}}}-->
  105. <ui-area data-belongs-to-tab="execution" id="areaexecution" class='inactive'> <!--{{{-->
  106. </ui-area> <!--}}}-->
  107. </ui-content>
  108. </ui-tabbed>
  109. <!--ui-resizehandle>drag to resize</ui-resizehandle-->
  110. <ui-tabbed id='parameters'>
  111. <ui-tabbar>
  112. <ui-tab class="switch" ></ui-tab>
  113. <ui-tab class="" data-tab="dataelements" id="tabdataelements">Data Elements</ui-tab>
  114. <ui-tab class="inactive" data-tab="endpoints" id="tabendpoints" >Endpoints</ui-tab>
  115. <ui-tab class="inactive" data-tab="attributes" id="tabattributes" >Attributes</ui-tab>
  116. <ui-behind ><button title='add entry'>New</button></ui-behind>
  117. </ui-tabbar>
  118. <ui-content>
  119. <ui-area data-belongs-to-tab="dataelements" id="areadataelements"> <!--{{{-->
  120. <div id="dat_dataelements"></div>
  121. </ui-area> <!--}}}-->
  122. <ui-area data-belongs-to-tab="endpoints" id="areaendpoints" class="inactive"> <!--{{{-->
  123. <table id="dat_endpoints"></table>
  124. </ui-area> <!--}}}-->
  125. <ui-area data-belongs-to-tab="attributes" id="areaattributes" class="inactive"> <!--{{{-->
  126. <table id="dat_attributes"></table>
  127. </ui-area> <!--}}}-->
  128. </ui-content>
  129. </ui-tabbed>
  130. <ui-rest id="sub">
  131. <ui-tabbar>
  132. <ui-before ></ui-before>
  133. <ui-tab class="" data-tab="dsl" id="tabdsl" >Description</ui-tab>
  134. <ui-tab class="inactive" data-tab="log" id="tablog" >Log</ui-tab>
  135. <ui-behind ></ui-behind>
  136. </ui-tabbar>
  137. <ui-content>
  138. <ui-area data-belongs-to-tab="dsl" id="areadsl" class="inactive">
  139. </ui-area>
  140. <ui-area data-belongs-to-tab="log" id="arealog" class="inactive">
  141. </ui-area> <!--}}}-->
  142. </ui-content>
  143. </ui-rest>
  144. </ui-area>
  145. </ui-content>
  146. </ui-rest>
  147. </body>
  148. </html>