https://fels-wagram.at/assets/devices.7d61c7e.js

1import{P as B,B as C,C as D,a as N,b as A,g as O,A as S,p as E,e as L,f as x}from"./index.7d61c7e26.js";import{_ as T}from"./datepicker.7d61c7e.js";import{c as o,o as d,a as e,b as h,e as v,B as f,F as m,r as b,O as _,t as n,m as V,i as P}from"./client.7d61c7e.js";import"./utc.7d61c7e.js";import"./duration.7d61c7e.js";import"./difference.7d61c7e.js";const F={class:"cms-analytics-report-devices"},G={class:"cms-modern-card-page-header"},M={class:"cms-modern-card-page-header-actions"},z={class:"date-filter"},H={class:"date-input"},I={class:"date-input"},K={class:"charts-row"},U={class:"chart-card"},W={class:"card-body"},Z={class:"chart-container"},j={class:"chart-legend"},q={class:"legend-label"},J={class:"legend-value"},Q={class:"chart-card"},X={class:"card-body"},Y={class:"chart-container"},$={class:"charts-row"},ee={class:"table-card"},se={class:"card-header"},te={key:0,class:"card-badge"},ae={class:"card-body"},re={key:0,class:"data-table"},ne={class:"table-cell main"},le={class:"table-cell sub"},oe={class:"table-cell number"},de={class:"table-cell number"},ie={class:"percent-bar"},ce={key:1,class:"empty-state"},ue={class:"table-card"},pe={class:"card-header"},ve={key:0,class:"card-badge"},me={class:"card-body"},be={key:0,class:"os-list"},_e={class:"browser-label"},he={class:"browser-bar-wrap"},ge={class:"browser-count"},ye={class:"browser-pct"},we={key:1,class:"empty-state"},fe={key:0,class:"table-card"},Ve={class:"card-header"},ke={class:"card-badge"},Re={class:"card-body"},Be={class:"data-table"},Ce={class:"table-cell main"},De={class:"table-cell sub"},Ne={class:"table-cell number"},Ae={class:"table-cell number"},Oe={class:"percent-bar"};function Se(r,s,a,i,c,l){var y,w;const g=T,k=f("Pie"),R=f("Bar");return d(),o("div",F,[e("div",G,[s[7]||(s[7]=e("div",{class:"cms-modern-card-page-header-icon"},[e("i",{class:"material-icons"},"devices")],-1)),s[8]||(s[8]=e("div",{class:"cms-modern-card-page-header-content"},[e("h1",null,"Geräte & Browser"),e("p",null,"Gerätetypen, Browser und Betriebssysteme im Detail")],-1)),e("div",M,[e("div",z,[e("div",H,[s[3]||(s[3]=e("i",{class:"material-icons"},"event",-1)),v(g,{modelValue:c.dateRange.start,"onUpdate:modelValue":s[0]||(s[0]=t=>c.dateRange.start=t),label:"Von",onlyDate:!0},null,8,["modelValue"])]),s[6]||(s[6]=e("div",{class:"date-separator"},"bis",-1)),e("div",I,[s[4]||(s[4]=e("i",{class:"material-icons"},"event",-1)),v(g,{modelValue:c.dateRange.end,"onUpdate:modelValue":s[1]||(s[1]=t=>c.dateRange.end=t),label:"Bis",onlyDate:!0},null,8,["modelValue"])]),e("button",{class:"apply-btn",onClick:s[2]||(s[2]=(...t)=>l.loadReport&&l.loadReport(...t))},[...s[5]||(s[5]=[e("i",{class:"material-icons"},"check",-1),e("span",null,"Anwenden",-1)])])])])]),e("div",K,[e("div",U,[s[9]||(s[9]=e("div",{class:"card-header"},[e("div",{class:"card-title"},[e("i",{class:"material-icons"},"devices"),e("span",null,"Gerätetypen")])],-1)),e("div",W,[e("div",Z,[v(k,{data:l.deviceChartData,options:c.chartOptions},null,8,["data","options"])]),e("div",j,[(d(!0),o(m,null,b(l.deviceLegend,(t,u)=>(d(),o("div",{class:"legend-item",key:t.name},[e("div",{class:"legend-dot",style:_({background:c.CHART_COLORS[u]})},null,4),e("div",q,n(t.name),1),e("div",J,n(t.count)+" ("+n(t.percent)+"%)",1)]))),128))])])]),e("div",Q,[s[10]||(s[10]=e("div",{class:"card-header"},[e("div",{class:"card-title"},[e("i",{class:"material-icons"},"language"),e("span",null,"Browser")])],-1)),e("div",X,[e("div",Y,[v(R,{data:l.browserChartData,options:c.barOptions},null,8,["data","options"])])])])]),e("div",$,[e("div",ee,[e("div",se,[s[11]||(s[11]=e("div",{class:"card-title"},[e("i",{class:"material-icons"},"layers"),e("span",null,"Browser-Versionen")],-1)),(y=c.report.browserVersions)!=null&&y.length?(d(),o("div",te,[e("span",null,n(c.report.browserVersions.length)+" Versionen",1)])):h("",!0)]),e("div",ae,[(w=c.report.browserVersions)!=null&&w.length?(d(),o("div",re,[s[12]||(s[12]=V('<div class="table-header" data-v-84706139><div class="table-cell main" data-v-84706139>Browser</div><div class="table-cell sub" data-v-84706139>Version</div><div class="table-cell number" data-v-84706139>Besuche</div><div class="table-cell number" data-v-84706139>Anteil</div></div>',1)),(d(!0),o(m,null,b(l.browserVersions,(t,u)=>(d(),o("div",{class:"table-row",key:u}

1,[e("div",ne,n(t.browser),1),e("div",le,n(t.version),1),e("div",oe,n(l.formatNumber(t.count)),1),e("div",de,[e("div",ie,[e("div",{class:"percent-fill",style:_({width:t.percent+"%"})},null,4)]),e("span",null,n(t.percent)+"%",1)])]))),128))])):(d(),o("div",ce,[...s[13]||(s[13]=[e("i",{class:"material-icons"},"layers",-1),e("p",null,"Keine Versionsdaten (neue Daten werden ab sofort erfasst)",-1)])]))])]),e("div",ue,[e("div",pe,[s[14]||(s[14]=e("div",{class:"card-title"},[e("i",{class:"material-icons"},"computer"),e("span",null,"Betriebssysteme")],-1)),l.osNames.length?(d(),o("div",ve,[e("span",null,n(l.osNames.length)+" Systeme",1)])):h("",!0)]),e("div",me,[l.osNames.length?(d(),o("div",be,[(d(!0),o(m,null,b(l.osNames,t=>(d(),o("div",{class:"browser-row",key:t.name},[e("div",_e,n(t.name),1),e("div",he,[e("div",{class:"browser-bar",style:_({width:t.percent+"%"})},null,4)]),e("div",ge,n(l.formatNumber(t.count)),1),e("div",ye,n(t.percent)+"%",1)]))),128))])):(d(),o("div",we,[...s[15]||(s[15]=[e("i",{class:"material-icons"},"computer",-1),e("p",null,"Keine Betriebssystemdaten",-1)])]))])])]),l.osVersions.length?(d(),o("div",fe,[e("div",Ve,[s[16]||(s[16]=e("div",{class:"card-title"},[e("i",{class:"material-icons"},"layers"),e("span",null,"OS-Versionen")],-1)),e("div",ke,[e("span",null,n(l.osVersions.length)+" Versionen",1)])]),e("div",Re,[e("div",Be,[s[17]||(s[17]=V('<div class="table-header" data-v-84706139><div class="table-cell main" data-v-84706139>Betriebssystem</div><div class="table-cell sub" data-v-84706139>Version</div><div class="table-cell number" data-v-84706139>Besuche</div><div class="table-cell number" data-v-84706139>Anteil</div></div>',1)),(d(!0),o(m,null,b(l.osVersions,(t,u)=>(d(),o("div",{class:"table-row",key:u},[e("div",Ce,n(t.os),1),e("div",De,n(t.version),1),e("div",Ne,n(l.formatNumber(t.count)),1),e("div",Ae,[e("div",Oe,[e("div",{class:"percent-fill",style:_({width:t.percent+"%"})},null,4)]),e("span",null,n(t.percent)+"%",1)])]))),128))])])])):h("",!0)])}D.register(N,A,O,S,E,L,x);const p=["#41b883","#2196F3","#ff9800","#e91e63","#9c27b0","#00bcd4","#8bc34a","#ff5722"],Ee={name:"AnalyticsReportDevices",components:{Bar:C,Pie:B},data(){return{CHART_COLORS:p,dateRange:{start:new Date(Date.now()-30*24*60*60*1e3),end:new Date},report:{},chartOptions:{responsive:!0,maintainAspectRatio:!1,cutout:"60%",plugins:{legend:{display:!1},tooltip:{backgroundColor:"#333",padding:12,cornerRadius:8}}},barOptions:{responsive:!0,maintainAspectRatio:!1,indexAxis:"y",plugins:{legend:{display:!1},tooltip:{backgroundColor:"#333",padding:12,cornerRadius:8}},scales:{x:{beginAtZero:!0,grid:{color:"rgba(0,0,0,0.06)"},ticks:{color:"#666"}},y:{grid:{display:!1},ticks:{color:"#666",font:{size:12}}}}}}},computed:{deviceLegend(){const r=this.report.deviceTypes||[],s=r.reduce((a,i)=>a+i.count,0)||1;return r.map((a,i)=>({name:a.name||"unbekannt",count:a.count,percent:Math.round(a.count/s*100),color:p[i]}))},deviceChartData(){const r=this.report.deviceTypes||[];return{labels:r.map(s=>s.name||"unbekannt"),datasets:[{data:r.map(s=>s.count),backgroundColor:p,borderWidth:0,hoverOffset:4}]}},browserChartData(){const r=this.report.browsers||[];return{labels:r.map(s=>s.name),datasets:[{data:r.map(s=>s.count),backgroundColor:r.map((s,a)=>p[a%p.length]),borderRadius:4,borderWidth:0}]}},browserVersions(){const r=this.report.browserVersions||[],s=r.reduce((a,i)=>a+i.count,0)||1;return r.map(a=>({...a,percent:Math.round(a.count/s*100)}))},osNames(){const r=this.report.osNames||[],s=r.reduce((a,i)=>a+i.count,0)||1;return r.map(a=>({name:a.name,count:a.count,percent:Math.round(a.count/s*100)}))},osVersions(){const r=this.report.osVersions||[],s=r.reduce((a,i)=>a+i.count,0)||1;return r.map(a=>({...a,percent:Math.round(a.count/s*100)}))}},async mounted(){await this.loadReport()},methods:{async loadReport(){try{this.report=await this.$store.dispatch("analytics/GET_REPORT",{type:"devices",startDate:this.dateRange.start,endDate:this.dateRange.end})||{}}catch(r){console.error("Failed to load devices report:",r)}},formatNumber(r){return(r||0).toLocaleString("de-DE")}}},Me=P(Ee,[["render",Se],["__scopeId","data-v-84706139"]]);export{Me as default};