https://idea-nuxt.vercel.app/_nuxt/_progressId_.ubJr5z6T.js

1import{_ as I}from"./Icon.nh17YvYj.js";import{_ as F}from"./nuxt-link.6VdPYg0n.js";import{_ as L}from"./UiTitle.-U62VC6p.js";import{_ as M}from"./Textarea.Tq7d0ciS.js";import{_ as R}from"./FormGroup.l0-Zge66.js";import{_ as O}from"./client-only.bf_BU6se.js";import{Q as j}from"./vue-quill.esm-bundler.Uz96Q8Ly.js";/* empty css                       */import{a as c,X as u,F as p,P as d,Z as o,J as r,u as s,q as z,a5 as T,k as G,r as H,b as Q,R as m,S as w,O as k}from"./swiper-vue.Q0JUcORA.js";import{_ as W}from"./UiButton.tjf35bKl.js";import{_ as J}from"./Form.8pDR4LoL.js";import{a as X,P as Z}from"./entry.wRbcSKrP.js";import{G as A}from"./helperFetchData.rXJ24A2H.js";import{e as K}from"./index.BmnkAtOa.js";import"./Icon.4D2HUmTQ.js";import"./index.0wqzsba0.js";import"./selectMenu.8dcxRrre.js";import"./useFormGroup.I3_CL4p4.js";import"./index.l7pl70Tv.js";import"./index.EHh4rjLU.js";const Y={class:"ql-context-wrapper min-h-[300px] max-md:min-h-[600px]"},tt={__name:"DashboardProgressFullContext",setup(B,{expose:E}){const _=c(),a=c(""),x={placeholder:"進度更新可透過文字或圖片呈現內容",theme:"snow",modules:{toolbar:[[{size:["small",!1,"large","huge"]}],["bold","italic","underline","strike"],[{list:"ordered"},{list:"bullet"}],[{indent:"-1"},{indent:"+1"},{align:[]}],[{color:[]},{background:[]}],["link","image"]],history:{delay:1e3,userOnly:!1,maxStack:500}}};function g(l){console.log("editor change!")}return E({editorContent:a,quillEditorBody:_}),(l,f)=>{const n=O;return u(),p("section",null,[d("div",Y,[o(n,null,{default:r(()=>[o(s(j),{class:"min-h-[300px] max-md:min-h-[600px] border-[1px] border-[#E5E5E5] rounded-b-lg",content:s(a),"onUpdate:content":f[0]||(f[0]=C=>z(a)?a.value=C:null),ref_key:"quillEditorBody",ref:_,options:x,onTextChange:g,contentType:"html"},null,8,["content"])]),_:1})])])}}},et=tt,ot={key:0,class:"text-xs text-Neutral-500-Primary pointer-events-none text-right h-7 leading-7 mb-4 mt-[calc(-28px-16px)] max-md:mt-0 max-md:mb-3 max-md:h-auto max-md:leading-4 max-md:text-left"},st={class:"min-h-32 rounded-lg border-[1px] border-[#E5E5E5] bg-white mb-3 p-6"},nt={class:"relative"},at={class:"text-sm text-right text-Neutral-500-Primary absolute bottom-[-20px] right-0"},lt={key:0,class:"flex justify-start items-center gap-x-2"},rt={key:1,class:"flex justify-start items-center gap-x-2"},it=40,Tt={__name:"[progressId]",setup(B){const _=X().params.progressId,a=c("edit"),x=c("2023/10/27 11:16"),g=c(800);T(()=>{g.value=window.innerWidth});const l=c(),f=G(()=>{var t,e;return((e=(t=l==null?void 0:l.value)==null?void 0:t.editorContent)==null?void 0:e.length)||0}),n=H({title:"",content:""});Q(f,t=>{n.content=l.value.editorContent});async function C(){var e,h,b,y;const t=await A(`/api/dashboard/progress/${_}`);t&&(console.log("data",t),a.value=t.progressStatus,x.value=((e=t.progressData)==null?void 0:e.date)||"",n.title=((h=t.progressData)==null?void 0:h.title)||"",n.content=((b=t.progressData)==null?void 0:b.html)||"",l.value.quillEditorBody.setHTML(((y=t.progressData)==null?void 0:y.html)||""))}T(()=>{C()});function P(){console.log("doSubmit"),console.log("submissionProgress",n)}function D(t){t.stopPropagation(),console.log("doCancel"),n.title="",l.value.quillEditorBody.setHTML("")}function S(){console.log("doSubmit"),console.log("submissionProgress",n)}function N(t){t.stopPropagation(),console.log("doCancel"),n.title="",l.value.quillEditorBody.setHTML("")}return(t,e)=>{const h=I,b=F,y=L,U=M,q=R,$=et,v=W,V=J;return u(),p("div",null,[o(y,{class:"w-full max-md:mb-1"},{default:r(()=>[o(b,{to:`/dashboard/${(t._.provides[Z]||t.$route).params.dashboardId}/progress/`,class:"inline-flex justify-start items-center gap-1"},{default:r(()=>[o(h,{name:"i-heroicons-chevron-left",class:""}),m(" "+w(s(a)==="edit"?"編輯":"新增")+"進度更新",1)]),_:1},8,["to"])]),_:1}),s(a)==="edit"?(u(),p("p",ot,w("最後更新於"+s(x)),1)):k("",!0),d("section",st,[o(V,{schema:s(K),state:s(n),onSubmit:e[4]||(e[4]=i=>s(a)==="edit"?P:S)},{default:r(()=>[o(q,{label:"標題",required:"",name:"title",class:"mb-9"},{default:r(()=>[d("div",nt,[o(U,{placeholder:"請輸入簡潔明瞭的標題",rows:s(g)<=768?2:1,resize:"",class:"w-full",size:"lg",modelValue:s(n).title,"onUpdate:modelValue":e[0]||(e[0]=i=>s(n).title=i),onInput:e[1]||(e[1]=i=>i.target.value=i.target.value.slice(0,40))},null,8,["rows","modelValue"]),d("p",at,[d("span",null,w(s(n).title.length),1),m(" / "),d("span",null,w(it))])])]),_:1}),o(q,{label:"更新內容",required:"",name:"content",class:"mb-6"},{default:r(()=>[o($,{ref_key:"fullContext",ref:l},null,512)]),_:1}),s(a)==="edit"?(u(),p("div",lt,[o(v,{class:"max-w-16 max-h-8 !text-sm",onClick:P},{default:r(()=>[m("發佈")]),_:1}),o(v,{class:"max-w-16 max-h-8 !text-sm",type:"secondary",onClick:e[2]||(e[2]=i=>D(i))},{default:r(()=>[m("刪除")]),_:1})])):k("",!0),s(a)==="new"?(u(),p("div",rt,[o(v,{class:"max-w-16 max-h-8 !text-sm",onClick:S},{default:r(()=>[m("發佈")]),_:1}),o(v,{class:"max-w-16 max-h-8 !text-sm",type:"secondary",onClick:e[3]||(e[3]=i=>N(i))},{default:r(()=>[m("取消")]),_:1})])):k("",!0)]),_:1},8,["schema","state"])])])}}};export{Tt as default};