HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/workinsights/assets/
Current File : //home/htlwork.com/www/dev/workinsights/assets/Widgets-C_hy1_Wb.js
import{r as W,_ as S,R as a,h as N,i as b,l as T,P as t,m as R,k as U,a as l,j as e,C as j,Y as i,o as m,ao as O,ar as G,am as A,Z as B,x as M,an as $,ap as z}from"./index-CYltFXka.js";import{f as k,C as J,a as L}from"./index.esm-D0IezkQl.js";import{C as K}from"./CCardHeader-CYlygIJY.js";import{c as Z,b as q,a as Q}from"./cib-twitter-CkoJaElQ.js";import{b as X,c as F,e as _,g as V,a as P,d as H,f as I}from"./cil-user-follow-BEyYfRZA.js";import{W as ee}from"./WidgetsDropdown-yJEI6Jo0.js";import{C as Y}from"./CProgress-DiI9eTx-.js";import{g as w}from"./img-03-6X3wSfSV.js";import{C as se,a as te}from"./CCardGroup-DbTVg_sL.js";var p=W.forwardRef(function(s,o){var d=s.className,g=s.color,n=s.inverse,c=s.progress,h=s.text,u=s.title,f=s.value,v=S(s,["className","color","inverse","progress","text","title","value"]);return a.createElement(N,b({className:d,color:g},n&&{textColor:"white"},v,{ref:o}),a.createElement(T,null,f&&a.createElement("div",{className:"fs-4 fw-semibold"},f),u&&a.createElement("div",null,u),a.createElement(Y,b({className:"my-2",height:4},n&&{white:!0},c)),h&&a.createElement("small",{className:n?"text-white text-opacity-75":"text-body-secondary"},h)))});p.propTypes={className:t.string,color:R,inverse:t.bool,progress:t.object,text:t.string,title:t.oneOfType([t.string,t.node]),value:t.oneOfType([t.string,t.node,t.number])};p.displayName="CWidgetCWidgetStatsB";var r=W.forwardRef(function(s,o){var d=s.className,g=s.color,n=s.icon,c=s.inverse,h=s.progress,u=s.title,f=s.value,v=S(s,["className","color","icon","inverse","progress","title","value"]);return a.createElement(N,b({className:d,color:g},c&&{textColor:"white"},v,{ref:o}),a.createElement(T,null,n&&a.createElement("div",{className:U("text-end mb-4",c?"text-white text-opacity-75":"text-body-secondary")},n),f&&a.createElement("div",{className:"fs-4 fw-semibold"},f),u&&a.createElement("div",{className:c?"text-white text-opacity-75":"text-body-secondary"},u),a.createElement(Y,b({className:"mt-3 mb-0",height:4},c&&{white:!0},h))))});r.propTypes={className:t.string,color:R,icon:t.oneOfType([t.string,t.node]),inverse:t.bool,progress:t.object,title:t.oneOfType([t.string,t.node]),value:t.oneOfType([t.string,t.node,t.number])};r.displayName="CWidgetStatsCWidgetStatsC";var C=W.forwardRef(function(s,o){var d,g=s.className,n=s.chart,c=s.color,h=s.icon,u=s.values,f=S(s,["className","chart","color","icon","values"]);return a.createElement(N,b({className:g},f,{ref:o}),a.createElement(K,{className:U("position-relative d-flex justify-content-center align-items-center",(d={},d["bg-".concat(c)]=c,d))},h,n),a.createElement(T,{className:"row text-center"},u&&u.map(function(v,E){return a.createElement(a.Fragment,{key:E},E%2!==0&&a.createElement("div",{className:"vr"}),a.createElement(l,null,a.createElement("div",{className:"fs-5 fw-semibold"},v.value),a.createElement("div",{className:"text-uppercase text-body-secondary small"},v.title)))})))});C.propTypes={chart:t.oneOfType([t.string,t.node]),className:t.string,color:R,icon:t.oneOfType([t.string,t.node]),values:t.arrayOf(t.any)};C.displayName="CWidgetStatsD";var y=W.forwardRef(function(s,o){var d=s.chart,g=s.className,n=s.title,c=s.value,h=S(s,["chart","className","title","value"]);return a.createElement(N,b({className:U(g)},h,{ref:o}),a.createElement(T,{className:"text-center"},n&&a.createElement("div",{className:"text-body-secondary small text-uppercase fw-semibold"},n),c&&a.createElement("div",{className:"fs-6 fw-semibold py-3"},c),d))});y.propTypes={children:t.node,chart:t.oneOfType([t.string,t.node]),className:t.string,title:t.oneOfType([t.string,t.node]),value:t.oneOfType([t.string,t.node,t.number])};y.displayName="CWidgetStatsE";var x=W.forwardRef(function(s,o){var d=s.className,g=s.color,n=s.footer,c=s.icon,h=s.padding,u=h===void 0?!0:h,f=s.title,v=s.value,E=S(s,["className","color","footer","icon","padding","title","value"]);return a.createElement(N,b({className:d},E,{ref:o}),a.createElement(T,{className:"d-flex align-items-center ".concat(u===!1&&"p-0")},a.createElement("div",{className:"me-3 text-white bg-".concat(g," ").concat(u?"p-3":"p-4")},c),a.createElement("div",null,a.createElement("div",{className:"fs-6 fw-semibold text-".concat(g)},v),a.createElement("div",{className:"text-body-secondary text-uppercase fw-semibold small"},f))),n&&a.createElement(se,null,n))});x.propTypes={className:t.string,color:R,footer:t.oneOfType([t.string,t.node]),icon:t.oneOfType([t.string,t.node]),padding:t.bool,title:t.oneOfType([t.string,t.node]),value:t.oneOfType([t.string,t.node,t.number])};x.displayName="CWidgetStatsF";const D=s=>{const o={elements:{line:{tension:.4},point:{radius:0,hitRadius:10,hoverRadius:4,hoverBorderWidth:3}},maintainAspectRatio:!1,plugins:{legend:{display:!1}},scales:{x:{display:!1},y:{display:!1}}};return e.jsxs(j,{className:s.className,xs:{gutter:4},children:[e.jsx(l,{sm:6,xl:4,xxl:3,children:e.jsx(C,{...s.withCharts&&{chart:e.jsx(k,{className:"position-absolute w-100 h-100",type:"line",data:{labels:["January","February","March","April","May","June","July"],datasets:[{backgroundColor:"rgba(255,255,255,.1)",borderColor:"rgba(255,255,255,.55)",pointHoverBackgroundColor:"#fff",borderWidth:2,data:[65,59,84,84,51,55,40],fill:!0}]},options:o})},icon:e.jsx(i,{icon:Z,height:52,className:"my-4 text-white"}),values:[{title:"friends",value:"89K"},{title:"feeds",value:"459"}],style:{"--cui-card-cap-bg":"#3b5998"}})}),e.jsx(l,{sm:6,xl:4,xxl:3,children:e.jsx(C,{...s.withCharts&&{chart:e.jsx(k,{className:"position-absolute w-100 h-100",type:"line",data:{labels:["January","February","March","April","May","June","July"],datasets:[{backgroundColor:"rgba(255,255,255,.1)",borderColor:"rgba(255,255,255,.55)",pointHoverBackgroundColor:"#fff",borderWidth:2,data:[1,13,9,17,34,41,38],fill:!0}]},options:o})},icon:e.jsx(i,{icon:q,height:52,className:"my-4 text-white"}),values:[{title:"followers",value:"973k"},{title:"tweets",value:"1.792"}],style:{"--cui-card-cap-bg":"#00aced"}})}),e.jsx(l,{sm:6,xl:4,xxl:3,children:e.jsx(C,{...s.withCharts&&{chart:e.jsx(k,{className:"position-absolute w-100 h-100",type:"line",data:{labels:["January","February","March","April","May","June","July"],datasets:[{backgroundColor:"rgba(255,255,255,.1)",borderColor:"rgba(255,255,255,.55)",pointHoverBackgroundColor:"#fff",borderWidth:2,data:[78,81,80,45,34,12,40],fill:!0}]},options:o})},icon:e.jsx(i,{icon:Q,height:52,className:"my-4 text-white"}),values:[{title:"contacts",value:"500"},{title:"feeds",value:"1.292"}],style:{"--cui-card-cap-bg":"#4875b4"}})}),e.jsx(l,{sm:6,xl:4,xxl:3,children:e.jsx(C,{color:"warning",...s.withCharts&&{chart:e.jsx(k,{className:"position-absolute w-100 h-100",type:"line",data:{labels:["January","February","March","April","May","June","July"],datasets:[{backgroundColor:"rgba(255,255,255,.1)",borderColor:"rgba(255,255,255,.55)",pointHoverBackgroundColor:"#fff",borderWidth:2,data:[35,23,56,22,97,23,64],fill:!0}]},options:o})},icon:e.jsx(i,{icon:X,height:52,className:"my-4 text-white"}),values:[{title:"events",value:"12+"},{title:"meetings",value:"4"}]})})]})};D.propTypes={className:t.string,withCharts:t.bool};const me=()=>{const s=(o,d)=>Math.floor(Math.random()*(d-o+1)+o);return e.jsxs(N,{className:"mb-4",children:[e.jsx(K,{children:"Widgets"}),e.jsxs(T,{children:[e.jsx(m,{href:"components/widgets/#cwidgetstatsa",children:e.jsx(ee,{})}),e.jsx(m,{href:"components/widgets/#cwidgetstatsb",children:e.jsxs(j,{xs:{gutter:4},children:[e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(p,{progress:{color:"success",value:89.9},text:"Lorem ipsum dolor sit amet enim.",title:"Widget title",value:"89.9%"})}),e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(p,{value:"12.124",title:"Widget title",progress:{color:"info",value:89.9},text:"Lorem ipsum dolor sit amet enim."})}),e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(p,{value:"$98.111,00",title:"Widget title",progress:{color:"warning",value:89.9},text:"Lorem ipsum dolor sit amet enim."})}),e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(p,{value:"2 TB",title:"Widget title",progress:{color:"primary",value:89.9},text:"Lorem ipsum dolor sit amet enim."})})]})}),e.jsx(m,{href:"components/widgets/#cwidgetstatsb",children:e.jsxs(j,{xs:{gutter:4},children:[e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(p,{color:"success",inverse:!0,value:"89.9%",title:"Widget title",progress:{value:89.9},text:"Lorem ipsum dolor sit amet enim."})}),e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(p,{color:"info",inverse:!0,value:"12.124",title:"Widget title",progress:{value:89.9},text:"Lorem ipsum dolor sit amet enim."})}),e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(p,{color:"warning",inverse:!0,value:"$98.111,00",title:"Widget title",progress:{value:89.9},text:"Lorem ipsum dolor sit amet enim."})}),e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(p,{color:"primary",inverse:!0,value:"2 TB",title:"Widget title",progress:{value:89.9},text:"Lorem ipsum dolor sit amet enim."})})]})}),e.jsx(m,{href:"components/widgets/#cwidgetstatse",children:e.jsxs(j,{xs:{gutter:4},children:[e.jsx(l,{sm:4,md:3,xl:2,children:e.jsx(y,{chart:e.jsx(J,{className:"mx-auto",style:{height:"40px",width:"80px"},data:{labels:["M","T","W","T","F","S","S","M","T","W","T","F","S","S","M"],datasets:[{backgroundColor:w("--cui-danger"),borderColor:"transparent",borderWidth:1,data:[s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100)]}]},options:{maintainAspectRatio:!1,plugins:{legend:{display:!1}},scales:{x:{display:!1},y:{display:!1}}}}),title:"title",value:"1,123"})}),e.jsx(l,{sm:4,md:3,xl:2,children:e.jsx(y,{chart:e.jsx(J,{className:"mx-auto",style:{height:"40px",width:"80px"},data:{labels:["M","T","W","T","F","S","S","M","T","W","T","F","S","S","M"],datasets:[{backgroundColor:w("--cui-primary"),borderColor:"transparent",borderWidth:1,data:[s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100)]}]},options:{maintainAspectRatio:!1,plugins:{legend:{display:!1}},scales:{x:{display:!1},y:{display:!1}}}}),title:"title",value:"1,123"})}),e.jsx(l,{sm:4,md:3,xl:2,children:e.jsx(y,{chart:e.jsx(J,{className:"mx-auto",style:{height:"40px",width:"80px"},data:{labels:["M","T","W","T","F","S","S","M","T","W","T","F","S","S","M"],datasets:[{backgroundColor:w("--cui-success"),borderColor:"transparent",borderWidth:1,data:[s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100)]}]},options:{maintainAspectRatio:!1,plugins:{legend:{display:!1}},scales:{x:{display:!1},y:{display:!1}}}}),title:"title",value:"1,123"})}),e.jsx(l,{sm:4,md:3,xl:2,children:e.jsx(y,{chart:e.jsx(L,{className:"mx-auto",style:{height:"40px",width:"80px"},data:{labels:["M","T","W","T","F","S","S","M","T","W","T","F","S","S","M"],datasets:[{backgroundColor:"transparent",borderColor:w("--cui-danger"),borderWidth:2,data:[s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100)]}]},options:{maintainAspectRatio:!1,elements:{line:{tension:.4},point:{radius:0}},plugins:{legend:{display:!1}},scales:{x:{display:!1},y:{display:!1}}}}),title:"title",value:"1,123"})}),e.jsx(l,{sm:4,md:3,xl:2,children:e.jsx(y,{chart:e.jsx(L,{className:"mx-auto",style:{height:"40px",width:"80px"},data:{labels:["M","T","W","T","F","S","S","M","T","W","T","F","S","S","M"],datasets:[{backgroundColor:"transparent",borderColor:w("--cui-success"),borderWidth:2,data:[s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100)]}]},options:{maintainAspectRatio:!1,elements:{line:{tension:.4},point:{radius:0}},plugins:{legend:{display:!1}},scales:{x:{display:!1},y:{display:!1}}}}),title:"title",value:"1,123"})}),e.jsx(l,{sm:4,md:3,xl:2,children:e.jsx(y,{chart:e.jsx(L,{className:"mx-auto",style:{height:"40px",width:"80px"},data:{labels:["M","T","W","T","F","S","S","M","T","W","T","F","S","S","M"],datasets:[{backgroundColor:"transparent",borderColor:w("--cui-info"),borderWidth:2,data:[s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100),s(40,100)]}]},options:{maintainAspectRatio:!1,elements:{line:{tension:.4},point:{radius:0}},plugins:{legend:{display:!1}},scales:{x:{display:!1},y:{display:!1}}}}),title:"title",value:"1,123"})})]})}),e.jsx(m,{href:"components/widgets/#cwidgetstatsf",children:e.jsxs(j,{xs:{gutter:4},children:[e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(x,{icon:e.jsx(i,{width:24,icon:O,size:"xl"}),title:"income",value:"$1.999,50",color:"primary"})}),e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(x,{icon:e.jsx(i,{width:24,icon:G,size:"xl"}),title:"income",value:"$1.999,50",color:"info"})}),e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(x,{icon:e.jsx(i,{width:24,icon:A,size:"xl"}),title:"income",value:"$1.999,50",color:"warning"})}),e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(x,{icon:e.jsx(i,{width:24,icon:B,size:"xl"}),title:"income",value:"$1.999,50",color:"danger"})})]})}),e.jsx(m,{href:"components/widgets/#cwidgetstatsf",children:e.jsxs(j,{xs:{gutter:4},children:[e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(x,{icon:e.jsx(i,{width:24,icon:O,size:"xl"}),title:"income",value:"$1.999,50",color:"primary",footer:e.jsxs(M,{className:"font-weight-bold font-xs text-body-secondary",href:"https://coreui.io/",rel:"noopener norefferer",target:"_blank",children:["View more",e.jsx(i,{icon:F,className:"float-end",width:16})]})})}),e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(x,{icon:e.jsx(i,{width:24,icon:_,size:"xl"}),title:"income",value:"$1.999,50",color:"info",footer:e.jsxs(M,{className:"font-weight-bold font-xs text-body-secondary",href:"https://coreui.io/",rel:"noopener norefferer",target:"_blank",children:["View more",e.jsx(i,{icon:F,className:"float-end",width:16})]})})}),e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(x,{icon:e.jsx(i,{width:24,icon:A,size:"xl"}),title:"income",value:"$1.999,50",color:"warning",footer:e.jsxs(M,{className:"font-weight-bold font-xs text-body-secondary",href:"https://coreui.io/",rel:"noopener norefferer",target:"_blank",children:["View more",e.jsx(i,{icon:F,className:"float-end",width:16})]})})}),e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(x,{icon:e.jsx(i,{width:24,icon:B,size:"xl"}),title:"income",value:"$1.999,50",color:"danger",footer:e.jsxs(M,{className:"font-weight-bold font-xs text-body-secondary",href:"https://coreui.io/",rel:"noopener norefferer",target:"_blank",children:["View more",e.jsx(i,{icon:F,className:"float-end",width:16})]})})})]})}),e.jsx(m,{href:"components/widgets/#cwidgetstatsf",children:e.jsxs(j,{xs:{gutter:4},children:[e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(x,{icon:e.jsx(i,{width:24,icon:O,size:"xl"}),padding:!1,title:"income",value:"$1.999,50",color:"primary"})}),e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(x,{icon:e.jsx(i,{width:24,icon:G,size:"xl"}),padding:!1,title:"income",value:"$1.999,50",color:"info"})}),e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(x,{icon:e.jsx(i,{width:24,icon:A,size:"xl"}),padding:!1,title:"income",value:"$1.999,50",color:"warning"})}),e.jsx(l,{xs:12,sm:6,xl:4,xxl:3,children:e.jsx(x,{icon:e.jsx(i,{width:24,icon:B,size:"xl"}),padding:!1,title:"income",value:"$1.999,50",color:"danger"})})]})}),e.jsx(m,{href:"components/widgets/#cwidgetstatsd",children:e.jsx(D,{})}),e.jsx(m,{href:"components/widgets/#cwidgetstatsd",children:e.jsx(D,{withCharts:!0})}),e.jsx(m,{href:"components/widgets/#cwidgetstatsc",children:e.jsxs(te,{className:"mb-4",children:[e.jsx(r,{icon:e.jsx(i,{icon:$,height:36}),value:"87.500",title:"Visitors",progress:{color:"info",value:75}}),e.jsx(r,{icon:e.jsx(i,{icon:V,height:36}),value:"385",title:"New Clients",progress:{color:"success",value:75}}),e.jsx(r,{icon:e.jsx(i,{icon:P,height:36}),value:"1238",title:"Products sold",progress:{color:"warning",value:75}}),e.jsx(r,{icon:e.jsx(i,{icon:H,height:36}),value:"28%",title:"Returning Visitors",progress:{color:"primary",value:75}}),e.jsx(r,{icon:e.jsx(i,{icon:z,height:36}),value:"5:34:11",title:"Avg. Time",progress:{color:"danger",value:75}})]})}),e.jsx(m,{href:"components/widgets/#cwidgetstatsc",children:e.jsxs(j,{xs:{gutter:4},children:[e.jsx(l,{xs:6,lg:4,xxl:2,children:e.jsx(r,{icon:e.jsx(i,{icon:$,height:36}),value:"87.500",title:"Visitors",progress:{color:"info",value:75}})}),e.jsx(l,{xs:6,lg:4,xxl:2,children:e.jsx(r,{icon:e.jsx(i,{icon:V,height:36}),value:"385",title:"New Clients",progress:{color:"success",value:75}})}),e.jsx(l,{xs:6,lg:4,xxl:2,children:e.jsx(r,{icon:e.jsx(i,{icon:P,height:36}),value:"1238",title:"Products sold",progress:{color:"warning",value:75}})}),e.jsx(l,{xs:6,lg:4,xxl:2,children:e.jsx(r,{icon:e.jsx(i,{icon:H,height:36}),value:"28%",title:"Returning Visitors",progress:{color:"primary",value:75}})}),e.jsx(l,{xs:6,lg:4,xxl:2,children:e.jsx(r,{icon:e.jsx(i,{icon:z,height:36}),value:"5:34:11",title:"Avg. Time",progress:{color:"danger",value:75}})}),e.jsx(l,{xs:6,lg:4,xxl:2,children:e.jsx(r,{icon:e.jsx(i,{icon:I,height:36}),value:"972",title:"Comments",progress:{color:"info",value:75}})})]})}),e.jsx(m,{href:"components/widgets/#cwidgetstatsc",children:e.jsxs(j,{xs:{gutter:4},children:[e.jsx(l,{xs:6,lg:4,xxl:2,children:e.jsx(r,{color:"info",icon:e.jsx(i,{icon:$,height:36}),value:"87.500",title:"Visitors",inverse:!0,progress:{value:75}})}),e.jsx(l,{xs:6,lg:4,xxl:2,children:e.jsx(r,{color:"success",icon:e.jsx(i,{icon:V,height:36}),value:"385",title:"New Clients",inverse:!0,progress:{value:75}})}),e.jsx(l,{xs:6,lg:4,xxl:2,children:e.jsx(r,{color:"warning",icon:e.jsx(i,{icon:P,height:36}),value:"1238",title:"Products sold",inverse:!0,progress:{value:75}})}),e.jsx(l,{xs:6,lg:4,xxl:2,children:e.jsx(r,{color:"primary",icon:e.jsx(i,{icon:H,height:36}),value:"28%",title:"Returning Visitors",inverse:!0,progress:{value:75}})}),e.jsx(l,{xs:6,lg:4,xxl:2,children:e.jsx(r,{color:"danger",icon:e.jsx(i,{icon:z,height:36}),value:"5:34:11",title:"Avg. Time",inverse:!0,progress:{value:75}})}),e.jsx(l,{xs:6,lg:4,xxl:2,children:e.jsx(r,{color:"info",icon:e.jsx(i,{icon:I,height:36}),value:"972",title:"Comments",inverse:!0,progress:{value:75}})})]})})]})]})};export{me as default};