CAN-binder/low-can-demo/app/Frontend/js/low-can-demo.js

   1 // parse location to get security token
   2 var urlParams={};
   3 location.search.substr(1).split("&").forEach(function(item) {
   4         var k = item.split("=")[0];
   5         var v = decodeURIComponent(item.split("=")[1]);
   6         if (k in urlParams) urlParams[k].push(v); else urlParams[k] = [v];
   7 });
   8
   9 var afb = new AFB("api"/*root*/, urlParams.token[0]);
  10 var ws;
  11 var vspeed = 0, espeed = 0, torque = 0;
  12 var R2D = 180.0 / Math.PI;
  13 var D2R = Math.PI / 180.0;
  14 var fuel;
  15 var con,cons,consa = [ ];
  16 var minspeed = 5;
  17 var temp = 18;
  18 var wdgTem, wdgVsp, wdgEsp, wdgTrq;
  19 var wdgFue, wdgGpred, wdgGpblack;
  20 var conscale = 40;
  21 var condt = 60000;
  22
  23 /* gauges creation */
  24 var gauges={};
  25 function initGauges() {
  26         gauges.speed = new steelseries.Radial('speedGauge', {
  27                 gaugeType: steelseries.GaugeType.TYPE4,
  28                 frameDesign: steelseries.FrameDesign.BLACK_METAL,
  29                 backgroundColor: steelseries.BackgroundColor.CARBON,
  30                 size: 250,
  31                 titleString: "Speed",
  32                 unitString: "Km/h",
  33                 lcdVisible: true,
  34                 niceScale: true,
  35                 maxValue: 200,
  36                 maxMeasuredValue: 0,
  37                 maxMeasuredValueVisible: true,
  38                 thresholdVisible: false,
  39                 ledVisible: false,
  40                 pointerType: steelseries.PointerType.TYPE11,
  41                 useOdometer: false,
  42                 odometerParams: {
  43                         digits: 6
  44                 }
  45         });
  46
  47         gauges.rpm = new steelseries.Radial('rpmGauge', {
  48                 gaugeType: steelseries.GaugeType.TYPE4,
  49                 frameDesign: steelseries.FrameDesign.BLACK_METAL,
  50                 backgroundColor: steelseries.BackgroundColor.CARBON,
  51                 size: 200,
  52                 titleString: "RPM",
  53                 unitString: "x1000",
  54                 lcdVisible: false,
  55                 niceScale: true,
  56                 maxValue: 5,
  57                 maxMeasuredValue: 0,
  58                 maxMeasuredValueVisible: false,
  59                 section: [
  60                         steelseries.Section(4, 8, 'rgba(255, 0, 0, 0.7)')
  61                 ],
  62                 area: [
  63                         steelseries.Section(5, 8, 'rgba(255, 0, 0, 0.3)')
  64                 ],
  65                 thresholdVisible: false,
  66                 ledVisible: false,
  67                 pointerType: steelseries.PointerType.TYPE11
  68         });
  69
  70         gauges.maf = new steelseries.Radial('MAFGauge', {
  71                 gaugeType: steelseries.GaugeType.TYPE4,
  72                 frameDesign: steelseries.FrameDesign.BLACK_METAL,
  73                 backgroundColor: steelseries.BackgroundColor.CARBON,
  74                 size: 200,
  75                 titleString: "Air flow Rate",
  76                 unitString: "grams/sec",
  77                 lcdVisible: true,
  78                 lcdColor: steelseries.LcdColor.STANDARD,
  79                 lcdDecimals: 1,
  80                 niceScale: true,
  81                 minValue: 0,
  82                 maxValue: 655,
  83                 minMeasuredValue: 0,
  84                 maxMeasuredValue: conscale,
  85                 maxMeasuredValueVisible: true,
  86                 section: [
  87                         steelseries.Section(0, 255, 'rgba(0, 255, 0, 0.5)'),
  88                         steelseries.Section(256, 326, 'rgba(255, 255, 0, 0.5)'),
  89                         steelseries.Section(327, 600, 'rgba(255, 128, 0, 0.5)'),
  90                         steelseries.Section(601, 655, 'rgba(255, 0, 0, 0.5)')
  91                 ],
  92                 useValueGradient: true,
  93                 thresholdVisible: false,
  94                 ledVisible: false,
  95                 pointerType: steelseries.PointerType.TYPE11
  96         });
  97
  98         gauges.iatemp = new steelseries.Radial('IATempGauge', {
  99                 gaugeType: steelseries.GaugeType.TYPE4,
 100                 frameDesign: steelseries.FrameDesign.BLACK_METAL,
 101                 backgroundColor: steelseries.BackgroundColor.CARBON,
 102                 size: 200,
 103                 titleString: "Intake air temp",
 104                 unitString: "°C",
 105                 lcdVisible: true,
 106                 lcdColor: steelseries.LcdColor.STANDARD,
 107                 lcdDecimals: 1,
 108                 niceScale: true,
 109                 minValue: 0,
 110                 maxValue: 100,
 111                 minMeasuredValue: 0,
 112                 maxMeasuredValue: 100,
 113                 maxMeasuredValueVisible: true,
 114                 section: [
 115                         steelseries.Section(0, 30, 'rgba(0, 255, 0, 0.5)'),
 116                         steelseries.Section(31, 50, 'rgba(255, 255, 0, 0.5)'),
 117                         steelseries.Section(51, 70, 'rgba(255, 128, 0, 0.5)'),
 118                         steelseries.Section(71, 100, 'rgba(255, 0, 0, 0.5)')
 119                 ],
 120                 useValueGradient: true,
 121                 thresholdVisible: false,
 122                 ledVisible: false,
 123                 pointerType: steelseries.PointerType.TYPE11
 124         });
 125
 126         gauges.torque = new steelseries.Radial('torqueGauge', {
 127                 gaugeType: steelseries.GaugeType.TYPE2,
 128                 frameDesign: steelseries.FrameDesign.BLACK_METAL,
 129                 backgroundColor: steelseries.BackgroundColor.CARBON,
 130                 size: 200,
 131                 titleString: "Load",
 132                 unitString: "%",
 133                 lcdVisible: false,
 134                 niceScale: true,
 135                 minValue: 0,
 136                 maxValue: 100,
 137                 maxMeasuredValue: 0,
 138                 maxMeasuredValueVisible: false,
 139                 section: [
 140                         steelseries.Section(0, 0, 'rgba(0, 255, 0, 0.7)'),
 141                         steelseries.Section(50, 1500, 'rgba(255, 128, 0, 0.7)')
 142                 ],
 143                 area: [
 144                         steelseries.Section(0, 0, 'rgba(0, 255, 0, 0.3)'),
 145                         steelseries.Section(50, 1500, 'rgba(255, 128, 0, 0.3)')
 146                 ],
 147                 threshold: 0,
 148                 thresholdVisible: true,
 149                 ledVisible: false,
 150                 pointerType: steelseries.PointerType.TYPE4
 151         });
 152
 153         /* adjust cluster background size upon resize */
 154         // TODO: could be doable through CSS, but a bit tricky
 155         function adjustCluster() {
 156                 var qh=$("#quad1").outerHeight();
 157                 var sh=$("#speedGauge").outerHeight();
 158                 var pct=Math.ceil((1000*sh/qh))/10+1;
 159                 $('#cluster').css("height",pct+"%");
 160         }
 161         $(window).resize(adjustCluster);
 162         adjustCluster();
 163 }
 164
 165 function clearGauges() {
 166         for (var g in gauges) {
 167                 switch(g) {
 168                         case "clock":
 169                                 gauges[g].setValue("-");
 170                                 break;
 171                         case "speed":
 172                                 gauges[g].setValue(0);
 173                                 break;
 174                         default:
 175                                 gauges[g].setValue(0);
 176                                 break;
 177                 }
 178         }
 179 }
 180
 181 function gotVehicleSpeed(obj) {
 182         vspeed = Math.round(obj.data.value);
 183         wdgVsp.innerHTML = /* wdgVspeed.innerHTML = */ String(vspeed);
 184         //gauges.speed.setValueAnimated(vspeed);
 185         gauges.speed.setValue(vspeed);
 186 }
 187
 188 function gotTorque(obj) {
 189         torque=Math.round(obj.data.value);
 190         wdgTrq.innerHTML=String(torque);
 191         gauges.torque.setValue(torque);
 192 }
 193
 194 function gotEngineSpeed(obj) {
 195         espeed = Math.round(obj.data.value);
 196         wdgEsp.innerHTML = /* wdgEspeed.innerHTML = */ String(espeed);
 197         //gauges.rpm.setValueAnimated(espeed/1000);
 198         gauges.rpm.setValue(espeed/1000);
 199 }
 200
 201 function gotFuelLevel(obj) {
 202         fuel = Math.round(obj.data.value);
 203         wdgFue.innerHTML = fuel;
 204         gauges.maf.setValue(fuel);
 205 }
 206
 207 function gotTemp(obj) {
 208         temp = Math.round(obj.data.value);
 209         wdgTem.innerHTML = temp;
 210         gauges.iatemp.setValue(temp);
 211 }
 212
 213 function gotStart(obj) {
 214         document.body.className = "started";
 215         vspeed = 0;
 216         espeed = 0;
 217         heading = 0;
 218         cons = undefined;
 219         consa = [ ];
 220
 221         wdgVsp.innerHTML = /*wdgVspeed.innerHTML = */
 222         wdgEsp.innerHTML = /*wdgEspeed.innerHTML = */
 223         wdgTem.innerHTML = wdgFue.innerHTML = "?";
 224         for (var i = 0 ; i < 9 ; i++) {
 225                 wdgConX[i].style.height = "0%";
 226                 wdgConX[i].innerHTML = "";
 227         }
 228 }
 229
 230 function gotStop(obj) {
 231         document.body.className = "connected";
 232 }
 233
 234 var msgcnt=0;
 235 var msgprv=0;
 236 var msgprvts=0;
 237
 238 function gotAny(obj) {
 239         if (obj.event != "low-can/STOP") {
 240                 document.body.className = "started";
 241         }
 242         msgcnt++;
 243
 244         wdgTem.innerHTML = temp;
 245         gauges.iatemp.setValue(temp);
 246 //      updateClock(obj.data.timestamp);
 247 }
 248
 249 function updateMsgRate() {
 250         var now=+new Date();
 251         if (msgprvts) {
 252                 var dt=now-msgprvts;
 253                 msgrate=Math.round((msgcnt-msgprv)*10000/dt)/10;
 254                 wdgMsg.innerHTML=String(msgrate);
 255         }
 256
 257         msgprv=msgcnt;
 258         msgprvts=now;
 259 }
 260
 261 function gotStat(obj) {
 262         wdgStat.innerHTML = obj.data;
 263 }
 264
 265 function onAbort() {
 266         document.body.className = "not-connected";
 267 }
 268
 269 function onOpen() {
 270         ws.call("low-can/subscribe", {event:[
 271                         "diagnostic_messages.vehicle.speed",
 272                         "diagnostic_messages.mass.airflow",
 273                         "diagnostic_messages.engine.speed",
 274                         "diagnostic_messages.engine.load",
 275                         "diagnostic_messages.intake.air.temperature"]},
 276                         onSubscribed, onAbort);
 277         ws.call("stat/subscribe", true);
 278         ws.onevent("stat/stat", gotStat);
 279 }
 280
 281 function onClose() {
 282         ws.call("low-can/unsubscribe", {event:[
 283                         "diagnostic_messages.engine.speed",
 284                         "diagnostic_messages.mass.airflow",
 285                         "diagnostic_messages.vehicle.speed",
 286                         "diagnostic_messages.engine.load",
 287                         "diagnostic_messages.intake.air.temperature"]},
 288                         onUnsubscribed, onAbort);
 289         ws.call("stat/unsubscribe", true);
 290         ws.onevent("stat/stat", gotStat);
 291 }
 292
 293 function onSubscribed() {
 294         document.body.className = "connected";
 295         ws.onevent("low-can/diagnostic_messages.engine.speed", gotEngineSpeed);
 296         ws.onevent("low-can/diagnostic_messages.mass.airflow", gotFuelLevel);
 297         ws.onevent("low-can/diagnostic_messages.vehicle.speed", gotVehicleSpeed);
 298         ws.onevent("low-can/diagnostic_messages.engine.load", gotTorque);
 299         ws.onevent("low-can/diagnostic_messages.intake.air.temperature", gotTemp);
 300         ws.onevent("low-can",gotAny);
 301 }
 302
 303 function onUnsubscribed() {
 304         document.body.className = "disconnected";
 305         ws.onevent("low-can/diagnostic_messages.engine.speed", gotEngineSpeed);
 306         ws.onevent("low-can/diagnostic_messages.mass.airflow", gotFuelLevel);
 307         ws.onevent("low-can/diagnostic_messages.vehicle.speed", gotVehicleSpeed);
 308         ws.onevent("low-can/diagnostic_messages.engine.load", gotTorque);
 309         ws.onevent("low-can/diagnostic_messages.intake.air.temperature", gotTemp);
 310         ws.onevent("low-can",gotAny);
 311 }
 312
 313 function replyok(obj) {
 314         document.getElementById("output").innerHTML = "OK: "+JSON.stringify(obj);
 315 }
 316 function replyerr(obj) {
 317         document.getElementById("output").innerHTML = "ERROR: "+JSON.stringify(obj);
 318 }
 319 function send(message) {
 320         var api = document.getElementById("api").value;
 321         var verb = document.getElementById("verb").value;
 322         ws.call(api+"/"+verb, {data:message}, replyok, replyerr);
 323 }
 324
 325 function doConnect() {
 326         document.body.className = "connecting";
 327         ws = new afb.ws(onOpen, onAbort);
 328 }
 329
 330 function doDisconnect() {
 331         document.body.className = "connecting";
 332         ws = new afb.ws(onClose, onAbort);
 333 }
 334
 335 $(function() {
 336         wdgVsp = document.getElementById("vsp");
 337         wdgEsp = document.getElementById("esp");
 338         wdgTrq = document.getElementById("trq");
 339         wdgFue = document.getElementById("fue");
 340         wdgTem = document.getElementById("tem");
 341         wdgStat = document.getElementById("stat");
 342         wdgMsg = document.getElementById("msg");
 343
 344         initGauges();
 345
 346         doConnect();
 347
 348         // init interval to compute message rate
 349         setInterval(updateMsgRate,250);
 350 });
 351