Files
at-mintel/directus/extensions/company-manager/index.js
Marc Mintel 9b1f3fb7e8
Some checks failed
Monorepo Pipeline / ⚡ Prioritize Release (push) Successful in 2s
Monorepo Pipeline / 🧹 Lint (push) Successful in 1m1s
Monorepo Pipeline / 🚀 Release (push) Has been cancelled
Monorepo Pipeline / 🧪 Test (push) Has been cancelled
Monorepo Pipeline / 🐳 Build Directus (Base) (push) Has been cancelled
Monorepo Pipeline / 🐳 Build Gatekeeper (Product) (push) Has been cancelled
Monorepo Pipeline / 🐳 Build Build-Base (push) Has been cancelled
Monorepo Pipeline / 🐳 Build Production Runtime (push) Has been cancelled
Monorepo Pipeline / 🏗️ Build (push) Has been cancelled
feat(next-feedback): add onActiveChange prop for controlled activation
2026-02-14 02:03:13 +01:00

2 lines
7.5 KiB
JavaScript

import{useApi as e,defineModule as a}from"@directus/extensions-sdk";import{defineComponent as t,ref as l,onMounted as n,resolveComponent as i,resolveDirective as s,openBlock as d,createBlock as o,withCtx as r,createVNode as u,createElementBlock as c,Fragment as m,renderList as v,createElementVNode as p,createTextVNode as f,toDisplayString as g,createCommentVNode as y,withDirectives as h}from"vue";var b=Object.defineProperty,x=Object.getOwnPropertySymbols,w=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,k=(e,a,t)=>a in e?b(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t;const F={class:"content-wrapper"},C={key:1,class:"empty-state"},V={key:2},O={class:"header"},j={class:"header-left"},z={class:"title"},A={class:"subtitle"},N={class:"header-right"},S={class:"detail-item full"},B={class:"value"},E={class:"drawer-content"},T={class:"form-section"},U={class:"field"},P={class:"field"},D={class:"field"},I={class:"drawer-actions"};var M=t({__name:"module",setup(a){const t=e(),b=l([]),M=l(null),W=l(null),$=l(!1),q=l(!1),G=l(!1),H=l({id:null,name:"",domain:"",notes:""});async function K(){try{const e=await t.get("/items/companies",{params:{sort:"name"}});b.value=e.data.data}catch(e){console.error("Failed to fetch companies:",e)}}function J(){G.value=!1,H.value={id:null,name:"",domain:"",notes:""},q.value=!0}function L(){G.value=!0,H.value=((e,a)=>{for(var t in a||(a={}))w.call(a,t)&&k(e,t,a[t]);if(x)for(var t of x(a))_.call(a,t)&&k(e,t,a[t]);return e})({},M.value),q.value=!0}async function Q(){if(H.value.name){$.value=!0;try{G.value?(await t.patch(`/items/companies/${H.value.id}`,H.value),W.value={type:"success",message:"Firma aktualisiert!"}):(await t.post("/items/companies",H.value),W.value={type:"success",message:"Firma angelegt!"}),q.value=!1,await K(),G.value&&(M.value=b.value.find(e=>e.id===H.value.id))}catch(e){W.value={type:"danger",message:e.message}}finally{$.value=!1}}else W.value={type:"danger",message:"Firmenname ist erforderlich."}}async function R(){if(confirm("Soll diese Firma wirklich gelöscht werden?"))try{await t.delete(`/items/companies/${M.value.id}`),W.value={type:"success",message:"Firma gelöscht."},M.value=null,await K()}catch(e){W.value={type:"danger",message:e.message}}}return n(K),(e,a)=>{const t=i("v-icon"),l=i("v-list-item-icon"),n=i("v-text-overflow"),x=i("v-list-item-content"),w=i("v-list-item"),_=i("v-divider"),k=i("v-list"),K=i("v-notice"),X=i("v-button"),Y=i("v-info"),Z=i("v-input"),ee=i("v-textarea"),ae=i("v-drawer"),te=i("private-view"),le=s("tooltip");return d(),o(te,{title:"Company Manager"},{navigation:r(()=>[u(k,{nav:""},{default:r(()=>[u(w,{onClick:J,clickable:""},{default:r(()=>[u(l,null,{default:r(()=>[u(t,{name:"add",color:"var(--theme--primary)"})]),_:1}),u(x,null,{default:r(()=>[u(n,{text:"Neue Firma anlegen"})]),_:1})]),_:1}),u(_),(d(!0),c(m,null,v(b.value,e=>{var a;return d(),o(w,{key:e.id,active:(null==(a=M.value)?void 0:a.id)===e.id,class:"company-item",clickable:"",onClick:a=>function(e){M.value=e}(e)},{default:r(()=>[u(l,null,{default:r(()=>[u(t,{name:"business"})]),_:1}),u(x,null,{default:r(()=>[u(n,{text:e.name},null,8,["text"])]),_:2},1024)]),_:2},1032,["active","onClick"])}),128))]),_:1})]),default:r(()=>[p("div",F,[W.value?(d(),o(K,{key:0,type:W.value.type,onClose:a[0]||(a[0]=e=>W.value=null),dismissible:""},{default:r(()=>[f(g(W.value.message),1)]),_:1},8,["type"])):y("v-if",!0),M.value?(d(),c("div",V,[p("header",O,[p("div",j,[p("h1",z,g(M.value.name),1),p("p",A,g(M.value.domain||"Keine Domain angegeben"),1)]),p("div",N,[h((d(),o(X,{secondary:"",rounded:"",icon:"",onClick:L},{default:r(()=>[u(t,{name:"edit"})]),_:1})),[[le,"Firma bearbeiten"]]),h((d(),o(X,{danger:"",rounded:"",icon:"",onClick:R},{default:r(()=>[u(t,{name:"delete"})]),_:1})),[[le,"Firma löschen"]])])]),u(_),p("div",S,[a[9]||(a[9]=p("span",{class:"label"},"Notizen / Adresse",-1)),p("p",B,g(M.value.notes||"---"),1)])])):(d(),c("div",C,[u(Y,{title:"Firma auswählen",icon:"business",center:""},{default:r(()=>[a[7]||(a[7]=f(" Wähle eine Firma in der Navigation aus oder ",-1)),u(X,{"x-small":"",onClick:J},{default:r(()=>[...a[6]||(a[6]=[f("erstelle eine neue Firma",-1)])]),_:1}),a[8]||(a[8]=f(". ",-1))]),_:1})]))]),u(ae,{modelValue:q.value,"onUpdate:modelValue":a[4]||(a[4]=e=>q.value=e),title:G.value?"Firma bearbeiten":"Neue Firma anlegen",icon:"business",onCancel:a[5]||(a[5]=e=>q.value=!1)},{default:r(()=>[p("div",E,[p("div",T,[p("div",U,[a[10]||(a[10]=p("span",{class:"label"},"Firmenname",-1)),u(Z,{modelValue:H.value.name,"onUpdate:modelValue":a[1]||(a[1]=e=>H.value.name=e),placeholder:"z.B. Schmidt GmbH",autofocus:""},null,8,["modelValue"])]),p("div",P,[a[11]||(a[11]=p("span",{class:"label"},"Domain / Website",-1)),u(Z,{modelValue:H.value.domain,"onUpdate:modelValue":a[2]||(a[2]=e=>H.value.domain=e),placeholder:"example.com"},null,8,["modelValue"])]),p("div",D,[a[12]||(a[12]=p("span",{class:"label"},"Notizen / Adresse",-1)),u(ee,{modelValue:H.value.notes,"onUpdate:modelValue":a[3]||(a[3]=e=>H.value.notes=e),placeholder:"z.B. Branche, Adresse, etc."},null,8,["modelValue"])])]),p("div",I,[u(X,{primary:"",block:"",loading:$.value,onClick:Q},{default:r(()=>[...a[13]||(a[13]=[f(" Firma speichern ",-1)])]),_:1},8,["loading"])])])]),_:1},8,["modelValue","title"])]),_:1})}}}),W=[],$=[];!function(e,a){if(e&&"undefined"!=typeof document){var t,l=!0===a.prepend?"prepend":"append",n=!0===a.singleTag,i="string"==typeof a.container?document.querySelector(a.container):document.getElementsByTagName("head")[0];if(n){var s=W.indexOf(i);-1===s&&(s=W.push(i)-1,$[s]={}),t=$[s]&&$[s][l]?$[s][l]:$[s][l]=d()}else t=d();65279===e.charCodeAt(0)&&(e=e.substring(1)),t.styleSheet?t.styleSheet.cssText+=e:t.appendChild(document.createTextNode(e))}function d(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),a.attributes)for(var t=Object.keys(a.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],a.attributes[t[n]]);var s="prepend"===l?"afterbegin":"beforeend";return i.insertAdjacentElement(s,e),e}}("\n.content-wrapper[data-v-e9d08700] { padding: 32px; height: 100%;\n}\n.header[data-v-e9d08700] { margin-bottom: 24px; display: flex; justify-content: space-between; align-items: flex-end;\n}\n.title[data-v-e9d08700] { font-size: 24px; font-weight: 800; margin-bottom: 4px;\n}\n.subtitle[data-v-e9d08700] { color: var(--theme--foreground-subdued); font-size: 14px;\n}\n.header-right[data-v-e9d08700] { display: flex; gap: 12px;\n}\n.empty-state[data-v-e9d08700] { height: 100%; display: flex; align-items: center; justify-content: center;\n}\n.details-grid[data-v-e9d08700] { display: flex; flex-direction: column; gap: 24px; margin-top: 32px;\n}\n.detail-item[data-v-e9d08700] { display: flex; flex-direction: column; gap: 8px;\n}\n.detail-item.full[data-v-e9d08700] { width: 100%;\n}\n.label[data-v-e9d08700] { font-size: 12px; font-weight: 700; text-transform: uppercase; color: var(--theme--foreground-subdued); letter-spacing: 0.5px;\n}\n.value[data-v-e9d08700] { font-size: 16px; font-weight: 500;\n}\n.drawer-content[data-v-e9d08700] { padding: 24px; display: flex; flex-direction: column; gap: 32px;\n}\n.form-section[data-v-e9d08700] { display: flex; flex-direction: column; gap: 20px;\n}\n.field[data-v-e9d08700] { display: flex; flex-direction: column; gap: 8px;\n}\n.drawer-actions[data-v-e9d08700] { margin-top: 24px;\n}\n",{});var q=a({id:"company-manager",name:"Company Manager",icon:"business",routes:[{path:"",component:((e,a)=>{const t=e.__vccOpts||e;for(const[e,l]of a)t[e]=l;return t})(M,[["__scopeId","data-v-e9d08700"],["__file","module.vue"]])}]});export{q as default};