summaryrefslogtreecommitdiffstats
path: root/pywrap/templates
diff options
context:
space:
mode:
Diffstat (limited to 'pywrap/templates')
-rw-r--r--pywrap/templates/base.html347
-rw-r--r--pywrap/templates/property_info.html91
-rw-r--r--pywrap/templates/register_info.html106
-rw-r--r--pywrap/templates/registers_list.html26
4 files changed, 570 insertions, 0 deletions
diff --git a/pywrap/templates/base.html b/pywrap/templates/base.html
new file mode 100644
index 0000000..fdb95e8
--- /dev/null
+++ b/pywrap/templates/base.html
@@ -0,0 +1,347 @@
+<!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="codebase/dhtmlx.css"/>
+ <script type=text/javascript src="{{ url_for('static', filename='jquery-2.2.1.js') }}"></script>
+ <script src="codebase/dhtmlx.js"></script>
+ <script src="pcilib_tree.js"></script>
+ <script>
+ var propsTree
+
+ function checkError(json)
+ {
+ if(json.error)
+ alert('Error:\n' + json.error)
+ }
+
+ function createPropertyTree(branch, id)
+ {
+ function getPropertyItemsOnLevel(branch, id)
+ {
+ pathToProperties = "{{ url_for('get_property_list_json') }}"
+ completePath = pathToProperties + '?branch=' + branch
+
+ $.getJSON(completePath,
+ function(json) {
+ checkError(json)
+ parsePropertyItems(json, branch, id)
+ });
+ }
+
+ function parsePropertyItems(json, branch, id)
+ {
+ function updatePropertyValue(id, path)
+ {
+ pathToGetProperty = "{{ url_for('get_property_json') }}"
+ completePath = pathToGetProperty + '?prop=' + path
+
+ $.getJSON(completePath, function(json){
+ checkError(json)
+ propsTree.updateItem(id, 'value: ' + json.value);
+ })
+ }
+
+ function writePropertyValue(id, path)
+ {
+ value = window.prompt("Enter new property value");
+
+ if(value != null)
+ {
+ pathToGetProperty = "{{ url_for('set_property_json') }}"
+ completePath = pathToGetProperty + '?prop=' + path +'&val=' + value
+
+ $.getJSON(completePath,
+ function(json) {
+ checkError(json)
+ updatePropertyValue(id, path)
+ })
+ }
+ else
+ updatePropertyValue(id, path)
+ }
+
+ function setCurrentValueField(id, path, mode)
+ {
+ var propValId = id + 'CurrVal'
+ var func = 0
+
+ if(mode)
+ func = function(){writePropertyValue(propValId, path)}
+ else
+ func = function(){updatePropertyValue(propValId, path)}
+
+ propsTree.insertNewItem(id, propValId,
+ 'value: ',
+ func);
+
+ updatePropertyValue(propValId, path)
+ }
+
+ for(var i = 0; i < json.length; i++)
+ {
+ propsTree.insertNewItem(id, json[i].path, json[i].name, 0);
+
+ if(json[i].flags.indexOf("childs") != -1)
+ {
+ getPropertyItemsOnLevel(json[i].path, json[i].path)
+ }
+ else
+ {
+ if(json[i].mode.indexOf("R") != -1)
+ {
+ var mode = (json[i].mode.indexOf("W") != -1)
+ setCurrentValueField(json[i].path, json[i].path, mode)
+ }
+ }
+
+ //show aviable info
+ if(json[i].description)
+ propsTree.insertNewItem(json[i].path, json[i].path + 'Desc',
+ 'description:\n' + json[i].description, 0);
+ if(json[i].type)
+ propsTree.insertNewItem(json[i].path, json[i].path + 'Type',
+ 'type: ' + json[i].type, 0);
+ if(json[i].unit)
+ propsTree.insertNewItem(json[i].path, json[i].path + 'Unit',
+ 'unit: ' + json[i].unit, 0);
+
+ if(json[i].mode)
+ {
+ var modeId = json[i].path + 'Mode'
+ propsTree.insertNewItem(json[i].path, modeId,
+ 'mode', 0);
+
+ for(var j = 0; j < json[i].mode.length; j++)
+ propsTree.insertNewItem(modeId, modeId + j,
+ json[i].mode[j], 0);
+ propsTree.closeItem(modeId)
+ }
+
+ if(json[i].path)
+ propsTree.insertNewItem(json[i].path, json[i].path + 'Path',
+ 'path: ' + json[i].path, 0);
+
+ propsTree.closeItem(json[i].path);
+ }
+ }
+
+ getPropertyItemsOnLevel(branch, id)
+ }
+
+ var regTree
+ function createRegistersList()
+ {
+ function parseJsonRegisterList(json)
+ {
+ checkError(json)
+
+ function compareRegistersByBank(a,b)
+ {
+ if (a.bank < b.bank)
+ return -1;
+ else if (a.bank > b.bank)
+ return 1;
+ else
+ return 0;
+ }
+
+ if(json.lenght <= 0)
+ return
+
+ //sort registers by bank
+ 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)
+ {
+ regTree.insertNewItem(0, json[i].bank, json[i].bank, 0);
+ created = 1
+ }
+
+ //insert register info to bank
+ var itemId = json[i].bank + "_" + json[i].name
+ regTree.insertNewItem(json[i].bank, itemId, json[i].name)
+
+ function updateRegisterValue(id, bank, name)
+ {
+ pathToGetProperty = "{{ url_for('read_register_json') }}"
+ completePath = pathToGetProperty + '?bank=' + bank +
+ '&name=' + name
+
+ $.getJSON(completePath, function(json){
+ checkError(json)
+ regTree.updateItem(id, 'value: ' + json.value);
+ })
+ }
+
+
+ function writeRegisterValue(id, bank, name)
+ {
+ value = window.prompt("Enter new register value");
+
+ if(value != null)
+ {
+ pathToGetProperty = "{{ url_for('write_register_json') }}"
+ completePath = pathToGetProperty + '?bank=' + bank +
+ '&name=' + name + '&val=' + value;
+
+ $.getJSON(completePath,
+ function(json) {
+ checkError(json)
+ updateRegisterValue(id, bank, name)
+ })
+ }
+ else
+ updateRegisterValue(id, bank, name)
+ }
+
+ function setCurrentValueField(id, bank, name, mode)
+ {
+ var regValId = id + 'CurrVal'
+ var func = 0
+
+ if(mode)
+ func = function(){writeRegisterValue(regValId, bank, name)}
+ else
+ func = function(){updateRegisterValue(regValId, bank, name)}
+
+ regTree.insertNewItem(id, regValId,
+ 'value: ',
+ func);
+ updateRegisterValue(regValId, bank, name)
+ }
+
+ if(json[i].mode.indexOf("R") != -1)
+ {
+ var mode = (json[i].mode.indexOf("W") != -1)
+ setCurrentValueField(itemId, json[i].bank, json[i].name, mode)
+ }
+
+ //show aviable info
+ if(json[i].description)
+ regTree.insertNewItem(itemId, itemId + 'Desc',
+ 'description:\n' + json[i].description, 0);
+ if(json[i].defvalue)
+ regTree.insertNewItem(itemId, itemId + 'Defvalue',
+ 'defvalue: ' + json[i].defvalue, 0);
+
+ if(json[i].mode)
+ {
+ var modeId = itemId + 'Mode'
+ regTree.insertNewItem(itemId, modeId,
+ 'mode', 0);
+
+ for(var j = 0; j < json[i].mode.length; j++)
+ regTree.insertNewItem(modeId, modeId + j,
+ json[i].mode[j], 0);
+ regTree.closeItem(modeId)
+ }
+
+ if(json[i].range)
+ {
+ var rangeId = itemId + 'Range'
+ regTree.insertNewItem(itemId, rangeId,
+ 'range', 0);
+ regTree.insertNewItem(rangeId, rangeId + 'Min',
+ 'min: ' + json[i].range.min, 0);
+ regTree.insertNewItem(rangeId, rangeId + 'Max',
+ 'max: ' + json[i].range.max, 0);
+ regTree.closeItem(rangeId)
+ }
+
+ if(json[i].values)
+ {
+ var valuesId = itemId + 'Values'
+ regTree.insertNewItem(itemId, valuesId,
+ 'values', 0);
+
+ function addValueInfo(valuesId, value)
+ {
+ var valueId = valuesId + value.name
+ regTree.insertNewItem(valuesId, valueId, value.name, 0);
+
+ if(value.description)
+ regTree.insertNewItem(valueId, valueId + 'Desc',
+ 'description: ' + value.description, 0);
+ if(value.value)
+ regTree.insertNewItem(valueId, valueId + 'Value',
+ 'value: ' + value.value, 0);
+ if(value.min)
+ regTree.insertNewItem(valueId, valueId + 'Min',
+ 'min: ' + value.min, 0);
+ if(value.max)
+ regTree.insertNewItem(valueId, valueId + 'Max',
+ 'max: ' + value.max, 0);
+ }
+
+ for(var j = 0; j < json[i].values.length; j++)
+ {
+ addValueInfo(valuesId, json[i].values[j])
+ }
+ regTree.closeItem(valuesId)
+ }
+
+ propsTree.closeItem(json[i].path);
+
+ regTree.closeItem(itemId);
+ }
+ }
+
+ //get registers json list
+ getRegistersListPath = "{{ url_for('get_registers_list_json') }}"
+ $.getJSON(getRegistersListPath, parseJsonRegisterList);
+ }
+
+ function doOnLoad()
+ {
+ propsTree = new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
+ propsTree.setImagePath("codebase/imgs/dhxtree_skyblue/");
+ //generating properties list
+ createPropertyTree('', 0)
+
+ regTree = new dhtmlXTreeObject("treeboxbox_tree2","100%","100%",0,0,0,0,'SELECT')
+ regTree.setImagePath("codebase/imgs/dhxtree_skyblue/");
+ createRegistersList()
+ }
+ </script>
+</head>
+<body onload="doOnLoad()">
+ {% block info %}
+ <h2>Device {{ device }} model={{ model }} control page </h2>
+ {% endblock %}
+
+ {% block content %}
+ {% endblock %}
+ <table>
+ <tr>
+ <td>
+ <h3>Properties Tree</h3>
+ </td>
+ <td>
+ <h3>Registers Tree</h3>
+ </td>
+ </tr>
+ <tr>
+ <td valign="top">
+ <div id="treeboxbox_tree" style="background-color:#f5f5f5;border :1px solid Silver; overflow:auto;"></div>
+ </td>
+ <td valign="top">
+ <div id="treeboxbox_tree2" style="background-color:#f5f5f5;border :1px solid Silver; overflow:auto;"></div>
+ </td>
+ </tr>
+ </table>
+</body>
+</html>
diff --git a/pywrap/templates/property_info.html b/pywrap/templates/property_info.html
new file mode 100644
index 0000000..912d3d5
--- /dev/null
+++ b/pywrap/templates/property_info.html
@@ -0,0 +1,91 @@
+{% extends "base.html" %}
+{% block title %}Property list{% endblock %}
+{% block info %}
+<h1>List of properties in branch {{ branch }}</h1>
+{% endblock %}
+
+{% block content %}
+
+ <script>
+ function set_property()
+ {
+ var value = document.getElementById("set_val_box").value;
+ window.location.href = "{{ url_for('set_property') }}?prop={{ branch }}&"+
+ 'val='+value;
+ };
+ </script>
+
+<table border="1" style="width:100%">
+ <tr>
+ <th>Name</th>
+ <th>Description</th>
+ </tr>
+ {% for property in properties %}
+ <tr>
+ {% if ('childs' in property.flags) or (properties|length != 1) %}
+ <td><a href="{{ url_for('get_property_list', branch = property.path) }}">"{{ property.name }}"</td>
+ {% if 'description' in property %}
+ <script>
+ function set_property()
+ {
+ var value = document.getElementById("set_val_box").value;
+ window.location.href = "{{ url_for('set_property') }}?prop={{ branch }}&"+
+ 'val='+value;
+ };
+ </script>
+ <td>{{ property.description }}</td>
+ {% else %}
+ <td></td>
+ {% endif %}
+ {% else %}
+ <td>{{ property.name }}"</td>
+ <td>
+ <table border="1" style="width:100%">
+ {% if 'description' in property %}
+ <tr>
+ <th> Description </th>
+ <td> {{ property.description }} </td>
+ </tr>
+ {% endif %}
+ <tr>
+ <th> Current value </th>
+ <td> {{ value }} </td>
+ </tr>
+ {% if 'W' in property.mode %}
+ <tr>
+ <th> Set value</th>
+ <td>
+ <input type="text" name="set_val_box" id="set_val_box" value="" />
+ <input type="button" value="set" onclick="set_property()">
+ </td>
+ </tr>
+ {% endif %}
+ <tr>
+ <th>Mode</th>
+ <td>
+ <ul>
+ {% for m in property.mode %}
+ <li>{{ m }}</li>
+ {% endfor %}
+ </ul>
+ </td>
+ </tr>
+ <tr>
+ <th>Type</th>
+ <td> {{ property.type }} </td>
+ </tr>
+ <tr>
+ <th>Unit</th>
+ <td> {{ property.unit }} </td>
+ </tr>
+ <tr>
+ <th>Path</th>
+ <td> {{ property.path }} </td>
+ </tr>
+ </table>
+ </td>
+ {% endif %}
+ </tr>
+ {% endfor %}
+ </table>
+{% endblock %}
diff --git a/pywrap/templates/register_info.html b/pywrap/templates/register_info.html
new file mode 100644
index 0000000..a7f11dc
--- /dev/null
+++ b/pywrap/templates/register_info.html
@@ -0,0 +1,106 @@
+{% extends "base.html" %}
+{% block title %}Register info{% endblock %}
+{% block info %}
+<h1>Register '{{ register.name }}' info</h1>
+{% endblock %}
+
+{% block content %}
+ <script>
+ function write_register()
+ {
+ var value = document.getElementById("set_val_box").value;
+ window.location.href = "{{ url_for('write_register') }}?name={{ register.name }}&"+
+ 'bank={{ register.bank }}&val='+value;
+ };
+ </script>
+
+ <table border="1" style="width:100%">
+ {% if 'description' in register %}
+ <tr>
+ <th> Description </th>
+ <td> {{ register.description }} </td>
+ </tr>
+ {% endif %}
+ <tr>
+ <th> Current value </th>
+ <td> {{ value }} </td>
+ </tr>
+ {% if 'W' in register.mode %}
+ <tr>
+ <th> Set value</th>
+ <td>
+ <input type="text" name="set_val_box" id="set_val_box" value="" />
+ <input type="button" value="set" onclick="write_register()">
+ </td>
+ </tr>
+ {% endif %}
+ <tr>
+ <th>Bank</th>
+ <td>{{ register.bank }}</td>
+ </tr>
+ <tr>
+ <th>Default value</th>
+ <td>{{ register.defvalue }}</td>
+ </tr>
+ <tr>
+ <th>Mode</th>
+ <td>
+ <ul>
+ {% for m in register.mode %}
+ <li>{{ m }}</li>
+ {% endfor %}
+ </ul>
+ </td>
+ </tr>
+ {% if 'range' in register %}
+ <tr>
+ <th>
+ Range
+ </th>
+ <td>
+ <table>
+ <tr>
+ <th> min </th>
+ <td> {{ register.range.min }} </td>
+ </tr>
+ <tr>
+ <th> max </th>
+ <td> {{ register.range.max }} </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ {% endif %}
+ {% if 'values' in register %}
+ {% for v in register['values'] %}
+ <tr>
+ {% if 'name' in v %}
+ <th> {{v.name}} </th>
+ {% endif %}
+ <td>
+ <table>
+ {% if 'description' in v %}
+ <tr>
+ <th> description </th>
+ <td> {{ v.description }} </td>
+ </tr>
+ {% endif %}
+ <tr>
+ <th> min </th>
+ <td> {{ v.min }} </td>
+ </tr>
+ <tr>
+ <th> max </th>
+ <td> {{ v.max }} </td>
+ </tr>
+ <tr>
+ <th> value </th>
+ <td> {{ v.value }} </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ {% endfor %}
+ {% endif %}
+ </table>
+{% endblock %}
diff --git a/pywrap/templates/registers_list.html b/pywrap/templates/registers_list.html
new file mode 100644
index 0000000..199475b
--- /dev/null
+++ b/pywrap/templates/registers_list.html
@@ -0,0 +1,26 @@
+{% extends "base.html" %}
+{% block title %}Registers list{% endblock %}
+{% block info %}
+<h1>List of aviable registers</h1>
+{% endblock %}
+
+{% block content %}
+<table border="1" style="width:100%">
+ <tr>
+ <th>Name</th>
+ <th>Description</th>
+ </tr>
+{% for register in registers %}
+ <tr>
+ <td><a href="{{ url_for('get_register_info', bank=register.bank, name=register.name) }}">{{ register.name }}</td>
+ {% if 'description' in register %}
+ <td>{{ register.description }}</td>
+ {% else %}
+ <td></td>
+ {% endif %}
+ </tr>
+{% endfor %}
+</table>
+{% endblock %}
+
+