lew/guestbook
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: aria-label on drawing tools

Browse source
This commit is contained in:
Lewis Wynne 2026-04-10 16:11:25 +01:00
parent 52cbc003e1
commit 66fe5b5c16
1 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/render.rs
View file

@ -71,11 +71,12 @@ pub fn render_form(config: &Config) -> String {
}} }}
function showCanvas(){{ function showCanvas(){{
inl.innerHTML=''; inl.innerHTML='';
var sw=[{{c:'#000'}},{{c:'#e03131'}},{{c:'#2f9e44'}},{{c:'#1971c2'}}]; var sw=[{{c:'#000',n:'black'}},{{c:'#e03131',n:'red'}},{{c:'#2f9e44',n:'green'}},{{c:'#1971c2',n:'blue'}}];
sw.forEach(function(s,i){{ sw.forEach(function(s,i){{
var sp=document.createElement('span'); var sp=document.createElement('span');
sp.className='guestbook-swatch'+(i===0?' active':''); sp.className='guestbook-swatch'+(i===0?' active':'');
sp.setAttribute('data-c',s.c);sp.style.background=s.c; sp.setAttribute('data-c',s.c);sp.style.background=s.c;
sp.setAttribute('role','button');sp.setAttribute('aria-label',s.n);
sp.addEventListener('click',function(){{ sp.addEventListener('click',function(){{
inl.querySelectorAll('.guestbook-swatch').forEach(function(el){{el.classList.remove('active')}}); inl.querySelectorAll('.guestbook-swatch').forEach(function(el){{el.classList.remove('active')}});
sp.classList.add('active');col=s.c;x.strokeStyle=col; sp.classList.add('active');col=s.c;x.strokeStyle=col;
@ -83,7 +84,7 @@ pub fn render_form(config: &Config) -> String {
inl.appendChild(sp); inl.appendChild(sp);
}}); }});
var sl=document.createElement('input'); var sl=document.createElement('input');
sl.type='range';sl.className='guestbook-size-slider';sl.min='1';sl.max='20';sl.value='5'; sl.type='range';sl.className='guestbook-size-slider';sl.min='1';sl.max='20';sl.value='5';sl.setAttribute('aria-label','Brush size');
sl.addEventListener('input',function(){{sz=parseInt(sl.value);x.lineWidth=sz}}); sl.addEventListener('input',function(){{sz=parseInt(sl.value);x.lineWidth=sz}});
inl.appendChild(document.createTextNode(' '));inl.appendChild(sl); inl.appendChild(document.createTextNode(' '));inl.appendChild(sl);
inl.appendChild(document.createTextNode(' | ')); inl.appendChild(document.createTextNode(' | '));
@ -96,7 +97,7 @@ pub fn render_form(config: &Config) -> String {
e.preventDefault();h=[];col='#000';sz=5;d=false;cnt.innerHTML='';hid.value='';setInit(); e.preventDefault();h=[];col='#000';sz=5;d=false;cnt.innerHTML='';hid.value='';setInit();
}}); }});
inl.appendChild(disc); inl.appendChild(disc);
c=document.createElement('canvas');c.className='guestbook-canvas';c.width={w};c.height={h}; c=document.createElement('canvas');c.className='guestbook-canvas';c.width={w};c.height={h};c.setAttribute('aria-label','Drawing canvas');
cnt.innerHTML='';cnt.appendChild(c);bindCanvas(); cnt.innerHTML='';cnt.appendChild(c);bindCanvas();
c.closest('form').addEventListener('submit',function(){{ c.closest('form').addEventListener('submit',function(){{
var px=new Uint32Array(x.getImageData(0,0,c.width,c.height).data.buffer); var px=new Uint32Array(x.getImageData(0,0,c.width,c.height).data.buffer);