summaryrefslogtreecommitdiff
path: root/lib/taurus/web/examples/tornado/static
diff options
context:
space:
mode:
authorcoutinho <coutinho@esrf.fr>2015-03-26 12:21:41 +0100
committercoutinho <coutinho@esrf.fr>2015-03-26 12:21:41 +0100
commit6f2a9f4d65212ef253a5ce6fc173d52b8a470c57 (patch)
tree674c3ba22a326794b20abf345ec5e01c102a1b11 /lib/taurus/web/examples/tornado/static
parent3d39d0a483286c6cc6abc58d5514dc5390104736 (diff)
First commit in tauruslib. Restructure according to SEP10
Diffstat (limited to 'lib/taurus/web/examples/tornado/static')
-rw-r--r--lib/taurus/web/examples/tornado/static/css/demo.css83
-rw-r--r--lib/taurus/web/examples/tornado/static/css/machinestatus.css76
-rw-r--r--lib/taurus/web/examples/tornado/static/js/countclient.coffee75
-rw-r--r--lib/taurus/web/examples/tornado/static/js/countclient.js94
-rw-r--r--lib/taurus/web/examples/tornado/static/js/demo.js14
-rw-r--r--lib/taurus/web/examples/tornado/static/js/demo1.js14
-rw-r--r--lib/taurus/web/examples/tornado/static/js/demo2.js41
-rw-r--r--lib/taurus/web/examples/tornado/static/js/demo3.js44
-rw-r--r--lib/taurus/web/examples/tornado/static/js/demo4.js14
-rw-r--r--lib/taurus/web/examples/tornado/static/js/machinestatus.coffee9
-rw-r--r--lib/taurus/web/examples/tornado/static/js/machinestatus.js14
11 files changed, 478 insertions, 0 deletions
diff --git a/lib/taurus/web/examples/tornado/static/css/demo.css b/lib/taurus/web/examples/tornado/static/css/demo.css
new file mode 100644
index 00000000..a0056bf8
--- /dev/null
+++ b/lib/taurus/web/examples/tornado/static/css/demo.css
@@ -0,0 +1,83 @@
+
+.MS { color: #FFFFFF;
+ font-family: Sans-serif; }
+
+body.MS { background-color: #444444; }
+
+table.MS { }
+
+.Panel { width: 100%;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 5px;
+ border-color: white;
+ padding: 4px; }
+
+.PanelMin {
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 5px;
+ border-color: white;
+ padding: 4px; }
+
+.Form {
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 5px;
+ border-color: white;
+ padding: 4px;
+ background-image: linear-gradient(to bottom right, #CCCCCC 0%, #008BCC 100%);
+}
+
+.PanelUp { border-top-width: 1px;
+ border-left-width: 1px;
+ border-right-width: 1px;
+ border-top-style :solid;
+ border-left-style: solid;
+ border-right-style: solid;
+ border-bottom-style: none;
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+ border-color: whitesmoke;
+ margin: 2px;
+ padding: 4px; }
+
+.MSBLTitle { font-family: arial, serif;
+ font-size : xx-large;
+ font-weight : bold;
+ text-align : left; }
+
+.MSFETitle { font-family: arial, serif;
+ font-size : x-large;
+ font-weight : normal;
+ text-align : left; }
+
+.MSIDTitle { font-family: arial, serif;
+ font-size : x-large;
+ font-weight : normal;
+ text-align : left; }
+
+.Label {
+ font-weight : normal;
+ font-family : monospace;
+ text-align : right;
+ vertical-align: middle; }
+
+.FELabel { font-size : large;
+ font-weight : normal;
+ font-family : monospace;
+ text-align : center;
+ vertical-align: middle; }
+
+.IDLabel { font-size : large;
+ font-weight : normal;
+ font-family : monospace;
+ text-align : right;
+ vertical-align: middle; }
+
+.BorderLabel { border-width:0px;
+ border-style:solid;
+ border-radius: 2px;
+ margin: auto;
+ padding: 4px; }
+
diff --git a/lib/taurus/web/examples/tornado/static/css/machinestatus.css b/lib/taurus/web/examples/tornado/static/css/machinestatus.css
new file mode 100644
index 00000000..1a91ea55
--- /dev/null
+++ b/lib/taurus/web/examples/tornado/static/css/machinestatus.css
@@ -0,0 +1,76 @@
+
+.MS { color: #FFFFFF;
+ font-family: Sans-serif; }
+
+body.MS { background-color: #444444; }
+
+table.MS { }
+
+.Panel { width: 100%;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 5px;
+ border-color: white;
+ padding: 4px; }
+
+.Form {
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 5px;
+ border-color: white;
+ padding: 4px;
+ background-image: linear-gradient(to bottom right, #CCCCCC 0%, #008BCC 100%);
+}
+
+.PanelUp { border-top-width: 1px;
+ border-left-width: 1px;
+ border-right-width: 1px;
+ border-top-style :solid;
+ border-left-style: solid;
+ border-right-style: solid;
+ border-bottom-style: none;
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+ border-color: whitesmoke;
+ margin: 2px;
+ padding: 4px; }
+
+.MSBLTitle { font-family: arial, serif;
+ font-size : xx-large;
+ font-weight : bold;
+ text-align : left; }
+
+.MSFETitle { font-family: arial, serif;
+ font-size : x-large;
+ font-weight : normal;
+ text-align : left; }
+
+.MSIDTitle { font-family: arial, serif;
+ font-size : x-large;
+ font-weight : normal;
+ text-align : left; }
+
+.Label {
+ font-weight : normal;
+ font-family : monospace;
+ text-align : right;
+ vertical-align: middle; }
+
+.FELabel { font-size : large;
+ font-weight : normal;
+ font-family : monospace;
+ text-align : center;
+ vertical-align: middle; }
+
+.IDLabel { font-size : large;
+ font-weight : normal;
+ font-family : monospace;
+ text-align : right;
+ vertical-align: middle; }
+
+.BorderLabel { border-width:0px;
+ border-style:solid;
+ border-radius: 2px;
+ margin: auto;
+ padding: 4px; }
+
diff --git a/lib/taurus/web/examples/tornado/static/js/countclient.coffee b/lib/taurus/web/examples/tornado/static/js/countclient.coffee
new file mode 100644
index 00000000..bb11f5c4
--- /dev/null
+++ b/lib/taurus/web/examples/tornado/static/js/countclient.coffee
@@ -0,0 +1,75 @@
+taurus_websocket = null
+
+taurus_models = ->
+ ( elem.dataset['taurusModel'] for elem in $('[data-taurus-model]') )
+
+taurus_element = (model) ->
+ $('[data-taurus-model="' + model + '"]')
+
+initialize = ->
+
+ console.log("Initializing page...")
+
+ $('title').html(':: Taurus ::')
+
+ gauge_props =
+ interactionArea: "none"
+ minimum: -140
+ maximum: 150
+
+ dom = require("dojo/dom")
+ CircularLinearGauge = require("dojox/dgauges/components/default/CircularLinearGauge")
+ gauge = new CircularLinearGauge(gauge_props, dom.byId("gauge01"))
+ gauge.set('value', 44)
+
+ taurus_websocket = new WebSocket("ws://pc151.cells.es:8888/taurus")
+
+ taurus_websocket.onopen = ->
+ $('title').html(':: Taurus :: Connected')
+ initialize_taurus()
+
+ taurus_websocket.onmessage = (event) ->
+ event_data = JSON.parse(event.data)
+ elements = taurus_element(event_data.model)
+ elements.filter(":not([data-taurus-controller = 'Gauge'])").css(event_data.css).html(event_data.html)
+ elements.filter("input").css('background-color','').css('color','')
+ g = elements.filter("#gauge01")
+ if g.length and gauge
+ indicatorText = gauge.getElement("indicatorText")
+ indicatorText.set('value', event_data.html)
+ indicatorText.indicator.set('value', event_data.html)
+
+ taurus_websocket.onerror = (event) ->
+ $('body').append('<div>Error:' + event + ' ' + '</div>')
+
+ taurus_websocket.onclose = (event) ->
+ $('title').html(':: Taurus :: Disconnected')
+
+ plot = JXG.JSXGraph.initBoard('plot', {boundingbox: [-10, 10, 10, -10], axis:true, grid:true})
+ geonext = JXG.JSXGraph.loadBoardFromFile('geonext', 'static/geonext/triangle.gxt', 'Geonext')
+
+ props =
+ position : ["right", "bottom"]
+ width : 460
+# buttons :
+# Ok : -> $(this).dialog("close")
+
+ $('#motor-attributes').dialog(props)
+
+ $("#tangotest-attributes" ).hide()
+ $('#show-tangotest').button().click(-> $('#tangotest-attributes').show('bounce', {}, 500, ->))
+
+ console.log("Finished initializing page")
+
+initialize_taurus = ->
+ console.log("Initializing taurus...")
+ models = taurus_models()
+ json_models = JSON.stringify({models : models})
+ taurus_websocket.send(json_models)
+ console.log("Finished initializing taurus")
+
+$ ->
+ dojo_requirements = ["dojo/_base/kernel", "dojo/parser", "dojo/dom",
+ "dojox/dgauges/components/default/CircularLinearGauge"]
+
+ require(dojo_requirements, initialize)
diff --git a/lib/taurus/web/examples/tornado/static/js/countclient.js b/lib/taurus/web/examples/tornado/static/js/countclient.js
new file mode 100644
index 00000000..106978d8
--- /dev/null
+++ b/lib/taurus/web/examples/tornado/static/js/countclient.js
@@ -0,0 +1,94 @@
+// Generated by CoffeeScript 1.3.3
+(function() {
+ var initialize, initialize_taurus, taurus_element, taurus_models, taurus_websocket;
+
+ taurus_websocket = null;
+
+ taurus_models = function() {
+ var elem, _i, _len, _ref, _results;
+ _ref = $('[data-taurus-model]');
+ _results = [];
+ for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+ elem = _ref[_i];
+ _results.push(elem.dataset['taurusModel']);
+ }
+ return _results;
+ };
+
+ taurus_element = function(model) {
+ return $('[data-taurus-model="' + model + '"]');
+ };
+
+ initialize = function() {
+ var CircularLinearGauge, dom, gauge, gauge_props, geonext, plot, props;
+ console.log("Initializing page...");
+ $('title').html(':: Taurus ::');
+ gauge_props = {
+ interactionArea: "none",
+ minimum: -140,
+ maximum: 150
+ };
+ dom = require("dojo/dom");
+ CircularLinearGauge = require("dojox/dgauges/components/default/CircularLinearGauge");
+ gauge = new CircularLinearGauge(gauge_props, dom.byId("gauge01"));
+ gauge.set('value', 44);
+ taurus_websocket = new WebSocket("ws://pc151.cells.es:8888/taurus");
+ taurus_websocket.onopen = function() {
+ $('title').html(':: Taurus :: Connected');
+ return initialize_taurus();
+ };
+ taurus_websocket.onmessage = function(event) {
+ var elements, event_data, g, indicatorText;
+ event_data = JSON.parse(event.data);
+ elements = taurus_element(event_data.model);
+ elements.filter(":not([data-taurus-controller = 'Gauge'])").css(event_data.css).html(event_data.html);
+ elements.filter("input").css('background-color', '').css('color', '');
+ g = elements.filter("#gauge01");
+ if (g.length && gauge) {
+ indicatorText = gauge.getElement("indicatorText");
+ indicatorText.set('value', event_data.html);
+ return indicatorText.indicator.set('value', event_data.html);
+ }
+ };
+ taurus_websocket.onerror = function(event) {
+ return $('body').append('<div>Error:' + event + ' ' + '</div>');
+ };
+ taurus_websocket.onclose = function(event) {
+ return $('title').html(':: Taurus :: Disconnected');
+ };
+ plot = JXG.JSXGraph.initBoard('plot', {
+ boundingbox: [-10, 10, 10, -10],
+ axis: true,
+ grid: true
+ });
+ geonext = JXG.JSXGraph.loadBoardFromFile('geonext', 'static/geonext/triangle.gxt', 'Geonext');
+ props = {
+ position: ["right", "bottom"],
+ width: 460
+ };
+ $('#motor-attributes').dialog(props);
+ $("#tangotest-attributes").hide();
+ $('#show-tangotest').button().click(function() {
+ return $('#tangotest-attributes').show('bounce', {}, 500, function() {});
+ });
+ return console.log("Finished initializing page");
+ };
+
+ initialize_taurus = function() {
+ var json_models, models;
+ console.log("Initializing taurus...");
+ models = taurus_models();
+ json_models = JSON.stringify({
+ models: models
+ });
+ taurus_websocket.send(json_models);
+ return console.log("Finished initializing taurus");
+ };
+
+ $(function() {
+ var dojo_requirements;
+ dojo_requirements = ["dojo/_base/kernel", "dojo/parser", "dojo/dom", "dojox/dgauges/components/default/CircularLinearGauge"];
+ return require(dojo_requirements, initialize);
+ });
+
+}).call(this);
diff --git a/lib/taurus/web/examples/tornado/static/js/demo.js b/lib/taurus/web/examples/tornado/static/js/demo.js
new file mode 100644
index 00000000..a1ed2b69
--- /dev/null
+++ b/lib/taurus/web/examples/tornado/static/js/demo.js
@@ -0,0 +1,14 @@
+
+(function() {
+ var initialize_demo;
+
+ initialize_demo = function() {
+ console.log("Initializing taurus WEB generic demo application...");
+ return console.log("Finished initializing taurus WEB generic demo application");
+ };
+
+ $(function() {
+ return initialize_demo();
+ });
+
+}).call(this);
diff --git a/lib/taurus/web/examples/tornado/static/js/demo1.js b/lib/taurus/web/examples/tornado/static/js/demo1.js
new file mode 100644
index 00000000..ebca6a19
--- /dev/null
+++ b/lib/taurus/web/examples/tornado/static/js/demo1.js
@@ -0,0 +1,14 @@
+
+(function() {
+ var initialize_demo1;
+
+ initialize_demo1 = function() {
+ console.log("Initializing taurus WEB demo 1 application...");
+ return console.log("Finished initializing taurus WEB demo 1 application");
+ };
+
+ $(function() {
+ return initialize_demo1();
+ });
+
+}).call(this);
diff --git a/lib/taurus/web/examples/tornado/static/js/demo2.js b/lib/taurus/web/examples/tornado/static/js/demo2.js
new file mode 100644
index 00000000..9f8fa5aa
--- /dev/null
+++ b/lib/taurus/web/examples/tornado/static/js/demo2.js
@@ -0,0 +1,41 @@
+
+(function() {
+ var initialize_demo2;
+
+ initialize_demo2 = function() {
+ console.log("Initializing taurus WEB demo 2 application...");
+ init_highcharts();
+ return console.log("Finished initializing taurus WEB demo 2 application");
+ };
+
+ $(function() {
+ return initialize_demo2();
+ });
+
+ init_highcharts = function () {
+ $('#highcharts-canvas').highcharts({
+ chart: {
+ type: 'bar'
+ },
+ title: {
+ text: 'Fruit Consumption'
+ },
+ xAxis: {
+ categories: ['Apples', 'Bananas', 'Oranges']
+ },
+ yAxis: {
+ title: {
+ text: 'Fruit eaten'
+ }
+ },
+ series: [{
+ name: 'Jane',
+ data: [1, 0, 4]
+ }, {
+ name: 'John',
+ data: [5, 7, 3]
+ }]
+ });
+ };
+
+}).call(this);
diff --git a/lib/taurus/web/examples/tornado/static/js/demo3.js b/lib/taurus/web/examples/tornado/static/js/demo3.js
new file mode 100644
index 00000000..0bc6e8e5
--- /dev/null
+++ b/lib/taurus/web/examples/tornado/static/js/demo3.js
@@ -0,0 +1,44 @@
+
+(function() {
+ var initialize_demo3;
+
+ initialize_demo3 = function() {
+ console.log("Initializing taurus WEB demo 3 application...");
+ init_highcharts();
+ return console.log("Finished initializing taurus WEB demo 3 application");
+ };
+
+ $(function() {
+ return initialize_demo3();
+ });
+
+ init_highcharts = function () {
+ var chart = new Highcharts.Chart({
+ chart: {
+ renderTo: 'highcharts-canvas',
+ //type: 'line'
+ },
+ title: {
+ text: 'Fruit Consumption'
+ },
+ series: [{
+ name: 'Jane',
+ data: []
+ }],
+
+ taurus_model : "sys/tg_test/1/double_scalar"
+ });
+
+ taurus_listener = function (event_data) {
+ if (event_data.model == chart.options.taurus_model) {
+ console.log(event_data.value);
+ data = chart.series.data
+ data.push([data.length,event_data.value]);
+ console.log(chart.series[0].data);
+ chart.redraw();
+ }
+ };
+
+ taurus_onmessage_callbacks.add(taurus_listener);
+};
+}).call(this);
diff --git a/lib/taurus/web/examples/tornado/static/js/demo4.js b/lib/taurus/web/examples/tornado/static/js/demo4.js
new file mode 100644
index 00000000..4a35cf6d
--- /dev/null
+++ b/lib/taurus/web/examples/tornado/static/js/demo4.js
@@ -0,0 +1,14 @@
+
+(function() {
+ var initialize_demo4;
+
+ initialize_demo4 = function() {
+ console.log("Initializing taurus WEB demo 4 application...");
+ return console.log("Finished initializing taurus WEB demo 4 application");
+ };
+
+ $(function() {
+ return initialize_demo4();
+ });
+
+}).call(this);
diff --git a/lib/taurus/web/examples/tornado/static/js/machinestatus.coffee b/lib/taurus/web/examples/tornado/static/js/machinestatus.coffee
new file mode 100644
index 00000000..41640933
--- /dev/null
+++ b/lib/taurus/web/examples/tornado/static/js/machinestatus.coffee
@@ -0,0 +1,9 @@
+
+initialize = ->
+
+ console.log("Initializing taurus WEB demo application...")
+ console.log("Finished initializing taurus WEB demo application")
+
+$ ->
+ initialize()
+
diff --git a/lib/taurus/web/examples/tornado/static/js/machinestatus.js b/lib/taurus/web/examples/tornado/static/js/machinestatus.js
new file mode 100644
index 00000000..95dca018
--- /dev/null
+++ b/lib/taurus/web/examples/tornado/static/js/machinestatus.js
@@ -0,0 +1,14 @@
+// Generated by CoffeeScript 1.3.3
+(function() {
+ var initialize;
+
+ initialize = function() {
+ console.log("Initializing taurus WEB machine status application...");
+ return console.log("Finished initializing taurus WEB machine status application");
+ };
+
+ $(function() {
+ return initialize();
+ });
+
+}).call(this);