Console
device
-
-
-
- Now playing
+
+
+
+
Now playing
-
-
-
-
+
+
—
-
-
-
-
- Panel
- ';
+ a.firstChild.textContent=e[1];
+ a.lastChild.textContent=e[2]||'';
+ f.appendChild(a);
+ a=document.createElement('a');
+ a.href=e[0];a.className='btn';a.textContent=e[1];
+ c.appendChild(a);
}
- var ghosts=document.querySelectorAll('.rows .pf-ghost');
- for(i=0;i 100) v = 100;
- var sl = $('sl-' + i);
- if (sl) {
- sl.value = v;
- lastReported[i] = v;
- }
- }
-}
-
-function pumpParams() {
- if (inFlight) return; // Drop redundant updates while in-flight; keep newest in queue
- var keys = Object.keys(queuedParams);
- if (!keys.length) return;
-
- var bodyParts = [];
- for (var i = 0; i < keys.length; i++) {
- var k = keys[i];
- bodyParts.push(k + '=' + encodeURIComponent(queuedParams[k]));
+// ── Knob sliders (K1..K4 · 0..100) ────────────────────────────
+var activeSlider=-1,inFlight=false,queuedParams={};
+function updateSliders(params){
+ if(!params||params.length<4)return;
+ for(var i=0;i<4;i++){
+ if(activeSlider===i)continue;
+ var v=Math.round(params[i]/10);
+ if(v<0)v=0;if(v>100)v=100;
+ var sl=$('sl-'+i);sl.value=v;fill(sl);
}
- queuedParams = {};
- inFlight = true;
-
- fetch('/api/params', {
- method: 'POST',
- cache: 'no-store',
- headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
- body: bodyParts.join('&')
- }).then(function(r) {
- if (!r.ok) throw Error('refused');
- $('ctrlmsg').textContent = '';
- }).catch(function(x) {
- // Next to the sliders, not swallowed: a drag that never arrived looks
- // exactly like a pattern ignoring its knobs.
- PF.say('not sent — ' + (x && x.message === 'refused' ? 'refused' : 'no answer'), 'err', $('ctrlmsg'));
- }).then(function() {
- inFlight = false;
- if (Object.keys(queuedParams).length) {
- pumpParams(); // Flush pending latest updates
- }
- });
}
-
-function onSliderInput(idx, val) {
- var v = parseInt(val, 10);
- if (isNaN(v)) return;
- lastReported[idx] = v;
-
- // pX on the 0..1000 bus. The device derives the clicks a legacy pattern
- // reads from the change in the held value, so no dX alongside — sending
- // both counted every move twice.
- queuedParams['p' + (idx + 1)] = v * 10;
-
- pumpParams();
-}
-
-function initSliders() {
- for (var i = 0; i < 4; i++) {
- (function(idx) {
- var sl = $('sl-' + idx);
- if (!sl) return;
- held(sl, function() { activeSlider = idx; }, function() {
- if (activeSlider === idx) activeSlider = -1;
- pumpParams();
- });
- sl.addEventListener('input', function() {
- var v = sl.value;
- onSliderInput(idx, v);
- });
- })(i);
- }
+function pumpParams(){
+ if(inFlight)return; // one in flight; the newest values wait in the queue
+ var keys=Object.keys(queuedParams),body=[],i;
+ if(!keys.length)return;
+ for(i=0;i 0 ? 'Next…' : 'Prev…';
- PF.get('/api/patterns/select?step=' + dir).then(function(d) {
- $('now').textContent = d.name || prev;
- $('nowsub').textContent = 'switched';
- $('stepmsg').textContent = '';
- }, function(x) {
- $('now').textContent = prev;
- if (!x || !x.nav)
- PF.say(x && x.status === 404 ? 'nothing to switch to' : 'not switched', 'err', $('stepmsg'));
+// ── Pattern stepping (← / →) ─────────────────────────────────
+// The reply names the new pattern; the next status confirms it. One step
+// in flight (?step is ±1); presses meanwhile add up in pend.
+var stepping=0,pend=0;
+function stepPattern(dir){
+ if(stepping){pend+=dir;return}
+ var prev=$('now').textContent;
+ $('now').textContent=dir>0?'Next…':'Prev…';
+ stepping=1;
+ PF.get('/api/patterns/select?step='+dir).then(function(d){
+ stepping=0;
+ $('now').textContent=d.name||prev;
+ $('nowsub').textContent='switched';
+ $('stepmsg').textContent='';
+ if(pend){dir=pend>0?1:-1;pend-=dir;stepPattern(dir)}
+ },function(x){
+ stepping=pend=0;
+ $('now').textContent=prev;
+ if(!x||!x.nav)
+ PF.say(x&&x.status===404?'nothing to switch to':'not switched','err',$('stepmsg'));
});
}
-$('pat-prev').addEventListener('click', function() { stepPattern(-1); });
-$('pat-next').addEventListener('click', function() { stepPattern(1); });
+$('pat-prev').addEventListener('click',function(){stepPattern(-1)});
+$('pat-next').addEventListener('click',function(){stepPattern(1)});
+// The arrow keys too, unless a field or slider has them or a modifier is
+// held (Alt+Left is Back).
+document.addEventListener('keydown',function(e){
+ var d=e.key=='ArrowLeft'?-1:e.key=='ArrowRight'?1:0;
+ if(!d||e.repeat||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||/^(INPUT|SELECT|TEXTAREA)$/.test(e.target.tagName))return;
+ e.preventDefault();stepPattern(d);
+});
+[].forEach.call(document.querySelectorAll('input[type=range]'),fill);
PF.watchStatus(3000);
PF.status(paint);
diff --git a/firmware/patternflow/console/knobs.html b/firmware/patternflow/console/knobs.html
index 09f78bbe..944d5520 100644
--- a/firmware/patternflow/console/knobs.html
+++ b/firmware/patternflow/console/knobs.html
@@ -5,97 +5,82 @@
Patternflow - Knobs
-
-
+
';
- a.querySelector('.pf-row-t').textContent=e[1];
- a.querySelector('.pf-row-d').textContent=e[2]||'';
- f.appendChild(a);
- }
- f.hidden=fk.hidden=!f.querySelector('.pf-row');
+ f.innerHTML=c.innerHTML='';
+ for(i=0;i
+
+
+
-
-
+ Panel
+
-
+
+
+
- Brightness
-
- —
+
+
- —
+
-
-
- Live Knobs
-
-
-
-
-
-
+
+
- Knobs
+
+
+
+
-
-
-
-
- update
- how to update →
Patterns
- —
Storage
- —
- Wi-Fi
- —
Address
+ —
+
Patterns—
+ Storage—
+ Wi-Fi—
+ Address—
- Hotspot
- —
Memory
- —
Uptime
- —
Firmware
-
-
- Edition
- —
—
-
-
+ from the one above, so its own line. -->
+ Hotspot—
+ Memory—
+ Uptime—
- Patterns
-
-
-
- Features
-
-
- Setup
-
+
@@ -330,85 +169,70 @@
function $(i){return document.getElementById(i)}
$('host').textContent=location.hostname;
+// A range's filled part (--p) follows its value.
+function fill(el){el.style.setProperty('--p',(el.value-el.min)/(el.max-el.min)*100+'%')}
+document.addEventListener('input',function(e){if(e.target.type==='range')fill(e.target)});
+
// ── What this build actually has ───────────────────────────────
-// Feature rows are not written into this page. Whatever features the firmware
-// carries report their pages in /api/status featureNav — path, label, one
-// line — and the Features group is built from that. A build with none gets
-// no group, and a page the core has never heard of still gets a row. This
-// used to work the other way round: rows for every feature in the markup,
-// deleted when the capability was absent, which meant a core page naming
-// features and a new feature's page getting no row at all.
-//
-// Rebuilt from scratch whenever featureNav changes (not on every status: the
-// card polls, and a rebuild under the pointer drops hover and focus), then
-// everything renumbers so the list still reads 01, 02, 03.
+// Feature rows, and the edition card's chips, come from /api/status
+// featureNav (path, label, one line): a build with none gets none, and a
+// page the core never heard of still gets a row. Rebuilt only when it
+// changes: a rebuild under the pointer drops hover and focus.
var navKey;
function gate(s){
- var i,nav=(s&&s.featureNav)||[],k=JSON.stringify(nav);
+ var i,nav=(s&&s.featureNav)||[],k=JSON.stringify(nav),f=$('featRows'),c=$('s-feat');
if(k===navKey)return;
navKey=k;
- var f=$('featRows'),fk=$('featKick');
- if(f){
- f.innerHTML='';
- for(i=0;i
+
+
+
- Device
-
+ Edition
+—
+
+ Standard firmware, no extra features.
+ + + + How to update → + Editions → +Editions are listed at patternflow.work/editions; the panel’s own network has no internet.
+Installing another keeps your patterns and settings.
+Pages
+ +
-
-
-
-
-
+tr.all td{border-color:var(--rule)}
+.pf-offline .pos,.pf-offline #st{opacity:.5}
+
+
+
+
+
Knobs
-Direction and click size
-| Position | Direction | Edges per click |
|---|
-
-
-
-
- Turn a knob clockwise. Its position should go up by one per click. - Goes down: set that knob to Reversed. Moves two per click, or needs two clicks to - move one: change Edges per click until one click is one step (most encoders are 4; - the edge counter under the position shows how many one click really makes). - These are properties of the encoder soldered in, stored on the device — nothing to - rebuild, and a saved change does not move the knob.
-Knobs
-Turn a knob one click clockwise: its position should go up by one.
+| Position | Direction | Edges per click | |
|---|---|---|---|
| All | + | + |
+
+
+
+Goes down: Reversed. Moves two, or needs two clicks to move one: change edges per click +(most encoders are 4; the count under the position is what one click makes). Saved on the panel; saving does not move a knob.
+ +