UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 16.8 kB
!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"n8n@2.13.4"}}catch(e){}}(),System.register(["./chunk-legacy-TXBRODOR.js","./vue.runtime.esm-bundler-legacy-IafOlCW8.js","./_MapCache-legacy-DwgdC8YO.js","./src-legacy-Dwzr7bD0.js","./_plugin-vue_export-helper-legacy-DEZAmQqp.js","./date-picker-legacy-uAA3gY1d.js","./users.store-legacy-OKuN0qAC.js","./constants-legacy-DNCca_FT.js","./useDebounce-legacy-CT3oYGrC.js","./usePageRedirectionHelper-legacy-dYzA8Va8.js","./WorkflowTagsDropdown-legacy-CBAdc9l0.js","./AnnotationTagsDropdown.ee-legacy-D4sPlYie.js"],(function(e,t){var a,l,o,n,i,s,r,d,c,u,p,v,f,x,_,g,b,m,y,h,k,w,T,D,q,F,$,E,V,C,L,j,B,I,U,A,M,W,S,z,H,G,N,O,Y,K,P,R,Z,Q,X,J,ee,te,ae,le,oe,ne,ie,se,re,de;return{setters:[function(e){e.o},function(e){a=e.$,l=e.A,o=e.C,n=e.E,i=e.Ft,s=e.K,r=e.N,d=e.Nt,c=e.O,u=e.S,p=e.Sn,v=e.T,f=e.Wt,x=e.X,_=e._,g=e._n,b=e.gt,m=e.h,y=e.j,h=e.q,k=e.rt,w=e.w,T=e.yt},function(e){D=e._t,q=e.bt,F=e.xt},function(e){$=e.$i,E=e.Et,V=e.Fi,C=e.Mi,L=e.Qi,j=e.Tt,B=e.Ut,I=e.W,U=e.Zi,A=e.lt,M=e.yt},function(e){W=e.t},function(e){S=e.t},function(e){z=e.As,H=e.en,G=e.r,N=e.va},function(e){O=e.Bs,Y=e.pl},function(e){K=e.t},function(e){P=e.t},function(e){R=e.t},function(e){Z=e.t}],execute:function(){(Q=document.createElement("style")).textContent="._tooltip_1c31h_125{flex-direction:column;display:flex}._link_1c31h_130{margin-top:var(--spacing--xs)}._concurrentExecutionHeader_1c31h_134{align-items:center;display:flex}._group_1yvvq_125 label,._group_1yvvq_125 ._label_1yvvq_126{font-size:var(--font-size--2xs);margin:var(--spacing--sm)0 var(--spacing--3xs);color:var(--color--text--shade-1);display:inline-block}._label_1yvvq_126._savedDataLabel_1yvvq_133{align-items:center;display:flex}._label_1yvvq_126._savedDataLabel_1yvvq_133 span{margin-right:var(--spacing--3xs)}._subGroup_1yvvq_141{padding:0 0 var(--spacing--xs)var(--spacing--sm)}._subGroup_1yvvq_141 label,._subGroup_1yvvq_141 ._label_1yvvq_126{font-size:var(--font-size--3xs);margin:var(--spacing--4xs)0 var(--spacing--4xs)}._subGroup_1yvvq_141 ._checkboxWrapper_1yvvq_149{margin-top:var(--spacing--sm);margin-bottom:var(--spacing--2xs)}._subGroup_1yvvq_141 ._checkboxWrapper_1yvvq_149 label{margin:0}._dates_1yvvq_157{border:1px solid var(--color--foreground);border-radius:var(--radius);white-space:nowrap;align-items:center;display:flex}._divider_1yvvq_165{padding:0 var(--spacing--md);line-height:100%}._resetBtn_1yvvq_170{margin:var(--spacing--xs)0 0;padding:0}._tooltipIcon_1yvvq_175{color:var(--color--text--tint-1)}._filterButton_1yvvq_179{position:relative}._filterButton_1yvvq_179 ._filterBadge_1yvvq_182{position:absolute;top:0;right:-4px;transform:translate(50%,-50%)}._popover-content_1yvvq_189{padding:var(--spacing--sm)}[data-v-39fa2d8f] .el-date-editor input{border:0;height:36px;padding-right:0}[data-v-39fa2d8f] .el-date-editor .el-input__prefix{color:var(--color--foreground--shade-1)}[data-v-39fa2d8f] .el-date-editor:last-of-type input{padding-left:0}[data-v-39fa2d8f] .el-date-editor:last-of-type .el-input__prefix{display:none}[data-v-39fa2d8f] .el-select-dropdown.el-popper[data-popper-placement^=bottom]>.popper__arrow{top:-6px;left:50%;right:unset;border-top-width:0;border-left-width:6px;border-bottom-color:var(--border-color--light);border-right-color:transparent;margin-bottom:0;margin-right:3px}[data-v-39fa2d8f] .el-select-dropdown.el-popper[data-popper-placement^=bottom]>.popper__arrow:after{top:1px;left:unset;bottom:unset;border-top-width:0;border-left-width:6px;border-bottom-color:var(--color--foreground--tint-2);border-right-color:transparent;margin-left:-6px}._stopAll_jkvxp_125{cursor:pointer}._stopAll_jkvxp_125:hover{text-decoration:underline}\n/*$vite$:1*/",document.head.appendChild(Q);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(ce=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[ce]="04ef4337-297a-47a6-95f2-0d9ec13d03e7",t._sentryDebugIdIdentifier="sentry-dbid-04ef4337-297a-47a6-95f2-0d9ec13d03e7")}catch(t){}var t,ce;X=r({__name:"ConcurrentExecutionsHeader",props:{runningExecutionsCount:{},concurrencyCap:{},isCloudDeployment:{type:Boolean}},emits:["goToUpgrade"],setup(e,{emit:t}){const i=e,s=t,r=q(),d=u((()=>{let e=r.baseText("executionsList.activeExecutions.tooltip",{interpolate:{running:i.runningExecutionsCount,cap:i.concurrencyCap}});return e+="\n"+r.baseText("executionsList.activeExecutions.evaluationNote"),e})),c=u((()=>0===i.runningExecutionsCount?r.baseText("executionsList.activeExecutions.none"):r.baseText("executionsList.activeExecutions.header",{interpolate:{running:i.runningExecutionsCount,cap:i.concurrencyCap}})));return(e,t)=>(a(),n("div",{"data-test-id":"concurrent-executions-header",class:g(e.$style.concurrentExecutionHeader)},[y(f(U),null,{default:T((()=>[l(p(c.value),1)])),_:1}),y(f(C),null,{content:T((()=>[o("div",{class:g(e.$style.tooltip)},[l(p(d.value)+" ",1),i.isCloudDeployment?(a(),w(f(A),{key:0,bold:"",size:"small",class:g(e.$style.link),onClick:t[0]||(t[0]=e=>s("goToUpgrade"))},{default:T((()=>[l(p(f(r).baseText("generic.upgradeNow")),1)])),_:1},8,["class"])):(a(),w(f(A),{key:1,class:g(e.$style.link),href:f(r).baseText("executions.concurrency.docsLink"),target:"_blank"},{default:T((()=>[l(p(f(r).baseText("generic.viewDocs")),1)])),_:1},8,["class","href"]))],2)])),default:T((()=>[y(f($),{icon:"info",class:"ml-2xs"})])),_:1})],2))}}),e("i",W(X,[["__cssModules",{$style:{tooltip:"_tooltip_1c31h_125",link:"_link_1c31h_130",concurrentExecutionHeader:"_concurrentExecutionHeader_1c31h_134"}}]])),J={"data-test-id":"execution-filter-form"},ee={for:"execution-filter-workflows"},te={for:"execution-filter-tags"},ae={for:"execution-filter-status"},le={for:"execution-filter-start-date"},oe={for:"execution-filter-annotation-tags"},ne={for:"execution-filter-annotation-vote"},ie={for:"execution-filter-saved-data-key"},se={for:"execution-filter-saved-data-value"},re="YYYY-MM-DD HH:mm",de=r({__name:"ExecutionsFilter",props:{workflows:{default:()=>[]},popoverSide:{default:"bottom"},popoverAlign:{default:"center"},teleported:{type:Boolean,default:!0}},emits:["filterChanged"],setup(e,{emit:t}){const r=z(),{debounce:x}=K(),h=H(),q=P(),U=e,A=t,W=x(A,{debounceTime:500}),G=i(!1),O=u((()=>r.isEnterpriseFeatureEnabled[Y.AdvancedExecutionFilters])),Q=u((()=>O.value)),X=u((()=>!1)),de=d({status:"all",workflowId:"all",tags:[],annotationTags:[],startDate:"",endDate:"",metadata:[{key:"",value:"",exactMatch:!1}],vote:"all"});b(de,(e=>{e.startDate||e.endDate?W("filterChanged",e):A("filterChanged",e)}),{deep:!0,immediate:!1});const ce=u((()=>[{id:"all",name:D.baseText("executionsList.anyStatus")},{id:"error",name:D.baseText("executionsList.error")},{id:"canceled",name:D.baseText("executionsList.canceled")},{id:"new",name:D.baseText("executionsList.new")},{id:"running",name:D.baseText("executionsList.running")},{id:"success",name:D.baseText("executionsList.success")},{id:"waiting",name:D.baseText("executionsList.waiting")}])),ue=u((()=>[{id:"all",name:D.baseText("executionsFilter.annotation.rating.all")},{id:"up",name:D.baseText("executionsFilter.annotation.rating.good")},{id:"down",name:D.baseText("executionsFilter.annotation.rating.bad")}])),pe=u((()=>["all"!==de.status,"all"!==de.workflowId&&U.workflows.length,!N(de.tags),!N(de.annotationTags),"all"!==de.vote,!N(de.metadata),!!de.startDate,!!de.endDate].filter(Boolean).length)),ve=(e,t,a)=>{de.metadata[e]||(de.metadata[e]={key:"",value:"",exactMatch:!1}),de.metadata[e][t]=a,G.value||(h.track("User filtered executions with custom data"),G.value=!0),W("filterChanged",de)},fe=()=>{A("filterChanged",de)},xe=()=>{A("filterChanged",de)},_e=()=>{Object.assign(de,{status:"all",workflowId:"all",tags:[],annotationTags:[],startDate:"",endDate:"",metadata:[{key:"",value:"",exactMatch:!1}],vote:"all"})},ge=()=>{q.goToUpgrade("custom-data-filter","upgrade-custom-data-filter")},be=e=>{"boolean"==typeof e&&ve(0,"exactMatch",e)};return s((()=>{G.value=!1})),(t,i)=>(a(),w(f(I),{side:U.popoverSide,align:U.popoverAlign,"position-strategy":"absolute",width:"440px","content-class":t.$style["popover-content"],"show-arrow":""},{trigger:T((()=>[y(f(L),{variant:"subtle",iconOnly:"",icon:"funnel",size:"medium","aria-label":f(D).baseText("forms.resourceFiltersDropdown.filters"),active:!!pe.value,"data-test-id":"executions-filter-button",class:g(t.$style.filterButton)},c({_:2},[pe.value?{name:"default",fn:T((()=>[y(f(B),{theme:"primary",class:g(["mr-4xs",t.$style.filterBadge]),"data-test-id":"execution-filter-badge"},{default:T((()=>[l(p(pe.value),1)])),_:1},8,["class"])])),key:"0"}:void 0]),1032,["aria-label","active","class"])])),content:T((()=>[o("div",J,[e.workflows&&e.workflows.length>0?(a(),n("div",{key:0,class:g(t.$style.group)},[o("label",ee,p(f(D).baseText("workflows.heading")),1),y(f(j),{id:"execution-filter-workflows",modelValue:de.workflowId,"onUpdate:modelValue":i[0]||(i[0]=e=>de.workflowId=e),placeholder:f(D).baseText("executionsFilter.selectWorkflow"),filterable:"","data-test-id":"executions-filter-workflows-select",teleported:e.teleported},{default:T((()=>[o("div",null,[(a(!0),n(_,null,k(U.workflows,((e,t)=>(a(),w(f(E),{key:t,label:e.name,value:e.id},null,8,["label","value"])))),128))])])),_:1},8,["modelValue","placeholder","teleported"])],2)):v("",!0),X.value?(a(),n("div",{key:1,class:g(t.$style.group)},[o("label",te,p(f(D).baseText("workflows.filters.tags")),1),y(R,{id:"execution-filter-tags",modelValue:de.tags,"onUpdate:modelValue":[i[1]||(i[1]=e=>de.tags=e),fe],placeholder:f(D).baseText("workflowOpen.filterWorkflows"),"create-enabled":!1,"data-test-id":"executions-filter-tags-select"},null,8,["modelValue","placeholder"])],2)):v("",!0),o("div",{class:g(t.$style.group)},[o("label",ae,p(f(D).baseText("executionsList.status")),1),y(f(j),{id:"execution-filter-status",modelValue:de.status,"onUpdate:modelValue":i[2]||(i[2]=e=>de.status=e),placeholder:f(D).baseText("executionsFilter.selectStatus"),filterable:"","data-test-id":"executions-filter-status-select",teleported:e.teleported},{default:T((()=>[(a(!0),n(_,null,k(ce.value,((e,t)=>(a(),w(f(E),{key:t,label:e.name,value:e.id},null,8,["label","value"])))),128))])),_:1},8,["modelValue","placeholder","teleported"])],2),o("div",{class:g(t.$style.group)},[o("label",le,p(f(D).baseText("executionsFilter.start")),1),o("div",{class:g(t.$style.dates)},[y(f(S),{id:"execution-filter-start-date",modelValue:de.startDate,"onUpdate:modelValue":i[3]||(i[3]=e=>de.startDate=e),type:"datetime",teleported:e.teleported,format:re,placeholder:f(D).baseText("executionsFilter.startDate"),"data-test-id":"executions-filter-start-date-picker"},null,8,["modelValue","teleported","placeholder"]),o("span",{class:g(t.$style.divider)},"to",2),y(f(S),{id:"execution-filter-end-date",modelValue:de.endDate,"onUpdate:modelValue":i[4]||(i[4]=e=>de.endDate=e),type:"datetime",teleported:e.teleported,format:re,placeholder:f(D).baseText("executionsFilter.endDate"),"data-test-id":"executions-filter-end-date-picker"},null,8,["modelValue","teleported","placeholder"])],2)],2),Q.value?(a(),n("div",{key:2,class:g(t.$style.group)},[o("label",oe,p(f(D).baseText("executionsFilter.annotation.tags")),1),y(Z,{id:"execution-filter-annotation-tags",modelValue:de.annotationTags,"onUpdate:modelValue":[i[5]||(i[5]=e=>de.annotationTags=e),xe],placeholder:f(D).baseText("workflowOpen.filterWorkflows"),"create-enabled":!1,"data-test-id":"executions-filter-annotation-tags-select"},null,8,["modelValue","placeholder"])],2)):v("",!0),Q.value?(a(),n("div",{key:3,class:g(t.$style.group)},[o("label",ne,p(f(D).baseText("executionsFilter.annotation.rating")),1),y(f(j),{id:"execution-filter-annotation-vote",modelValue:de.vote,"onUpdate:modelValue":i[6]||(i[6]=e=>de.vote=e),placeholder:f(D).baseText("executionsFilter.annotation.selectVoteFilter"),filterable:"","data-test-id":"executions-filter-annotation-vote-select",teleported:e.teleported},{default:T((()=>[(a(!0),n(_,null,k(ue.value,((e,t)=>(a(),w(f(E),{key:t,label:e.name,value:e.id},null,8,["label","value"])))),128))])),_:1},8,["modelValue","placeholder","teleported"])],2)):v("",!0),o("div",{class:g(t.$style.group)},[y(f(C),{placement:"right"},{content:T((()=>[y(f(F),{tag:"span",keypath:"executionsFilter.customData.docsTooltip",scope:"global"})])),default:T((()=>[o("span",{class:g([t.$style.label,t.$style.savedDataLabel])},[o("span",null,p(f(D).baseText("executionsFilter.savedData")),1),y(f($),{class:g(t.$style.tooltipIcon),icon:"circle-help",size:"medium"},null,8,["class"])],2)])),_:1}),o("div",{class:g(t.$style.subGroup)},[o("label",ie,p(f(D).baseText("executionsFilter.savedDataKey")),1),y(f(C),{disabled:O.value,placement:"top"},{content:T((()=>[y(f(F),{tag:"span",keypath:"executionsFilter.customData.inputTooltip",scope:"global"},{link:T((()=>[o("a",{href:"#","data-test-id":"executions-filter-view-plans-link",onClick:m(ge,["prevent"])},p(f(D).baseText("executionsFilter.customData.inputTooltip.link")),1)])),_:1})])),default:T((()=>[y(f(V),{id:"execution-filter-saved-data-key",name:"execution-filter-saved-data-key",type:"text",disabled:!O.value,placeholder:f(D).baseText("executionsFilter.savedDataKeyPlaceholder"),"model-value":de.metadata[0]?.key,"data-test-id":"execution-filter-saved-data-key-input","onUpdate:modelValue":i[7]||(i[7]=e=>ve(0,"key",e))},null,8,["disabled","placeholder","model-value"])])),_:1},8,["disabled"]),o("div",{class:g(t.$style.checkboxWrapper)},[y(f(C),{disabled:O.value,placement:"top"},{content:T((()=>[y(f(F),{tag:"span",keypath:"executionsFilter.customData.inputTooltip",scope:"global"},{link:T((()=>[o("a",{href:"#",onClick:m(ge,["prevent"])},p(f(D).baseText("executionsFilter.customData.inputTooltip.link")),1)])),_:1})])),default:T((()=>[y(f(M),{label:f(D).baseText("executionsFilter.savedDataExactMatch"),"model-value":de.metadata[0]?.exactMatch,disabled:!O.value,"data-test-id":"execution-filter-saved-data-exact-match-checkbox","onUpdate:modelValue":be},null,8,["label","model-value","disabled"])])),_:1},8,["disabled"])],2),o("label",se,p(f(D).baseText("executionsFilter.savedDataValue")),1),y(f(C),{disabled:O.value,placement:"top"},{content:T((()=>[y(f(F),{tag:"span",keypath:"executionsFilter.customData.inputTooltip",scope:"global"},{link:T((()=>[o("a",{href:"#",onClick:m(ge,["prevent"])},p(f(D).baseText("executionsFilter.customData.inputTooltip.link")),1)])),_:1})])),default:T((()=>[y(f(V),{id:"execution-filter-saved-data-value",name:"execution-filter-saved-data-value",type:"text",disabled:!O.value,placeholder:f(D).baseText("executionsFilter.savedDataValuePlaceholder"),"model-value":de.metadata[0]?.value,"data-test-id":"execution-filter-saved-data-value-input","onUpdate:modelValue":i[8]||(i[8]=e=>ve(0,"value",e))},null,8,["disabled","placeholder","model-value"])])),_:1},8,["disabled"])],2)],2),pe.value?(a(),w(f(L),{key:4,variant:"ghost",class:g(t.$style.resetBtn),size:"large","data-test-id":"executions-filter-reset-button",onClick:_e},{default:T((()=>[l(p(f(D).baseText("executionsFilter.reset")),1)])),_:1},8,["class"])):v("",!0)])])),_:1},8,["side","align","content-class"]))}}),e("r",W(de,[["__cssModules",{$style:{group:"_group_1yvvq_125",label:"_label_1yvvq_126",savedDataLabel:"_savedDataLabel_1yvvq_133",subGroup:"_subGroup_1yvvq_141",checkboxWrapper:"_checkboxWrapper_1yvvq_149",dates:"_dates_1yvvq_157",divider:"_divider_1yvvq_165",resetBtn:"_resetBtn_1yvvq_170",tooltipIcon:"_tooltipIcon_1yvvq_175",filterButton:"_filterButton_1yvvq_179",filterBadge:"_filterBadge_1yvvq_182","popover-content":"_popover-content_1yvvq_189"}}],["__scopeId","data-v-39fa2d8f"]])),e("n",W(r({__name:"ExecutionStopAllText",props:{executions:{}},setup(e){const t=e,o=G(),n=q(),i=u((()=>t.executions.find((e=>["new","running","waiting"].includes(e.status))))),s=H();function r(){s.track("User initiated stop many executions"),o.openModal(O)}return(e,t)=>i.value?(a(),w(f(U),{key:0,class:g(e.$style.stopAll),size:"small",color:"text-base",onClick:r},{default:T((()=>[l(p(f(n).baseText("generic.stopAll")),1)])),_:1},8,["class"])):v("",!0)}}),[["__cssModules",{$style:{stopAll:"_stopAll_jkvxp_125"}}]])),e("t",r({__name:"ExecutionsTime",props:{startTime:{}},setup(e){const t=e,l=q(),o=i(-1),s=i(null),r=u((()=>{if(!t.startTime)return"...";const e=o.value-new Date(t.startTime).getTime();return l.displayTimer(e)}));function d(){o.value=(new Date).getTime()}return x((()=>{d(),s.value=setInterval((()=>{d()}),1e3)})),h((()=>{null!==s.value&&clearInterval(s.value)})),(e,t)=>(a(),n("span",null,p(r.value),1))}}))}}})); //# sourceMappingURL=ExecutionsTime-legacy-CAfxGDXd.js.map