sean
d26db06f74
NPM Installation / build (16.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (16.x, windows-latest) (push) Has been cancelled
NPM Installation / build (17.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (17.x, windows-latest) (push) Has been cancelled
NPM Installation / build (18.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (18.x, windows-latest) (push) Has been cancelled
1 line
12 KiB
JavaScript
1 line
12 KiB
JavaScript
import{Bt as e,It as t,Jt as n,Lt as r,Pt as i,Qt as a,Vt as o,Wt as s,Xt as c,an as l,qt as u,rn as d,tn as f,zt as p}from"./index-qNrWYJXL.js";import{n as m,t as h}from"./4-CGNZw0Rn.js";import{t as g}from"./esm-D5tqpA72.js";import{n as _,r as v,t as y}from"./WidgetsStatsTypeD-duglFzY_.js";var b=``+new URL(`2-DU4eQes8.jpg`,import.meta.url).href,x=``+new URL(`3-D73ZQ4h9.jpg`,import.meta.url).href,S=``+new URL(`5-C7PguISa.jpg`,import.meta.url).href,C=``+new URL(`6-DAej8nlJ.jpg`,import.meta.url).href,w={__name:`MainChart`,setup(e){let t=(e,t)=>Math.floor(Math.random()*(t-e+1)+e),n=f(),i={labels:[`January`,`February`,`March`,`April`,`May`,`June`,`July`],datasets:[{label:`My First dataset`,backgroundColor:`rgba(${v(`--cui-info-rgb`)}, .1)`,borderColor:v(`--cui-info`),pointHoverBackgroundColor:v(`--cui-info`),borderWidth:2,data:[t(50,200),t(50,200),t(50,200),t(50,200),t(50,200),t(50,200),t(50,200)],fill:!0},{label:`My Second dataset`,backgroundColor:`transparent`,borderColor:v(`--cui-success`),pointHoverBackgroundColor:v(`--cui-success`),borderWidth:2,data:[t(50,200),t(50,200),t(50,200),t(50,200),t(50,200),t(50,200),t(50,200)]},{label:`My Third dataset`,backgroundColor:`transparent`,borderColor:v(`--cui-danger`),pointHoverBackgroundColor:v(`--cui-danger`),borderWidth:1,borderDash:[8,5],data:[65,65,65,65,65,65,65]}]},a={maintainAspectRatio:!1,plugins:{legend:{display:!1}},scales:{x:{grid:{color:v(`--cui-border-color-translucent`),drawOnChartArea:!1},ticks:{color:v(`--cui-body-color`)}},y:{beginAtZero:!0,border:{color:v(`--cui-border-color-translucent`)},grid:{color:v(`--cui-border-color-translucent`)},max:250,ticks:{color:v(`--cui-body-color`),maxTicksLimit:5,stepSize:50}}},elements:{line:{tension:.4},point:{radius:0,hitRadius:10,hoverRadius:4,hoverBorderWidth:3}}};return s(()=>{document.documentElement.addEventListener(`ColorSchemeChange`,()=>{n.value&&(n.value.chart.options.scales.x.grid.borderColor=v(`--cui-border-color-translucent`),n.value.chart.options.scales.x.grid.color=v(`--cui-border-color-translucent`),n.value.chart.options.scales.x.ticks.color=v(`--cui-body-color`),n.value.chart.options.scales.y.grid.borderColor=v(`--cui-border-color-translucent`),n.value.chart.options.scales.y.grid.color=v(`--cui-border-color-translucent`),n.value.chart.options.scales.y.ticks.color=v(`--cui-body-color`),n.value.chart.update())})}),(e,t)=>(u(),r(d(g),{type:`line`,data:i,options:a,ref_key:`mainChartRef`,ref:n},null,512))}},T={class:`progress-group-prepend`},E={class:`text-body-secondary small`},D={class:`progress-group-bars`},O={class:`progress-group-header`},k={class:`title`},A={class:`ms-auto fw-semibold`},j={class:`progress-group-bars`},M={class:`progress-group-header`},N={class:`title`},P={class:`ms-auto fw-semibold`},F={class:`text-body-secondary small`},I={class:`progress-group-bars`},L={class:`small text-body-secondary text-nowrap`},R={class:`d-flex justify-content-between align-items-baseline`},z={class:`fw-semibold`},B={class:`text-nowrap text-body-secondary small ms-3`},V={class:`fw-semibold text-nowrap`},H={__name:`Dashboard`,setup(r){let s=[{title:`Monday`,value1:34,value2:78},{title:`Tuesday`,value1:56,value2:94},{title:`Wednesday`,value1:12,value2:67},{title:`Thursday`,value1:43,value2:91},{title:`Friday`,value1:22,value2:73},{title:`Saturday`,value1:53,value2:82},{title:`Sunday`,value1:9,value2:69}],d=[{title:`Male`,icon:`cil-user`,value:53},{title:`Female`,icon:`cil-user-female`,value:43}],f=[{title:`Organic Search`,icon:`cib-google`,percent:56,value:`191,235`},{title:`Facebook`,icon:`cib-facebook`,percent:15,value:`51,223`},{title:`Twitter`,icon:`cib-twitter`,percent:11,value:`37,564`},{title:`LinkedIn`,icon:`cib-linkedin`,percent:8,value:`27,319`}],g=[{avatar:{src:m,status:`success`},user:{name:`Yiorgos Avraamu`,new:!0,registered:`Jan 1, 2023`},country:{name:`USA`,flag:`cif-us`},usage:{value:50,period:`Jun 11, 2023 - Jul 10, 2023`,color:`success`},payment:{name:`Mastercard`,icon:`cib-cc-mastercard`},activity:`10 sec ago`},{avatar:{src:b,status:`danger`},user:{name:`Avram Tarasios`,new:!1,registered:`Jan 1, 2023`},country:{name:`Brazil`,flag:`cif-br`},usage:{value:22,period:`Jun 11, 2023 - Jul 10, 2023`,color:`info`},payment:{name:`Visa`,icon:`cib-cc-visa`},activity:`5 minutes ago`},{avatar:{src:x,status:`warning`},user:{name:`Quintin Ed`,new:!0,registered:`Jan 1, 2023`},country:{name:`India`,flag:`cif-in`},usage:{value:74,period:`Jun 11, 2023 - Jul 10, 2023`,color:`warning`},payment:{name:`Stripe`,icon:`cib-cc-stripe`},activity:`1 hour ago`},{avatar:{src:h,status:`secondary`},user:{name:`Enéas Kwadwo`,new:!0,registered:`Jan 1, 2023`},country:{name:`France`,flag:`cif-fr`},usage:{value:98,period:`Jun 11, 2023 - Jul 10, 2023`,color:`danger`},payment:{name:`PayPal`,icon:`cib-cc-paypal`},activity:`Last month`},{avatar:{src:S,status:`success`},user:{name:`Agapetus Tadeáš`,new:!0,registered:`Jan 1, 2023`},country:{name:`Spain`,flag:`cif-es`},usage:{value:22,period:`Jun 11, 2023 - Jul 10, 2023`,color:`primary`},payment:{name:`Google Wallet`,icon:`cib-cc-apple-pay`},activity:`Last week`},{avatar:{src:C,status:`danger`},user:{name:`Friderik Dávid`,new:!0,registered:`Jan 1, 2023`},country:{name:`Poland`,flag:`cif-pl`},usage:{value:43,period:`Jun 11, 2023 - Jul 10, 2023`,color:`success`},payment:{name:`Amex`,icon:`cib-cc-amex`},activity:`Last week`}];return(r,m)=>{let h=c(`CCol`),v=c(`CIcon`),b=c(`CButton`),x=c(`CButtonGroup`),S=c(`CRow`),C=c(`CCardBody`),H=c(`CProgress`),U=c(`CCardFooter`),W=c(`CCard`),G=c(`CCardHeader`),K=c(`CTableHeaderCell`),q=c(`CTableRow`),J=c(`CTableHead`),Y=c(`CAvatar`),X=c(`CTableDataCell`),Z=c(`CTableBody`),Q=c(`CTable`);return u(),p(`div`,null,[o(_,{class:`mb-4`}),o(S,null,{default:a(()=>[o(h,{md:12},{default:a(()=>[o(W,{class:`mb-4`},{default:a(()=>[o(C,null,{default:a(()=>[o(S,null,{default:a(()=>[o(h,{sm:5},{default:a(()=>[...m[0]||=[t(`h4`,{id:`traffic`,class:`card-title mb-0`},`Traffic`,-1),t(`div`,{class:`small text-body-secondary`},`January - July 2023`,-1)]]),_:1}),o(h,{sm:7,class:`d-none d-md-block`},{default:a(()=>[o(b,{color:`primary`,class:`float-end`},{default:a(()=>[o(v,{icon:`cil-cloud-download`})]),_:1}),o(x,{class:`float-end me-3`,role:`group`,"aria-label":`Basic outlined example`},{default:a(()=>[o(b,{color:`secondary`,variant:`outline`},{default:a(()=>[...m[1]||=[e(`Day`,-1)]]),_:1}),o(b,{color:`secondary`,variant:`outline`,active:``},{default:a(()=>[...m[2]||=[e(`Month`,-1)]]),_:1}),o(b,{color:`secondary`,variant:`outline`},{default:a(()=>[...m[3]||=[e(`Year`,-1)]]),_:1})]),_:1})]),_:1})]),_:1}),o(S,null,{default:a(()=>[o(w,{style:{height:`300px`,"max-height":`300px`,"margin-top":`40px`}})]),_:1})]),_:1}),o(U,null,{default:a(()=>[o(S,{xs:{cols:1,gutter:4},sm:{cols:2},lg:{cols:4},xl:{cols:5},class:`mb-2 text-center`},{default:a(()=>[o(h,null,{default:a(()=>[m[4]||=t(`div`,{class:`text-body-secondary`},`Visits`,-1),m[5]||=t(`div`,{class:`fw-semibold text-truncate`},`29.703 Users (40%)`,-1),o(H,{class:`mt-2`,color:`success`,thin:``,precision:1,value:40})]),_:1}),o(h,null,{default:a(()=>[m[6]||=t(`div`,{class:`text-body-secondary`},`Unique`,-1),m[7]||=t(`div`,{class:`fw-semibold text-truncate`},`24.093 Users (20%)`,-1),o(H,{class:`mt-2`,color:`info`,thin:``,precision:1,value:20})]),_:1}),o(h,null,{default:a(()=>[m[8]||=t(`div`,{class:`text-body-secondary`},`Pageviews`,-1),m[9]||=t(`div`,{class:`fw-semibold text-truncate`},`78.706 Views (60%)`,-1),o(H,{class:`mt-2`,color:`warning`,thin:``,precision:1,value:60})]),_:1}),o(h,null,{default:a(()=>[m[10]||=t(`div`,{class:`text-body-secondary`},`New Users`,-1),m[11]||=t(`div`,{class:`fw-semibold text-truncate`},`22.123 Users (80%)`,-1),o(H,{class:`mt-2`,color:`danger`,thin:``,precision:1,value:80})]),_:1}),o(h,{class:`d-none d-xl-block`},{default:a(()=>[m[12]||=t(`div`,{class:`text-body-secondary`},`Bounce Rate`,-1),m[13]||=t(`div`,{class:`fw-semibold text-truncate`},`Average Rate (40.15%)`,-1),o(H,{class:`mt-2`,value:40,thin:``,precision:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),o(y,{class:`mb-4`}),o(S,null,{default:a(()=>[o(h,{md:12},{default:a(()=>[o(W,{class:`mb-4`},{default:a(()=>[o(G,null,{default:a(()=>[...m[14]||=[e(` Traffic & Sales `,-1)]]),_:1}),o(C,null,{default:a(()=>[o(S,null,{default:a(()=>[o(h,{sm:12,lg:6},{default:a(()=>[o(S,null,{default:a(()=>[o(h,{xs:6},{default:a(()=>[...m[15]||=[t(`div`,{class:`border-start border-start-4 border-start-info py-1 px-3 mb-3`},[t(`div`,{class:`text-body-secondary small`},`New Clients`),t(`div`,{class:`fs-5 fw-semibold`},`9,123`)],-1)]]),_:1}),o(h,{xs:6},{default:a(()=>[...m[16]||=[t(`div`,{class:`border-start border-start-4 border-start-danger py-1 px-3 mb-3`},[t(`div`,{class:`text-body-secondary small`},`Recurring Clients`),t(`div`,{class:`fs-5 fw-semibold`},`22,643`)],-1)]]),_:1})]),_:1}),m[17]||=t(`hr`,{class:`mt-0`},null,-1),(u(),p(i,null,n(s,e=>t(`div`,{key:e.title,class:`progress-group mb-4`},[t(`div`,T,[t(`span`,E,l(e.title),1)]),t(`div`,D,[o(H,{thin:``,color:`info`,value:e.value1},null,8,[`value`]),o(H,{thin:``,color:`danger`,value:e.value2},null,8,[`value`])])])),64))]),_:1}),o(h,{sm:12,lg:6},{default:a(()=>[o(S,null,{default:a(()=>[o(h,{xs:6},{default:a(()=>[...m[18]||=[t(`div`,{class:`border-start border-start-4 border-start-warning py-1 px-3 mb-3`},[t(`div`,{class:`text-body-secondary small`},`Pageviews`),t(`div`,{class:`fs-5 fw-semibold`},`78,623`)],-1)]]),_:1}),o(h,{xs:6},{default:a(()=>[...m[19]||=[t(`div`,{class:`border-start border-start-4 border-start-success py-1 px-3 mb-3`},[t(`div`,{class:`text-body-secondary small`},`Organic`),t(`div`,{class:`fs-5 fw-semibold`},`49,123`)],-1)]]),_:1})]),_:1}),m[20]||=t(`hr`,{class:`mt-0`},null,-1),(u(),p(i,null,n(d,e=>t(`div`,{key:e.title,class:`progress-group`},[t(`div`,O,[o(v,{icon:e.icon,class:`me-2`,size:`lg`},null,8,[`icon`]),t(`span`,k,l(e.title),1),t(`span`,A,l(e.value)+`%`,1)]),t(`div`,j,[o(H,{thin:``,value:e.value,color:`warning`},null,8,[`value`])])])),64)),m[21]||=t(`div`,{class:`mb-5`},null,-1),(u(),p(i,null,n(f,n=>t(`div`,{key:n.title,class:`progress-group`},[t(`div`,M,[o(v,{icon:n.icon,class:`me-2`,size:`lg`},null,8,[`icon`]),t(`span`,N,l(n.title),1),t(`span`,P,[e(l(n.value)+` `,1),t(`span`,F,`(`+l(n.percent)+`%)`,1)])]),t(`div`,I,[o(H,{thin:``,value:n.percent,color:`success`},null,8,[`value`])])])),64))]),_:1})]),_:1}),m[28]||=t(`br`,null,null,-1),o(Q,{align:`middle`,class:`mb-0 border`,hover:``,responsive:``},{default:a(()=>[o(J,{class:`text-nowrap`},{default:a(()=>[o(q,null,{default:a(()=>[o(K,{class:`bg-body-secondary text-center`},{default:a(()=>[o(v,{name:`cil-people`})]),_:1}),o(K,{class:`bg-body-secondary`},{default:a(()=>[...m[22]||=[e(` User `,-1)]]),_:1}),o(K,{class:`bg-body-secondary text-center`},{default:a(()=>[...m[23]||=[e(` Country `,-1)]]),_:1}),o(K,{class:`bg-body-secondary`},{default:a(()=>[...m[24]||=[e(` Usage `,-1)]]),_:1}),o(K,{class:`bg-body-secondary text-center`},{default:a(()=>[...m[25]||=[e(` Payment Method `,-1)]]),_:1}),o(K,{class:`bg-body-secondary`},{default:a(()=>[...m[26]||=[e(` Activity `,-1)]]),_:1})]),_:1})]),_:1}),o(Z,null,{default:a(()=>[(u(),p(i,null,n(g,n=>o(q,{key:n.name},{default:a(()=>[o(X,{class:`text-center`},{default:a(()=>[o(Y,{size:`md`,src:n.avatar.src,status:n.avatar.status},null,8,[`src`,`status`])]),_:2},1024),o(X,null,{default:a(()=>[t(`div`,null,l(n.user.name),1),t(`div`,L,[t(`span`,null,l(n.user.new?`New`:`Recurring`),1),e(` | `+l(n.user.registered),1)])]),_:2},1024),o(X,{class:`text-center`},{default:a(()=>[o(v,{size:`xl`,name:n.country.flag,title:n.country.name},null,8,[`name`,`title`])]),_:2},1024),o(X,null,{default:a(()=>[t(`div`,R,[t(`div`,z,l(n.usage.value)+`%`,1),t(`div`,B,l(n.usage.period),1)]),o(H,{thin:``,color:n.usage.color,value:n.usage.value},null,8,[`color`,`value`])]),_:2},1024),o(X,{class:`text-center`},{default:a(()=>[o(v,{size:`xl`,name:n.payment.icon},null,8,[`name`])]),_:2},1024),o(X,null,{default:a(()=>[m[27]||=t(`div`,{class:`small text-body-secondary`},`Last login`,-1),t(`div`,V,l(n.activity),1)]),_:2},1024)]),_:2},1024)),64))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})])}}};export{H as default}; |