Files
Aislo/A05_EduDetail/guide/B02/_scenes.json
T

345 lines
14 KiB
JSON

[
{
"name": "B02_00_overview",
"route": "#/b02-proj-register",
"project": "none",
"before": [
{
"wait": ".b02-proj__grid"
},
{
"wait_ms": 1200
},
{
"eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(1)\", \".b02-proj__grid > :nth-child(2)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__u1';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
},
{
"eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(3)\", \".b02-proj__grid > :nth-child(4)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__u2';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
},
{
"eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(5)\", \".b02-proj__grid > :nth-child(6)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__u3';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
},
{
"eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(7)\", \".b02-proj__grid > :nth-child(8)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__u4';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
},
{
"eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(9)\", \".b02-proj__grid > :nth-child(10)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__u5';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
},
{
"eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(11)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__u6';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
},
{
"eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(12)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__u7';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
},
{
"eval": "document.querySelectorAll('.b02-proj__grid select option').forEach(o=>{o.textContent=o.textContent.replace('엄상돈','홍길동')})"
}
],
"clip": null,
"callouts": [
{
"n": 1,
"sel": "#__u1"
},
{
"n": 2,
"sel": "#__u2"
},
{
"n": 3,
"sel": "#__u3"
},
{
"n": 4,
"sel": "#__u4"
},
{
"n": 5,
"sel": "#__u5"
},
{
"n": 6,
"sel": "#__u6"
},
{
"n": 7,
"sel": "#__u7"
},
{
"n": 8,
"sel": ".b02-proj__actions"
}
]
},
{
"name": "B02_01_basic_fields",
"route": "#/b02-proj-register",
"project": "none",
"before": [
{
"wait": ".b02-proj__grid"
},
{
"fill": ".b02-proj__grid > :nth-child(2) input",
"value": "울진군 금강송면"
},
{
"wait_ms": 300
},
{
"wait_ms": 800
},
{
"eval": "document.querySelectorAll('.b02-proj__grid select option').forEach(o=>{o.textContent=o.textContent.replace('엄상돈','홍길동')})"
},
{
"eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(1)\", \".b02-proj__grid > :nth-child(4)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__clip';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
}
],
"clip": "#__clip",
"clip_pad": 4,
"callouts": [
{
"n": 1,
"sel": ".b02-proj__grid > :nth-child(1)"
},
{
"n": 2,
"sel": ".b02-proj__grid > :nth-child(2)"
},
{
"n": 3,
"sel": ".b02-proj__grid > :nth-child(3)"
},
{
"n": 4,
"sel": ".b02-proj__grid > :nth-child(4)"
}
]
},
{
"name": "B02_02_road_type",
"route": "#/b02-proj-register",
"project": "none",
"before": [
{
"wait": ".b02-proj__grid"
},
{
"select": ".b02-proj__grid > :nth-child(3) select",
"value": "fire"
},
{
"wait_ms": 500
},
{
"eval": "document.querySelectorAll('.b02-proj__grid select option').forEach(o=>{o.textContent=o.textContent.replace('엄상돈','홍길동')})"
},
{
"eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(3)\", \".b02-proj__grid > :nth-child(4)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__clip';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
}
],
"clip": "#__clip",
"clip_pad": 4,
"callouts": [
{
"n": 1,
"sel": ".b02-proj__grid > :nth-child(3)"
},
{
"n": 2,
"sel": ".b02-proj__grid > :nth-child(4)"
}
]
},
{
"name": "B02_03_route_range",
"route": "#/b02-proj-register",
"project": "none",
"before": [
{
"wait": ".b02-proj__grid"
},
{
"fill": ".b02-proj__grid > :nth-child(5) input",
"value": "1000"
},
{
"fill": ".b02-proj__grid > :nth-child(6) input",
"value": "3500"
},
{
"wait_ms": 500
},
{
"eval": "document.querySelectorAll('.b02-proj__grid select option').forEach(o=>{o.textContent=o.textContent.replace('엄상돈','홍길동')})"
},
{
"eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(5)\", \".b02-proj__grid > :nth-child(6)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__clip';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
}
],
"clip": "#__clip",
"clip_pad": 4,
"callouts": [
{
"n": 1,
"sel": ".b02-proj__grid > :nth-child(5)"
},
{
"n": 2,
"sel": ".b02-proj__grid > :nth-child(6)"
}
]
},
{
"name": "B02_04_title_block",
"route": "#/b02-proj-register",
"project": "none",
"before": [
{
"wait": ".b02-proj__grid"
},
{
"wait_ms": 1500
},
{
"eval": "document.querySelectorAll('.b02-proj__grid select option').forEach(o=>{o.textContent=o.textContent.replace('엄상돈','홍길동')})"
},
{
"eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(7)\", \".b02-proj__grid > :nth-child(12)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__clip';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
}
],
"clip": "#__clip",
"clip_pad": 4,
"callouts": [
{
"n": 1,
"sel": ".b02-proj__grid > :nth-child(7)"
},
{
"n": 2,
"sel": ".b02-proj__grid > :nth-child(8)"
},
{
"n": 3,
"sel": ".b02-proj__grid > :nth-child(9)"
},
{
"n": 4,
"sel": ".b02-proj__grid > :nth-child(10)"
},
{
"n": 5,
"sel": ".b02-proj__grid > :nth-child(11)"
},
{
"n": 6,
"sel": ".b02-proj__grid > :nth-child(12)"
}
]
},
{
"name": "B02_05_required_error",
"route": "#/b02-proj-register",
"project": "none",
"before": [
{
"wait": ".b02-proj__grid"
},
{
"click": ".b02-proj__actions .ui-btn--filled"
},
{
"wait_ms": 600
},
{
"eval": "document.querySelectorAll('.b02-proj__grid select option').forEach(o=>{o.textContent=o.textContent.replace('엄상돈','홍길동')})"
},
{
"eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(1)\", \".b02-proj__grid > :nth-child(2)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__clip';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
}
],
"clip": "#__clip",
"clip_pad": 4,
"callouts": [
{
"n": 1,
"sel": ".b02-proj__grid > :nth-child(2)"
}
]
},
{
"name": "B02_06_buttons",
"route": "#/b02-proj-register",
"project": "none",
"before": [
{
"wait": ".b02-proj__actions"
},
{
"eval": "document.querySelectorAll('.b02-proj__grid select option').forEach(o=>{o.textContent=o.textContent.replace('엄상돈','홍길동')})"
}
],
"clip": ".b02-proj__actions",
"callouts": [
{
"n": 1,
"sel": ".b02-proj__actions .ui-help-btn"
},
{
"n": 2,
"sel": ".b02-proj__actions .ui-btn--ghost:nth-child(2)"
},
{
"n": 3,
"sel": ".b02-proj__actions .ui-btn--filled"
}
]
},
{
"name": "B02_07_range_error",
"route": "#/b02-proj-register",
"project": "none",
"before": [
{
"wait": ".b02-proj__grid"
},
{
"fill": ".b02-proj__grid > :nth-child(2) input",
"value": "울진군 금강송면"
},
{
"fill": ".b02-proj__grid > :nth-child(5) input",
"value": "3000"
},
{
"fill": ".b02-proj__grid > :nth-child(6) input",
"value": "1000"
},
{
"click": ".b02-proj__actions .ui-btn--filled"
},
{
"wait_ms": 600
},
{
"eval": "document.querySelectorAll('.b02-proj__grid select option').forEach(o=>{o.textContent=o.textContent.replace('엄상돈','홍길동')})"
},
{
"eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(5)\", \".b02-proj__grid > :nth-child(6)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__clip';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
}
],
"clip": "#__clip",
"clip_pad": 4,
"callouts": [
{
"n": 1,
"sel": ".b02-proj__grid > :nth-child(5)"
},
{
"n": 2,
"sel": ".b02-proj__grid > :nth-child(6)"
}
]
}
]