first commit

resources/[devx]/devx_admin/web/app.js

@@ -0,0 +1,21 @@
+const resource=typeof GetParentResourceName==='function'?GetParentResourceName():'devx_admin';
+const app=document.querySelector('#app'),playersEl=document.querySelector('#players'),editor=document.querySelector('#editor'),errorEl=document.querySelector('#error');
+let players=[],weapons=[],selectedId=null;
+async function post(event,data={}){const r=await fetch(`https://${resource}/${event}`,{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(data)});return r.json()}
+function esc(v){return String(v??'').replace(/[&<>"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#039;'}[c]))}
+function error(t=''){errorEl.textContent=t;errorEl.classList.toggle('hidden',!t)}
+function selected(){return players.find(p=>Number(p.source)===Number(selectedId))}
+function renderPlayers(){const q=document.querySelector('#search').value.toLowerCase();playersEl.innerHTML='';players.filter(p=>`${p.source} ${p.fullName} ${p.connectionName}`.toLowerCase().includes(q)).forEach(p=>{const b=document.createElement('button');b.className=`player ${Number(p.source)===Number(selectedId)?'active':''}`;b.innerHTML=`<span>${p.source}</span><div><strong>${esc(p.fullName)}</strong><small>${esc(p.connectionName)}</small></div>`;b.onclick=()=>{selectedId=p.source;renderPlayers();renderEditor()};playersEl.appendChild(b)})}
+function action(action,data={}){error('');return post('action',{action,target:selectedId,...data}).then(r=>{if(!r.ok)error(r.error||'Aktion fehlgeschlagen.');if(r.players){players=r.players;renderPlayers();renderEditor()}return r})}
+function renderEditor(){const p=selected();if(!p){editor.className='editor empty';editor.innerHTML='<div><h2>Spieler auswählen</h2><p>Wähle links einen Online-Spieler aus.</p></div>';return}editor.className='editor';editor.innerHTML=`
+<div class="editor-header"><div><h2>${esc(p.fullName)}</h2><p>Server-ID ${p.source} · Charakter ${p.characterId??'–'} · ${esc(p.phoneNumber||'keine Nummer')}</p></div><div class="badges"><span class="badge">${p.cash} $ bar</span><span class="badge">${p.bank} $ Bank</span><span class="badge">${p.rpXp} XP</span></div></div>
+<div class="grid">
+<div class="card"><h3>Geld bearbeiten</h3><div class="form-row"><input id="cash" type="number" min="0" value="${p.cash}"><button class="primary" data-act="setcash">Bargeld setzen</button></div><div class="form-row"><input id="bank" type="number" min="0" value="${p.bank}"><button class="primary" data-act="setbank">Bank setzen</button></div></div>
+<div class="card"><h3>Identität</h3><div class="form-row"><input id="phone" value="${esc(p.phoneNumber||'')}"><button class="primary" data-act="setphone">Nummer setzen</button></div></div>
+<div class="card"><h3>Waffe geben</h3><div class="form-row"><select id="weapon">${weapons.map(w=>`<option value="${w.name}">${esc(w.label)}</option>`).join('')}</select><button class="primary" data-act="giveweapon">Geben</button></div></div>
+<div class="card"><h3>Spieleraktionen</h3><div class="button-grid"><button data-act="heal">Heilen</button><button data-act="freeze">${p.frozen?'Freigeben':'Einfrieren'}</button><button data-act="goto">Zu Spieler</button><button data-act="bring">Herholen</button></div></div>
+<div class="card punish"><h3>Verwarnung / Trennung</h3><div class="punish-fields"><input id="reason" class="full-input" placeholder="Begründung"><input id="minutes" class="full-input" type="number" min="0" placeholder="Minuten (0 = permanent)"></div><div class="button-grid"><button class="danger" data-act="kick">Kicken</button><button class="danger" data-act="ban">Bannen</button></div></div>
+</div>`;
+editor.querySelectorAll('[data-act]').forEach(b=>b.onclick=()=>{const a=b.dataset.act;if(a==='setcash')action(a,{amount:document.querySelector('#cash').value});else if(a==='setbank')action(a,{amount:document.querySelector('#bank').value});else if(a==='setphone')action(a,{phoneNumber:document.querySelector('#phone').value});else if(a==='giveweapon')action(a,{weapon:document.querySelector('#weapon').value});else if(a==='kick'||a==='ban')action(a,{reason:document.querySelector('#reason').value,minutes:document.querySelector('#minutes').value});else action(a)})}
+document.querySelector('#search').oninput=renderPlayers;document.querySelector('#refresh').onclick=()=>action('refresh');document.querySelector('#close').onclick=()=>post('close');document.addEventListener('keyup',e=>{if(e.key==='Escape')post('close')});
+window.addEventListener('message',e=>{const d=e.data||{};if(d.action==='open')app.classList.remove('hidden');if(d.action==='close')app.classList.add('hidden');if(d.action==='state'){players=d.players||[];weapons=d.weapons||[];selectedId=players[0]?.source??null;renderPlayers();renderEditor()}if(d.action==='players'){players=d.players||[];renderPlayers();renderEditor()}});

resources/[devx]/devx_admin/web/index.html

@@ -0,0 +1,11 @@
+<!doctype html><html lang="de"><head><meta charset="utf-8"><link rel="stylesheet" href="style.css"></head>
+<body><main id="app" class="hidden">
+  <section class="admin-shell">
+    <header><div><small>DEVX-CITY</small><h1>Administration</h1></div><div class="header-actions"><button id="refresh">Aktualisieren</button><button id="close">×</button></div></header>
+    <div id="error" class="error hidden"></div>
+    <div class="layout">
+      <aside><input id="search" placeholder="Spieler suchen"><div id="players" class="players"></div></aside>
+      <section id="editor" class="editor empty"><h2>Spieler auswählen</h2><p>Wähle links einen Online-Spieler aus.</p></section>
+    </div>
+  </section>
+</main><script src="app.js"></script></body></html>

resources/[devx]/devx_admin/web/style.css

@@ -0,0 +1,5 @@
+:root{font-family:Inter,system-ui,sans-serif;color:#f6f7fb;--line:rgba(255,255,255,.1);--muted:#929baa;--accent:#5e82f4}
+*{box-sizing:border-box}body{margin:0;background:transparent;overflow:hidden}.hidden{display:none!important}button,input,select{font:inherit}
+#app{position:fixed;inset:0;display:grid;place-items:center;background:rgba(2,4,8,.62)}
+.admin-shell{width:min(1180px,94vw);height:min(760px,90vh);padding:25px;border:1px solid var(--line);border-radius:16px;background:#0d1119;box-shadow:0 35px 110px rgba(0,0,0,.62)}
+header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}header small{color:#84a2ff;letter-spacing:.2em;font-weight:850}h1{margin:4px 0 0}.header-actions{display:flex;gap:8px}button{border:0;border-radius:8px;padding:10px 13px;color:white;background:rgba(255,255,255,.08);cursor:pointer}#close{font-size:22px}.layout{height:calc(100% - 78px);display:grid;grid-template-columns:320px 1fr;gap:18px}aside,.editor{border:1px solid var(--line);border-radius:12px;background:#111721;padding:15px;overflow:auto}#search{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:#090d13;color:white;outline:0}.players{display:grid;gap:7px;margin-top:12px}.player{width:100%;display:grid;grid-template-columns:42px 1fr;gap:10px;text-align:left;padding:11px;background:rgba(255,255,255,.04);border:1px solid transparent}.player.active{border-color:#6689f4;background:rgba(72,106,215,.18)}.player span{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#27375d;font-weight:850}.player strong{display:block}.player small{color:var(--muted)}.editor.empty{display:grid;place-items:center;text-align:center;color:var(--muted)}.editor-header{display:flex;justify-content:space-between;align-items:flex-start}.editor-header h2{margin:0}.editor-header p{margin:5px 0;color:var(--muted)}.badges{display:flex;gap:7px}.badge{padding:7px 9px;border-radius:7px;background:rgba(255,255,255,.06);font-size:11px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:20px}.card{padding:15px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.card h3{margin:0 0 12px;font-size:14px}.form-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:8px}.form-row input,.form-row select,.full-input{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:#090d13;color:white}.primary{background:#557af0}.danger{background:rgba(197,62,81,.23);color:#ffabb5}.button-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.error{margin-bottom:12px;padding:10px;border-radius:8px;background:rgba(184,48,67,.25);color:#ffadb7}.punish{grid-column:1/-1}.punish-fields{display:grid;grid-template-columns:1fr 140px;gap:8px;margin-bottom:8px}