dial_a_device_node 0.0.153

data/app/views/devices/ui/_knf_simdos_02.html.erb

@@ -0,0 +1,98 @@
+
+<span class="btn-group inline">
+
+        <button id="stop" name="stop" class=" btn btn-warning btn-large" onclick="ui.toggleStop();"><span id="stopicon" name="stopicon" class="glyphicon glyphicon-stop"></span></button>
+
+            <button id="start" name="start" class=" btn btn-success btn-large" onclick="ui.toggleStart();" data-toggle="button"><span id="starticon" name="starticon" class="glyphicon glyphicon-play"></span></button>
+            <button id="pause" name="pause" class=" btn btn-success btn-large" onclick="ui.togglePause();" data-toggle="button"><span id="pauseicon" name="pauseicon" class="glyphicon glyphicon-pause"></span></button>
+
+            
+            <button id="primedrain" name="primedrain" class=" btn btn-default btn-large" onclick="ui.togglePrimeDrain();">Prime/Drain</button>
+
+</span>
+
+<span class="btn-group inline">
+            <button id="runmodebutton" name="runmodebutton" class=" btn btn-info btn-large dropdown-toggle" data-toggle="dropdown"><span id="runmode">Run Mode</span>&nbsp;<span class="caret"></span></button>
+            <ul class="dropdown-menu">
+                <li><a href="#" onclick="ui.setRunmode(0);">Run Mode</a></li>
+                <li><a href="#" onclick="ui.setRunmode(1);">Dispense Mode (volume)</a></li>
+              <li><a href="#" onclick="ui.setRunmode(2);">Dispense Mode (flow rate)</a></li>
+            </ul>
+
+</span>
+
+
+<div class="row-fluid" style="margin-top:20px;">
+    <div class="span6">
+        <div class="well" style="text-align: center";>
+           <label><span id="timecounter" style="font-size: 20px;"></span></label>
+
+        </div>
+     </div>
+
+     <div class="span6">
+        <div class="well" style="text-align: center";>
+           <label><span id="amountcounter" style="font-size: 20px;"></span></label>
+
+        </div>
+     </div>
+</div>
+
+
+
+<div class="row-fluid clearfix" style="height: 160px;">
+
+
+  <div id="tflowrate" class="well" style="display:none;">
+
+
+          <div class="inline" id="flowrate"> </div>
+
+            <script type="text/javascript">
+
+               smartinput ("flowrate", function(val) {
+                   ui.setFlowrate(val);
+                }, "Set (&micro;l/min)");
+            </script>
+
+
+      
+    </div>
+
+        <div id="tamount" class="well" style="display:none;">
+            
+
+
+              
+
+                <div class="inline" id="amount"> </div>
+
+                  <script type="text/javascript">
+
+                     smartinput ("amount", function(val) {
+                         ui.setAmount(val);
+                      }, "Set (&micro;l)");
+                  </script>
+
+ 
+
+
+        </div>
+
+
+        <div id="ttime"class="well" style="display:none;">
+         
+
+          <div class="inline" id="time"> </div>
+
+            <script type="text/javascript">
+
+               smartinput ("time", function(val) {
+                   ui.setTimeSeconds(val);
+                }, "Set (s)");
+            </script>
+
+
+        </div>
+
+</div>

data/app/views/devices/ui/_pce_balance.html.erb

@@ -0,0 +1,37 @@
+<div class="row-fluid" style="margin-top:20px;">
+    <div class="span12">
+        <div id="tab2" name="tab2" class="well" style="text-align: center";>
+           <label id="Display" name="Display"  ><span id="iDisplay" style="font-size: 20px;"></span></label>
+
+        </div>
+     </div>
+</div>
+
+
+<div class="row-fluid">
+    <div class="span12">
+       
+        <span class="btn-group">
+            <button id="powerbutton" name="powerbutton" class="btn btn-warning btn-large" onclick="ui.togglepower(); "><span id="power">Power</span></button>
+        </span>
+
+
+        <span class="btn-group">
+
+            <button id="tare" name="TARE" class="btn btn-danger btn-large " onclick="ui.tare();" >Tare</button>
+        </span>
+        
+         <span class="btn-group">
+            <button id="print" name="PRINT" class=" btn btn-success btn-large" onclick="ui.print(); " >Print</button>
+        </span>
+
+       
+
+    </div>
+
+    <script type="text/javascript">
+        if (connectiontype == "simulation") {
+            //ev.emit("device.set.print");
+        }
+    </script>
+</div>

data/app/views/devices/ui/_purebeaglebone.html.erb

@@ -0,0 +1,137 @@
+<div class="row-fluid">
+    <div class="span12">
+
+        <ul class="nav nav-tabs">
+
+            <li class="active"><a href="#leds" data-toggle="tab">LEDs</a></li>
+            <li><a href="#serial" data-toggle="tab">Serial Console</a></li>
+            <!--<li><a href="#designer" data-toggle="tab">Device Designer</a></li> -->
+            <li><a href="#customui" data-toggle="tab">Custom UI</a></li>
+        </ul>
+
+
+        <div class="tab-content">
+
+            <div class="tab-pane active" id="leds">
+                <span class="btn-group inline">
+                    <button id="usrled0button" name="usrled0button" class=" btn btn-success btn-large" onclick="ui.toggleusrled0();" data-toggle="button"><span id="usrled0">USR LED 0</span></button>
+                </span>
+
+                <span class="btn-group inline">
+                    <button id="usrled1button" name="usrled1button" class=" btn btn-success btn-large" onclick="ui.toggleusrled1();" data-toggle="button"><span id="usrled0">USR LED 1</span></button>
+                </span>
+
+                <span class="btn-group inline">
+                    <button id="usrled2button" name="usrled2button" class=" btn btn-success btn-large" onclick="ui.toggleusrled2();" data-toggle="button"><span id="usrled0">USR LED 2</span></button>
+                </span>
+
+                <span class="btn-group inline">
+                    <button id="usrled3button" name="usrled3button" class=" btn btn-success btn-large" onclick="ui.toggleusrled3();" data-toggle="button"><span id="usrled0">USR LED 3</span></button>
+                </span>
+
+
+            </div>
+
+            <div class="tab-pane" id="serial">
+            
+                <span id="serialconnect">
+
+                    <h4>External serial port&nbsp;<input type="button" class="btn btn-success btn-xs" value="Open" onClick="ui.serialsetport(); ui.serialsetbaud(); ui.serialsetlinebreak(); ui.serialsetprefix(); ui.serialsetsuffix(); ui.serialsetdatabit(); ui.serialsetparity(); ui.serialsetstopbit(); ui.serialopen();" /></h4>
+
+                    <form class="form-horizontal" role="form">
+                    
+                    <div class="form-group">
+                        <label for="serialport" class="col-sm2 control-label">Port</label>
+                        <input type="text" class="form-control" id="serialport" value="/dev/ttyUSB0" placeholder="/dev/tty..."/>
+                    </div>
+                    
+                    <div class="form-group">
+                        <label for="serialbaud" class="col-sm2 control-label">Baud rate</label>
+                        <input type="text" class="form-control" id="serialbaud" value="9600" placeholder="Baud rate"/>
+                    </div>
+                    
+                    <div class="form-group">
+                        <label for="serialdatabit" class="col-sm2 control-label">Data bits</label>
+                        <input type="text" class="form-control" id="serialdatabit" value="8" placeholder="Data bits"/>
+                    </div>
+                    
+                    <div class="form-group">
+                        <label for="serialparity" class="col-sm2 control-label">Parity</label>
+                        <input type="text" class="form-control" id="serialparity" value="none" placeholder="Parity"/>
+                    </div>
+                    
+                    <div class="form-group">
+                        <label for="serialstopbit" class="col-sm2 control-label">Stop bits</label>
+                        <input type="text" class="form-control" id="serialstopbit" value="1" placeholder="Stop bits"/>
+                    </div>
+
+                    <hr>
+
+                    <div class="form-group">
+                        <label for="seriallinebreak" class="col-sm2 control-label">Parser line break (hex)</label>
+                        <input type="text" class="form-control" id="seriallinebreak" value="0D" placeholder="Line Break (hex)"/>
+                        <span class="help-block">Leave blank for raw input interpreation.</span>
+                    </div>
+                    
+                    <div class="form-group">
+                        <label for="serialprefix" class="col-sm2 control-label">Prefix (hex)</label>
+                        <input type="text" class="form-control" id="serialprefix" value="" placeholder="Prefix (hex)"/>
+                        <span class="help-block">Send this hex code as prefix for every command.</span>
+                    </div>
+                    
+                    <div class="form-group">
+                        <label for="serialsuffix" class="col-sm2 control-label">Suffix (hex)</label>
+                        <input type="text" class="form-control" id="serialsuffix" value="" placeholder="Suffix (hex)"/>
+                        <span class="help-block">Send this hex code as suffix for every command.</span>
+                    </div>
+                    
+                    </form>
+                    
+                </span>
+
+                <span id="serialdisconnect" style="display:none;">
+
+                    <h4>External serial port&nbsp;
+                    <input type="button" class="btn btn-xs btn-warning"  value="Close" onClick="ui.serialclose();" />
+
+                    &nbsp;<span id="serialstatus"></span></h4>
+
+                    <textarea rows="10" cols="80" id="serialconsole"></textarea>
+
+                <br/>
+
+                <input type="text" id="sendserial" /> <input type="button" class="btn btn-success" value="Send" onClick="ui.sendserial();" />
+                
+                <br>
+                
+                <input type="text" id="sendraw" /> <input type="button" class="btn btn-warning" value="Send raw hex" onClick="ui.sendraw();" />
+                
+                </span>
+
+            </div>
+            
+            <script type="text/javascript">
+                
+                $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
+                  e.target // activated tab
+                  
+                  if ($(e.target).attr("href") == "#customui") {
+
+                    ui.retrieveCustomUI();
+
+                  }
+                  
+                })
+                
+            </script>
+            
+            <div class="tab-pane" id="customui">
+            
+                <p>Loading...</p>                
+            
+            </div>
+
+        </div>
+
+    </div>
+</div>

data/app/views/devices/ui/_weathercape.html.erb

@@ -0,0 +1,313 @@
+<script src="/assets/external/processing-1.3.6.min.js"></script>
+
+
+<div class="row-fluid">
+    <div class="span12">
+
+        <div id="animateTest"><canvas id="barometerCanvas"></canvas><canvas id="thermometerCanvas"></canvas><canvas id="lightCanvas"></canvas></div>
+
+        <small><p>Temperature: <span id="temperature"></span> °C</p>
+        <p>Pressure: <span id="pressure"></span> mbar</p>
+        <p>Humidity: <span id="humidity"></span> %</p>
+        <p>Lux: <span id="lux"></span></p></small>
+
+    </div>
+</div>
+
+
+
+
+<script type="text/javascript">
+
+// global vars
+var PI = 3.14;
+var HALF_PI = 1.57;
+var TWO_PI = 6.28;
+
+// set defaults
+var pressure = 950;
+var pmax = 1050;
+var pmin = 950;
+var punit = " mbar";
+
+var temp = -25;
+var tmax = 80;
+var tmin = -30;
+var tunit = " °C";
+
+var humidity = 50;
+var hmax = 100;
+var hmin = 0;
+var hunit = " %";
+
+var lux = 0;
+var lmax = 2000;
+var lmin = 0;
+var lunit = " lux";
+
+var barometerWidth;
+var barometerHeight;
+var thermometerWidth;
+var lightWidth;
+
+
+var setWidth = function() {
+
+ var canvasWidth = window.innerWidth * 0.4;
+
+ if ( canvasWidth > (1.8 * window.innerHeight)) {
+  canvasWidth = 1.8 * window.innerHeight;
+
+ }
+
+ barometerWidth = canvasWidth*0.5;
+ barometerHeight = barometerWidth;
+ thermometerWidth = canvasWidth*0.25;
+ lightWidth = canvasWidth*0.25;
+};
+
+setWidth();
+
+var barometerSketchProc = function(p) {
+ p.size(barometerWidth, barometerWidth);
+ p.draw = function() {
+ p.size(barometerWidth, barometerWidth);
+ barometerWidth=p.width;
+ p.background(0,0);
+  
+  // barometer
+  p.fill(220);
+  p.noStroke();
+  // Angles for sin() and cos() start at 3 o'clock;
+  // subtract HALF_PI to make them start at the top
+  p.ellipse(barometerWidth/2, barometerWidth/2, barometerWidth*0.8, barometerWidth*0.8);
+  
+   var angle = -HALF_PI + HALF_PI / 3;
+   var inc = TWO_PI / 12;
+   p.stroke(0);
+   p.strokeWeight(barometerWidth*0.015);
+   p.arc(barometerWidth/2, barometerWidth/2, barometerWidth*0.8, barometerWidth*0.8, -(4/3)*PI, PI/3);
+
+   // we want a range from ±950 - ±1050 milibar
+   // 1-5=1010-1050, 7-12=950-1000
+   p.textSize(Math.round(barometerWidth*0.04));
+   for ( i = 1; i <= 12; i++, angle += inc ) {
+       if(i!=6) {
+         p.line(barometerWidth/2 + Math.cos(angle) * barometerWidth*0.35,barometerWidth/2 + Math.sin(angle) * barometerWidth*.35,barometerWidth/2 + Math.cos(angle) * barometerWidth*0.4,barometerWidth/2 + Math.sin(angle) * barometerWidth*.4);
+         if (i < 6) {
+           myText = 1000 + 10*i;
+         } else {
+           myText = 880 + 10*i;
+         }     
+         myWidth = p.textWidth(myText);
+         p.fill(0, 102, 153);
+         p.text(myText, Math.round(barometerWidth/2 + Math.cos(angle) * barometerWidth*0.3 - myWidth/2),Math.round(barometerWidth/2 + Math.sin(angle) * barometerWidth*0.3));
+       } else {
+         myText = punit;  
+         myWidth = p.textWidth(myText);
+         p.fill(0, 102, 153);
+         p.text(myText, Math.round(barometerWidth/2 + Math.cos(angle) * barometerWidth*0.3 - myWidth/2),Math.round(barometerWidth/2 + Math.sin(angle) * barometerWidth*0.3));
+       }
+   }
+   
+  
+   // RH scale
+   p.fill(220);
+   p.stroke(0);
+   p.strokeWeight(barometerWidth*0.005);
+   p.arc(barometerWidth/2, barometerWidth/2, barometerWidth*0.4, barometerWidth*0.4, -(4/3)*PI, PI/3);
+   
+   // we want a range from 0 - 100%
+   // 1-5=60-100, 7-12=0-50
+   p.textSize(Math.round(barometerWidth*0.02));
+   for ( i = 1; i <= 12; i++, angle += inc ) {
+       if(i!=6) {
+         p.line(barometerWidth/2 + Math.cos(angle) * barometerWidth*0.18,barometerWidth/2 + Math.sin(angle) * barometerWidth*.18,barometerWidth/2 + Math.cos(angle) * barometerWidth*0.2,barometerWidth/2 + Math.sin(angle) * barometerWidth*.2);
+         if (i < 6) {
+           myText = 50 +10*i;
+         } else {
+           myText = 10*i - 70;
+         }     
+         myWidth = p.textWidth(myText);
+         p.fill(0, 102, 153);
+         p.text(myText, Math.round(barometerWidth/2 + Math.cos(angle) * barometerWidth*0.16 - myWidth/2),Math.round(barometerWidth/2 + Math.sin(angle) * barometerWidth*0.16));
+       } else {
+         myText = hunit;  
+         myWidth = p.textWidth(myText);
+         p.fill(0, 102, 153);
+         p.text(myText, Math.round(barometerWidth/2 + Math.cos(angle) * barometerWidth*0.12 - myWidth/2),Math.round(barometerWidth/2 + Math.sin(angle) * barometerWidth*0.12));
+       }
+   }
+   
+        //humidity needle
+  p.stroke(60);
+  p.strokeWeight(barometerWidth*0.005);
+  p.line(-Math.cos(humidity) * barometerWidth*0.05  + barometerWidth/2, -Math.sin(humidity) * barometerWidth*0.05 + barometerWidth/2, Math.cos(humidity) * barometerWidth*0.15 + barometerWidth/2, Math.sin(humidity) * barometerWidth*0.15 + barometerWidth/2);
+  //p.ellipse(barometerWidth/2, barometerWidth/2, barometerWidth/20, barometerWidth/20);
+   
+     // pressure needle
+  p.stroke(60);
+  p.strokeWeight(barometerWidth*0.015);
+  p.line(-Math.cos(pressure) * barometerWidth*0.05  + barometerWidth/2, -Math.sin(pressure) * barometerWidth*0.05 + barometerWidth/2, Math.cos(pressure) * barometerWidth*0.35 + barometerWidth/2, Math.sin(pressure) * barometerWidth*0.35 + barometerWidth/2);
+  p.ellipse(barometerWidth/2, barometerWidth/2, barometerWidth/20, barometerWidth/20);
+  
+ };
+ p.noLoop();
+}
+
+var thermometerSketchProc = function(p) {
+ p.size(thermometerWidth, barometerHeight);
+ p.draw = function() {
+  p.size(thermometerWidth, barometerHeight);
+  thermometerWidth=p.width;
+  p.background(0,0);
+
+  // thermometer
+  // contour
+  p.stroke(0);
+  p.strokeWeight(thermometerWidth*0.27);
+  p.line(thermometerWidth/2,thermometerWidth*1.75,thermometerWidth/2,thermometerWidth/4);
+  p.ellipse(thermometerWidth/2, thermometerWidth*1.75, thermometerWidth/5, thermometerWidth/5);
+  
+  p.strokeWeight(thermometerWidth*0.22);
+  p.stroke(255);
+  p.line(thermometerWidth/2,thermometerWidth*1.75,thermometerWidth/2,thermometerWidth/4);
+  // mercury bubble
+  if(temp > 0) {
+    p.stroke(255,0,0);
+  } else {
+    p.stroke(0,0,255)
+  }  
+  p.ellipse(thermometerWidth/2, thermometerWidth*1.75, thermometerWidth/5, thermometerWidth/5);
+  // temperature line
+  if (temp < 44) {
+    p.strokeCap("butt");
+  } else {
+    // don't exceed thermometer bounds.  
+    temp = 44;  
+    p.strokeCap("round");  
+  }      
+  p.line(thermometerWidth/2,thermometerWidth*1.75,thermometerWidth/2,thermometerWidth*1.1 - (thermometerWidth/50) * temp);
+  // scale
+  p.strokeCap("round");
+  p.stroke(0);
+  p.strokeWeight(thermometerWidth*0.03);
+  var theight = thermometerWidth*1.5;
+  var inc = thermometerWidth/5;
+  
+  p.textSize(Math.round(thermometerWidth*0.06));
+  
+  for ( i = 1; i <= 7; i++, theight -= inc ) {
+    // longer bar at zero degrees C  
+    if(i==3) {
+        extra = thermometerWidth/10;
+    } else {
+        extra = thermometerWidth/20;
+    }    
+    p.line((thermometerWidth/2) - thermometerWidth/8,theight,(thermometerWidth/2) - thermometerWidth/8 + extra, theight );
+    
+    myText = -30 + i*10;
+    p.fill(0, 0, 0);
+    p.text(myText, (thermometerWidth/2) - thermometerWidth*0.09 + extra, theight + 4);
+    
+    // min/max marks
+    p.strokeWeight(thermometerWidth*0.01);
+    p.line((thermometerWidth/2) + thermometerWidth/8,thermometerWidth*1.1 - (thermometerWidth/50) * tmin,(thermometerWidth/2) + thermometerWidth/8 - thermometerWidth/20, thermometerWidth*1.1 - (thermometerWidth/50) * tmin );
+    p.line((thermometerWidth/2) + thermometerWidth/8,thermometerWidth*1.1 - (thermometerWidth/50) * tmax,(thermometerWidth/2) + thermometerWidth/8 - thermometerWidth/20, thermometerWidth*1.1 - (thermometerWidth/50) * tmax );
+    p.strokeWeight(thermometerWidth*0.03);
+}
+  myText = temp + tunit;
+  p.fill(0, 0, 0);
+  p.textSize(Math.round(thermometerWidth*0.09));
+  myWidth = p.textWidth(myText);
+  p.text(myText, thermometerWidth/2 - myWidth/2, thermometerWidth*1.75 + thermometerWidth*0.045);
+ };
+ p.noLoop();
+}
+
+
+var lightSketchProc = function(p) {
+ p.size(lightWidth, barometerHeight);
+ p.draw = function() {
+  p.size(lightWidth, barometerHeight);
+  lightWidth=p.width;
+  p.background(0,0);
+
+  // contour
+  p.stroke(0);
+  p.strokeWeight(lightWidth*0.01);
+  if(lux > (3*255))
+    lux = (3*255 - 10);
+  p.fill(lux/3 + 10);
+  p.ellipse(lightWidth/2,lightWidth,lightWidth/2,lightWidth/2);
+  
+  myText = lux + lunit;
+  p.fill(0, 0, 0);
+  p.textSize(Math.round(lightWidth*0.09));
+  myWidth = p.textWidth(myText);
+  p.text(myText, lightWidth/2 - myWidth/2, lightWidth*1.4 + lightWidth*0.045);
+ };
+ p.noLoop();
+}
+
+var canvas = document.getElementById("barometerCanvas");
+var thermometerCanvas = document.getElementById("thermometerCanvas");
+var lightCanvas = document.getElementById("lightCanvas");
+var barometer = new Processing(canvas, barometerSketchProc);
+var thermometer = new Processing(thermometerCanvas, thermometerSketchProc);
+var light = new Processing(lightCanvas, lightSketchProc);
+
+var setPressure = function(data) {
+    var myData = parseFloat(data);
+     // Angles for sin() and cos() start at 3 o'clock;
+     // subtract HALF_PI to make them start at the top
+     // 30miliBar = HALF_PI
+     pressure = (myData  - 1000) * (TWO_PI / 120) - HALF_PI;
+
+     if (myData > pmax) pmax = myData;
+     if (myData < pmin) pmin = myData;
+     
+     barometer.redraw();
+}
+
+
+var setHumidity = function(data) {
+    var myData = parseFloat(data);
+     // Angles for sin() and cos() start at 3 o'clock;
+     // subtract HALF_PI to make them start at the top
+     // 30% = HALF_PI
+     humidity = (myData  - 50) * (TWO_PI / 120) - HALF_PI;
+
+     if (myData > hmax) hmax = myData;
+     if (myData < hmin) hmin = myData;
+     
+     barometer.redraw();
+}
+
+var setTemperature = function(data) {
+    var myData = parseFloat(data);
+    temp = myData;
+    if (myData > tmax) tmax = myData;
+    if (myData < tmin) tmin = myData;
+    thermometer.redraw();
+}
+
+var setLux = function(data) {
+     var myData = parseFloat(data);
+     lux = myData;
+     light.redraw();
+     
+}
+
+
+window.onresize=resizeHandler;
+function resizeHandler(){
+ setWidth();
+ barometer.redraw();
+ thermometer.redraw();
+ light.redraw();
+}
+
+
+
+</script>