base.html 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{% block title %}Device {{ device }}{% endblock %}</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  7. <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='codebase/dhtmlx.css') }}"/>
  8. <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='base.css') }}"/>
  9. <script type=text/javascript src="{{ url_for('static', filename='jquery-2.2.1.js') }}"></script>
  10. <script src="{{ url_for('static', filename='codebase/dhtmlx.js') }}"></script>
  11. <script src="{{ url_for('static', filename='check_err.js') }}"></script>
  12. <script>
  13. var propsTree
  14. function createPropertyTree(branch, id) {
  15. function getPropertyItemsOnLevel(branch, id) {
  16. var pathToProperties = "{{ url_for('process_json_command', command = 'get_property_list') }}"
  17. var completePath = pathToProperties + '?branch=' + branch
  18. $.getJSON(completePath,
  19. function(json) {
  20. checkError(json)
  21. parsePropertyItems(json, branch, id)
  22. });
  23. }
  24. function parsePropertyItems(json, branch, id) {
  25. checkError(json)
  26. json = json.properties
  27. function loadPropertyInfo(branch) {
  28. var pathToProperties = "{{ url_for('get_property_list') }}"
  29. var completePath = pathToProperties + '?branch=' + branch
  30. $("#prop_info_place").load(completePath)
  31. }
  32. function setPropertyField(id, name, branch) {
  33. var func = function(){loadPropertyInfo(branch)}
  34. propsTree.insertNewItem(id, branch,
  35. name,
  36. func);
  37. propsTree.closeAllItems()
  38. }
  39. for(var i = 0; i < json.length; i++) {
  40. setPropertyField(id, json[i].name, json[i].path)
  41. if(json[i].flags.indexOf("childs") != -1)
  42. getPropertyItemsOnLevel(json[i].path, json[i].path)
  43. }
  44. }
  45. getPropertyItemsOnLevel(branch, id)
  46. }
  47. var regTree
  48. function createRegistersList() {
  49. function parseJsonRegisterList(json) {
  50. checkError(json)
  51. json = json.registers
  52. function loadRegistersList(bank) {
  53. var pathToGetRegisterList = "{{ url_for('get_registers_list') }}"
  54. var completePath = pathToGetRegisterList + '?bank=' + bank
  55. $("#reg_info_place").load(completePath)
  56. }
  57. function loadRegisterInfo(bank, name) {
  58. var pathToGetRegister = "{{ url_for('get_register_info') }}"
  59. var completePath = pathToGetRegister + '?bank=' + bank +
  60. '&name=' + name
  61. $("#reg_info_place").load(completePath)
  62. }
  63. function setRegisterField(id, bank, name) {
  64. var itemId = bank + "_" + name
  65. var func = function(){loadRegisterInfo(bank, name)}
  66. regTree.insertNewItem(id, itemId, name, func)
  67. regTree.closeAllItems()
  68. }
  69. function setbankField(bank) {
  70. var func = function(){loadRegistersList(bank)}
  71. regTree.insertNewItem(0, bank, bank, func);
  72. regTree.closeAllItems()
  73. }
  74. checkError(json)
  75. if(json.lenght <= 0)
  76. return
  77. //sort registers by bank
  78. function compareRegistersByBank(a,b) {
  79. if (a.bank < b.bank)
  80. return -1;
  81. else if (a.bank > b.bank)
  82. return 1;
  83. else
  84. return 0;
  85. }
  86. json.sort(compareRegistersByBank)
  87. //create bank dirs
  88. var curBankName = json[0].bank
  89. var created = 0
  90. for(var i = 0; i < json.length; i++) {
  91. //create new bank tab if it has not created already
  92. if(json[i].bank != curBankName) {
  93. curBankName = json[i].bank
  94. created = 0
  95. }
  96. if(!created) {
  97. setbankField(json[i].bank )
  98. created = 1
  99. }
  100. //insert register info to bank
  101. setRegisterField(json[i].bank, json[i].bank, json[i].name)
  102. }
  103. }
  104. //get registers json list
  105. var getRegistersListPath = "{{ url_for('process_json_command', command = 'get_registers_list') }}"
  106. $.getJSON(getRegistersListPath, parseJsonRegisterList);
  107. }
  108. function doOnLoad()
  109. {
  110. propsTree = new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
  111. propsTree.setImagePath("{{ url_for('static', filename='codebase/imgs/dhxtree_skyblue/') }}");
  112. //generating properties list
  113. createPropertyTree('', 0)
  114. regTree = new dhtmlXTreeObject("treeboxbox_tree2","100%","100%",0,0,0,0,'SELECT')
  115. regTree.setImagePath("{{ url_for('static', filename='codebase/imgs/dhxtree_skyblue/') }}");
  116. createRegistersList()
  117. }
  118. </script>
  119. </head>
  120. <body onload="doOnLoad()">
  121. {% block info %}
  122. <div class="block1" >
  123. <h2>Device {{ device }} model={{ model }} control page </h2>
  124. </div>
  125. {% endblock %}
  126. <div class="tabs">
  127. <input type="radio" name="current" checked="checked" id="props_id"/>
  128. <label for="props_id">Properties</label>
  129. <input type="radio" name="current" id="labels_id"/>
  130. <label for="labels_id">Registers</label>
  131. <div>
  132. <table>
  133. <tr>
  134. <td valign="top">
  135. <div id="treeboxbox_tree" class = "tree"></div>
  136. </td>
  137. <td valign="top" id="prop_info_place" />
  138. </tr>
  139. </table>
  140. </div>
  141. <div>
  142. <table>
  143. <tr>
  144. <td valign="top">
  145. <div id="treeboxbox_tree2" class="tree"></div>
  146. </td>
  147. <td valign="top" id="reg_info_place" />
  148. </tr>
  149. </table>
  150. </div>
  151. </div>
  152. {% block content %}
  153. {% endblock %}
  154. <div class="block1" >
  155. <a href="{{ url_for('process_json_command', command='help') }}">Json API usage</a>
  156. </div>
  157. </body>
  158. </html>