Files
Aislo/A05_EduDetail/guide/B03/_scenes.json
T
eomsangdonandClaude Sonnet 5.5 6bb0a5312d refactor(B03): 파일 입력 화면 마무리 — 파일 놓기 칸 · 모달 · 확인창 · 고르는 카드 · 목록 줄 부품 (PLAN 553-1)
- 놓기 칸 = 파일 놓기 칸 부품(한 줄로 눕힘) · 임시 보관함 창 = 모달 + 고르는 카드 + 빈 상태 · 교체 확인 = 확인창
- 업로드 도중 window.confirm 둘 → 확인창 부품(글 그대로 · 단추 이름으로 선택 안내) · 예정노선 고름 줄 = 목록 줄
- 모달 CSS · 임시 목록 옛 CSS 걷음 · 가이드 촬영 선택자 · 지킴 시험

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
2026-10-26 22:13:40 +09:00

330 lines
7.3 KiB
JSON

[
{
"name": "B03_00_overview",
"route": "#/b03-file-input",
"project": "road",
"before": [
{
"eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
},
{
"wait": ".b03-file__pick-row"
},
{
"wait_ms": 1500
}
],
"clip": null,
"callouts": [
{
"n": 1,
"sel": ".ui-workflow-overlay__panel"
},
{
"n": 2,
"sel": ".b03-file__dropzone"
},
{
"n": 3,
"sel": ".b03-file__temp-picker .ui-btn"
},
{
"n": 4,
"sel": ".b03-file__pick-row > .ui-btn--filled"
},
{
"n": 5,
"sel": ".b03-file__lasfree"
},
{
"n": 6,
"sel": ".b03-file__columns > :nth-child(1) .ui-panel-head__title"
},
{
"n": 7,
"sel": ".b03-file__columns > :nth-child(2) .ui-panel-head__title"
}
]
},
{
"name": "B03_01_pick_row",
"route": "#/b03-file-input",
"project": "road",
"before": [
{
"eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
},
{
"wait": ".b03-file__pick-row"
}
],
"clip": ".b03-file__control-panel",
"callouts": [
{
"n": 1,
"sel": ".b03-file__dropzone"
},
{
"n": 2,
"sel": ".b03-file__temp-picker .ui-btn"
},
{
"n": 3,
"sel": ".b03-file__pick-row > .ui-btn--filled"
},
{
"n": 4,
"sel": ".b03-file__lasfree"
}
]
},
{
"name": "B03_02_route_cards",
"route": "#/b03-file-input",
"project": "road",
"viewport": [
1600,
2000
],
"before": [
{
"eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
},
{
"wait": ".b03-file__columns"
},
{
"wait_ms": 1500
}
],
"clip": ".b03-file__columns > :nth-child(1)",
"callouts": [
{
"n": 1,
"sel": ".b03-file__columns > :nth-child(1) [data-slot-id=csv]"
},
{
"n": 2,
"sel": ".b03-file__columns > :nth-child(1) [data-slot-id=shx]"
},
{
"n": 3,
"sel": ".b03-file__columns > :nth-child(1) [data-slot-id=dbf]"
},
{
"n": 4,
"sel": ".b03-file__columns > :nth-child(1) [data-slot-id=cpg]"
},
{
"n": 5,
"sel": ".b03-file__columns > :nth-child(1) [data-slot-id=route_prj]"
}
]
},
{
"name": "B03_03_terrain_cards",
"route": "#/b03-file-input",
"project": "road",
"viewport": [
1600,
2000
],
"before": [
{
"eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
},
{
"wait": ".b03-file__columns"
},
{
"wait_ms": 1500
}
],
"clip": ".b03-file__columns > :nth-child(2)",
"callouts": [
{
"n": 1,
"sel": "[data-slot-id=las_laz]"
},
{
"n": 2,
"sel": "[data-slot-id=prj]"
},
{
"n": 3,
"sel": "[data-slot-id=tfw]"
},
{
"n": 4,
"sel": "[data-slot-id=tif]"
}
]
},
{
"name": "B03_04_card_parts",
"route": "#/b03-file-input",
"project": "road",
"before": [
{
"eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
},
{
"wait": "[data-slot-id=csv]"
},
{
"wait_ms": 1200
}
],
"clip": "[data-slot-id=csv]",
"callouts": [
{
"n": 1,
"sel": "[data-slot-id=csv] .b03-file__card-label"
},
{
"n": 2,
"sel": "[data-slot-id=csv] .ui-tag"
},
{
"n": 3,
"sel": "[data-slot-id=csv] .b03-file__card-select"
},
{
"n": 4,
"sel": "[data-slot-id=csv] .b03-file__file-info"
},
{
"n": 5,
"sel": "[data-slot-id=csv] .b03-file__preview"
}
]
},
{
"name": "B03_05_lasfree_on",
"route": "#/b03-file-input",
"project": "road",
"viewport": [
1600,
1500
],
"before": [
{
"eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
},
{
"wait": ".b03-file__lasfree"
},
{
"click": ".b03-file__lasfree"
},
{
"wait_ms": 800
},
{
"eval": "(()=>{const q=[\".b03-file__control-panel\", \"[data-slot-id=las_laz]\"];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": ".b03-file__lasfree"
},
{
"n": 2,
"sel": "[data-slot-id=las_laz]"
}
]
},
{
"name": "B03_06_temp_modal",
"route": "#/b03-file-input",
"project": "road",
"before": [
{
"eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
},
{
"wait": ".b03-file__temp-picker .ui-btn"
},
{
"click": ".b03-file__temp-picker .ui-btn"
},
{
"wait": ".b03-file__temp-modal"
},
{
"wait_ms": 800
}
],
"clip": ".b03-file__temp-modal",
"callouts": [
{
"n": 1,
"sel": ".b03-file__temp-modal .ui-modal__actions"
}
]
},
{
"name": "B03_07_plan_import_modal",
"route": "#/b03-file-input",
"project": "road",
"before": [
{
"eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
},
{
"wait": ".b03-file__columns"
},
{
"click": "button:has-text('예정노선에서 가져오기')"
},
{
"wait_ms": 1200
}
],
"clip": ".ui-modal",
"callouts": [
{
"n": 1,
"sel": ".ui-modal__body"
}
]
},
{
"name": "B03_08_left_panel",
"route": "#/b03-file-input",
"project": "road",
"viewport": [
1600,
560
],
"before": [
{
"eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
},
{
"wait": ".ui-workflow-overlay__panel"
},
{
"wait_ms": 1200
}
],
"clip": ".ui-workflow-overlay__panel",
"callouts": [
{
"n": 1,
"sel": ".ui-workflow-overlay__title"
},
{
"n": 2,
"sel": ".ui-workflow-overlay__handle--side"
},
{
"n": 3,
"sel": ".ui-workflow-overlay__panel .ui-help-btn"
}
]
}
]