1ca2499af7
- Add a dispatcher web view and layout switching - Route group role updates and dispatcher hydration through the UI bridge - Refresh top bar and hide map/side panel outside operations mode
1 line
6.9 KiB
JavaScript
1 line
6.9 KiB
JavaScript
window.cadTasks={contracts:[],groups:[],activity:[],session:{},mode:"operations",activeTab:"contracts",statuses:["available","en_route","on_task","holding","danger","refit","offline"],roles:["infantry","recon","armor","air","logistics","support"],init(){const s=document.getElementById("refreshCadBtn");s&&s.addEventListener("click",()=>this.refresh()),document.querySelectorAll(".cad-tab").forEach(s=>{s.addEventListener("click",()=>{this.setActiveTab(s.dataset.tab||"contracts")})}),window.ForgeBridge.on("cad::hydrate",s=>{this.setHydratePayload(s||{})}),window.ForgeBridge.on("cad::assignment::response",s=>{this.handleServerResponse(!!s.success,s.message||"")}),window.ForgeBridge.on("cad::group::response",s=>{this.handleServerResponse(!!s.success,s.message||"")}),window.ForgeBridge.ready({loaded:!0})},setActiveTab(s){this.activeTab=s||"contracts",document.querySelectorAll(".cad-tab").forEach(s=>{s.classList.toggle("is-active",s.dataset.tab===this.activeTab)}),document.querySelectorAll("[data-panel]").forEach(s=>{s.classList.toggle("is-active",s.dataset.panel===this.activeTab)})},setHydratePayload(s){this.contracts=Array.isArray(s.contracts)?s.contracts:[],this.groups=Array.isArray(s.groups)?s.groups:[],this.activity=Array.isArray(s.activity)?s.activity:[],this.session=s.session&&"object"==typeof s.session?s.session:{},this.mode=s&&"string"==typeof s.mode?s.mode:"operations";const t=document.getElementById("cadStatusMessage");!t||t.dataset.type&&"info"!==t.dataset.type||this.setStatus("",""),this.render()},setStatus(s,t){const e=document.getElementById("cadStatusMessage");e&&(e.textContent=s||"",e.dataset.type=t||"")},handleServerResponse(s,t){this.setStatus(t||(s?"CAD update succeeded.":"CAD update failed."),s?"success":"error")},refresh(){this.setStatus("Refreshing board...","info"),window.mapUI.sendEvent("cad::refresh",{})},acknowledgeTask(s){this.setStatus("Acknowledging contract...","info"),window.mapUI.sendEvent("cad::tasks::acknowledge",{taskID:s})},declineTask(s){this.setStatus("Declining contract...","info"),window.mapUI.sendEvent("cad::tasks::decline",{taskID:s})},updateGroupStatus(s,t){this.setStatus("Updating group status...","info"),window.mapUI.sendEvent("cad::groups::status",{groupID:s,status:t})},updateGroupRole(s,t){this.setStatus("Updating group role...","info"),window.mapUI.sendEvent("cad::groups::role",{groupID:s,role:t})},getPlayerGroupId(){return this.session.groupId||""},getCurrentGroup(){const s=this.getPlayerGroupId();return this.groups.find(t=>t.groupId===s)||null},normalizeCollection:s=>Array.isArray(s)?s:s&&"object"==typeof s?Object.values(s):[],canDispatch(){return!!this.session.isDispatcher},isDispatchMode(){return"dispatch"===this.mode},isLeader(){return!!this.session.isLeader},renderContracts(){const s=document.getElementById("taskList");if(!s)return;const t=this.getPlayerGroupId(),e=this.contracts.filter(s=>(s.assignedGroupId||"")===t);e.length?s.innerHTML=e.map(s=>{const e=s.taskId||s.taskID||"",a=Array.isArray(s.position)?s.position:[0,0,0],n=s.assignedGroupId||"",r=s.assignmentState||"unassigned",i=this.groups.find(s=>s.groupId===n),o=this.isLeader()&&n===t;return`\n <div class="task-card" data-task-id="${e}">\n <div class="task-card-header">\n <strong>${s.title||e}</strong>\n <span class="task-type">${s.type||"task"}</span>\n </div>\n <p class="task-description">${s.description||""}</p>\n <div class="task-meta">\n <span>${"unassigned"===r?"Available":`${r}: ${i?i.callsign:n}`}</span>\n <span>X: ${Math.round(a[0]||0)} Y: ${Math.round(a[1]||0)}</span>\n </div>\n ${o&&"assigned"===r?`<div class="task-action-row">\n <button type="button" class="task-accept-btn" onclick="window.cadTasks.acknowledgeTask('${e}')">Acknowledge</button>\n <button type="button" class="task-secondary-btn" onclick="window.cadTasks.declineTask('${e}')">Decline</button>\n </div>`:""}\n </div>\n `}).join(""):s.innerHTML='<div class="placeholder-message"><p>No contract is currently assigned to your group.</p></div>'},renderRoster(){const s=document.getElementById("rosterList");if(!s)return;const t=this.getCurrentGroup();if(!t)return void(s.innerHTML='<div class="placeholder-message"><p>Your group is not currently available.</p></div>');const e=this.normalizeCollection(t.members);e.length?s.innerHTML=`\n <div class="roster-summary-card">\n <div class="task-card-header">\n <strong>${t.callsign||t.groupId||"Current Group"}</strong>\n <span class="task-type">${e.length} member${1===e.length?"":"s"}</span>\n </div>\n <div class="task-meta">\n <span>Leader: ${t.leaderName||"Unknown"}</span>\n <span>Status: ${t.status||"unknown"}</span>\n </div>\n <div class="task-meta">\n <span>Role: ${t.role||"unassigned"}</span>\n <span>Task: ${t.currentTaskId||"None"}</span>\n </div>\n </div>\n ${e.map(s=>{const t=(s.lifeState||"unknown").replaceAll("_"," "),e=s.isLeader?'<span class="roster-leader-badge">Leader</span>':"";return`\n <div class="task-card roster-member-card" data-member-id="${s.uid||""}">\n <div class="task-card-header">\n <strong>${s.name||"Unknown Operator"}</strong>\n <span class="task-type">${t}</span>\n </div>\n <div class="task-meta">\n <span>${s.uid||"No UID"}</span>\n <span>${e}</span>\n </div>\n </div>\n `}).join("")}\n `:s.innerHTML='<div class="placeholder-message"><p>No roster members are currently available.</p></div>'},renderActivity(){const s=document.getElementById("activityList");s&&(this.activity.length?s.innerHTML=this.activity.slice().reverse().slice(0,8).map(s=>`\n <div class="task-card">\n <div class="task-card-header">\n <strong>${s.type||"activity"}</strong>\n <span class="task-type">${Math.round(s.timestamp||0)}s</span>\n </div>\n <p class="task-description">${s.message||""}</p>\n </div>\n `).join(""):s.innerHTML='<div class="placeholder-message"><p>No recent activity.</p></div>')},render(){this.renderContracts(),this.renderRoster(),this.renderActivity(),this.setActiveTab(this.activeTab)}},window.cadTasks.init(); |