UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

3 lines 6.06 kB
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-zFQfwJ04.js","assets/_plugin-vue_export-helper-CIL7EULb.js","assets/src-XqE2yCpG.js","assets/chunk-CACdhNlC.js","assets/get-BjzKP_3k.js","assets/_MapCache-CP9ToMjk.js","assets/vue.runtime.esm-bundler-C3C09Zii.js","assets/CalendarDate-BT_sdKiu.js","assets/core-Bz5WjPxS.js","assets/sanitize-html-CNLkxVtZ.js","assets/empty-BNY-5QlZ.js","assets/en-BrSmbSYv.js","assets/src-DBVOVeEU.css","assets/usePageRedirectionHelper-CC6sh9o0.js","assets/constants-DuQbSl-q.js","assets/merge-DFZxC2wo.js","assets/expression-runtime-stub-Vl5_1Jpv.js","assets/users.store-xP93bV7X.js","assets/useRootStore-XEREVjMN.js","assets/settings.store-CAFiYCMH.js","assets/dateformat-Cs9X8ykY.js","assets/_baseOrderBy-DP0226Vi.js","assets/useDebounce-DyDXl6eh.js","assets/versions.store-DMbhywWy.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.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]=`72cbf7f7-7d63-4b8b-ad8f-242a36dcb882`,e._sentryDebugIdIdentifier=`sentry-dbid-72cbf7f7-7d63-4b8b-ad8f-242a36dcb882`)})()}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-C3C09Zii.js";import{at as S}from"./core-Bz5WjPxS.js";import{Di as C,Ji as w,_ as T,nt as E}from"./src-XqE2yCpG.js";import{d as D}from"./get-BjzKP_3k.js";import{t as O}from"./_plugin-vue_export-helper-CIL7EULb.js";import{fr as k}from"./users.store-xP93bV7X.js";import{Qo as A}from"./constants-DuQbSl-q.js";import{a as j}from"./insights.constants-G43L9nIf.js";import{l as M,o as N,s as P}from"./insights.utils-YrW9I9r0.js";import{t as F}from"./smartDecimal-DntD9qTh.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 D(()=>import(`./InsightsPaywall-zFQfwJ04.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24]))),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(E):`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(E),{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_xypxd_125`,link:`_link_xypxd_133`,blurryCover:`_blurryCover_xypxd_151`}}]]);export{I as default}; //# sourceMappingURL=InsightsTableWorkflows-BknUrnRI.js.map