UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

3 lines 6.04 kB
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-bXAVnpA7.js","assets/_plugin-vue_export-helper-Dm3nT7Ps.js","assets/src-wni2AGA3.js","assets/CalendarDate-CgcSr8SP.js","assets/_MapCache-CUJwh2qp.js","assets/vue.runtime.esm-bundler-D9KLAxvJ.js","assets/chunk-DxpFCn6T.js","assets/sanitize-html-my1ogl5v.js","assets/en-QTm5tviq.js","assets/src-DDk97x4F.css","assets/constants-CIP7tKq1.js","assets/merge-BqvKZ38d.js","assets/expression-runtime-stub-DDm9ecP_.js","assets/users.store-BHWXXawf.js","assets/_baseOrderBy-CaKruttV.js","assets/dateformat-CYfyw486.js","assets/useDebounce-CTeIt-cH.js","assets/versions.store-CNV-esbv.js","assets/usePageRedirectionHelper-Dxb_B6-R.js","assets/InsightsPaywall-CGFftIXb.css"])))=>i.map(i=>d[i]); (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.13.4`}}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]=`c6ef0642-31e7-4536-9ff9-754528e3befc`,e._sentryDebugIdIdentifier=`sentry-dbid-c6ef0642-31e7-4536-9ff9-754528e3befc`)})()}catch{}import{$ as e,A as t,C as n,E as r,F as i,Ft as a,H as o,M as s,N as c,O as l,S as u,Sn as d,Wt as f,_ as p,_n as m,dt as h,gt as g,j as _,st as v,vn as y,w as b,yt as x}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{bt as S}from"./_MapCache-CUJwh2qp.js";import{Mi as C,Yi as w,_ as T,na as E,ut as D}from"./src-wni2AGA3.js";import{t as O}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import"./sanitize-html-my1ogl5v.js";import{en as k}from"./users.store-BHWXXawf.js";import{ms as A}from"./constants-CIP7tKq1.js";import"./merge-BqvKZ38d.js";import"./_baseOrderBy-CaKruttV.js";import"./dateformat-CYfyw486.js";import"./useDebounce-CTeIt-cH.js";import{a as j}from"./insights.constants-BWd0PYhd.js";import{l as M,o as N,s as P}from"./insights.utils-BGXnT8rV.js";import{t as F}from"./smartDecimal-CsR7Dvbd.js";var I=O(c({__name:`InsightsTableWorkflows`,props:o({data:{},loading:{type:Boolean},isDashboardEnabled:{type:Boolean}},{sortBy:{},sortByModifiers:{}}),emits:o([`update:options`],[`update:sortBy`]),setup(o,{emit:c}){let O=s(async()=>await E(()=>import(`./InsightsPaywall-bXAVnpA7.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]))),I=o,L=S(),R=k(),z=Array.from({length:10},(e,t)=>({workflowId:`sample-workflow-${t+1}`,workflowName:`Sample Workflow ${t+1}`,total:Math.floor(Math.random()*2e3)+500,failed:Math.floor(Math.random()*100)+20,failureRate:Math.random()*100,timeSaved:Math.floor(Math.random()*3e5)+6e4,averageRunTime:Math.floor(Math.random()*6e4)+15e3,projectName:`Sample Project ${t+1}`,projectId:`sample-project-${t+1}`,succeeded:Math.floor(Math.random()*2e3)+500,runTime:Math.floor(Math.random()*6e4)+15e3})),B={data:z,count:z.length},V=u(()=>I.isDashboardEnabled?I.data:B),H=u(()=>V.value.data),U=a([{title:`Name`,key:`workflowName`,width:400,disableSort:!I.isDashboardEnabled},{title:L.baseText(`insights.banner.title.total`),key:`total`,value(e){return e.total.toLocaleString(`en-US`)},disableSort:!I.isDashboardEnabled},{title:L.baseText(`insights.banner.title.failed`),key:`failed`,value(e){return e.failed.toLocaleString(`en-US`)},disableSort:!I.isDashboardEnabled},{title:L.baseText(`insights.banner.title.failureRate`),key:`failureRate`,value(e){return F(P(e.failureRate))+j.failureRate(e.failureRate)},disableSort:!I.isDashboardEnabled},{title:L.baseText(`insights.banner.title.timeSaved`),key:`timeSaved`,value(e){return F(M(e.timeSaved))+j.timeSaved(e.timeSaved)},disableSort:!I.isDashboardEnabled},{title:L.baseText(`insights.banner.title.averageRunTime`),key:`averageRunTime`,value(e){return F(N(e.averageRunTime))+j.averageRunTime(e.averageRunTime)},disableSort:!I.isDashboardEnabled},{title:L.baseText(`insights.dashboard.table.projectName`),key:`projectName`,disableSort:!0}]),W=h(o,`sortBy`),G=a(0),K=a(25),q=c,J=(e,t)=>({name:A.WORKFLOW,params:{name:e.workflowId},query:t}),Y=e=>{R.track(`User clicked on workflow from insights table`,{workflow_id:e.workflowId})};return g(W,e=>{R.track(`User sorted insights table`,{sorted_by:(e??[]).map(e=>({...e,label:U.value.find(t=>t.key===e.id)?.title}))})}),(a,s)=>(e(),r(`div`,null,[_(f(w),{bold:``,tag:`h3`,size:`medium`,class:`mb-s`},{default:x(()=>[t(d(f(L).baseText(`insights.dashboard.table.title`)),1)]),_:1}),_(f(T),{"sort-by":W.value,"onUpdate:sortBy":s[0]||=e=>W.value=e,page:G.value,"onUpdate:page":s[1]||=e=>G.value=e,"items-per-page":K.value,"onUpdate:itemsPerPage":s[2]||=e=>K.value=e,items:H.value,headers:U.value,"items-length":V.value.count,"onUpdate:options":s[3]||=e=>q(`update:options`,e)},l({"item.workflowName":x(({item:t})=>[(e(),b(v(t.workflowId?f(D):`div`),y(i(t.workflowId?{to:J(t),class:a.$style.link,onClick:()=>Y(t)}:{})),{default:x(()=>[_(f(C),{content:t.workflowName,placement:`top`},{default:x(()=>[n(`div`,{class:m(a.$style.ellipsis)},d(t.workflowName),3)]),_:2},1032,[`content`])]),_:2},1040))]),"item.timeSaved":x(({item:n,value:i})=>[!n.timeSaved&&n.workflowId?(e(),b(f(D),{key:0,to:J(n,{settings:`true`}),class:m(a.$style.link)},{default:x(()=>[t(d(f(L).baseText(`insights.dashboard.table.estimate`)),1)]),_:1},8,[`to`,`class`])):(e(),r(p,{key:1},[t(d(i),1)],64))]),"item.projectName":x(({item:i})=>[i.projectName?(e(),b(f(C),{key:0,content:i.projectName,placement:`top`},{default:x(()=>[n(`div`,{class:m(a.$style.ellipsis)},d(i.projectName),3)]),_:2},1032,[`content`])):(e(),r(p,{key:1},[t(` - `)],64))]),_:2},[o.isDashboardEnabled?void 0:{name:`cover`,fn:x(()=>[n(`div`,{class:m(a.$style.blurryCover)},[_(f(O))],2)]),key:`0`}]),1032,[`sort-by`,`page`,`items-per-page`,`items`,`headers`,`items-length`])]))}}),[[`__cssModules`,{$style:{ellipsis:`_ellipsis_14mui_125`,link:`_link_14mui_134`,blurryCover:`_blurryCover_14mui_146`}}]]);export{I as default}; //# sourceMappingURL=InsightsTableWorkflows-ddebLBb7.js.map