1import w from"./Main-00280fad.js";import _ from"./Modal-dd8b4b33.js";import{V as c}from"./datatables.net-vue3-7accbb51.js";import{D as h}from"./dataTables.responsive-92446884.js";import{t as v}from"./app-7590f934.js";import{g as k,r as D,o as l,c as i,b as t,a as m,x as p,t as s,u as C,F as g,h as S,m as u,I as N}from"./index.esm-45bad9fc.js";import"./Sidebar-d817753e.js";import"./Header-80cd81e6.js";import"./createLucideIcon-e094393d.js";const B={class:"mt-8"},I={class:"flex flex-col mt-6"},O={class:"py-2 -my-2 overflow-x-auto sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8"},$={class:"overflow-hidden align-middle border-b border-gray-200 shadow sm:rounded-lg"},j={class:"bg-white"},T={class:"px-2 py-4 text-left border-b border-gray-200 whitespace-nowrap"},V={class:"px-2 py-4 border-b text-left border-gray-200 whitespace-nowrap"},q={class:"px-2 py-4 border-b border-gray-200 text-left whitespace-nowrap"},F={class:"px-2 py-4 border-b text-left border-gray-200 whitespace-nowrap"},A={class:"px-2 py-4 text-left border-b border-gray-200 whitespace-nowrap"},E={class:"mt-4"},P={class:"bg-white overflow-hidden"},Q={class:"border-t border-gray-200 px-4 py-5 sm:p-0"},R={class:"sm:divide-y sm:divide-gray-200"},J={class:"py-3 flex"},L={class:"w-4/5 mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2"},Y={class:"py-3 flex"},z={class:"w-4/5 mt-1 text-sm text-gray-900 sm:mt-0 whitespace-pre-wrap sm:col-span-2"},G={class:"w-full",controls:""},H=["src"],K={class:"py-3 flex"},M={class:"w-4/5 mt-1 text-sm text-gray-900 sm:mt-0 whitespace-pre-wrap sm:col-span-2"},U={class:"py-3 flex"},W={class:"w-4/5 mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2"},X={class:"py-3 flex"},Z={class:"w-4/5 mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2"},it=Object.assign({layout:w},{__name:"IletsSpeaking",props:{componentData:Object,lesson:Object},setup(a){c.use(h);const x={columnDefs:[{className:"dtr-control",orderable:!1,targets:0},{className:"max-w-[100px] break-words truncate",targets:1},{className:"max-w-[100px] break-words truncate",targets:2},{className:"max-w-[200px] break-words truncate",targets:3},{className:"max-w-[200px] break-words truncate",targets:4}],responsive:{details:{type:"column"}},searching:!1,paging:!1,lengthChange:!1,info:!1,ordering:!1},r=k({}),n=D({isShow:!1,title:"Detail",showCancelButton:!0,showConfirmButton:!1,cancelButtonText:v("Close"),modalClass:"max-w-screen-xl"}),y=function(d){n.isShow=!0,r.value=d};function b(d){try{return Object.keys(d)}catch(e){return console.error("Error parsing JSON string:",e),[]}}return(d,e)=>(l(),i(g,null,[t("div",B,[t("div",I,[t("div",O,[t("div",$,[m(C(c),{options:x,class:"display"},{default:p(()=>[e[4]||(e[4]=t("thead",null,[t("tr",null,[t("th",{class:"px-2 py-4 font-medium leading-4 tracking-wider !text-left text-gray-500 uppercase bg-gray-100 border-b border-gray-200"}),t("th",{class:"px-2 py-4 font-medium leading-4 tracking-wider !text-left text-gray-500 uppercase bg-gray-100 border-b border-gray-200"},"Aptis Id"),t("th",{class:"px-2 py-4 font-medium leading-4 tracking-wider !text-left text-gray-500 uppercase bg-gray-100 border-b border-gray-200"},"Question"),t("th",{class:"px-2 py-4 font-medium leading-4 tracking-wider !text-left text-gray-500 uppercase bg-gray-100 border-b border-gray-200"},"Result"),t("th",{class:"px-2 py-4 font-medium leading-4 tracking-wider !text-left text-gray-500 uppercase bg-gray-100 border-b border-gray-200"},"Score"),t("th",{class:"px-2 py-4 font-medium leading-4 tracking-wider !text-left text-gray-500 uppercase bg-gray-100 border-b border-gray-200"},"Created_at")])],-1)),t("tbody",j,[t("tr",{class:"cursor-pointer",onClick:e[0]||(e[0]=o=>y(a.componentData))},[e[3]||(e[3]=t("td",{class:"px-2 py-4 border-b border-gray-200 whitespace-nowrap"},null,-1)),t("td",T,s(a.componentData?.id),1),t("td",V,s(a.componentData?.question?.question),1),t("td",q,s(a.componentData?.result),1),t("td",F,s(a.componentData?.score),1),t("td",A,s(a.componentData?.created_at),1)])])]),_:1})])])])]),m(_,N(n,{onClose:e[1]||(e[1]=o=>n.isShow=!1),onCancel:e[2]||(e[2]=o=>n.isShow=!1)}),{default:p(()=>
1[t("div",E,[t("div",P,[t("div",Q,[t("dl",R,[t("div",J,[e[5]||(e[5]=t("dt",{class:"w-1/5 text-sm font-medium text-gray-500"},"Placement Id",-1)),t("dd",L,s(r.value?.id),1)]),t("div",Y,[e[7]||(e[7]=t("dt",{class:"w-1/5 text-sm font-medium text-gray-500"},"Question",-1)),t("dd",z,[(l(!0),i(g,null,S(b(r.value?.sound_path),(o,f)=>(l(),i("div",{key:f},[u(s(a.lesson[o]?.question)+" ",1),t("audio",G,[t("source",{src:r.value?.sound_path[o],type:"audio/mp3"},null,8,H),e[6]||(e[6]=u(" Your browser does not support the audio element. ",-1))])]))),128))])]),t("div",K,[e[8]||(e[8]=t("dt",{class:"w-1/5 text-sm font-medium text-gray-500"},"Result",-1)),t("dd",M,s(r.value.result),1)]),t("div",U,[e[9]||(e[9]=t("dt",{class:"w-1/5 text-sm font-medium text-gray-500"},"Score",-1)),t("dd",W,s(r.value.score),1)]),t("div",X,[e[10]||(e[10]=t("dt",{class:"w-1/5 text-sm font-medium text-gray-500"},"Create at",-1)),t("dd",Z,s(r.value.created_at),1)])])])])])]),_:1},16)],64))}});export{it as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.