https://eduall-vue.netlify.app/assets/StudentMessage-_KtoLNdN.js

1import{F as w,H as y}from"./Footer4-DHe5vSKf.js";import{S as _,_ as C}from"./StudentSidebar-Dm6GC6aW.js";import{_ as M,a as r,b as S,c as k,d as j}from"./dashbord-message-img5-Dfv_LIV8.js";import{_ as m,c as d,b as e,n as p,a as s,l as O,o as c,d as i,r as l}from"./index-BnxObZXq.js";import"./shape6-H-JIteTK.js";import"./logo-white-GPMyqlIo.js";import"./testimonials-three-img1-CZ8x9ZwE.js";import"./reviewer-img1-DzKN___C.js";import"./instructor-details-thumb-DmUWUlcZ.js";import"./shape5-CVN100N7.js";import"./shape4-q8UrSedO.js";const B="/assets/student-dashbord-message-img1-Bwp0xY14.png",E={name:"DashbordSection",data(){return{showChatMobile:!1}},methods:{toggleChatOnMobile(){this.showChatMobile=!this.showChatMobile}}},D={class:"w-100"},F={class:"bg-white rounded-10 px-24 py-24 overflow-hidden"},H={class:"d-flex flex-column flex-xl-row chat-main-container"},I={class:"mt-24"},N={class:"d-flex align-items-center gap-16 justify-content-between border-bottom-dashed pb-24 flex-wrap"},V={class:"d-flex align-items-center gap-12"};function U(v,t,u,x,o,a){return c(),d("div",D,[e("div",F,[e("div",H,[e("div",{class:p(["max-w-420-px w-100 border-right-dashed pe-xl-24 h-auto contact-list-column",{"d-none d-xl-block":o.showChatMobile}])},[t[9]||(t[9]=s('<div data-v-582c3e76><div class="d-flex align-items-center gap-16 justify-content-between mb-32 px-xl-0 px-2" data-v-582c3e76><img src="'+M+'" alt="" data-v-582c3e76><button type="button" class="w-40 h-40 bg-neutral-20 border-neutral-40 border text-24 rounded-circle align-items-center justify-content-center hover-bg-main-600 hover-text-white transition-03 d-flex" data-v-582c3e76><i class="ph ph-pencil-simple-line" data-v-582c3e76></i></button></div><form action="#" class="position-relative border-bottom-dashed pb-24" data-v-582c3e76><button type="button" class="text-20 position-absolute text-neutral-500 inset-inline-start-25-px inset-block-start-15-px line-height-1" data-v-582c3e76><i class="ph ph-magnifying-glass" data-v-582c3e76></i></button><input type="text" placeholder="Search contacts..." class="text-14 fw-normal text-neutral-100 ps-52 pe-24 py-16 w-100 border-neutral-40 border rounded-pill focus-visible-outline focus-border-main-600 line-height-1" data-v-582c3e76></form></div>',1)),e("div",I,[e("div",{onClick:t[0]||(t[0]=(...n)=>a.toggleChatOnMobile&&a.toggleChatOnMobile(...n)),class:"px-24 py-12 d-flex align-items-center gap-16 justify-content-between mb-16 hover-bg-neutral-20 rounded-8 transition-03 cursor-pointer"},t[5]||(t[5]=[s('<div class="d-flex align-items-center gap-12 flex-wrap" data-v-582c3e76><img src="'+r+'" alt="" data-v-582c3e76><div data-v-582c3e76><h6 class="text-14 fw-medium text-neutral-500 mb-0" data-v-582c3e76>Marvin McKinney</h6><span class="text-12 fw-normal text-neutral-100 line-clamp-1" data-v-582c3e76>User opted out of paperless</span></div></div><div class="text-end" data-v-582c3e76><span class="text-12 fw-normal text-neutral-100 d-block mb-8" data-v-582c3e76>6 min ago</span><span class="d-inline-flex text-12 fw-medium text-white bg-main-600 w-20 h-20 rounded-circle align-items-center justify-content-center" data-v-582c3e76>5</span></div>',2)])),e("div",{onClick:t[1]||(t[1]=(...n)=>a.toggleChatOnMobile&&a.toggleChatOnMobile(...n)),class:"px-24 py-12 d-flex align-items-center gap-16 justify-content-between mb-16 hover-bg-neutral-20 rounded-8 transition-03 cursor-pointer"},t[6]||(t[6]=[s('<div class="d-flex align-items-center gap-12 flex-wrap" data-v-582c3e76><img src="'+S+'" alt="" data-v-582c3e76><div data-v-582c3e76><h6 class="text-14 fw-medium text-neutral-500 mb-0" data-v-582c3e76>Ralph Edwards</h6><span class="text-12 fw-normal text-neutral-100" data-v-582c3e76>Sent a photo</span></div></div><div class="text-end" data-v-582c3e76><span class="text-12 fw-normal text-neutral-100 d-block mb-8" data-v-582c3e76>27 minutes ago</span><span class="d-inline-flex text-12 fw-medium text-white bg-main-600 w-20 h-20 rounded-circle align-items-center justify-content-center" data-v-582c3e76>2</span></div>',2)])),e("div",{onClick:t[2]||(t[2]=(...n)=>a.toggleChatOnMobile&&a.toggleChatOnMobile(...n)),class:"px-24 py-12 d-flex gap-16 justify-content-between mb-16 hover-bg-neutral-20 rounded-8 transition-03 cursor-pointer"},t[7]||(t[7]=[s('<div class="d-flex align-items-center gap-12 flex-wrap" data-v-582c3e76><img src="'+k+'" alt="" data-v-582c3e76><div data-v-582c3e76>

1<h6 class="text-14 fw-medium text-neutral-500 mb-0" data-v-582c3e76>Eleanor Pena</h6><span class="text-12 fw-normal text-neutral-100" data-v-582c3e76>You: User opted out of paperless</span></div></div><div data-v-582c3e76><span class="text-12 fw-normal text-neutral-100" data-v-582c3e76>46 minutes ago</span></div>',2)])),e("div",{onClick:t[3]||(t[3]=(...n)=>a.toggleChatOnMobile&&a.toggleChatOnMobile(...n)),class:"px-24 py-12 d-flex gap-16 justify-content-between mb-16 hover-bg-neutral-20 rounded-8 transition-03 cursor-pointer"},t[8]||(t[8]=[s('<div class="d-flex align-items-center gap-12 flex-wrap" data-v-582c3e76><img src="'+j+'" alt="" data-v-582c3e76><div data-v-582c3e76><h6 class="text-14 fw-medium text-neutral-500 mb-0" data-v-582c3e76>Darrell Steward</h6><span class="text-12 fw-normal text-neutral-100" data-v-582c3e76>User logged in</span></div></div><div data-v-582c3e76><span class="text-12 fw-normal text-neutral-100" data-v-582c3e76>1 hour ago</span></div>',2)]))])],2),e("div",{class:p(["ps-xl-24 flex-grow-1 chat-window-column mt-xl-0 mt-4 w-100",{"d-none d-xl-block":o.showChatMobile}])},[e("div",N,[e("div",V,[o.showChatMobile?(c(),d("button",{key:0,onClick:t[4]||(t[4]=(...n)=>a.toggleChatOnMobile&&a.toggleChatOnMobile(...n)),class:"d-xl-none border-0 bg-transparent text-20 text-neutral-500 hover-text-main-600 transition-03 me-2"},t[10]||(t[10]=[e("i",{class:"ph-bold ph-arrow-left"},null,-1)]))):O("",!0),t[11]||(t[11]=e("img",{src:r,alt:""},null,-1)),t[12]||(t[12]=e("div",null,[e("h6",{class:"fw-medium text-16 text-neutral-500 mb-0"},"Eleanor Pena"),e("span",{class:"text-12 fw-normal"},"Online")],-1))]),t[13]||(t[13]=s('<div class="d-flex align-items-center gap-12" data-v-582c3e76><button type="button" class="text-24 w-40 h-40 bg-neutral-20 border-neutral-40 border rounded-circle align-items-center justify-content-center d-flex hover-bg-main-600 hover-text-white transition-03" data-v-582c3e76><i class="ph ph-phone-call" data-v-582c3e76></i></button><button type="button" class="text-24 w-40 h-40 bg-neutral-20 border-neutral-40 border rounded-circle align-items-center justify-content-center d-flex hover-bg-main-600 hover-text-white transition-03" data-v-582c3e76><i class="ph ph-video-camera" data-v-582c3e76></i></button><button type="button" class="text-24 w-40 h-40 bg-neutral-20 border-neutral-40 border rounded-circle align-items-center justify-content-center d-flex hover-bg-main-600 hover-text-white transition-03" data-v-582c3e76><i class="ph ph-dots-three-vertical" data-v-582c3e76></i></button></div>',1))]),t[14]||(t[14]=s('<div data-v-582c3e76><div class="mt-24" data-v-582c3e76><div class="d-flex align-items-start gap-12 w-100" data-v-582c3e76><img src="'+r+'" alt="" class="" data-v-582c3e76><div data-v-582c3e76><span class="text-12 fw-normal text-neutral-100 mb-12" data-v-582c3e76>Eleanor, 9 hours ago</span>

1<p class="max-w-514-px text-14 fw-normal text-neutral-500 bg-neutral-20 px-20 py-16 rounded-10 mb-12 line-height-105" data-v-582c3e76>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p></div></div><div class="" data-v-582c3e76><div class="text-end" data-v-582c3e76><span class="text-12 fw-normal text-neutral-100 mb-12" data-v-582c3e76>8 hours ago</span><p class="max-w-514-px text-14 fw-normal text-neutral-500 bg-neutral-20 px-20 py-16 rounded-10 mb-12 margin-inline-start-auto text-start line-height-105" data-v-582c3e76> Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s.</p></div></div><div class="d-flex align-items-start gap-12 w-100" data-v-582c3e76><img src="'+r+'" alt="" class="" data-v-582c3e76><div data-v-582c3e76><span class="text-12 fw-normal text-neutral-100 mb-12 d-block" data-v-582c3e76>Eleanor, 4 hours ago</span><img src="'+B+'" alt="" class="mb-12 w-100 rounded-10" data-v-582c3e76></div></div><div class="" data-v-582c3e76><div class="text-end border-bottom-dashed pb-24" data-v-582c3e76><span class="text-12 fw-normal text-neutral-100 mb-12" data-v-582c3e76>1 hours ago</span>

1<p class="max-w-514-px text-14 fw-normal text-neutral-500 bg-neutral-20 px-20 py-18 rounded-10 mb-12 margin-inline-start-auto text-start line-height-105" data-v-582c3e76>Thanks a lot... <br data-v-582c3e76><br data-v-582c3e76> It is a long established fact that a reader will be distracted.</p></div></div></div><div class="flex-grow-1 mt-24 mb-32" data-v-582c3e76><form action="#" class="position-relative flex-grow-1" data-v-582c3e76><input type="text" placeholder="Say Something..." class="text-12 fw-normal text-neutral-100 py-13 ps-16 w-100 pe-90 bg-neutral-20 border-neutral-40 border rounded-pill focus-visible-outline focus-border-main-600 line-height-1 flex-grow-1" data-v-582c3e76><button type="submit" class="d-flex align-items-center gap-8 bg-main-600 text-white text-12 fw-medium px-16 py-9 rounded-pill position-absolute top-50 translate-middle-y inset-inline-end-0 me-4 hover-bg-main-700 transition-03" data-v-582c3e76> Send <i class="ph ph-paper-plane-right" data-v-582c3e76></i></button></form></div></div>',1))],2)])])])}const z=m(E,[["render",U],["__scopeId","data-v-582c3e76"]]),L={name:"StudentMessage",components:{Header4:y,Banner:C,StudentSidebar:_,DashbordSection:z,Footer4:w}},P={class:"bg-main-25 pb-80 w-100 h-100"},Y={class:"container container--lg"},K={class:"d-flex gap-24 mt--120 z-2 position-relative"};function R(v,t,u,x,o,a){const n=l("Header4"),b=l("Banner"),g=l("StudentSidebar"),h=l("DashbordSection"),f=l("Footer4");return c(),d("div",null,[i(n),i(b),e("section",P,[e("div",Y,[e("div",K,[t[0]||(t[0]=e("div",{class:"student-overlay-sidebar"},null,-1)),i(g),i(h)])])]),i(f)])}const et=m(L,[["render",R]]);export{et as default};