/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ // UI handler functions (global scope mandatory if set inline html tags) /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ // accuracy of float format output in parse log (1 for integer, 0.1 for one digit after point, and so on... 0 for max/full accuracy) // (not used for gauges parsing, wich require only integer for degrees and minutes, and an accuracy step of 3 for seconds) var accuracy = 0.00001; // regular expression required for update and parse dms angle format (copy in ''pattern' html attribute for css validation imported at start of 'parse' and 'update' functions: could be commented/deleted if not removed from html) /* var ag_dms_re = /(?:^\s*(\d+(?:[.]\d+)?)\s*°?\s*$)|(?:^\s*(?:(\d+)\s*°)?\s*(?:(?:([0-5]?\d(?:[.]\d+)?)\s*'?)$))|(?:^\s*(?:(\d+)\s*°)?\s*(?:([0-5]?\d)\s*')?\s*(?:([0-5]?\d(?:[.]\d+)?)\s*(?:"|'')?)?\s*$)/; */ // log function (required only for 'parse' function, if log calls not commented) function log(a) { if (!document.getElementById('auto-log').checked) return; var e = document.getElementById('angle-out'); if (!e) { e = document.createElement('table'); e.innerHTML = 'degrees' +'minutes' +'seconds'; document.body.append(e); e = e.lastChild; } var n = document.createElement('tr'); n.innerHTML = ''+(a.d||'-')+''+(a.m||'-')+''+(a.s||'-')+''; e.insertBefore(n,e.firstChild); // or for a top-bottom add of row, instead of bottom-top: //e.appendChild(n); } // required by parse() function: // used for both interface (directly and through update() function) and main gauges order computation function convert(d) { // convert from decimal to deg-min-sec var n = parseFloat(d); d = Math.floor(n); n = 60*(n-d); var m = Math.floor(n); var s = 60*(n-m); if (accuracy) { var ac = accuracy.toString().length-2; s = accuracy*Math.round(s/accuracy); if (ac<0) ac = 0; s = s.toFixed(ac); s = s.replace(/(0+$)|(\.0+$)/,''); if (s=='60') { if (++m==60) { d++; m = 0; } s = 0; } } return { d: d, m: m, s: s }; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ // event handlers /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ function parse(self) { var v = self.value; ag_dms_re = new RegExp(document.querySelector('input').getAttribute('pattern')); var r = ag_dms_re.exec(v); var f = false; var i = (r) ? r.length : 1; while (--i) { f = f || r[i]; if (f) break; } if (!f) return; else self.className = 'valid'; var a = {d:r[1]||r[2]||r[4]||'0',m:r[3]||r[5]||'0',s:r[6]||'0'}; // log parsed angle log(a); // convert from decimal to deg-min-sec if needed if (a.d.indexOf('.')!=-1) { a = convert(a.d); // log converted angle log(a); } else { a.d = parseInt(a.d); // convert decimal minutes to min-sec if needed if (a.m.indexOf('.')!=-1) { a.m = parseFloat(a.m); a.s = a.m-Math.floor(a.m)*60; if (accuracy) { var ac = accuracy.toString().length-2; s = accuracy*Math.round(s/accuracy); if (ac<0) ac = 0; s = s.toFixed(ac); s = s.replace(/(0+$)|(\.0+$)/,''); if (s=='60') { if (++m==60) { d++; m = 0; } s = 0; } } log(a); } else a.m = parseInt(a.m); } a.s = parseFloat(a.s); return a; } function update(self,force) { ag_dms_re = new RegExp(document.querySelector('input').getAttribute('pattern')); var r = ag_dms_re.exec(self.value); var f = false; var i = (r) ? r.length : 0; if (r) while (--i) { f = f || r[i]; if (f) break; } self.className = (f) ? 'valid' : ''; if (f&&(force||document.getElementById('auto-update').checked)) ag.parse(self); } function check(self) { var id = self.id.split('-').pop(); if (id=='log') { if (document.getElementById('btn-update').disabled) document.getElementById('btn-log').disabled = self.checked; else document.getElementById('btn-log').disabled = false; } else { document.getElementById('btn-update').disabled = self.checked; document.getElementById('auto-log').disabled = !self.checked; if (self.checked) { document.getElementById('btn-log').disabled = document.getElementById('auto-log').checked; update(document.getElementById('inp')); } } } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ // main handler: angle gauges standalone object slightly adapted for ui /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ var ag = { d: [1,3,9,27,41], m: [1,3,9,27], s: [3,9,18,30], max: { d:81, m:40, s:60 }, acc: 3, pre: { // ugly fix for algorithm failing case '15':[27,-9,-3], '16':[27,-9,-3,+1], '17':[27,-9,-1], '56':[41,27,-9,-3], '57':[41,27,-9,-3,+1], '58':[41,27,-9,-1] }, Obj: (function() { var AngleGauges = function() {}; AngleGauges.prototype = { toString: function() { return 'degrees: '+this.d.reduce(ag.f.reduce_str,'')+ ',minutes: '+this.m.reduce(ag.f.reduce_str,'')+ ',secondes: '+this.s.reduce(ag.f.reduce_str,''); }, get html() { return '

Gauges:: degrees: '+ this.d.reduce(ag.f.reduce_str,'')+ '; minutes: '+ this.m.reduce(ag.f.reduce_str,'')+ '; secondes: '+ this.s.reduce(ag.f.reduce_str,'')+'

'; } }; return new AngleGauges(); })(), sub_parse: function(n,ag_) { // ugly fix for algorithm failing case (use of preset) if (ag_[0]==1 && ag.pre.hasOwnProperty(n)) return ag.pre[n]; // var r, s = n, g_ = []; var dbg = 10; while (n) { ag.f.reset(Math.abs(n),g_); r = ag_.reduce(ag.f.reduce_nearest.bind(ag.f),null); r *= (g_.reduce(ag.f.reduce_sum,0)<=s) ? 1 : -1; g_.push(r); n -= r; if (!dbg--) break; // safety base case for avoiding infinite loop } // ('dbg' lines could be removed as normally bug free now) if (dbg==-1) console.log('ERROR: Debug loop limit overflow!'); return g_; }, // main function handler (called by 'oninput' event of host ) parse: function(self) { // get user value as dms format var a = parse(self); // (argument: {d:[Num],m:[Num],s:[Num]}) // parse: function(a) { var g = ag.Obj; // handle gauges accuracy var n = Math.round(a.s); var n3 = n%ag.acc; if (n3) n -= (n3ag.max.s) n -= 60, a.d++; g.s = ag.sub_parse(n,ag.s); // handle minutes n = a.m; if (n>ag.max.m) n -= 60, a.d++; g.m = ag.sub_parse(n,ag.m); // handle degrees n = a.d; // if (n>ag.max.d) n = 0, g = 'Angle out of range!'; if (n>ag.max.d) n = 0, g = '

Angle out of range!'; g.d = ag.sub_parse(n,ag.d); // return result (standalone version) // return g; // output (ui version) if (n3&&g.html) g = g.html+'

(angle rounded to: '+ a.d+'°'+a.m+'\''+s+'")

'; document.querySelector('output').innerHTML = g.html || g; }, // object for hosting callback filters and 'private' variables options // (not used for reduce_sum() callback method: could be 'standalone' -- ie: not embed into the object) f: (function() { function AgFilter(v) { this.reset(v); } AgFilter.prototype.reset = function(v,g) { this.v = v; this.g = g || []; this.s = 0; }; AgFilter.prototype.reduce_nearest = function(r,v) { if (this.g.indexOf(v)==-1 && this.g.indexOf(-v)==-1) if (r===null || Math.abs(this.v-v)<=Math.abs(this.v-r) || (v!=41 && r!=this.v && this.s+1==this.v)) r = v; this.s += v; return r; }; AgFilter.prototype.reduce_sum = function(r,v) { return r+v; }; AgFilter.prototype.reduce_str = function(r,v) { return r+( (r&&v>0) ? '+'+v : v ); }; return new AgFilter(); })() };

Angle gauges [coded for @Lalit Patil] v.1.5+