صلاح قابلیت مقایسه شماتیک

frontend/compare.js

@@ -1,4 +1,17 @@
 import { bindCamera } from './interactions.js';
+const menuToggle=document.querySelector('#menu-toggle');
+function setMenu(open){
+  document.body.classList.toggle('menu-open',open);
+  menuToggle.setAttribute('aria-expanded',String(open));
+  const label=open?'Hide menu':'Show menu';
+  menuToggle.setAttribute('aria-label',label);menuToggle.title=label;
+}
+menuToggle.addEventListener('click',()=>setMenu(!document.body.classList.contains('menu-open')));
+addEventListener('keydown',event=>{
+  if(event.key==='Escape'&&document.body.classList.contains('menu-open')){
+    setMenu(false);menuToggle.focus();
+  }
+});
 const state=document.querySelector('#state'),id=location.pathname.split('/').pop();
 const token=new URLSearchParams(location.hash.slice(1)).get('token')||sessionStorage.getItem(`comparison:${id}`);
 if(token)sessionStorage.setItem(`comparison:${id}`,token);