n8n-editor-ui
Version:
Workflow Editor UI for n8n
2 lines • 9.42 kB
JavaScript
(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`n8n@2.16.1`}}catch{}})();try{(function(){var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`30a12438-6023-4cc8-a52a-4608e86245c4`,e._sentryDebugIdIdentifier=`sentry-dbid-30a12438-6023-4cc8-a52a-4608e86245c4`)})()}catch{}import"./chunk-CACdhNlC.js";import{$ as e,A as t,C as n,E as r,Ft as i,N as a,S as o,Sn as s,T as c,Wt as l,_n as u,gt as d,j as f,w as p,yt as m}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as h}from"./core-Bz5WjPxS.js";import{At as g,Qi as _,Xi as v,Yi as y,Zi as b,dt as x}from"./src-XqE2yCpG.js";import{t as S}from"./_plugin-vue_export-helper-CIL7EULb.js";import{t as C}from"./upload-BaNPOmpC.js";import{Ln as w,Pn as T,fr as E,r as D}from"./users.store-xP93bV7X.js";import{Ji as O,Tr as k,jr as A,kr as j}from"./constants-DuQbSl-q.js";import{t as M}from"./dataTable.store-DVN6vAE2.js";import{t as N}from"./Modal-gWM7cVuX.js";var P=S(a({__name:`DownloadDataTableModal`,props:{modalName:{},dataTableName:{}},emits:[`confirm`,`close`],setup(t,{emit:r}){let a=t,o=r,s=h(),c=i(!1),d=()=>{o(`confirm`,c.value)};return(t,r)=>(e(),p(N,{name:a.modalName,title:l(s).baseText(`dataTable.download.modal.title`),center:!0,width:`460px`,"event-bus":void 0,onEnter:d},{content:m(()=>[n(`div`,{class:u(t.$style.content)},[f(l(x),{modelValue:c.value,"onUpdate:modelValue":r[0]||=e=>c.value=e,label:l(s).baseText(`dataTable.download.modal.includeSystemColumns`),"data-test-id":`download-include-system-columns`},null,8,[`modelValue`,`label`])],2)]),footer:m(()=>[n(`div`,{class:u(t.$style.footer)},[f(l(b),{type:`secondary`,size:`large`,label:l(s).baseText(`dataTable.download.modal.cancel`),"data-test-id":`download-modal-cancel`,onClick:r[1]||=()=>t.$emit(`close`)},null,8,[`label`]),f(l(b),{size:`large`,label:l(s).baseText(`dataTable.download.modal.confirm`),"data-test-id":`download-modal-confirm`,onClick:d},null,8,[`label`])],2)]),_:1},8,[`name`,`title`]))}}),[[`__cssModules`,{$style:{content:`_content_10b6w_125`,footer:`_footer_10b6w_129`}}]]),F=S(a({__name:`ImportCsvModal`,props:{modalName:{},dataTable:{}},emits:[`imported`,`close`],setup(a,{emit:g}){let x=a,S=g,w=M(),k=D(),A=h(),j=T(),P=E(),F=i(null),I=i(null),L=i(0),R=i(!1),z=i(!1),B=i(!1),V=i([]),H=i([]),U=o(()=>I.value!==null),W=o(()=>new Set(x.dataTable.columns.map(e=>e.name))),G=o(()=>U.value?x.dataTable.columns.filter(e=>!V.value.includes(e.name)).map(e=>e.name):[]),K=o(()=>U.value&&V.value.length>0&&H.value.length===0&&!z.value),q=e=>{e.raw&&(F.value=e.raw,J())},J=async()=>{if(F.value){R.value=!0;try{let e=await w.uploadCsvFile(F.value,!0);I.value=e.id,L.value=e.rowCount,V.value=[],H.value=[];for(let t of e.columns)O.includes(t.name)||(W.value.has(t.name)?V.value.push(t.name):H.value.push(t.name))}catch(e){j.showError(e,A.baseText(`dataTable.upload.error`)),X()}finally{R.value=!1}}},Y=async()=>{if(!(!I.value||!K.value)){z.value=!0;try{let e=await w.importCsvToDataTable(x.dataTable.id,x.dataTable.projectId,I.value);j.showMessage({title:A.baseText(`dataTable.importCsv.success`,{adjustToNumber:e.importedRowCount,interpolate:{count:String(e.importedRowCount)}}),type:`success`}),P.track(`User imported CSV to data table`,{data_table_id:x.dataTable.id,data_table_project_id:x.dataTable.projectId,imported_row_count:e.importedRowCount,system_columns_ignored:e.systemColumnsIgnored}),k.closeModal(x.modalName),S(`imported`)}catch(e){j.showError(e,A.baseText(`dataTable.importCsv.error`))}finally{z.value=!1}}},X=()=>{F.value=null,I.value=null,L.value=0,V.value=[],H.value=[]};d(o(()=>k.modalsById[x.modalName]?.open),e=>{e||X()});let Z=()=>{X(),S(`close`)};return(i,a)=>(e(),p(N,{name:x.modalName,title:l(A).baseText(`dataTable.importCsv.title`),center:!0,width:`540px`,"event-bus":void 0},{content:m(()=>[n(`div`,{class:u(i.$style.content)},[f(l(v),{color:`text-light`,size:`small`},{default:m(()=>[t(s(l(A).baseText(`dataTable.importCsv.description`)),1)]),_:1}),f(l(C),{class:u(i.$style.uploadDemo),drag:``,"auto-upload":!1,"show-file-list":!1,accept:`.csv`,"on-change":q,"data-test-id":`import-csv-upload`,onMouseenter:a[0]||=e=>B.value=!0,onMouseleave:a[1]||=e=>B.value=!1},{default:m(()=>[f(l(_),{icon:`file`,size:24,color:B.value?`text-dark`:`text-light`,class:u(i.$style.uploadIcon)},null,8,[`color`,`class`]),F.value?(e(),p(l(v),{key:0,color:B.value?`text-dark`:`text-light`},{default:m(()=>[t(s(F.value.name),1)]),_:1},8,[`color`])):(e(),p(l(v),{key:1,size:`medium`,color:B.value?`text-dark`:`text-light`},{default:m(()=>[t(s(l(A).baseText(`dataTable.upload.dropOrClick`)),1)]),_:1},8,[`color`]))]),_:1},8,[`class`]),R.value?(e(),r(`div`,{key:0,class:u(i.$style.uploadingMessage)},s(l(A).baseText(`dataTable.upload.uploading`)),3)):c(``,!0),U.value&&!R.value?(e(),r(`div`,{key:1,class:u(i.$style.columnResults)},[H.value.length>0&&G.value.length>0?(e(),p(l(y),{key:0,theme:`danger`,"data-test-id":`import-csv-column-mismatch`},{default:m(()=>[t(s(l(A).baseText(`dataTable.importCsv.columnMismatch`,{interpolate:{unrecognized:H.value.join(`, `),missing:G.value.join(`, `)}})),1)]),_:1})):H.value.length>0?(e(),p(l(y),{key:1,theme:`danger`,"data-test-id":`import-csv-unrecognized-columns`},{default:m(()=>[t(s(l(A).baseText(`dataTable.importCsv.unrecognizedColumnsOnly`,{interpolate:{columns:H.value.join(`, `)}})),1)]),_:1})):G.value.length>0?(e(),p(l(y),{key:2,theme:`info`,"data-test-id":`import-csv-missing-columns`},{default:m(()=>[t(s(l(A).baseText(`dataTable.importCsv.missingColumnsOnly`,{interpolate:{columns:G.value.join(`, `)}})),1)]),_:1})):c(``,!0),V.value.length===0&&H.value.length===0?(e(),p(l(y),{key:3,theme:`danger`,"data-test-id":`import-csv-no-matching-columns`},{default:m(()=>[t(s(l(A).baseText(`dataTable.importCsv.noMatchingColumns`)),1)]),_:1})):c(``,!0),K.value?(e(),p(l(v),{key:4,size:`small`,class:u(i.$style.readyToImport),"data-test-id":`import-csv-ready-to-import`},{default:m(()=>[t(s(l(A).baseText(`dataTable.importCsv.readyToImport`,{adjustToNumber:L.value,interpolate:{count:String(L.value)}})),1)]),_:1},8,[`class`])):c(``,!0)],2)):c(``,!0)],2)]),footer:m(()=>[n(`div`,{class:u(i.$style.footer)},[f(l(b),{variant:`subtle`,size:`large`,label:l(A).baseText(`generic.cancel`),"data-test-id":`import-csv-cancel`,onClick:Z},null,8,[`label`]),f(l(b),{size:`large`,label:l(A).baseText(`dataTable.importCsv.importButton`),disabled:!K.value,loading:z.value,"data-test-id":`import-csv-confirm`,onClick:Y},null,8,[`label`,`disabled`,`loading`])],2)]),_:1},8,[`name`,`title`]))}}),[[`__cssModules`,{$style:{content:`_content_1prl1_125`,uploadDemo:`_uploadDemo_1prl1_131`,uploadIcon:`_uploadIcon_1prl1_157`,uploadingMessage:`_uploadingMessage_1prl1_161`,columnResults:`_columnResults_1prl1_167`,readyToImport:`_readyToImport_1prl1_173`,footer:`_footer_1prl1_177`}}]]),I=a({__name:`DataTableActions`,props:{dataTable:{},isReadOnly:{type:Boolean,default:!1},location:{}},emits:[`rename`,`onDeleted`,`imported`],setup(t,{emit:n}){let i=t,a=n,s=M(),c=D(),u=h(),d=w(),p=T(),m=E(),_=o(()=>`${j}-${i.dataTable.id}`),v=o(()=>`${A}-${i.dataTable.id}`),y=o(()=>{let e=[{label:u.baseText(`dataTable.importCsv`),value:k.IMPORT_CSV,disabled:!s.projectPermissions.dataTable.writeRow||i.isReadOnly},{label:u.baseText(`dataTable.download.csv`),value:k.DOWNLOAD_CSV,disabled:!1},{label:u.baseText(`generic.delete`),value:k.DELETE,disabled:!s.projectPermissions.dataTable.delete||i.isReadOnly}];return i.location===`breadcrumbs`&&e.unshift({label:u.baseText(`generic.rename`),value:k.RENAME,disabled:!s.projectPermissions.dataTable.update||i.isReadOnly}),e}),b=async e=>{switch(e){case k.RENAME:a(`rename`,{dataTable:i.dataTable,action:`rename`});break;case k.IMPORT_CSV:c.openModal(v.value);break;case k.DOWNLOAD_CSV:c.openModal(_.value);break;case k.DELETE:await d.confirm(u.baseText(`dataTable.delete.confirm.message`,{interpolate:{name:i.dataTable.name}}),u.baseText(`dataTable.delete.confirm.title`),{confirmButtonText:u.baseText(`generic.delete`),cancelButtonText:u.baseText(`generic.cancel`)})===`confirm`&&await S();break}},x=async e=>{try{c.closeModal(_.value),await s.downloadDataTableCsv(i.dataTable.id,i.dataTable.projectId,e),m.track(`User downloaded data table CSV`,{data_table_id:i.dataTable.id,data_table_project_id:i.dataTable.projectId,include_system_columns:e})}catch(e){p.showError(e,u.baseText(`dataTable.download.error`))}},S=async()=>{try{if(!await s.deleteDataTable(i.dataTable.id,i.dataTable.projectId))throw Error(u.baseText(`generic.unknownError`));a(`onDeleted`),m.track(`User deleted data table`,{data_table_id:i.dataTable.id,data_table_project_id:i.dataTable.projectId})}catch(e){p.showError(e,u.baseText(`dataTable.delete.error`))}};return(n,i)=>(e(),r(`div`,null,[f(l(g),{actions:y.value,theme:`dark`,"data-test-id":`data-table-card-actions`,onAction:b},null,8,[`actions`]),f(P,{"modal-name":_.value,"data-table-name":t.dataTable.name,onConfirm:x,onClose:i[0]||=()=>l(c).closeModal(_.value)},null,8,[`modal-name`,`data-table-name`]),f(F,{"modal-name":v.value,"data-table":t.dataTable,onImported:i[1]||=e=>a(`imported`),onClose:i[2]||=()=>l(c).closeModal(v.value)},null,8,[`modal-name`,`data-table`])]))}});export{I as t};
//# sourceMappingURL=DataTableActions-CHsolxsn.js.map