camera
/
pcitool


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
							<!DOCTYPE html>
<html>
<head>
	<title>{% block title %}Device {{ device }}{% endblock %}</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='codebase/dhtmlx.css') }}"/>
   <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='base.css') }}"/>
   <script type="text/javascript" src="{{ url_for('static', filename='FileSaver.js') }}"></script>
   <script type="text/javascript" src="{{ url_for('static', filename='jquery-2.2.1.js') }}"></script>
   <script type="text/javascript" src="{{ url_for('static', filename='jquery-ui.js') }}"></script>
	<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='jquery-ui.css') }}"/>
	<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='theme.css') }}"/>
   <script src="{{ url_for('static', filename='codebase/dhtmlx.js') }}"></script>
   <script src="{{ url_for('static', filename='check_err.js') }}"></script>
	<script>
      var propsTree
      function createPropertyTree(branch, id) {
         
         function getPropertyItemsOnLevel(branch, id) {
            var pathToProperties = "{{ url_for('process_json_command', command = 'get_property_list') }}"
            var completePath = pathToProperties + '?branch=' + branch
            
            $.getJSON(completePath, 
                      function(json) {
                           checkError(json)
                           parsePropertyItems(json, branch, id)
                         });
         }
         
         function parsePropertyItems(json, branch, id) {
            
            checkError(json)
            json = json.properties
            
            function loadPropertyInfo(branch) {
               
               var pathToProperties = "{{ url_for('get_property_list') }}"
               var completePath = pathToProperties + '?branch=' + branch
               
               $("#prop_info_place").load(completePath)
            }
            
            
            function setPropertyField(id, name, branch) {
               
               var func = function(){loadPropertyInfo(branch)}
               propsTree.insertNewItem(id, branch,
                                       name, 
                                       func);
               propsTree.closeAllItems()
            }
            
            for(var i = 0; i < json.length; i++) {
               
               setPropertyField(id, json[i].name, json[i].path)
               if(json[i].flags.indexOf("childs") != -1)
                  getPropertyItemsOnLevel(json[i].path, json[i].path)
            }  
         }
         
         getPropertyItemsOnLevel(branch, id)
      }
      
      var regTree
      function createRegistersList() {
         function parseJsonRegisterList(json) {
            checkError(json)
            json = json.registers
            
            function loadRegistersList(bank) {
               var pathToGetRegisterList = "{{ url_for('get_registers_list') }}"
               var completePath = pathToGetRegisterList + '?bank=' + bank

               $("#reg_info_place").load(completePath)
            }

            function loadRegisterInfo(bank, name) {
               var pathToGetRegister = "{{ url_for('get_register_info') }}"
               var completePath = pathToGetRegister + '?bank=' + bank +
                              '&name=' + name
                              
               $("#reg_info_place").load(completePath, 0, function() { 
                  $('.infoTable').DataTable()
                  alert("aaa")})
            }

            function setRegisterField(id, bank, name) {
               
               var itemId = bank + "_" + name
               var func = function(){loadRegisterInfo(bank, name)}
               
               regTree.insertNewItem(id, itemId, name, func)
               regTree.closeAllItems()
            }
            
            function setbankField(bank) {
               
               var func = function(){loadRegistersList(bank)}
               regTree.insertNewItem(0, bank, bank, func);
               regTree.closeAllItems()
            }
            
            checkError(json)
            if(json.lenght <= 0)
               return
            
            //sort registers by bank
            function compareRegistersByBank(a,b) {
               if (a.bank < b.bank)
                  return -1;
               else if (a.bank > b.bank)
                  return 1;
               else 
                  return 0;
            }
            json.sort(compareRegistersByBank)
            
            
            //create bank dirs
            var curBankName = json[0].bank
            var created = 0
            for(var i = 0; i < json.length; i++) {
               
               //create new bank tab if it has not created already
               if(json[i].bank != curBankName) {
                  curBankName = json[i].bank
                  created = 0
               }
               
               if(!created) {
                  setbankField(json[i].bank )
                  created = 1
               }
               
               
               //insert register info to bank
               
               setRegisterField(json[i].bank, json[i].bank, json[i].name)
            }
         }
         
         //get registers json list
         var getRegistersListPath = "{{ url_for('process_json_command', command = 'get_registers_list') }}" 
         $.getJSON(getRegistersListPath, parseJsonRegisterList);
      }
      
		function doOnLoad()
      {
			propsTree = new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
			propsTree.setImagePath("{{ url_for('static', filename='codebase/imgs/dhxtree_skyblue/') }}");
         //generating properties list
         createPropertyTree('', 0)
         
			regTree = new dhtmlXTreeObject("treeboxbox_tree2","100%","100%",0,0,0,0,'SELECT')
			regTree.setImagePath("{{ url_for('static', filename='codebase/imgs/dhxtree_skyblue/') }}");
         createRegistersList()
		}
	</script>
   <script>
      $(function() {
         $( "#tabs" ).tabs();
         
         $("#script_info_place").load("{{ url_for('get_scripts_list') }}")
      });
   </script>
</head>
<body onload="doOnLoad()">
	{% block info %}
      <div class="block1" >
         <h2>Device {{ device }} model={{ model }} control page </h2>
      </div>
   {% endblock %}
   
   <div id="tabs" style="overflow:auto">
      <ul>
         <li><a href="#fragment-1">Properties</a></li>
         <li><a href="#fragment-2">Registers</a></li>
         <li><a href="#fragment-3">Scripts</a></li>
      </ul>
      <div id="fragment-1">
         <table>
            <tr>
               <td valign="top">
                  <div id="treeboxbox_tree" class = "tree"></div>
               </td>
               <td valign="top" id="prop_info_place"/>
            </tr>
         </table>   
      </div>
      <div id="fragment-2">
         <div>
            <table>
               <tr>
                  <td valign="top">
                     <div id="treeboxbox_tree2" class="tree"></div>
                  </td>
                  <td valign="top" id="reg_info_place"/>
               </tr>
            </table>
         </div>
      </div>
      <div id="fragment-3">
         <table>
            <tr>
               <td valign="top" id="script_info_place">
            </tr>
         </table>
      </div>
   </div>

   {% block content %}
   {% endblock %}
   <div class="block1" >
      <a href="{{ url_for('process_json_command', command='help') }}">Json API usage</a>
   </div>
</body>
</html>