From 385eac760f606623a086b22f5edd828f3d462199 Mon Sep 17 00:00:00 2001 From: jc4419 <60656643+jc4419@users.noreply.github.com> Date: Fri, 11 Jun 2021 17:44:12 +0400 Subject: [PATCH 1/5] Changed layout fomatting to use tables instead of 'float' property. Removed com port field so it works in my environment. --- Control/data/index.html | 93 ++++++++++++++++++----------------------- Control/platformio.ini | 1 - 2 files changed, 40 insertions(+), 54 deletions(-) diff --git a/Control/data/index.html b/Control/data/index.html index 152b6f2..2585688 100644 --- a/Control/data/index.html +++ b/Control/data/index.html @@ -14,8 +14,8 @@ .section_container { float: left; - width: 50%; - padding: 10px; + width: 33%; + padding: 0px; } .flex-container { @@ -49,13 +49,13 @@ meter { width: 100%; height: 40px; - transform: translateY(-8px); + transform: translateY(8px); } meter::after { content: attr(value) attr(title); top: -28px; - left: 0px; + left: 45%; position: relative; } @@ -241,55 +241,42 @@

ROVER COMMAND CENTER

- -
-
-

Movement Control

-
- -
-
- - - -
- -
-
- -
-
-

Sensor Data

-
    - -
  • -
    - -
    -
    - -
    -
  • - - -
  • -
    - -
    -
    - 28mm -
    -
  • - -
-
- -
+ + + + + + + + + + +

Control Panel

Telemetry

Command Line

+
+ +
+
+ + + +
+
+ + + + + + + + + +
28mm
+
diff --git a/Control/platformio.ini b/Control/platformio.ini index 0f97db2..b6309b8 100644 --- a/Control/platformio.ini +++ b/Control/platformio.ini @@ -13,7 +13,6 @@ platform = espressif32 board = esp32dev framework = arduino monitor_speed = 115200 -upload_port = COM[3] monitor_filters = send_on_enter esp32_exception_decoder From f5ca382c491fe2a1bbd2e4b74b1f57a406ebae3b Mon Sep 17 00:00:00 2001 From: jc4419 <60656643+jc4419@users.noreply.github.com> Date: Fri, 11 Jun 2021 22:45:00 +0400 Subject: [PATCH 2/5] Added extra telemetry data parameters, and the corresponding javascript websocket back end. In short rover to client interface is done, needs to be tested. Also changed button interface to accomodate new 'command buffer' system. No real time control. Also made layout static so that button layout doesnt break when resizing window. --- Control/data/index.html | 211 ++++++++++++++++++++++------------------ 1 file changed, 118 insertions(+), 93 deletions(-) diff --git a/Control/data/index.html b/Control/data/index.html index 2585688..53242ae 100644 --- a/Control/data/index.html +++ b/Control/data/index.html @@ -12,38 +12,17 @@ box-sizing: border-box; } - .section_container { - float: left; - width: 33%; - padding: 0px; - } - .flex-container { display: flex; flex-wrap: nowrap; } - ul { - list-style-type: none; - margin: 0; - padding: 0; - } - - li { - padding: 0px; - margin-bottom: 0px; - } - :is(h1, h2, h3, h4, h5, h6, label, strong, meter) { font-family: Arial, Helvetica, sans-serif; } - .movement_control { - text-align: center; - } - - .sensor_data { - text-align: center; + h2{ + margin: 0px; } meter { @@ -59,10 +38,11 @@ position: relative; } - .button { + button { + width: 100%; display: inline-block; - padding: 15px 25px; - font-size: 24px; + padding: 7px 7px; + font-size: 12px; cursor: pointer; text-align: center; text-decoration: none; @@ -70,17 +50,17 @@ color: rgb(255, 255, 255); background-color: #161616; border: none; - border-radius: 15px; - box-shadow: 0 9px rgb(161, 161, 161); + border-radius: 5px; + box-shadow: 0 3px rgb(161, 161, 161); } - .button:hover { + button:hover { background-color: #585858 } - .button:active { + button:active { background-color: #107C10; - box-shadow: 0 5px rgb(161, 161, 161); + box-shadow: 0 3px rgb(161, 161, 161); transform: translateY(4px); } @@ -100,22 +80,47 @@ var connection = new WebSocket('ws://' + location.hostname + ':81/'); - var MVM_F_status = 0; - var MVM_L_status = 0; - var MVM_R_status = 0; - var MVM_B_status = 0; + var command_id = 0; + var mode = 0; + var reqHeading = 0; + var reqSpeed = 0; + var reqCharge = 0; + + var batteryVoltage = 0; + var totalTripDistance = 0; + var currentHeading = rdoc["cH"]; + var current_pos = [,]; + var current_x = 0; + var current_y = 0; + var signal_strength = 0; + var lastCompletedCommand_id = rdoc["LCCid"]; + var ChargeStatus = 0; - var BTRY_VOLT = 0; - var ODO_DIST = 0; connection.onmessage = function (event) { var raw_data = event.data; console.log(raw_data); var data = JSON.parse(raw_data); - BTRY_VOLT = data.BTRY_VOLT; - ODO_DIST = data.ODO_DIST; - document.getElementById("btry_meter").value = BTRY_VOLT; - document.getElementById("Odometer").innerHTML = ODO_DIST; + + batteryVoltage = data.bV; + totalTripDistance = data.tD; + currentHeading = data.cH; + current_pos = data.pos; + current_x = current_pos[0]; + current_y = current_pos[1]; + signal_strength = data.rssi; + lastCompletedCommand_id = data.LCCid; + ChargeStatus = data.cS; + + document.getElementById("SigStr").value = signal_strength; + document.getElementById("PosX").innerHTML = current_x; + document.getElementById("PosY").innerHTML = current_y; + document.getElementById("Hdg").innerHTML = currentHeading; + document.getElementById("TrpDist").innerHTML = totalTripDistance; + document.getElementById("btry_meter").value = batteryVoltage; + document.getElementById("ChgStat").innerHTML = (ChargeStatus ? "Charging" : "Discharging"); + + } function send_data() { @@ -124,6 +129,10 @@ console.log(raw_data); } + function cIdIncrement() { + command_id++; + } + function left_pressed() { MVM_L_status = 1; send_data(); @@ -191,48 +200,6 @@ left_unpressed(); } - - document.onkeydown = function (e) { - switch (e.keyCode) { - case 37: - document.getElementById("left_arrow").className = "button pressed"; - left_pressed(); - break; - case 38: - document.getElementById("up_arrow").className = "button pressed"; - up_pressed(); - break; - case 39: - document.getElementById("right_arrow").className = "button pressed"; - right_pressed(); - break; - case 40: - document.getElementById("down_arrow").className = "button pressed"; - down_pressed(); - break; - } - }; - document.onkeyup = function (e) { - switch (e.keyCode) { - case 37: - document.getElementById("left_arrow").className = "button"; - left_unpressed(); - break; - case 38: - document.getElementById("up_arrow").className = "button"; - up_unpressed(); - break; - case 39: - document.getElementById("right_arrow").className = "button"; - right_unpressed(); - break; - case 40: - document.getElementById("down_arrow").className = "button"; - down_unpressed(); - break; - } - }; - @@ -241,15 +208,54 @@

ROVER COMMAND CENTER

- +
- - - + + + +
From 44f9d8ce7b09ac660be74d32e811567f9d4231ea Mon Sep 17 00:00:00 2001 From: jc4419 <60656643+jc4419@users.noreply.github.com> Date: Sat, 12 Jun 2021 04:18:04 +0400 Subject: [PATCH 3/5] Removed redundant leftover code from previous versions. Tweaked some coloring and formatting(again). Added the 'Command Buffer' section. Added the JSON format for sending data, yet to be implemented. --- Control/data/index.html | 136 ++++++++++++++-------------------------- 1 file changed, 47 insertions(+), 89 deletions(-) diff --git a/Control/data/index.html b/Control/data/index.html index 53242ae..592791d 100644 --- a/Control/data/index.html +++ b/Control/data/index.html @@ -25,6 +25,16 @@ margin: 0px; } + #command_space { + width:100%; + height: 200px; + line-height: normal; + overflow: auto; + background-color: rgb(248, 248, 248); + color: black; + border: 1px solid black; + } + meter { width: 100%; height: 40px; @@ -48,7 +58,7 @@ text-decoration: none; outline: none; color: rgb(255, 255, 255); - background-color: #161616; + background-color: #222222; border: none; border-radius: 5px; box-shadow: 0 3px rgb(161, 161, 161); @@ -59,15 +69,9 @@ } button:active { - background-color: #107C10; + background-color: #349134; box-shadow: 0 3px rgb(161, 161, 161); - transform: translateY(4px); - } - - .pressed { - background-color: #107C10; - box-shadow: 0 5px rgb(161, 161, 161); - transform: translateY(4px); + transform: translateY(1px); } .clearfix::after { @@ -83,6 +87,7 @@ var command_id = 0; var mode = 0; var reqHeading = 0; + var reqDistance = 0; var reqSpeed = 0; var reqCharge = 0; @@ -124,81 +129,27 @@ } function send_data() { - var raw_data = '{"MVM_F":' + MVM_F_status + ',"MVM_L":' + MVM_L_status + ',"MVM_R":' + MVM_R_status + ',"MVM_B":' + MVM_B_status + '}'; + var raw_data = '{"Cid":' + command_id + ',"mode":' + mode + ',"rH":' + reqHeading + ',"rD":' + reqDistance + ',"rS":' + reqSpeed + ',"rC":' + reqCharge + '}'; connection.send(raw_data); console.log(raw_data); } + function echoCommandbuf() { + document.getElementById("command_buffer").innerHTML += '[' + command_id + '] ' + document.getElementById("commandInput").value + "
"; + cIdIncrement(); + document.getElementById("commandInput").value = ""; + console.log('test'); + } + function cIdIncrement() { command_id++; } - function left_pressed() { - MVM_L_status = 1; - send_data(); - } - function left_unpressed() { - MVM_L_status = 0; - send_data(); - } - function up_pressed() { - MVM_F_status = 1; - send_data(); - } - function up_unpressed() { - MVM_F_status = 0; - send_data(); - } - function right_pressed() { - MVM_R_status = 1; - send_data(); - } - function right_unpressed() { - MVM_R_status = 0; - send_data(); - } - function down_pressed() { - MVM_B_status = 1; - send_data(); - } - function down_unpressed() { - MVM_B_status = 0; - send_data(); - } - var timer = null; - function up_mouseDown() { - timer = setInterval(up_pressed, 100); - } - function up_mouseUp() { - clearInterval(timer); - up_unpressed(); - } - function down_mouseDown() { - timer = setInterval(down_pressed, 100); - } - function down_mouseUp() { - clearInterval(timer); - down_unpressed(); - } - function right_mouseDown() { - timer = setInterval(right_pressed, 100); - } - function right_mouseUp() { - clearInterval(timer); - right_unpressed(); - } - function left_mouseDown() { - timer = setInterval(left_pressed, 100); - } - function left_mouseUp() { - clearInterval(timer); - left_unpressed(); - } @@ -215,18 +166,20 @@
+ + -

Control Panel

Telemetry

Command Line

Control Panel

Telemetry

Command Buffer

-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Main

Rotation

Translation

+
- +
+ + + + + + + + + + + + + + + + - + - - + + +
X,Y
H°
X mm
28mmDisconnect

Command Buffer

- + - @@ -259,11 +209,11 @@
+ - + - + @@ -255,21 +208,13 @@

Main


-
- + + + + - +
+ + + + +

+ + + + + + + +

+ +
From 6c221f6d12990b9a3f2ebfbfd48a2368fae65042 Mon Sep 17 00:00:00 2001 From: jc4419 <60656643+jc4419@users.noreply.github.com> Date: Sun, 13 Jun 2021 22:42:00 +0400 Subject: [PATCH 4/5] Fully implemented the console. Console required the additon of a parser written in .jison api and output as command.js which is linked in html. Tested working sending correct JSON packets. --- Control/data/command.js | 681 ++++++++++++++++++++++++++++++++++++++ Control/data/index.html | 46 ++- Control/lib/command.jison | 87 +++++ 3 files changed, 796 insertions(+), 18 deletions(-) create mode 100644 Control/data/command.js create mode 100644 Control/lib/command.jison diff --git a/Control/data/command.js b/Control/data/command.js new file mode 100644 index 0000000..76df3fe --- /dev/null +++ b/Control/data/command.js @@ -0,0 +1,681 @@ +/* parser generated by jison 0.4.18 */ +/* + Returns a Parser object of the following structure: + + Parser: { + yy: {} + } + + Parser.prototype: { + yy: {}, + trace: function(), + symbols_: {associative list: name ==> number}, + terminals_: {associative list: number ==> name}, + productions_: [...], + performAction: function anonymous(yytext, yyleng, yylineno, yy, yystate, $$, _$), + table: [...], + defaultActions: {...}, + parseError: function(str, hash), + parse: function(input), + + lexer: { + EOF: 1, + parseError: function(str, hash), + setInput: function(input), + input: function(), + unput: function(str), + more: function(), + less: function(n), + pastInput: function(), + upcomingInput: function(), + showPosition: function(), + test_match: function(regex_match_array, rule_index), + next: function(), + lex: function(), + begin: function(condition), + popState: function(), + _currentRules: function(), + topState: function(), + pushState: function(condition), + + options: { + ranges: boolean (optional: true ==> token location info will include a .range[] member) + flex: boolean (optional: true ==> flex-like lexing behaviour where the rules are tested exhaustively to find the longest match) + backtrack_lexer: boolean (optional: true ==> lexer regexes are tested in order and for each matching regex the action code is invoked; the lexer terminates the scan when a token is returned by the action code) + }, + + performAction: function(yy, yy_, $avoiding_name_collisions, YY_START), + rules: [...], + conditions: {associative list: name ==> set}, + } + } + + + token location info (@$, _$, etc.): { + first_line: n, + last_line: n, + first_column: n, + last_column: n, + range: [start_number, end_number] (where the numbers are indexes into the input string, regular zero-based) + } + + + the parseError function receives a 'hash' object with these members for lexer and parser errors: { + text: (matched text) + token: (the produced terminal token, if any) + line: (yylineno) + } + while parser (grammar) errors will also provide these members, i.e. parser errors deliver a superset of attributes: { + loc: (yylloc) + expected: (string describing the set of expected tokens) + recoverable: (boolean: TRUE when the parser has a error recovery rule available for this particular error) + } +*/ +var command = (function(){ +var o=function(k,v,o,l){for(o=o||{},l=k.length;l--;o[k[l]]=v);return o}; +var parser = {trace: function trace () { }, +yy: {}, +symbols_: {"error":2,"command":3,"expr":4,"EOF":5,"MOVE":6,"WHITESPACE":7,"DIST":8,"HEADING":9,"PERCENTAGE":10,"STOP":11,"PSTOP":12,"CHARGETO":13,"TELERST":14,"$accept":0,"$end":1}, +terminals_: {2:"error",5:"EOF",6:"MOVE",7:"WHITESPACE",8:"DIST",9:"HEADING",10:"PERCENTAGE",11:"STOP",12:"PSTOP",13:"CHARGETO",14:"TELERST"}, +productions_: [0,[3,2],[4,7],[4,1],[4,1],[4,3],[4,1]], +performAction: function anonymous(yytext, yyleng, yylineno, yy, yystate /* action[1] */, $$ /* vstack */, _$ /* lstack */) { +/* this == yyval */ + +var $0 = $$.length - 1; +switch (yystate) { +case 2: + + var inDist = String($$[$0-4]).substr(0, ((String($$[$0-4]).length) - 2)); + var inHdg = String($$[$0-2]).substr(0, ((String($$[$0-2]).length) - 3)); + var inSpd = String($$[$0]).substr(0, ((String($$[$0]).length) - 1)); + mode = 1; + reqDistance = Number(inDist); + reqHeading = Number(inHdg); + reqSpeed = Number(inSpd); + reqCharge = 0; + send_data(); + updateCommandBuffer(); + command_id++; + +break; +case 3: + + mode = 0; + reqDistance = 0; + reqHeading = 0; + reqSpeed = 0; + reqCharge = 0; + send_data(); + command_id = 0; + updateCommandBuffer() + +break; +case 4: + + mode = 1; + reqDistance = 0; + reqHeading = 0; + reqSpeed = 0; + reqCharge = 0; + send_data(); + updateCommandBuffer(); + command_id++; + +break; +case 5: + + mode = 1; + reqDistance = 0; + reqHeading = 0; + reqSpeed = 0; + + var inChrg = String($$[$0]).substr(0, ((String($$[$0]).length) - 1)); + reqCharge = Number(inChrg); + + send_data(); + updateCommandBuffer(); + command_id++; + +break; +case 6: +mode = 1; + reqDistance = 0; + reqHeading = 0; + reqSpeed = 0; + reqCharge = 0; + send_data(); + updateCommandBuffer(); + command_id++; +break; +} +}, +table: [{3:1,4:2,6:[1,3],11:[1,4],12:[1,5],13:[1,6],14:[1,7]},{1:[3]},{5:[1,8]},{7:[1,9]},{5:[2,3]},{5:[2,4]},{7:[1,10]},{5:[2,6]},{1:[2,1]},{8:[1,11]},{10:[1,12]},{7:[1,13]},{5:[2,5]},{9:[1,14]},{7:[1,15]},{10:[1,16]},{5:[2,2]}], +defaultActions: {4:[2,3],5:[2,4],7:[2,6],8:[2,1],12:[2,5],16:[2,2]}, +parseError: function parseError (str, hash) { + if (hash.recoverable) { + this.trace(str); + } else { + var error = new Error(str); + error.hash = hash; + throw error; + } +}, +parse: function parse(input) { + var self = this, stack = [0], tstack = [], vstack = [null], lstack = [], table = this.table, yytext = '', yylineno = 0, yyleng = 0, recovering = 0, TERROR = 2, EOF = 1; + var args = lstack.slice.call(arguments, 1); + var lexer = Object.create(this.lexer); + var sharedState = { yy: {} }; + for (var k in this.yy) { + if (Object.prototype.hasOwnProperty.call(this.yy, k)) { + sharedState.yy[k] = this.yy[k]; + } + } + lexer.setInput(input, sharedState.yy); + sharedState.yy.lexer = lexer; + sharedState.yy.parser = this; + if (typeof lexer.yylloc == 'undefined') { + lexer.yylloc = {}; + } + var yyloc = lexer.yylloc; + lstack.push(yyloc); + var ranges = lexer.options && lexer.options.ranges; + if (typeof sharedState.yy.parseError === 'function') { + this.parseError = sharedState.yy.parseError; + } else { + this.parseError = Object.getPrototypeOf(this).parseError; + } + function popStack(n) { + stack.length = stack.length - 2 * n; + vstack.length = vstack.length - n; + lstack.length = lstack.length - n; + } + _token_stack: + var lex = function () { + var token; + token = lexer.lex() || EOF; + if (typeof token !== 'number') { + token = self.symbols_[token] || token; + } + return token; + }; + var symbol, preErrorSymbol, state, action, a, r, yyval = {}, p, len, newState, expected; + while (true) { + state = stack[stack.length - 1]; + if (this.defaultActions[state]) { + action = this.defaultActions[state]; + } else { + if (symbol === null || typeof symbol == 'undefined') { + symbol = lex(); + } + action = table[state] && table[state][symbol]; + } + if (typeof action === 'undefined' || !action.length || !action[0]) { + var errStr = ''; + expected = []; + for (p in table[state]) { + if (this.terminals_[p] && p > TERROR) { + expected.push('\'' + this.terminals_[p] + '\''); + } + } + if (lexer.showPosition) { + errStr = 'Parse error on line ' + (yylineno + 1) + ':\n' + lexer.showPosition() + '\nExpecting ' + expected.join(', ') + ', got \'' + (this.terminals_[symbol] || symbol) + '\''; + } else { + errStr = 'Parse error on line ' + (yylineno + 1) + ': Unexpected ' + (symbol == EOF ? 'end of input' : '\'' + (this.terminals_[symbol] || symbol) + '\''); + } + this.parseError(errStr, { + text: lexer.match, + token: this.terminals_[symbol] || symbol, + line: lexer.yylineno, + loc: yyloc, + expected: expected + }); + } + if (action[0] instanceof Array && action.length > 1) { + throw new Error('Parse Error: multiple actions possible at state: ' + state + ', token: ' + symbol); + } + switch (action[0]) { + case 1: + stack.push(symbol); + vstack.push(lexer.yytext); + lstack.push(lexer.yylloc); + stack.push(action[1]); + symbol = null; + if (!preErrorSymbol) { + yyleng = lexer.yyleng; + yytext = lexer.yytext; + yylineno = lexer.yylineno; + yyloc = lexer.yylloc; + if (recovering > 0) { + recovering--; + } + } else { + symbol = preErrorSymbol; + preErrorSymbol = null; + } + break; + case 2: + len = this.productions_[action[1]][1]; + yyval.$ = vstack[vstack.length - len]; + yyval._$ = { + first_line: lstack[lstack.length - (len || 1)].first_line, + last_line: lstack[lstack.length - 1].last_line, + first_column: lstack[lstack.length - (len || 1)].first_column, + last_column: lstack[lstack.length - 1].last_column + }; + if (ranges) { + yyval._$.range = [ + lstack[lstack.length - (len || 1)].range[0], + lstack[lstack.length - 1].range[1] + ]; + } + r = this.performAction.apply(yyval, [ + yytext, + yyleng, + yylineno, + sharedState.yy, + action[1], + vstack, + lstack + ].concat(args)); + if (typeof r !== 'undefined') { + return r; + } + if (len) { + stack = stack.slice(0, -1 * len * 2); + vstack = vstack.slice(0, -1 * len); + lstack = lstack.slice(0, -1 * len); + } + stack.push(this.productions_[action[1]][0]); + vstack.push(yyval.$); + lstack.push(yyval._$); + newState = table[stack[stack.length - 2]][stack[stack.length - 1]]; + stack.push(newState); + break; + case 3: + return true; + } + } + return true; +}}; +/* generated by jison-lex 0.3.4 */ +var lexer = (function(){ +var lexer = ({ + +EOF:1, + +parseError:function parseError(str, hash) { + if (this.yy.parser) { + this.yy.parser.parseError(str, hash); + } else { + throw new Error(str); + } + }, + +// resets the lexer, sets new input +setInput:function (input, yy) { + this.yy = yy || this.yy || {}; + this._input = input; + this._more = this._backtrack = this.done = false; + this.yylineno = this.yyleng = 0; + this.yytext = this.matched = this.match = ''; + this.conditionStack = ['INITIAL']; + this.yylloc = { + first_line: 1, + first_column: 0, + last_line: 1, + last_column: 0 + }; + if (this.options.ranges) { + this.yylloc.range = [0,0]; + } + this.offset = 0; + return this; + }, + +// consumes and returns one char from the input +input:function () { + var ch = this._input[0]; + this.yytext += ch; + this.yyleng++; + this.offset++; + this.match += ch; + this.matched += ch; + var lines = ch.match(/(?:\r\n?|\n).*/g); + if (lines) { + this.yylineno++; + this.yylloc.last_line++; + } else { + this.yylloc.last_column++; + } + if (this.options.ranges) { + this.yylloc.range[1]++; + } + + this._input = this._input.slice(1); + return ch; + }, + +// unshifts one char (or a string) into the input +unput:function (ch) { + var len = ch.length; + var lines = ch.split(/(?:\r\n?|\n)/g); + + this._input = ch + this._input; + this.yytext = this.yytext.substr(0, this.yytext.length - len); + //this.yyleng -= len; + this.offset -= len; + var oldLines = this.match.split(/(?:\r\n?|\n)/g); + this.match = this.match.substr(0, this.match.length - 1); + this.matched = this.matched.substr(0, this.matched.length - 1); + + if (lines.length - 1) { + this.yylineno -= lines.length - 1; + } + var r = this.yylloc.range; + + this.yylloc = { + first_line: this.yylloc.first_line, + last_line: this.yylineno + 1, + first_column: this.yylloc.first_column, + last_column: lines ? + (lines.length === oldLines.length ? this.yylloc.first_column : 0) + + oldLines[oldLines.length - lines.length].length - lines[0].length : + this.yylloc.first_column - len + }; + + if (this.options.ranges) { + this.yylloc.range = [r[0], r[0] + this.yyleng - len]; + } + this.yyleng = this.yytext.length; + return this; + }, + +// When called from action, caches matched text and appends it on next action +more:function () { + this._more = true; + return this; + }, + +// When called from action, signals the lexer that this rule fails to match the input, so the next matching rule (regex) should be tested instead. +reject:function () { + if (this.options.backtrack_lexer) { + this._backtrack = true; + } else { + return this.parseError('Lexical error on line ' + (this.yylineno + 1) + '. You can only invoke reject() in the lexer when the lexer is of the backtracking persuasion (options.backtrack_lexer = true).\n' + this.showPosition(), { + text: "", + token: null, + line: this.yylineno + }); + + } + return this; + }, + +// retain first n characters of the match +less:function (n) { + this.unput(this.match.slice(n)); + }, + +// displays already matched input, i.e. for error messages +pastInput:function () { + var past = this.matched.substr(0, this.matched.length - this.match.length); + return (past.length > 20 ? '...':'') + past.substr(-20).replace(/\n/g, ""); + }, + +// displays upcoming input, i.e. for error messages +upcomingInput:function () { + var next = this.match; + if (next.length < 20) { + next += this._input.substr(0, 20-next.length); + } + return (next.substr(0,20) + (next.length > 20 ? '...' : '')).replace(/\n/g, ""); + }, + +// displays the character position where the lexing error occurred, i.e. for error messages +showPosition:function () { + var pre = this.pastInput(); + var c = new Array(pre.length + 1).join("-"); + return pre + this.upcomingInput() + "\n" + c + "^"; + }, + +// test the lexed token: return FALSE when not a match, otherwise return token +test_match:function(match, indexed_rule) { + var token, + lines, + backup; + + if (this.options.backtrack_lexer) { + // save context + backup = { + yylineno: this.yylineno, + yylloc: { + first_line: this.yylloc.first_line, + last_line: this.last_line, + first_column: this.yylloc.first_column, + last_column: this.yylloc.last_column + }, + yytext: this.yytext, + match: this.match, + matches: this.matches, + matched: this.matched, + yyleng: this.yyleng, + offset: this.offset, + _more: this._more, + _input: this._input, + yy: this.yy, + conditionStack: this.conditionStack.slice(0), + done: this.done + }; + if (this.options.ranges) { + backup.yylloc.range = this.yylloc.range.slice(0); + } + } + + lines = match[0].match(/(?:\r\n?|\n).*/g); + if (lines) { + this.yylineno += lines.length; + } + this.yylloc = { + first_line: this.yylloc.last_line, + last_line: this.yylineno + 1, + first_column: this.yylloc.last_column, + last_column: lines ? + lines[lines.length - 1].length - lines[lines.length - 1].match(/\r?\n?/)[0].length : + this.yylloc.last_column + match[0].length + }; + this.yytext += match[0]; + this.match += match[0]; + this.matches = match; + this.yyleng = this.yytext.length; + if (this.options.ranges) { + this.yylloc.range = [this.offset, this.offset += this.yyleng]; + } + this._more = false; + this._backtrack = false; + this._input = this._input.slice(match[0].length); + this.matched += match[0]; + token = this.performAction.call(this, this.yy, this, indexed_rule, this.conditionStack[this.conditionStack.length - 1]); + if (this.done && this._input) { + this.done = false; + } + if (token) { + return token; + } else if (this._backtrack) { + // recover context + for (var k in backup) { + this[k] = backup[k]; + } + return false; // rule action called reject() implying the next rule should be tested instead. + } + return false; + }, + +// return next match in input +next:function () { + if (this.done) { + return this.EOF; + } + if (!this._input) { + this.done = true; + } + + var token, + match, + tempMatch, + index; + if (!this._more) { + this.yytext = ''; + this.match = ''; + } + var rules = this._currentRules(); + for (var i = 0; i < rules.length; i++) { + tempMatch = this._input.match(this.rules[rules[i]]); + if (tempMatch && (!match || tempMatch[0].length > match[0].length)) { + match = tempMatch; + index = i; + if (this.options.backtrack_lexer) { + token = this.test_match(tempMatch, rules[i]); + if (token !== false) { + return token; + } else if (this._backtrack) { + match = false; + continue; // rule action called reject() implying a rule MISmatch. + } else { + // else: this is a lexer rule which consumes input without producing a token (e.g. whitespace) + return false; + } + } else if (!this.options.flex) { + break; + } + } + } + if (match) { + token = this.test_match(match, rules[index]); + if (token !== false) { + return token; + } + // else: this is a lexer rule which consumes input without producing a token (e.g. whitespace) + return false; + } + if (this._input === "") { + return this.EOF; + } else { + return this.parseError('Lexical error on line ' + (this.yylineno + 1) + '. Unrecognized text.\n' + this.showPosition(), { + text: "", + token: null, + line: this.yylineno + }); + } + }, + +// return next match that has a token +lex:function lex () { + var r = this.next(); + if (r) { + return r; + } else { + return this.lex(); + } + }, + +// activates a new lexer condition state (pushes the new lexer condition state onto the condition stack) +begin:function begin (condition) { + this.conditionStack.push(condition); + }, + +// pop the previously active lexer condition state off the condition stack +popState:function popState () { + var n = this.conditionStack.length - 1; + if (n > 0) { + return this.conditionStack.pop(); + } else { + return this.conditionStack[0]; + } + }, + +// produce the lexer rule set which is active for the currently active lexer condition state +_currentRules:function _currentRules () { + if (this.conditionStack.length && this.conditionStack[this.conditionStack.length - 1]) { + return this.conditions[this.conditionStack[this.conditionStack.length - 1]].rules; + } else { + return this.conditions["INITIAL"].rules; + } + }, + +// return the currently active lexer condition state; when an index argument is provided it produces the N-th previous condition state, if available +topState:function topState (n) { + n = this.conditionStack.length - 1 - Math.abs(n || 0); + if (n >= 0) { + return this.conditionStack[n]; + } else { + return "INITIAL"; + } + }, + +// alias for begin(condition) +pushState:function pushState (condition) { + this.begin(condition); + }, + +// return the number of states currently on the stack +stateStackSize:function stateStackSize() { + return this.conditionStack.length; + }, +options: {}, +performAction: function anonymous(yy,yy_,$avoiding_name_collisions,YY_START) { +var YYSTATE=YY_START; +switch($avoiding_name_collisions) { +case 0:return 7 +break; +case 1:return 8 +break; +case 2:return 9 +break; +case 3:return 10 +break; +case 4:return 6 +break; +case 5:return 12 +break; +case 6:return 11 +break; +case 7:return 13 +break; +case 8:return 14 +break; +case 9:return 5 +break; +case 10:return 'INVALID' +break; +} +}, +rules: [/^(?:\s)/,/^(?:\b[0-9]+mm\b)/,/^(?:\b([0-9]|[1-8][0-9]|9[0-9]|[12][0-9]{2}|3[0-4][0-9]|35[0-9])deg\b)/,/^(?:\b([0-9]|[1-8][0-9]|9[0-9]|100)%)/,/^(?:\bmove\b)/,/^(?:\bpstop\b)/,/^(?:\bstop\b)/,/^(?:\bcharge\sto\b)/,/^(?:\btelemetry\sreset\b)/,/^(?:$)/,/^(?:.)/], +conditions: {"INITIAL":{"rules":[0,1,2,3,4,5,6,7,8,9,10],"inclusive":true}} +}); +return lexer; +})(); +parser.lexer = lexer; +function Parser () { + this.yy = {}; +} +Parser.prototype = parser;parser.Parser = Parser; +return new Parser; +})(); + + +if (typeof require !== 'undefined' && typeof exports !== 'undefined') { +exports.parser = command; +exports.Parser = command.Parser; +exports.parse = function () { return command.parse.apply(command, arguments); }; +exports.main = function commonjsMain (args) { + if (!args[1]) { + console.log('Usage: '+args[0]+' FILE'); + process.exit(1); + } + var source = require('fs').readFileSync(require('path').normalize(args[1]), "utf8"); + return exports.parser.parse(source); +}; +if (typeof module !== 'undefined' && require.main === module) { + exports.main(process.argv.slice(1)); +} +} \ No newline at end of file diff --git a/Control/data/index.html b/Control/data/index.html index 592791d..998e6f2 100644 --- a/Control/data/index.html +++ b/Control/data/index.html @@ -80,25 +80,28 @@ display: table; } + @@ -253,7 +263,7 @@

diff --git a/Control/lib/command.jison b/Control/lib/command.jison new file mode 100644 index 0000000..1278857 --- /dev/null +++ b/Control/lib/command.jison @@ -0,0 +1,87 @@ +%lex +%% + +\s return 'WHITESPACE' +\b[0-9]+"mm"\b return 'DIST' +\b([0-9]|[1-8][0-9]|9[0-9]|[12][0-9]{2}|3[0-4][0-9]|35[0-9])"deg"\b return 'HEADING' +\b([0-9]|[1-8][0-9]|9[0-9]|100)"%" return 'PERCENTAGE' +\bmove\b return 'MOVE' +\bpstop\b return 'PSTOP' +\bstop\b return 'STOP' +\bcharge\sto\b return 'CHARGETO' +\btelemetry\sreset\b return 'TELERST' +<> return 'EOF' +. return 'INVALID' + +/lex + +%start command + +%% + +command + : expr EOF + ; + +expr + : MOVE WHITESPACE DIST WHITESPACE HEADING WHITESPACE PERCENTAGE + { + var inDist = String($3).substr(0, ((String($3).length) - 2)); + var inHdg = String($5).substr(0, ((String($5).length) - 3)); + var inSpd = String($7).substr(0, ((String($7).length) - 1)); + mode = 1; + reqDistance = Number(inDist); + reqHeading = Number(inHdg); + reqSpeed = Number(inSpd); + reqCharge = 0; + send_data(); + updateCommandBuffer(); + command_id++; + } + | STOP + { + mode = 0; + reqDistance = 0; + reqHeading = 0; + reqSpeed = 0; + reqCharge = 0; + send_data(); + command_id = 0; + updateCommandBuffer() + } + | PSTOP + { + mode = 1; + reqDistance = 0; + reqHeading = 0; + reqSpeed = 0; + reqCharge = 0; + send_data(); + updateCommandBuffer(); + command_id++; + } + | CHARGETO WHITESPACE PERCENTAGE + { + mode = 1; + reqDistance = 0; + reqHeading = 0; + reqSpeed = 0; + + var inChrg = String($3).substr(0, ((String($3).length) - 1)); + reqCharge = Number(inChrg); + + send_data(); + updateCommandBuffer(); + command_id++; + } + | TELERST + {mode = 1; + reqDistance = 0; + reqHeading = 0; + reqSpeed = 0; + reqCharge = 0; + send_data(); + updateCommandBuffer(); + command_id++;} + ; + From 46519cfe19f36cddcca510a43e7daec42f11b735 Mon Sep 17 00:00:00 2001 From: jc4419 <60656643+jc4419@users.noreply.github.com> Date: Mon, 14 Jun 2021 20:37:05 +0400 Subject: [PATCH 5/5] Alpha stage commit. Console done. Console Changes: changed the name of the tokens so that more helpful error messages. Added help text. Moved command.jison to src. Other Changes: Added more telemetry data about battery and rover status. Finished gui commands, replaced to sliders from buttons and linked them to command console. --- Control/data/command.js | 95 ++++----- Control/data/index.html | 393 +++++++++++++++++++++++++++----------- Control/lib/command.jison | 87 --------- Control/src/command.jison | 59 ++++++ 4 files changed, 372 insertions(+), 262 deletions(-) delete mode 100644 Control/lib/command.jison create mode 100644 Control/src/command.jison diff --git a/Control/data/command.js b/Control/data/command.js index 76df3fe..091ecc2 100644 --- a/Control/data/command.js +++ b/Control/data/command.js @@ -75,9 +75,9 @@ var command = (function(){ var o=function(k,v,o,l){for(o=o||{},l=k.length;l--;o[k[l]]=v);return o}; var parser = {trace: function trace () { }, yy: {}, -symbols_: {"error":2,"command":3,"expr":4,"EOF":5,"MOVE":6,"WHITESPACE":7,"DIST":8,"HEADING":9,"PERCENTAGE":10,"STOP":11,"PSTOP":12,"CHARGETO":13,"TELERST":14,"$accept":0,"$end":1}, -terminals_: {2:"error",5:"EOF",6:"MOVE",7:"WHITESPACE",8:"DIST",9:"HEADING",10:"PERCENTAGE",11:"STOP",12:"PSTOP",13:"CHARGETO",14:"TELERST"}, -productions_: [0,[3,2],[4,7],[4,1],[4,1],[4,3],[4,1]], +symbols_: {"error":2,"command":3,"expr":4,"EOF":5,"move":6,"whitespace":7,"distance":8,"heading_angle":9,"percentage":10,"stop":11,"pstop":12,"stop_duration":13,"charge_to":14,"telemetry_reset":15,"help":16,"$accept":0,"$end":1}, +terminals_: {2:"error",5:"EOF",6:"move",7:"whitespace",8:"distance",9:"heading_angle",10:"percentage",11:"stop",12:"pstop",13:"stop_duration",14:"charge_to",15:"telemetry_reset",16:"help"}, +productions_: [0,[3,2],[4,7],[4,1],[4,3],[4,3],[4,1],[4,1]], performAction: function anonymous(yytext, yyleng, yylineno, yy, yystate /* action[1] */, $$ /* vstack */, _$ /* lstack */) { /* this == yyval */ @@ -85,72 +85,43 @@ var $0 = $$.length - 1; switch (yystate) { case 2: - var inDist = String($$[$0-4]).substr(0, ((String($$[$0-4]).length) - 2)); - var inHdg = String($$[$0-2]).substr(0, ((String($$[$0-2]).length) - 3)); - var inSpd = String($$[$0]).substr(0, ((String($$[$0]).length) - 1)); - mode = 1; - reqDistance = Number(inDist); - reqHeading = Number(inHdg); - reqSpeed = Number(inSpd); - reqCharge = 0; - send_data(); - updateCommandBuffer(); - command_id++; + var inDist = Number(String($$[$0-4]).substr(0, ((String($$[$0-4]).length) - 2))); + var inHdg = Number(String($$[$0-2]).substr(0, ((String($$[$0-2]).length) - 3))); + var inSpd = Number(String($$[$0]).substr(0, ((String($$[$0]).length) - 1))); + moveCmd(inDist,inHdg,inSpd); break; case 3: - mode = 0; - reqDistance = 0; - reqHeading = 0; - reqSpeed = 0; - reqCharge = 0; - send_data(); - command_id = 0; - updateCommandBuffer() + stpCmd(); break; case 4: - mode = 1; - reqDistance = 0; - reqHeading = 0; - reqSpeed = 0; - reqCharge = 0; - send_data(); - updateCommandBuffer(); - command_id++; + var inStpDur = Number(String($$[$0]).substr(0, ((String($$[$0]).length) - 1))); + pstpCmd(inStpDur); break; case 5: - mode = 1; - reqDistance = 0; - reqHeading = 0; - reqSpeed = 0; - - var inChrg = String($$[$0]).substr(0, ((String($$[$0]).length) - 1)); - reqCharge = Number(inChrg); - - send_data(); - updateCommandBuffer(); - command_id++; + var inChrg = Number(String($$[$0]).substr(0, ((String($$[$0]).length) - 1))); + chrgCmd(inChrg); break; case 6: -mode = 1; - reqDistance = 0; - reqHeading = 0; - reqSpeed = 0; - reqCharge = 0; - send_data(); - updateCommandBuffer(); - command_id++; + + telRst(); + +break; +case 7: + + printHelpDetails(); + break; } }, -table: [{3:1,4:2,6:[1,3],11:[1,4],12:[1,5],13:[1,6],14:[1,7]},{1:[3]},{5:[1,8]},{7:[1,9]},{5:[2,3]},{5:[2,4]},{7:[1,10]},{5:[2,6]},{1:[2,1]},{8:[1,11]},{10:[1,12]},{7:[1,13]},{5:[2,5]},{9:[1,14]},{7:[1,15]},{10:[1,16]},{5:[2,2]}], -defaultActions: {4:[2,3],5:[2,4],7:[2,6],8:[2,1],12:[2,5],16:[2,2]}, +table: [{3:1,4:2,6:[1,3],11:[1,4],12:[1,5],14:[1,6],15:[1,7],16:[1,8]},{1:[3]},{5:[1,9]},{7:[1,10]},{5:[2,3]},{7:[1,11]},{7:[1,12]},{5:[2,6]},{5:[2,7]},{1:[2,1]},{8:[1,13]},{13:[1,14]},{10:[1,15]},{7:[1,16]},{5:[2,4]},{5:[2,5]},{9:[1,17]},{7:[1,18]},{10:[1,19]},{5:[2,2]}], +defaultActions: {4:[2,3],7:[2,6],8:[2,7],9:[2,1],14:[2,4],15:[2,5],19:[2,2]}, parseError: function parseError (str, hash) { if (hash.recoverable) { this.trace(str); @@ -633,24 +604,28 @@ case 2:return 9 break; case 3:return 10 break; -case 4:return 6 +case 4:return 13 break; -case 5:return 12 +case 5:return 6 break; -case 6:return 11 +case 6:return 12 break; -case 7:return 13 +case 7:return 11 break; -case 8:return 14 +case 8:return 16 break; -case 9:return 5 +case 9:return 14 break; -case 10:return 'INVALID' +case 10:return 15 +break; +case 11:return 5 +break; +case 12:return 'invalid_command' break; } }, -rules: [/^(?:\s)/,/^(?:\b[0-9]+mm\b)/,/^(?:\b([0-9]|[1-8][0-9]|9[0-9]|[12][0-9]{2}|3[0-4][0-9]|35[0-9])deg\b)/,/^(?:\b([0-9]|[1-8][0-9]|9[0-9]|100)%)/,/^(?:\bmove\b)/,/^(?:\bpstop\b)/,/^(?:\bstop\b)/,/^(?:\bcharge\sto\b)/,/^(?:\btelemetry\sreset\b)/,/^(?:$)/,/^(?:.)/], -conditions: {"INITIAL":{"rules":[0,1,2,3,4,5,6,7,8,9,10],"inclusive":true}} +rules: [/^(?:\s)/,/^(?:\b[0-9]+mm\b)/,/^(?:\b([0-9]|[1-8][0-9]|9[0-9]|[12][0-9]{2}|3[0-4][0-9]|35[0-9])deg\b)/,/^(?:\b([0-9]|[1-8][0-9]|9[0-9]|100)%)/,/^(?:\b[0-9]+s\b)/,/^(?:\bmove\b)/,/^(?:\bpstop\b)/,/^(?:\bstop\b)/,/^(?:\bhelp\b)/,/^(?:\bcharge\sto\b)/,/^(?:\btelemetry\sreset\b)/,/^(?:$)/,/^(?:.)/], +conditions: {"INITIAL":{"rules":[0,1,2,3,4,5,6,7,8,9,10,11,12],"inclusive":true}} }); return lexer; })(); diff --git a/Control/data/index.html b/Control/data/index.html index 998e6f2..f83a83c 100644 --- a/Control/data/index.html +++ b/Control/data/index.html @@ -25,6 +25,30 @@ margin: 0px; } + .slider { + -webkit-appearance: none; + width: 100%; + height: 25px; + background: #d3d3d3; + outline: none; + opacity: 0.7; + -webkit-transition: .2s; + transition: opacity .2s; + } + + .slider:hover { + opacity: 1; + } + + .slider::-webkit-slider-thumb { + -webkit-appearance: none; + appearance: none; + width: 25px; + height: 25px; + background: #000000; + cursor: pointer; + } + #command_space { width:100%; height: 200px; @@ -62,6 +86,8 @@ border: none; border-radius: 5px; box-shadow: 0 3px rgb(161, 161, 161); + -webkit-transition: .2s; + transition: background-color .2s; } button:hover { @@ -69,7 +95,6 @@ } button:active { - background-color: #349134; box-shadow: 0 3px rgb(161, 161, 161); transform: translateY(1px); } @@ -80,100 +105,18 @@ display: table; } - - -

ROVER COMMAND CENTER

- +
- +
@@ -193,28 +136,25 @@ - - - - - - - - - - - - - - + - - - - - - + + + + + + + + + + + + + + + +

Control Panel

Telemetry

Command Buffer

Command Console


Rotation

Translation Set Heading to: 270°
Set Translation to: 180mm
Set Speed to: 50%

@@ -224,12 +164,18 @@
- + + + + + + @@ -242,16 +188,20 @@ + - + - - - + + + + + + +


X +


X,Y X mm

XV
DisconnectX%
X

- - + + - +


@@ -272,7 +222,220 @@
- + + + \ No newline at end of file diff --git a/Control/lib/command.jison b/Control/lib/command.jison deleted file mode 100644 index 1278857..0000000 --- a/Control/lib/command.jison +++ /dev/null @@ -1,87 +0,0 @@ -%lex -%% - -\s return 'WHITESPACE' -\b[0-9]+"mm"\b return 'DIST' -\b([0-9]|[1-8][0-9]|9[0-9]|[12][0-9]{2}|3[0-4][0-9]|35[0-9])"deg"\b return 'HEADING' -\b([0-9]|[1-8][0-9]|9[0-9]|100)"%" return 'PERCENTAGE' -\bmove\b return 'MOVE' -\bpstop\b return 'PSTOP' -\bstop\b return 'STOP' -\bcharge\sto\b return 'CHARGETO' -\btelemetry\sreset\b return 'TELERST' -<> return 'EOF' -. return 'INVALID' - -/lex - -%start command - -%% - -command - : expr EOF - ; - -expr - : MOVE WHITESPACE DIST WHITESPACE HEADING WHITESPACE PERCENTAGE - { - var inDist = String($3).substr(0, ((String($3).length) - 2)); - var inHdg = String($5).substr(0, ((String($5).length) - 3)); - var inSpd = String($7).substr(0, ((String($7).length) - 1)); - mode = 1; - reqDistance = Number(inDist); - reqHeading = Number(inHdg); - reqSpeed = Number(inSpd); - reqCharge = 0; - send_data(); - updateCommandBuffer(); - command_id++; - } - | STOP - { - mode = 0; - reqDistance = 0; - reqHeading = 0; - reqSpeed = 0; - reqCharge = 0; - send_data(); - command_id = 0; - updateCommandBuffer() - } - | PSTOP - { - mode = 1; - reqDistance = 0; - reqHeading = 0; - reqSpeed = 0; - reqCharge = 0; - send_data(); - updateCommandBuffer(); - command_id++; - } - | CHARGETO WHITESPACE PERCENTAGE - { - mode = 1; - reqDistance = 0; - reqHeading = 0; - reqSpeed = 0; - - var inChrg = String($3).substr(0, ((String($3).length) - 1)); - reqCharge = Number(inChrg); - - send_data(); - updateCommandBuffer(); - command_id++; - } - | TELERST - {mode = 1; - reqDistance = 0; - reqHeading = 0; - reqSpeed = 0; - reqCharge = 0; - send_data(); - updateCommandBuffer(); - command_id++;} - ; - diff --git a/Control/src/command.jison b/Control/src/command.jison new file mode 100644 index 0000000..f36dfd9 --- /dev/null +++ b/Control/src/command.jison @@ -0,0 +1,59 @@ +%lex +%% + +\s return 'whitespace' +\b[0-9]+"mm"\b return 'distance' +\b([0-9]|[1-8][0-9]|9[0-9]|[12][0-9]{2}|3[0-4][0-9]|35[0-9])"deg"\b return 'heading_angle' +\b([0-9]|[1-8][0-9]|9[0-9]|100)"%" return 'percentage' +\b[0-9]+"s"\b return 'stop_duration' +\bmove\b return 'move' +\bpstop\b return 'pstop' +\bstop\b return 'stop' +\bhelp\b return 'help' +\bcharge\sto\b return 'charge_to' +\btelemetry\sreset\b return 'telemetry_reset' +<> return 'EOF' +. return 'invalid_command' + +/lex + +%start command + +%% + +command + : expr EOF + ; + +expr + : move whitespace distance whitespace heading_angle whitespace percentage + { + var inDist = Number(String($3).substr(0, ((String($3).length) - 2))); + var inHdg = Number(String($5).substr(0, ((String($5).length) - 3))); + var inSpd = Number(String($7).substr(0, ((String($7).length) - 1))); + moveCmd(inDist,inHdg,inSpd); + } + | stop + { + stpCmd(); + } + | pstop whitespace stop_duration + { + var inStpDur = Number(String($3).substr(0, ((String($3).length) - 1))); + pstpCmd(inStpDur); + } + | charge_to whitespace percentage + { + var inChrg = Number(String($3).substr(0, ((String($3).length) - 1))); + chrgCmd(inChrg); + } + | telemetry_reset + { + telRst(); + } + | help + { + printHelpDetails(); + } + ; +