https://mahsanet.com/_next/static/chunks/pages/radar-4781e430098bf155.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[820],{4489:(e,t,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/radar",function(){return l(6188)}])},6188:(e,t,l)=>{"use strict";l.r(t),l.d(t,{default:()=>a});var r=l(7876),o=l(4232);let n=e=>{let{width:t,height:l,datacenterCount:n,events:a,timeLabels:c,datacenterLabels:i}=e,s=(0,o.useRef)(null);return(0,o.useEffect)(()=>{let e=s.current;if(!e)return;let r=e.getContext("2d");if(!r)return;let o=l-30,f=o/n,h=(t-150)/c.length;r.clearRect(0,0,t,l),r.fillStyle="#121212",r.fillRect(0,0,t,l),r.font="11px sans-serif",r.textBaseline="middle",r.fillStyle="#ccc";for(let e=0;e<n;e++){let l=e*f;r.strokeStyle="#2c2c2c",r.beginPath(),r.moveTo(150,l),r.lineTo(t,l),r.stroke(),r.fillText(i[e],10,l+f/2)}for(let e=0;e<c.length;e++){let t=150+e*h;r.strokeStyle="#2c2c2c",r.beginPath(),r.moveTo(t,0),r.lineTo(t,o),r.stroke(),r.save(),r.translate(t+h/2,o+10),r.rotate(-Math.PI/4),r.fillText(c[e],0,0),r.restore()}let u=new Map;a.forEach(e=>{let t="".concat(e.x,"-").concat(e.y);u.has(t)||u.set(t,[]),u.get(t).push(e)}),u.forEach((e,t)=>{let[l,o]=t.split("-"),n=parseInt(o,10),a=c.indexOf(l);if(-1===a||0===e.length)return;let i=150+a*h,s=n*f,u=(f-6)/7;e.forEach((e,t)=>{r.fillStyle=e.color,r.fillRect(i+2,s+f-3-(t+1)*u,h-4,u-1)})})},[a,n,i,c,t,l]),(0,r.jsx)("canvas",{ref:s,width:t,height:l,style:{display:"block",background:"#121212",borderRadius:8}})};function a(){let e=["همراه اول","ایرانسل","پارس آنلاین","افرانت","هاست‌ایران","تریتک"],t=[{name:"دیجی‌کالا",color:"#E53935"},{name:"اسنپ",color:"#1E88E5"},{name:"تپسی",color:"#43A047"},{name:"آپارات",color:"#8E24AA"},{name:"نماوا",color:"#FB8C00"},{name:"روبیکا",color:"#00ACC1"},{name:"گوگل",color:"#FDD835"}],l=(()=>{let e=[];for(let t=0;t<24;t++)for(let l=0;l<60;l+=15)e.push("".concat(t.toString().padStart(2,"0"),":").concat(l.toString().padStart(2,"0")));return e})(),o=(()=>{let r=[];return e.forEach((e,o)=>{l.forEach(e=>{.6>Math.random()||t.filter(()=>.2>Math.random()).forEach(t=>{r.push({x:e,y:o,service:t.name,color:t.color})})})}),r})();return(0,r.jsx)("div",{style:{padding:"20px",background:"#121212",minHeight:"100vh"},children:(0,r.jsx)(n,{width:1200,height:500,datacenterCount:e.length,datacenterLabels:e,timeLabels:l,events:o})})}}},e=>{e.O(0,[636,593,792],()=>e(e.s=4489)),_N_E=e.O()}]);