+ Klicken Sie auf das Logo, um die Kundenbasis zu wechseln
-
+ 
XINON (Suche)
ESTMK (Eingabe)
`,
- computed: { highlightedId(){ const keys=Object.keys(this.items); return keys[this.highlighted] || null; } },
+ computed: { highlightedId(){ const k=Object.keys(this.items); return k[this.highlighted] || null; }, placeholderText() { return this.mode === 'autocomplete' ? (this.placeholder || 'Rechnungsadresse suchen') : 'Partner-Kundennummer eingeben'; } },
created() { this.debouncedFetch = this.debounce(() => this.fetchItems(), 220); },
methods: {
+ toggleLogoDropdown() { this.logoDropdownOpen = !this.logoDropdownOpen; if (this.logoDropdownOpen) this.open = false; },
+ selectMode(m) { if (this.mode !== m) { this.mode = m; this.$emit('mode-change', m); this.clear(); } this.logoDropdownOpen = false; this.$nextTick(() => this.$refs.mainInput.focus()); },
+ onInput() { this.$emit('input', this.q); if (this.mode === 'autocomplete') this.debouncedFetch(); },
+ onEnter() { if (this.mode === 'autocomplete') this.chooseHighlighted(true); else this.$emit('enter'); },
maybeOpen(){ this.open = true; if (this.q) this.debouncedFetch(); },
- deferClose(){ setTimeout(()=> this.open=false, 150); },
- clear(){ this.q=''; this.items={}; this.highlighted=-1; this.emitSelection('', ''); },
- move(dir){ const keys=Object.keys(this.items); if (!keys.length) return; this.highlighted=(this.highlighted+dir+keys.length)%keys.length; },
- chooseHighlighted(emitEnter){ const id=this.highlightedId; if (id) this.choose(id, this.items[id], emitEnter); else if (emitEnter) this.$emit('enter'); },
- choose(id, display, emitEnter){ this.q=display; this.selectedCustnum=(display.match(/\[(\d+)\]/)||[])[1] || ''; this.selectedDisplay=display; this.emitSelection(this.selectedCustnum, this.selectedDisplay); this.open=false; if (emitEnter) this.$emit('enter'); },
+ deferClose(){ setTimeout(()=> { this.open = false; this.logoDropdownOpen = false; }, 150); },
+ clear(){ this.q = ''; this.items={}; this.highlighted=-1; this.emitSelection('', ''); if (this.mode === 'autocomplete') { this.open = true; this.debouncedFetch(); } },
+ move(d){ const k=Object.keys(this.items); if (!k.length) return; this.highlighted=(this.highlighted+d+k.length)%k.length; this.$nextTick(() => { const a = this.$refs.resultsList?.querySelector('.is-active'); if (a) a.scrollIntoView({ block: 'center', behavior: 'smooth' }); }); },
+ chooseHighlighted(e){ const i=this.highlightedId; if (i) this.choose(i, this.items[i], e); else if (e) this.$emit('enter'); },
+ choose(id, display, emitEnter){ const c=(display.match(/\[(\d+)\]/)||[])[1] || ''; this.emitSelection(c, display); this.open=false; if (emitEnter) this.$emit('enter'); },
emitSelection(custnum, display){ this.$emit('select', { custnum, display }); this.$emit('input', display); this.$emit('change', display); },
- async fetchItems(){
- if (!this.q || this.q.length < 2) { this.items={}; return; }
- this.busy = true;
- try{
- const base = window.TT_CONFIG['BASE_PATH'] || '';
- const url = `${base}/Address/Api?do=findAddress&fibu_primary_account=1&q=${encodeURIComponent(this.q)}`;
- const r = await fetch(url);
- if (r.ok) {
- const j = await r.json();
- this.items = (j && j.result && j.result.addresses) ? j.result.addresses : {};
- this.highlighted = 0;
- } else { this.items = {}; }
- } catch { this.items = {}; }
- this.busy = false;
- },
+ async fetchItems(){ if (this.mode!=='autocomplete'||!this.q||this.q.length<2){this.items={};return;} this.busy=true; try{ const b=window.TT_CONFIG.BASE_PATH||''; const r=await fetch(`${b}/Address/Api?do=findAddress&fibu_primary_account=1&q=${encodeURIComponent(this.q)}`); if(r.ok){const j=await r.json();this.items=(j?.result?.addresses)?j.result.addresses:{};this.highlighted=0;}else{this.items={};}}catch{this.items={};} this.busy=false; },
debounce(fn, ms){ let t; return (...a)=>{ clearTimeout(t); t=setTimeout(()=>fn(...a), ms); }; }
}
});
/* ---------- Generic Modal ---------- */
Vue.component('radius-modal', {
- props: { show: Boolean, title: String },
+ props: { show: Boolean, title: String, modalClass: String },
template: `
-
-
-
+
+
+
-
-
-
-
-
-
-
- Keine Treffer
- -
-
- - - {{ disp }} - -
XINON (Suche)ESTMK (Eingabe)Keine Treffer
- {{ disp }}
-
+
- `
+ `,
+ watch: {
+ show(isShown) {
+ if (isShown) {
+ this.$nextTick(() => {
+ // nodeType 1 is an Element node, this prevents errors if v-if renders a comment node.
+ if (this.$el && this.$el.nodeType === 1 && this.$el.parentNode !== document.body) {
+ document.body.appendChild(this.$el);
+ }
+ document.body.style.overflow = 'hidden';
+ });
+ } else {
+ document.body.style.overflow = '';
+ }
+ }
+ },
+ beforeDestroy() {
+ if (this.show && this.$el && this.$el.nodeType === 1 && this.$el.parentNode === document.body) {
+ document.body.removeChild(this.$el);
+ }
+ document.body.style.overflow = '';
+ }
});
+
/* ---------- Root View: ---------- */
Vue.component('radius', {
template: `
-
+
`,
- data() { return { view: 'users', window: window, _freeInitDone: false }; },
+ data() { return { view: 'users', window: window, _initFlags: {} }; },
computed: {
viewOptions() {
- const options = [
- { id: 'users', name: 'Benutzer', icon: 'fa-duotone fa-users' },
- { id: 'free', name: 'Freie Benutzer', icon: 'fa-duotone fa-user-plus' }
- ];
- if (window['TT_CONFIG']['CAN_BILLING'] === '1') {
- options.push({ id: 'ont', name: 'ONT Parser', icon: 'fa-duotone fa-diagram-project' });
- options.push({ id: 'ontReverse', name: 'ONT Reverse', icon: 'fa-duotone fa-arrows-rotate' });
- }
- return options;
- }
- },
- watch: {
- view(newView) {
- this.switchView(newView);
+ const o = [{ id: 'users', name: 'Benutzer', icon: 'fa-duotone fa-users' },{ id: 'free', name: 'Freie Benutzer', icon: 'fa-duotone fa-user-plus' },{ id: 'unused', name: 'Ungenutzte Benutzer', icon: 'fa-duotone fa-user-clock' }];
+ if (window.TT_CONFIG.CAN_BILLING === '1') { o.push({ id: 'ont', name: 'ONT Parser', icon: 'fa-duotone fa-diagram-project' }, { id: 'ontReverse', name: 'ONT Reverse', icon: 'fa-duotone fa-arrows-rotate' }); } return o;
}
},
+ mounted() { this.switchView(this.view); },
methods: {
- switchView(v){
- this.view = v;
- if (v==='free' && !this._freeInitDone) {
- this.$nextTick(()=>{ this.$refs.freeView?.initIfNeeded?.(); this._freeInitDone = true; });
- }
- }
+ switchView(v){ this.view=v; if(!this._initFlags||this._initFlags[v])return; let r=''; if(v==='free')r='freeView';else if(v==='unused')r='unusedView'; if(r){this.$nextTick(()=>{const c=this.$refs[r];if(c&&typeof c.initIfNeeded==='function'){c.initIfNeeded();this._initFlags[v]=true;}});}}
}
-});
+});
\ No newline at end of file
diff --git a/public/js/pages/Radius/RadiusFreeUsers.js b/public/js/pages/Radius/RadiusFreeUsers.js
index c6c5515e6..9c4a9ffa9 100644
--- a/public/js/pages/Radius/RadiusFreeUsers.js
+++ b/public/js/pages/Radius/RadiusFreeUsers.js
@@ -1,111 +1,48 @@
-/* ===== RadiusFreeUsers.js =====
- * Vereinfachte freie Benutzer:
- * - Kein Suchfeld, nur Reload-Button
- * - Autoload beim ersten Tab-Klick (initIfNeeded() wird von aufgerufen)
- * - Zweispaltiges Layout bei breiten Screens
- * - Robust gegen Server-Response (users/count/filter), trimmt Info
- */
-
+/* ===== RadiusFreeUsers.js ===== */
Vue.component('radius-free-users', {
template: `
{{ title }}
@@ -182,61 +211,51 @@ Vue.component('radius-modal', {
-
-
-
- Radius
-
-
-
-
- Radius
+
-
-
-
+
+
+ Username Info {{ item.Username }}
+ {{ item.Info }}
+
+
+
-
-
-
`,
- data() {
- return {
- nat: [],
- stf: [],
- loadingNat: false,
- loadingStf: false,
- _initialized: false
- };
- },
+ data: () => ({ nat: [], stf: [], loadingNat: false, loadingStf: false, _initialized: false }),
+ computed: { filteredNat() { return this.nat.filter(this.isTrulyFree); }, filteredStf() { return this.stf.filter(this.isTrulyFree); } },
methods: {
- initIfNeeded(){
- if (this._initialized) return;
- this._initialized = true;
- this.reload();
- },
- normalizeUsers(arr){
- if (!Array.isArray(arr)) return [];
- return arr.map(u => ({
- Username: (u.Username || u.username || '').trim(),
- Info: (u.Info || u.info || '').toString().replace(/\s+$/,'')
- })).filter(u => u.Username);
- },
- async reload() {
- // NAT
- this.loadingNat = true;
- try {
- const natRes = await fetch(window.TT_CONFIG['BASE_PATH'] + '/Radius/proxyUnsecureHTTPRequestToRadius?action2=free_user&filter=nat');
- const j = natRes.ok ? await natRes.json() : { users: [] };
- this.nat = this.normalizeUsers(j.users);
- } catch { this.nat = []; }
- this.loadingNat = false;
-
- // STF
- this.loadingStf = true;
- try {
- const stfRes = await fetch(window.TT_CONFIG['BASE_PATH'] + '/Radius/proxyUnsecureHTTPRequestToRadius?action2=free_user&filter=stf');
- const j = stfRes.ok ? await stfRes.json() : { users: [] };
- this.stf = this.normalizeUsers(j.users);
- } catch { this.stf = []; }
- this.loadingStf = false;
- }
+ initIfNeeded(){ if (this._initialized) return; this._initialized = true; this.reloadNat(); this.reloadStf(); },
+ isTrulyFree(user) { return !/frei[a-z]/.test((user.Info || '').toLowerCase()); },
+ normalizeUsers(arr){ if (!Array.isArray(arr)) return []; return arr.map(u => ({ Username: (u.Username || u.username || '').trim(), Info: (u.Info || u.info || '').toString().replace(/\s+$/,'') })).filter(u => u.Username); },
+ async reloadNat() { this.nat = []; this.loadingNat = true; try { const r = await fetch(window.TT_CONFIG.BASE_PATH + '/Radius/proxyUnsecureHTTPRequestToRadius?action2=free_user&filter=nat'); this.nat = this.normalizeUsers(r.ok ? (await r.json()).users : []); } catch { this.nat = []; } this.loadingNat = false; },
+ async reloadStf() { this.stf = []; this.loadingStf = true; try { const r = await fetch(window.TT_CONFIG.BASE_PATH + '/Radius/proxyUnsecureHTTPRequestToRadius?action2=free_user&filter=stf'); this.stf = this.normalizeUsers(r.ok ? (await r.json()).users : []); } catch { this.stf = []; } this.loadingStf = false; }
}
-});
+});
\ No newline at end of file
diff --git a/public/js/pages/Radius/RadiusOntFinder.js b/public/js/pages/Radius/RadiusOntFinder.js
index 173b5c9c4..17a2de939 100644
--- a/public/js/pages/Radius/RadiusOntFinder.js
+++ b/public/js/pages/Radius/RadiusOntFinder.js
@@ -1,165 +1,29 @@
-/* ===== RadiusOntFinder.js =====
- * Reverse lookup by ONT Serial (and optional MAC). Styling via shared ONT CSS utilities.
- */
-
+/* ===== RadiusOntFinder.js ===== */
Vue.component('radius-ont-finder', {
template: `
- Freie NAT Benutzer {{ nat.length }}
-
-
-
-
-
-
+ Freie NAT Benutzer {{ filteredNat.length }}
+
+ | Username | Info |
|---|---|
| {{ u.Username }} | -{{ u.Info }} | -
| Keine Treffer | |
{{ filteredNat.length }} Treffer gefunden
+
+ Username Info {{ item.Username }}
+ {{ item.Info }}
+
+
+
- Freie STF Benutzer {{ stf.length }}
-
-
-
-
-
-
+ Freie STF Benutzer {{ filteredStf.length }}
+
+ | Username | Info |
|---|---|
| {{ u.Username }} | -{{ u.Info }} | -
| Keine Treffer | |
{{ filteredStf.length }} Treffer gefunden
-
-
-
-
- Schritt 1 · Excel (XLSX) Upload
-
- Datei muss die Spalte Serial enthalten. Optional MAC (12 Zeichen, ohne Doppelpunkte).
-
{{ uploadError }}
+
+
+
-
- Schritt 1 · Excel (XLSX) Upload
Datei muss die Spalte Serial enthalten. Optional MAC.
{{ uploadError }}
-
-
-
- Ergebnisse
-
-
-
-
-
-
-
-
+
-
`,
- data() {
- return {
- step: 1, parsedData: [], processedData: [], originalHeaders: [],
- loading: false, progress: 0, currentRow: 0, totalRows: 0, currentSerial: '',
- uploadError: null, serialColumnName: 'Serial', macColumnName: 'MAC',
- fetchedKeys: {
- username: 'fetched_username', customerNumber: 'fetched_customerNumber',
- customerName: 'fetched_customerName', info: 'fetched_info'
- },
- apiBasePath: window.TT_CONFIG?.BASE_PATH
- };
- },
+ data: () => ({ step: 1, parsedData: [], processedData: [], originalHeaders: [], loading: false, progress: 0, currentRow: 0, totalRows: 0, currentSerial: '', uploadError: null, serialColumnName: 'Serial', macColumnName: 'MAC', fetchedKeys: { username: 'fetched_username', customerNumber: 'fetched_customerNumber', customerName: 'fetched_customerName', info: 'fetched_info' }, apiBasePath: window.TT_CONFIG?.BASE_PATH }),
methods: {
resetComponent(){ Object.assign(this.$data, this.$options.data.call(this)); const i=this.$el.querySelector('input[type="file"]'); if (i) i.value=''; },
- onDrop(e){ const f=e.dataTransfer.files?.[0]; if (f) this.readXlsx(f); },
- async handleFileUpload(e){ const f=e.target.files?.[0]; if (f) this.readXlsx(f); },
- async readXlsx(file){
- this.uploadError=null; this.loading=true;
- try{
- await this.loadXLSX();
- const arr = await new Promise((resolve,reject)=>{ const r=new FileReader(); r.onload=ev=>resolve(new Uint8Array(ev.target.result)); r.onerror=()=>reject(new Error('Fehler beim Lesen.')); r.readAsArrayBuffer(file); });
- const wb = XLSX.read(arr, { type:'array' });
- const ws = wb.Sheets[wb.SheetNames[0]];
- this.parsedData = XLSX.utils.sheet_to_json(ws, { defval:'' });
- if (!this.parsedData.length) throw new Error('Die Datei ist leer.');
- this.originalHeaders = Object.keys(this.parsedData[0]);
- if (!this.originalHeaders.includes(this.serialColumnName)) throw new Error(`Erforderliche Spalte '${this.serialColumnName}' nicht gefunden.`);
- this.startProcessing();
- } catch(e){ this.uploadError=e.message; this.loading=false; this.step=1; }
- },
- async loadXLSX(){
- if (window.XLSX) return;
- await new Promise((res,rej)=>{ const s=document.createElement('script'); s.src='https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.0/xlsx.full.min.js'; s.onload=res; s.onerror=()=>rej(new Error('XLSX konnte nicht geladen werden.')); document.head.appendChild(s); });
- },
- async startProcessing(){
- this.loading=true; this.totalRows=this.parsedData.length; this.processedData=[]; this.progress=0; this.currentRow=0;
- const snApi = `${this.apiBasePath}/Radius/proxyUnsecureHTTPRequestToRadius?ont_sn=`;
- const userApi= `${this.apiBasePath}/Radius/proxyUnsecureHTTPRequestToRadius?username=`;
- const sesApi = `${this.apiBasePath}/Radius/proxyUnsecureHTTPRequestToRadius?action2=find_by_current_session&mac=`;
- const setRow = (row, msg, data={})=>{
- const d={ username:`N/A - ${msg}`, customerNumber:'N/A', customerName:'N/A', info:'N/A' };
- Object.keys(this.fetchedKeys).forEach(k => row[this.fetchedKeys[k]] = data[k] || d[k]);
- };
-
- for (const [i,row] of this.parsedData.entries()){
- this.currentRow=i; const out={...row};
- const sn=(''+(row[this.serialColumnName]||'')).trim(); this.currentSerial = `SN: ${sn || '—'}`;
- let found=false;
-
- if (sn){
- try{ const r=await fetch(snApi+encodeURIComponent(sn)); if (r.ok){ const j=await r.json(); if (Array.isArray(j) && j.length>0){ setRow(out,'', j[0]); found=true; } } } catch {}
- }
- if (!found && this.originalHeaders.includes(this.macColumnName)){
- const macRaw=(''+(row[this.macColumnName]||'')).trim();
- if (macRaw && macRaw.length===12){
- const mac = macRaw.toUpperCase().match(/.{1,2}/g).join(':');
- try{
- const s=await fetch(sesApi+encodeURIComponent(mac));
- if (s.ok){ const ses=await s.json(); if (Array.isArray(ses) && ses.length>0){
- const uname = ses[0];
- const u=await fetch(`${userApi}${encodeURIComponent(uname)}&info=&custnum=`);
- if (u.ok){ const d=await u.json(); if (Array.isArray(d) && d.length>0){ setRow(out,'', d[0]); found=true; } }
- }}
- } catch {}
- }
- }
- if (!found) setRow(out, 'Keinen Benutzer gefunden');
-
- this.processedData.push(out);
- this.progress=((i+1)/this.totalRows)*100;
- if ((i+1)%20===0) await new Promise(r=>setTimeout(r,20));
- }
- this.loading=false; this.step=2; this.currentSerial='';
- },
- downloadResults(){
- if (!this.processedData.length) return;
- try{
- const data = this.processedData.map(r=>{
- const o={}; this.originalHeaders.forEach(h=>o[h]=r[h]);
- o['Username']=r[this.fetchedKeys.username];
- o['Kundennummer']=r[this.fetchedKeys.customerNumber];
- o['Kundenname']=r[this.fetchedKeys.customerName];
- o['Info']=r[this.fetchedKeys.info];
- return o;
- });
- const ws=XLSX.utils.json_to_sheet(data); const wb=XLSX.utils.book_new();
- XLSX.utils.book_append_sheet(wb, ws, 'ONT_Finder_Results');
- const ts=new Date().toISOString().replace(/[-:.]/g,'').slice(0,14);
- XLSX.writeFile(wb, `ont_finder_results_${ts}.xlsx`);
- }catch{ if(window.notify) window.notify('error', 'Fehler beim Erstellen der Excel-Datei.'); }
- }
+ async readXlsx(file){ this.uploadError=null; try{ await window.RadiusUtils.loadScript('https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.0/xlsx.full.min.js'); const arr = await new Promise((res,rej)=>{ const r=new FileReader(); r.onload=e=>res(new Uint8Array(e.target.result)); r.onerror=()=>rej(new Error('Fehler beim Lesen.')); r.readAsArrayBuffer(file); }); const wb = XLSX.read(arr, {type:'array'}); const ws = wb.Sheets[wb.SheetNames[0]]; this.parsedData = XLSX.utils.sheet_to_json(ws, {defval:''}); if (!this.parsedData.length) throw new Error('Die Datei ist leer.'); this.originalHeaders = Object.keys(this.parsedData[0]); if (!this.originalHeaders.includes(this.serialColumnName)) throw new Error(`Erforderliche Spalte '${this.serialColumnName}' nicht gefunden.`); this.startProcessing(); } catch(e){ this.uploadError=e.message; this.step=1; } },
+ async startProcessing(){ this.step = 2; this.loading = true; this.totalRows=this.parsedData.length; this.processedData=[]; const setRow = (row, msg, data={})=>{ const d={username:`N/A - ${msg}`,customerNumber:'N/A',customerName:'N/A',info:'N/A'}; Object.keys(this.fetchedKeys).forEach(k=>row[this.fetchedKeys[k]]=data[k]||d[k]); }; for (const [i,row] of this.parsedData.entries()){ this.currentRow=i; const out={...row}; const sn=(''+(row[this.serialColumnName]||'')).trim(); this.currentSerial=`SN: ${sn||'—'}`; let found=false; if (sn){ try{ const r=await fetch(`${this.apiBasePath}/Radius/proxyUnsecureHTTPRequestToRadius?ont_sn=${encodeURIComponent(sn)}`); if(r.ok){ const j=await r.json(); if(Array.isArray(j)&&j.length>0){ setRow(out,'',j[0]); found=true; }}}catch{} } if (!found && this.originalHeaders.includes(this.macColumnName)){ const macRaw=(''+(row[this.macColumnName]||'')).trim(); if(macRaw&&macRaw.length===12){ const mac=macRaw.toUpperCase().match(/.{1,2}/g).join(':'); try{ const s=await fetch(`${this.apiBasePath}/Radius/proxyUnsecureHTTPRequestToRadius?action2=find_by_current_session&mac=${encodeURIComponent(mac)}`); if(s.ok){ const ses=await s.json(); if(Array.isArray(ses)&&ses.length>0){ const u=await fetch(`${this.apiBasePath}/Radius/proxyUnsecureHTTPRequestToRadius?username=${encodeURIComponent(ses[0])}&info=&custnum=`); if(u.ok){ const d=await u.json(); if(Array.isArray(d)&&d.length>0) {setRow(out,'',d[0]); found=true;}}}}}catch{}}} if(!found) setRow(out,'Keinen Benutzer gefunden'); this.processedData.push(out); this.progress=((i+1)/this.totalRows)*100; if ((i+1)%20===0) await new Promise(r=>setTimeout(r,20)); } this.loading=false; this.currentSerial=''; },
+ downloadResults(){ if (!this.processedData.length) return; try{ const data=this.processedData.map(r=>{ const o={}; this.originalHeaders.forEach(h=>o[h]=r[h]); Object.keys(this.fetchedKeys).forEach(k=>{const K=k.charAt(0).toUpperCase()+k.slice(1).replace('Number','nummer').replace('Name','name'); o[K]=r[this.fetchedKeys[k]];}); return o; }); const ws=XLSX.utils.json_to_sheet(data); const wb=XLSX.utils.book_new(); XLSX.utils.book_append_sheet(wb,ws,'ONT_Finder_Results'); XLSX.writeFile(wb, `ont_finder_results_${new Date().toISOString().replace(/[-:.]/g,'').slice(0,14)}.xlsx`); } catch { if(window.notify) window.notify('error', 'Fehler beim Erstellen der Excel-Datei.'); } }
}
-});
+});
\ No newline at end of file
diff --git a/public/js/pages/Radius/RadiusOntParser.js b/public/js/pages/Radius/RadiusOntParser.js
index 5a74dea38..cc35ab919 100644
--- a/public/js/pages/Radius/RadiusOntParser.js
+++ b/public/js/pages/Radius/RadiusOntParser.js
@@ -1,190 +1,36 @@
-/* ===== RadiusOntParser.js =====
- * Styling via gemeinsame ONT CSS; keine Funktionsänderungen, nur UI-Polish.
- */
-
+/* ===== RadiusOntParser.js ===== */
Vue.component('radius-ont-parser', {
template: `
| {{ h }} | -Username | -Kundennummer | -Kundenname | -Info | -
|---|---|---|---|---|
| {{ row[h] }} | -{{ row.fetched_username }} | -{{ row.fetched_customerNumber }} | -{{ row.fetched_customerName }} | -{{ row.fetched_info }} | -
| Keine Daten | -
+
+
-
- Ergebnisse
+
+ {{ h }} Username Kundennummer Kundenname Info {{ item[h] }} {{ item.fetched_username }} {{ item.fetched_customerNumber }} {{ item.fetched_customerName }} {{ item.fetched_info }}
+
+
{{ processedData.length }} Zeilen verarbeitet
-
-
-
- Verarbeitung läuft...
- Aktuell: {{ currentSerial || '—' }}
-
-
Verarbeite Zeile {{ currentRow + 1 }} von {{ totalRows }}
-
-
-
-
-
+ Schritt 1 · Excel (XLSX) Upload
- Laden Sie eine XLSX-Datei mit Ihren Kundendaten.
-
+
+
-
- Schritt 1 · Excel (XLSX) Upload
Laden Sie eine XLSX-Datei mit Ihren Kundendaten.
- setTimeout(r,20));
- }
- this.loading=false; this.processedData = processed; this.step = 3;
- },
- downloadResults(){
- const ws = XLSX.utils.json_to_sheet(this.processedData);
- const wb = XLSX.utils.book_new();
- XLSX.utils.book_append_sheet(wb, ws, 'Results');
- XLSX.writeFile(wb, 'results.xlsx');
- },
+ async readXlsx(file){ await window.RadiusUtils.loadScript('https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.0/xlsx.full.min.js'); const fr = new FileReader(); fr.onload = (e)=>{ const wb = XLSX.read(new Uint8Array(e.target.result), { type: 'array' }); this.parsedData = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]); this.headers = Object.keys(this.parsedData[0] || {}); this.step = 2; }; fr.readAsArrayBuffer(file); },
+ async startProcessing(){ this.step = 3; this.loading = true; this.totalRows = this.parsedData.length; this.processedData = []; this.currentRow = 0; const p = []; const b = window.TT_CONFIG.BASE_PATH; loop: for (let i=0; isetTimeout(r,20)); } this.loading=false; this.processedData = p; },
+ downloadResults(){ const ws = XLSX.utils.json_to_sheet(this.processedData); const wb = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(wb, ws, 'Results'); XLSX.writeFile(wb, 'results.xlsx'); },
resetLocal(){ Object.assign(this.$data, this.$options.data.call(this)); }
}
-});
+});
\ No newline at end of file
diff --git a/public/js/pages/Radius/RadiusUnused.js b/public/js/pages/Radius/RadiusUnused.js
new file mode 100644
index 000000000..463cb6d3f
--- /dev/null
+++ b/public/js/pages/Radius/RadiusUnused.js
@@ -0,0 +1,47 @@
+/* ===== RadiusUnused.js ===== */
+Vue.component('radius-unused-users', {
+ template: `
+
-
- Schritt 2 · Spaltenzuordnung
-
-
-
-
-
-
-
-
-
-
-
+
-
`,
- data() {
- return {
- step: 1, headers: [], parsedData: [], processedData: [],
- selectedColumns: { kundennummer: 'crmPartner', anschlussstrasse: 'AnlStrasse', anschlussplz: 'AnlPlz', anschlusscity: 'AnlOrt' },
- requiredFields: [
- { key: 'kundennummer', label: 'Kundennummer' },
- { key: 'anschlussstrasse', label: 'Anschlussstraße' },
- { key: 'anschlussplz', label: 'Anschluss PLZ' },
- { key: 'anschlusscity', label: 'Anschluss City' }
- ],
- loading: false, progress: 0, currentRow: 0, totalRows: 0
- };
- },
+ data: () => ({ step: 1, headers: [], parsedData: [], processedData: [], selectedColumns: { kundennummer: 'crmPartner', anschlussstrasse: 'AnlStrasse', anschlussplz: 'AnlPlz', anschlusscity: 'AnlOrt' }, requiredFields: [ { key: 'kundennummer', label: 'Kundennummer' }, { key: 'anschlussstrasse', label: 'Anschlussstraße' }, { key: 'anschlussplz', label: 'Anschluss PLZ' }, { key: 'anschlusscity', label: 'Anschluss City' } ], loading: false, progress: 0, currentRow: 0, totalRows: 0, currentCustomerNumber: '' }),
methods: {
- onDrop(e){ const f = e.dataTransfer.files?.[0]; if (f) this.readXlsx(f); },
- handleFileUpload(e){ const f = e.target.files?.[0]; if (f) this.readXlsx(f); },
- async readXlsx(file){
- await this.loadXLSX();
- const fr = new FileReader();
- fr.onload = (e)=>{
- const data = new Uint8Array(e.target.result);
- const wb = XLSX.read(data, { type: 'array' });
- const ws = wb.Sheets[wb.SheetNames[0]];
- this.parsedData = XLSX.utils.sheet_to_json(ws);
- this.headers = Object.keys(this.parsedData[0] || {});
- this.step = 2;
- };
- fr.readAsArrayBuffer(file);
- },
- async loadXLSX(){
- if (window.XLSX) return;
- await new Promise((res, rej)=>{
- const s=document.createElement('script');
- s.src='https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.0/xlsx.full.min.js';
- s.onload=res; s.onerror=rej; document.head.appendChild(s);
- });
- },
- async startProcessing(){
- this.loading = true; this.totalRows = this.parsedData.length;
- const processed = [];
-
- const dataToProcess = this.parsedData;
-
- loop:
- for (let i=0; i
+
+
+
+
+ Schritt 2 · Spaltenzuordnung
+
+
-
- Schritt 3 · Ergebnisse
+
+
+
+ {{ h.label }} ONT SN {{ item[selectedColumns.kundennummer] }} {{ item[selectedColumns.anschlussstrasse] }} {{ item[selectedColumns.anschlussplz] }} {{ item[selectedColumns.anschlusscity] }} {{ item.ont_sn }}
+
+
Aktueller Kunde: {{ currentCustomerNumber || '—' }}
+{{ processedData.length }} Zeilen verarbeitet
-
-
-
-
-
- Schritt 3 · Ergebnisse
-
-
-
-
-
-
-
-
-
-
- | {{ header.label }} | - -ONT SN | -|||
|---|---|---|---|---|
| {{ row[selectedColumns.kundennummer] }} | -{{ row[selectedColumns.anschlussstrasse] }} | -{{ row[selectedColumns.anschlussplz] }} | -{{ row[selectedColumns.anschlusscity] }} | -{{ row.ont_sn }} | -
| Keine Daten | -||||
-
-
-
-
- Verarbeitung läuft...
- Ihre Daten werden Zeile für Zeile analysiert.
-
-
{{ currentRow + 1 }} / {{ totalRows }}
-
+
+ `,
+ data: () => ({ users: [], isLoading: false, _initialized: false, hasSearched: false, window: window, visibleCount: 50, observer: null, activeFilter: 'all', filters: [{id: 'all', name:'Alle', icon:'fa-duotone fa-globe'},{id:'nat', name:'NAT*', icon:'fa-duotone fa-users'},{id:'st', name:'ST*', icon:'fa-duotone fa-server'},{id:'stf', name:'STF*', icon:'fa-duotone fa-id-card-clip'}] }),
+ computed: { filteredUsers() { return this.activeFilter === 'all' ? this.users : this.users.filter(u => u.username && u.username.startsWith(this.activeFilter)); }, visibleFilteredUsers() { return this.filteredUsers.slice(0, this.visibleCount); } },
+ mounted() { this.observer = new IntersectionObserver(([e]) => { if (e && e.isIntersecting) this.loadMore(); }, { root: this.$refs.tableWrap, threshold: 0.1 }); if (this.$refs.sentinel) this.observer.observe(this.$refs.sentinel); },
+ beforeDestroy() { if (this.observer) this.observer.disconnect(); },
+ updated() { if (this.observer && this.$refs.sentinel) { this.observer.disconnect(); this.observer.observe(this.$refs.sentinel); } },
+ methods: {
+ initIfNeeded() { if (this._initialized) return; this._initialized = true; },
+ setFilter(filter) { this.activeFilter = filter; this.visibleCount = 50; },
+ async fetchUnusedUsers() { this.isLoading = true; this.hasSearched = true; this.visibleCount = 50; this.users = []; try { const res = await fetch(`${window.TT_CONFIG.BASE_PATH}/Radius/proxyUnsecureHTTPRequestToRadius?action2=reportUnused`); this.users = res.ok ? (await res.json() || []) : []; } catch (e) { console.error("Failed to fetch unused users:", e); this.users = []; } this.isLoading = false; },
+ loadMore() { if (this.visibleCount < this.filteredUsers.length) this.visibleCount += 50; }
+ }
+});
\ No newline at end of file
diff --git a/public/js/pages/Radius/RadiusUsers.js b/public/js/pages/Radius/RadiusUsers.js
index 96cfd6445..2db98d65c 100644
--- a/public/js/pages/Radius/RadiusUsers.js
+++ b/public/js/pages/Radius/RadiusUsers.js
@@ -1,141 +1,63 @@
-/* ===== RadiusUsers.js =====
- * Labels entfernt; Platzhalter vereinheitlicht; Online-Status Info; Copy-Tooltips vereinheitlicht;
- * Modal zeigt Skeleton mit Überschriften.
- */
+/* ===== RadiusUsers.js ===== */
Vue.component('radius-users', {
template: `
+
+
+
+
+
+
+
+
+ Kundennummer Username Letzter Login Info Sessions Dauer Traffic {{ item.customerNumber }}
+ {{ item.username }}
+ {{ item.lastLogin }} {{ item.info }}
+ {{ item.totalSessions }}
+ {{ window.RadiusUtils.formatDuration(item.totalDurationSeconds) }}
+ {{ window.RadiusUtils.formatBytes(item.totalTrafficBytes) }}
+
+
+
+
+
+
+
+
+ Die Abfrage läuft...
+ Dies kann einen Moment dauern, da große Datenmengen analysiert werden.
+ {{ filteredUsers.length }} Treffer gefunden
+
-
+
-
-
-
- z.B. nat* für lazy Suche
-
-
+
+ z.B. nat* für lazy Suche
+
+
+ Prefixe: '=' exakt, '*' Verlauf (lazy), '*=' Verlauf (exakt)
+
+
+
+
+
-
-
+
-
- z.B. =100.64.32.250 für exakte Suche
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
-
+
+
+
`,
- data() {
- return {
- window: window,
- billAddrDisplay: '', billAddrCustnum: '', username: '', ip: '', info: '',
- radiusUsers: [],
- checkOnlineState: false,
- isLoading: false,
- showRadacctModal: false,
- radacctData: null,
- searchCount: 0,
- hasSearched: false,
- visibleCount: 50,
- observer: null,
- };
- },
+ data: () => ({ window: window, billAddrDisplay: '', billAddrCustnum: '', username: '', ip: '', info: '', searchMode: 'autocomplete', radiusUsers: [], checkOnlineState: false, isLoading: false, showRadacctModal: false, radacctData: null, searchCount: 0, hasSearched: false, visibleCount: 50, observer: null, showTransferModal: false, transferInitialLoading: false, transferMonthlyLoading: false, transferModalUsername: '', transferYear: new Date().getFullYear(), transferMonth: new Date().getMonth() + 1, transferYearlyData: null, transferMonthlyData: null, transferChartInstance: null, showYearDropdown: false }),
computed: {
- hasFilters() {
- return this.billAddrDisplay || this.username || this.ip || this.info;
- },
- visibleUsers() {
- return this.radiusUsers.slice(0, this.visibleCount);
- }
+ hasFilters() { return this.billAddrDisplay || this.username || this.ip || this.info; },
+ visibleUsers() { return this.radiusUsers.slice(0, this.visibleCount); },
+ availableYears() { const c = new Date().getFullYear(), s = 2021; if (s > c) return [c]; return Array.from({length: c - s + 1}, (_, i) => c - i); },
+ allMonths() { return Array.from({ length: 12 }, (_, i) => ({ month: i + 1, name: new Date(2000, i, 1).toLocaleString('de-DE', { month: 'short' }) })); }
},
mounted() {
- this.observer = new IntersectionObserver(([entry]) => {
- if (entry && entry.isIntersecting) {
- this.loadMore();
- }
- }, { root: this.$refs.tableWrap, threshold: 0.1 });
- if (this.$refs.sentinel) {
- this.observer.observe(this.$refs.sentinel);
- }
+ this.observer = new IntersectionObserver(([e]) => { if (e && e.isIntersecting) this.loadMore(); }, { root: this.$refs.tableWrap, threshold: 0.1 });
+ if (this.$refs.sentinel) this.observer.observe(this.$refs.sentinel);
},
beforeDestroy() {
- if (this.observer) {
- this.observer.disconnect();
- }
+ if (this.observer) this.observer.disconnect();
+ if (this.transferChartInstance) this.transferChartInstance.destroy();
},
updated() {
- // Re-observe if the table view is re-rendered
- if (this.observer && this.$refs.sentinel) {
- this.observer.disconnect();
- this.observer.observe(this.$refs.sentinel);
- }
+ if (this.observer && this.$refs.sentinel) { this.observer.disconnect(); this.observer.observe(this.$refs.sentinel); }
},
methods: {
onAddrSelect({ custnum, display }) { this.billAddrCustnum = custnum || ''; this.billAddrDisplay = display || ''; },
+ onModeChange(newMode) { this.searchMode = newMode; },
async loadRadiusUsers() {
- this.isLoading = true;
- this.radiusUsers = [];
- this.hasSearched = true;
- this.visibleCount = 50; // Reset visible count on new search
+ this.isLoading = true; this.radiusUsers = []; this.hasSearched = true; this.visibleCount = 50;
try {
- const params = new URLSearchParams({
- username: this.username || '',
- info: this.info || '',
- custnum: this.billAddrCustnum || '',
- ip: this.ip || ''
- });
- const res = await fetch(`${window.TT_CONFIG['BASE_PATH']}/Radius/proxyUnsecureHTTPRequestToRadius?${params.toString()}`);
- if (res.ok) {
- const users = await res.json();
- if (Array.isArray(users) && users.length < 6) this.checkOnlineState = true;
- this.radiusUsers = Array.isArray(users) ? users : [];
- }
+ const p = new URLSearchParams({ username: this.username || '', info: this.info || '', ip: this.ip || '' });
+ if (this.searchMode === 'text') p.set('estmk_nr', this.billAddrDisplay || ''); else p.set('custnum', this.billAddrCustnum || '');
+ const r = await fetch(`${window.TT_CONFIG.BASE_PATH}/Radius/proxyUnsecureHTTPRequestToRadius?${p.toString()}`);
+ if (r.ok) { const u = await r.json(); if (Array.isArray(u) && u.length < 6) this.checkOnlineState = true; this.radiusUsers = Array.isArray(u) ? u : []; }
} catch (e) { console.error(e); }
- this.isLoading = false;
- this.searchCount++;
+ this.isLoading = false; this.searchCount++;
},
async fetchRadacctData(username) {
this.showRadacctModal = true; this.radacctData = null;
try {
- const params = new URLSearchParams({ action2: 'fetchRadacct', username });
- const res = await fetch(`${window.TT_CONFIG['BASE_PATH']}/Radius/proxyUnsecureHTTPRequestToRadius?${params.toString()}`);
- if (res.ok) this.radacctData = await res.json();
+ const r = await fetch(`${window.TT_CONFIG.BASE_PATH}/Radius/proxyUnsecureHTTPRequestToRadius?action2=fetchRadacct&username=${encodeURIComponent(username)}`);
+ if (r.ok) this.radacctData = await r.json();
} catch (e) { console.error(e); this.radacctData = {}; }
},
- async copy(text, type) {
- await window.RadiusUtils.copyToClipboard(text);
- if (window.notify) {
- window.notify('success', `${type} kopiert!`);
- }
+ async copy(text, event) {
+ if (!event || !event.currentTarget) return; const btn = event.currentTarget; if (btn.classList.contains('is-copied')) return;
+ await window.RadiusUtils.copyToClipboard(text); btn.classList.add('is-copied'); btn.disabled = true;
+ setTimeout(() => { btn.classList.remove('is-copied'); btn.disabled = false; }, 1500);
},
- clearFilters() {
- this.billAddrDisplay = '';
- this.billAddrCustnum = '';
- this.username = '';
- this.ip = '';
- this.info = '';
- this.radiusUsers = [];
- this.hasSearched = false;
+ clearFilters() { this.billAddrDisplay = ''; this.billAddrCustnum = ''; this.username = ''; this.ip = ''; this.info = ''; this.radiusUsers = []; this.hasSearched = false; },
+ loadMore() { if (this.visibleCount < this.radiusUsers.length) this.visibleCount += 50; },
+ async openTransferModal(username) { this.showTransferModal = true; this.transferModalUsername = username; this.transferYear = new Date().getFullYear(); this.transferMonth = new Date().getMonth() + 1; await this.fetchTransferYearData(); },
+ closeTransferModal() { this.showTransferModal = false; this.transferModalUsername = ''; this.transferYearlyData = null; this.transferMonthlyData = null; this.showYearDropdown = false; if (this.transferChartInstance) { this.transferChartInstance.destroy(); this.transferChartInstance = null; } },
+ async fetchTransferYearData() {
+ this.transferInitialLoading = true; this.transferYearlyData = null;
+ try {
+ const r = await fetch(`${window.TT_CONFIG.BASE_PATH}/Radius/proxyUnsecureHTTPRequestToRadius?action2=transferStatistic&username=${this.transferModalUsername}&year=${this.transferYear}&month=0`);
+ if (r.ok) { const d = await r.json(); if(d && d.monthlySummary) { this.transferYearlyData = d; const last = [...d.monthlySummary].reverse().find(m => m.grandTotalBytes > 0); this.transferMonth = last ? last.month : new Date().getMonth() + 1; await this.fetchTransferMonthData(); }}
+ else this.transferYearlyData = null;
+ } catch (e) { console.error(e); this.transferYearlyData = null; }
+ this.transferInitialLoading = false;
},
- loadMore() {
- if (this.visibleCount < this.radiusUsers.length) {
- this.visibleCount += 50;
- }
+ async fetchTransferMonthData() {
+ this.transferMonthlyLoading = true; this.transferMonthlyData = null; if (this.transferChartInstance) this.transferChartInstance.destroy();
+ try {
+ const r = await fetch(`${window.TT_CONFIG.BASE_PATH}/Radius/proxyUnsecureHTTPRequestToRadius?action2=transferStatistic&username=${this.transferModalUsername}&year=${this.transferYear}&month=${this.transferMonth}`);
+ this.transferMonthlyData = r.ok ? await r.json() : null;
+ } catch (e) { console.error(e); this.transferMonthlyData = null; }
+ this.transferMonthlyLoading = false;
+ this.$nextTick(() => { if(this.showTransferModal) this.renderTransferChart(); });
+ },
+ isMonthDisabled(month) {
+ if (this.transferInitialLoading || this.transferMonthlyLoading) return true;
+ if (!this.transferYearlyData?.monthlySummary) return true;
+ const m = this.transferYearlyData.monthlySummary.find(m => m.month === month); return !m || m.grandTotalBytes === 0;
+ },
+ selectYear(year) { this.showYearDropdown = false; if (this.transferYear !== year) this.changeTransferYear(year); },
+ async changeTransferYear(year) { this.transferYear = year; await this.fetchTransferYearData(); },
+ async changeTransferMonth(month) { this.transferMonth = month; await this.fetchTransferMonthData(); },
+ processChartData(details) {
+ if (!details || !details.length) return { labels: [], datasets: [] };
+ const daily = details.reduce((a, s) => { const d = s.startTime.split(' ')[0]; if (!a[d]) a[d] = { downloadBytes: 0, uploadBytes: 0 }; a[d].downloadBytes += Number(s.downloadBytes) || 0; a[d].uploadBytes += Number(s.uploadBytes) || 0; return a; }, {});
+ const dates = Object.keys(daily).sort((a, b) => new Date(a) - new Date(b));
+ return { labels: dates, datasets: [ { label: 'Download', data: dates.map(d => daily[d].downloadBytes), borderColor: 'rgba(15, 157, 88, 0.8)', backgroundColor: 'rgba(15, 157, 88, 0.1)', fill: true, tension: 0.3, pointRadius: 2, borderWidth: 1.5 }, { label: 'Upload', data: dates.map(d => daily[d].uploadBytes), borderColor: 'rgba(0, 83, 132, 0.8)', backgroundColor: 'rgba(0, 83, 132, 0.1)', fill: true, tension: 0.3, pointRadius: 2, borderWidth: 1.5 } ] };
+ },
+ renderTransferChart() {
+ if (this.transferChartInstance) this.transferChartInstance.destroy();
+ if (!this.$refs.transferChartCanvas || !this.transferMonthlyData?.details?.length || !window.Chart) return;
+ const d = this.processChartData(this.transferMonthlyData.details); if (!d.labels.length) return;
+ this.transferChartInstance = new Chart(this.$refs.transferChartCanvas.getContext('2d'), { type: 'line', data: d, options: { responsive: true, maintainAspectRatio: false, scales: { x: { type: 'time', time: { unit: 'day', tooltipFormat: 'DD.MM.YYYY', displayFormats: { day: 'DD.MM' } }, grid: { display: false }, ticks: { maxRotation: 0, autoSkip: true, maxTicksLimit: 15 } }, y: { beginAtZero: true, ticks: { callback: (v) => window.RadiusUtils.formatBytes(v, 0) }, grid: { color: 'rgba(0,0,0,0.05)' } } }, plugins: { tooltip: { callbacks: { label: (c) => `${c.dataset.label || ''}: ${window.RadiusUtils.formatBytes(c.parsed.y)}` } }, legend: { position: 'bottom', labels: { usePointStyle: true, boxWidth: 8, padding: 20 } } }, interaction: { mode: 'index', intersect: false } } });
}
}
});
\ No newline at end of file
-
-
- Beginnen Sie Ihre Suche, indem Sie Filter eingeben.
-
-
-
-
- Keine Ergebnisse für Ihre Suche gefunden.
-
-
+
+
+
+ Kundennummer
+ Username
+ Info
+ Status
+ Aktionen
+
+
+
+
+ {{ item.customerNumber }}
+ {{ item.username }}
+ {{ item.info }}
+
+
+
+
+
+
+
+
@@ -143,59 +65,22 @@ Vue.component('radius-users', {
-
-
-
-
- | Kundennummer | -Username | -Info | -Status | -Aktionen | -
|---|---|---|---|---|
| - | - | - | - | - |
| - - {{ user.customerNumber }} - - | -- - {{ user.username }} - - - | -{{ user.info }} | -
-
- |
- - - | -
- Suche läuft...
- {{ radiusUsers.length }} Treffer gefunden
-
+
+ Suche läuft...
+ {{ radiusUsers.length }} Treffer gefunden
Status
-
-
-
+
-
- {{ radacctData.online ? 'Online' : 'Offline' }}
-
-
-
-
{{ radacctData.online ? 'Online' : 'Offline' }}
IP
-
-
-
-
-
+
-
- {{ radacctData.ip || '—' }}
-
-
-
{{ radacctData.ip || '—' }}
- Kundennummer
-
- {{ radacctData.customerNumber || '—' }}
-
- Kundenname
-
- {{ radacctData.customerName || '—' }}
-
- Info
-
- {{ radacctData.info || '—' }}
-
- WLAN Password
-
- {{ radacctData.wlanPassword || '—' }}
-
- Bandbreite
-
+ {{ radacctData.actualBandwidth || '—' }}
- Kundennummer
+ {{ radacctData.customerNumber || '—' }}Kundenname
+ {{ radacctData.customerName || '—' }}
Info
+ {{ radacctData.info || '—' }}
WLAN Password
+ {{ radacctData.wlanPassword || '—' }}Bandbreite
{{ radacctData.actualBandwidth || '—' }}Kundennummer
@@ -206,104 +91,133 @@ Vue.component('radius-users', {
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ y }}
Gesamt {{ transferYear }}:
{{ window.RadiusUtils.formatBytes(transferYearlyData.yearlySummary.grandTotalBytes) }}
+ {{ window.RadiusUtils.formatBytes(transferYearlyData.yearlySummary.grandTotalBytes) }}
+
+
+
+
+
+ Monat gesamt
{{ window.RadiusUtils.formatBytes(transferMonthlyData?.summary?.grandTotalBytes || 0) }}
Download
{{ window.RadiusUtils.formatBytes(transferMonthlyData?.summary?.totalDownloadBytes || 0) }}
Upload
{{ window.RadiusUtils.formatBytes(transferMonthlyData?.summary?.totalUploadBytes || 0) }}
Dauer
{{ window.RadiusUtils.formatDuration(transferMonthlyData?.summary?.totalDurationSeconds || 0) }}
+
+
+
Keine Daten in diesem Monat verfügbar
+
+
+
+
+
+ Keine detaillierten Daten für diesen Monat.
+ | Startzeit | Dauer | IP-Adresse | Download | Upload | Gesamt |
|---|---|---|---|---|---|
| {{ d.startTime }} | {{ window.RadiusUtils.formatDuration(d.durationSeconds) }} | {{ d.ipAddress }} | {{ window.RadiusUtils.formatBytes(d.downloadBytes) }} | {{ window.RadiusUtils.formatBytes(d.uploadBytes) }} | {{ window.RadiusUtils.formatBytes(d.totalBytes) }} |
Daten konnten nicht geladen werden.