"use strict";(globalThis["webpackChunkcasestudy"]=globalThis["webpackChunkcasestudy"]||[]).push([[354],{5572:(t,e,a)=>{a.d(e,{C:()=>s,_:()=>r});const l="/api/",r=async t=>{let e,a=d();try{let r=await fetch(`${l}${t}`,{method:"GET",headers:a});e=await r.json()}catch(r){console.log(r),e={error:`Error has occured: ${r.message}`}}return e},s=async(t,e)=>{let a,r=d();try{let s=await fetch(`${l}${t}`,{method:"POST",headers:r,body:JSON.stringify(e)});a=await s.json()}catch(s){a=s}return a},d=()=>{const t=new Headers,e=JSON.parse(sessionStorage.getItem("customer"));return e?(t.append("Content-Type","application/json"),t.append("Authorization","Bearer "+e.token)):t.append("Content-Type","application/json"),t}},7081:(t,e,a)=>{a.d(e,{p:()=>r,x:()=>l});const l=t=>t.toLocaleString("en-US",{style:"currency",currency:"USD"}),r=t=>{let e;e=void 0===t?new Date:new Date(Date.parse(t));let a=e.getDate(),l=e.getMonth()+1,r=e.getFullYear(),s=(e.getHours(),e.getMinutes());return s<10&&(s="0"+s),r+"-"+l+"-"+a}},1464:(t,e,a)=>{a.r(e),a.d(e,{default:()=>z});var l=a(9835),r=a(6970);const s=(0,l._)("div",{class:"text-h4 text-center q-mt-md text-primary"},"Order History",-1),d={class:"text-center",style:{"font-weight":"bold"}},o={class:"text-h4 text-center q-mb-md text-primary"},n={class:"text-center text-primary"},c=["src"];function u(t,e,a,u,i,m){const w=(0,l.up)("q-item-section"),p=(0,l.up)("q-item"),f=(0,l.up)("q-list"),g=(0,l.up)("q-btn"),_=(0,l.up)("q-card-actions"),y=(0,l.up)("q-avatar"),W=(0,l.up)("q-card-section"),x=(0,l.up)("q-card"),h=(0,l.up)("q-dialog"),k=(0,l.Q2)("close-popup");return(0,l.wg)(),(0,l.iD)(l.HY,null,[s,(0,l.Wm)(p,{class:"text-center text-positive"},{default:(0,l.w5)((()=>[(0,l.Wm)(w,{style:{"font-weight":"bold"}},{default:(0,l.w5)((()=>[(0,l.Uk)((0,r.zw)(u.state.status),1)])),_:1})])),_:1}),(0,l._)("div",d,[(0,l.Wm)(p,{class:"text-primary"},{default:(0,l.w5)((()=>[(0,l.Wm)(w,null,{default:(0,l.w5)((()=>[(0,l.Uk)(" # ")])),_:1}),(0,l.Wm)(w,null,{default:(0,l.w5)((()=>[(0,l.Uk)(" Date ")])),_:1})])),_:1}),(0,l.Wm)(f,{separator:""},{default:(0,l.w5)((()=>[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(u.state.orders,(t=>((0,l.wg)(),(0,l.j4)(p,{clickable:"",key:t.id,onClick:e=>u.selectOrder(t.id)},{default:(0,l.w5)((()=>[(0,l.Wm)(w,null,{default:(0,l.w5)((()=>[(0,l.Uk)((0,r.zw)(t.id),1)])),_:2},1024),(0,l.Wm)(w,null,{default:(0,l.w5)((()=>[(0,l.Uk)((0,r.zw)(u.formatDate(t.dateCreated)),1)])),_:2},1024)])),_:2},1032,["onClick"])))),128))])),_:1})]),(0,l.Wm)(h,{modelValue:u.state.dialogVisible,"onUpdate:modelValue":e[0]||(e[0]=t=>u.state.dialogVisible=t)},{default:(0,l.w5)((()=>[(0,l.Wm)(x,{style:{width:"100vw"}},{default:(0,l.w5)((()=>[(0,l.Wm)(_,{align:"right"},{default:(0,l.w5)((()=>[(0,l.wy)((0,l.Wm)(g,{flat:"",label:"X",color:"primary"},null,512),[[k]])])),_:1}),(0,l._)("div",o," Order #"+(0,r.zw)(u.state.selectedOrder[0].orderId),1),(0,l._)("div",n,(0,r.zw)(u.state.selectedOrder[0].orderDate),1),(0,l.Wm)(W,{class:"flex justify-center items-center"},{default:(0,l.w5)((()=>[(0,l.Wm)(y,{class:"q-mt-md",size:"xl",square:""},{default:(0,l.w5)((()=>[(0,l._)("img",{src:"img/cart.png"},null,8,c)])),_:1})])),_:1}),(0,l.Wm)(W,{class:"items-center no-padding"},{default:(0,l.w5)((()=>[(0,l.Wm)(p,{class:"text-center text-primary"},{default:(0,l.w5)((()=>[(0,l.Wm)(w,null,{default:(0,l.w5)((()=>[(0,l.Uk)("Name")])),_:1}),(0,l.Wm)(w,null,{default:(0,l.w5)((()=>[(0,l.Uk)("Quantities")])),_:1}),(0,l.Wm)(w,null,{default:(0,l.w5)((()=>[(0,l.Uk)("Extended")])),_:1})])),_:1}),(0,l.Wm)(p,{class:"text-center text-primary",style:{"margin-top":"-7vw"}},{default:(0,l.w5)((()=>[(0,l.Wm)(w),(0,l.Wm)(w,null,{default:(0,l.w5)((()=>[(0,l.Uk)("S O B")])),_:1}),(0,l.Wm)(w)])),_:1}),(0,l.Wm)(f,{separator:""},{default:(0,l.w5)((()=>[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(u.state.selectedOrder,(t=>((0,l.wg)(),(0,l.j4)(p,{class:"text-center",key:t.productId},{default:(0,l.w5)((()=>[(0,l.Wm)(w,null,{default:(0,l.w5)((()=>[(0,l.Uk)((0,r.zw)(t.productName),1)])),_:2},1024),(0,l.Wm)(w,null,{default:(0,l.w5)((()=>[(0,l.Uk)((0,r.zw)(t.qtySold)+" "+(0,r.zw)(t.qtyOrdered)+" "+(0,r.zw)(t.qtyBackOrdered),1)])),_:2},1024),(0,l.Wm)(w,null,{default:(0,l.w5)((()=>[(0,l.Uk)(" $"+(0,r.zw)((t.sellingPrice*t.qtyOrdered).toFixed(2)),1)])),_:2},1024)])),_:2},1024)))),128)),(0,l.Wm)(p,null,{default:(0,l.w5)((()=>[(0,l.Wm)(w),(0,l.Wm)(w,{class:"text-right",style:{"font-weight":"bold"}},{default:(0,l.w5)((()=>[(0,l.Uk)("Sub:")])),_:1}),(0,l.Wm)(w,{class:"text-center"},{default:(0,l.w5)((()=>[(0,l.Uk)("$"+(0,r.zw)(u.state.tot.toFixed(2)),1)])),_:1})])),_:1})])),_:1}),(0,l.Wm)(p,null,{default:(0,l.w5)((()=>[(0,l.Wm)(w),(0,l.Wm)(w,{class:"text-right",style:{"font-weight":"bold"}},{default:(0,l.w5)((()=>[(0,l.Uk)("Tax (13%):")])),_:1}),(0,l.Wm)(w,{class:"text-center"},{default:(0,l.w5)((()=>[(0,l.Uk)("$"+(0,r.zw)((u.state.totTx-u.state.tot).toFixed(2)),1)])),_:1})])),_:1}),(0,l.Wm)(p,null,{default:(0,l.w5)((()=>[(0,l.Wm)(w),(0,l.Wm)(w,{class:"text-right text-primary"},{default:(0,l.w5)((()=>[(0,l.Uk)("Total:")])),_:1}),(0,l.Wm)(w,{class:"text-center"},{default:(0,l.w5)((()=>[(0,l.Uk)("$"+(0,r.zw)(u.state.totTx.toFixed(2)),1)])),_:1})])),_:1})])),_:1})])),_:1})])),_:1},8,["modelValue"])],64)}var i=a(499),m=a(7081),w=a(5572);const p={setup(){(0,l.bv)((()=>{e()}));let t=(0,i.qj)({status:"",orders:[],selectedOrder:{},tot:0,totTx:0,dialogVisible:!1});const e=async()=>{try{t.status="Loading orders ...";let e=JSON.parse(sessionStorage.getItem("customer"));t.orders=await(0,w._)(`Order/${e.email}`),t.status=t.orders.length+" Orders Loaded."}catch(e){console.log(e),t.status=`Error has occured: ${e.message}`}},a=async e=>{t.tot=0,t.totTx=0;try{let a=JSON.parse(sessionStorage.getItem("customer"));t.selectedOrder=await(0,w._)(`Order/${e}/${a.email}`),t.selectedOrder.forEach((e=>{t.tot+=e.sellingPrice*e.qtyOrdered,t.totTx=1.13*t.tot})),t.dialogVisible=!0}catch(a){console.log(a),t.status=`Error has occured: ${a.message}`}};return{state:t,loadOrders:e,formatDate:m.p,selectOrder:a}}};var f=a(1639),g=a(490),_=a(1233),y=a(3246),W=a(7743),x=a(4458),h=a(1821),k=a(4455),O=a(3190),U=a(1357),b=a(2146),q=a(9984),S=a.n(q);const v=(0,f.Z)(p,[["render",u]]),z=v;S()(p,"components",{QItem:g.Z,QItemSection:_.Z,QList:y.Z,QDialog:W.Z,QCard:x.Z,QCardActions:h.Z,QBtn:k.Z,QCardSection:O.Z,QAvatar:U.Z}),S()(p,"directives",{ClosePopup:b.Z})}}]);