n8n-editor-ui
Version:
Workflow Editor UI for n8n
2 lines • 18.9 kB
JavaScript
!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"n8n@2.16.1"}}catch(e){}}(),System.register(["./chunk-legacy-Dz3fjYb5.js","./vue.runtime.esm-bundler-legacy-BW6xDdqj.js","./core-legacy-VD8c7QJ-.js","./src-legacy-B67uuxhB.js","./_plugin-vue_export-helper-legacy-DFdC_I5Z.js","./date-picker-legacy-xv7-JfaG.js","./users.store-legacy-azRUgFdP.js","./constants-legacy-2_ytuuS3.js","./useRootStore-legacy-CC08el-l.js","./settings.store-legacy-I6rZOvfF.js","./useDebounce-legacy-CRJGWVMg.js","./usePageRedirectionHelper-legacy-DQM99rgh.js","./dateFormatter-legacy-C29N6HGV.js","./WorkflowTagsDropdown-legacy-4ALwbgb8.js","./AnnotationTagsDropdown.ee-legacy-f46oI5pY.js"],(function(e,t){var a,l,o,n,i,s,r,d,c,u,p,v,f,x,b,_,g,m,y,h,k,w,T,D,F,$,q,V,E,I,C,j,L,A,U,B,M,S,z,W,G,H,N,O,Y,R,K,P,Q,X,Z,J,ee,te,ae,le,oe,ne,ie,se,re,de,ce,ue,pe,ve,fe;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,b=e._,_=e._n,g=e.gt,m=e.h,y=e.j,h=e.q,k=e.rt,w=e.w,T=e.yt},function(e){D=e.at,F=e.nt,$=e.ot},function(e){q=e.Di,V=e.F,E=e.Ft,I=e.Qi,C=e.Xi,j=e.Zi,L=e._t,A=e.dt,U=e.ji,B=e.tt,M=e.vt},function(e){S=e.t},function(e){z=e.t},function(e){W=e.fr,G=e.r,H=e.ya},function(e){N=e.Qc,O=e.Ts},function(e){Y=e.c,R=e.t},function(e){K=e.t},function(e){P=e.t},function(e){Q=e.t},function(e){X=e.t},function(e){Z=e.t},function(e){J=e.t}],execute:function(){(ee=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-0c6b43c6] .el-date-editor input{border:0;height:36px;padding-right:0}[data-v-0c6b43c6] .el-date-editor .el-input__prefix{color:var(--color--foreground--shade-1)}[data-v-0c6b43c6] .el-date-editor:last-of-type input{padding-left:0}[data-v-0c6b43c6] .el-date-editor:last-of-type .el-input__prefix{display:none}[data-v-0c6b43c6] .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-0c6b43c6] .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(ee);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(xe=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[xe]="2f6d4a34-06bd-4cb9-a1f9-892bfe8c4dd8",t._sentryDebugIdIdentifier="sentry-dbid-2f6d4a34-06bd-4cb9-a1f9-892bfe8c4dd8")}catch(t){}var t,xe;te=r({__name:"ConcurrentExecutionsHeader",props:{runningExecutionsCount:{},concurrencyCap:{},isCloudDeployment:{type:Boolean}},emits:["goToUpgrade"],setup(e,{emit:t}){const i=e,s=t,r=D(),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:_(e.$style.concurrentExecutionHeader)},[y(f(C),null,{default:T((()=>[l(p(c.value),1)])),_:1}),y(f(q),null,{content:T((()=>[o("div",{class:_(e.$style.tooltip)},[l(p(d.value)+" ",1),i.isCloudDeployment?(a(),w(f(B),{key:0,bold:"",size:"small",class:_(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(B),{key:1,class:_(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(I),{icon:"info",class:"ml-2xs"})])),_:1})],2))}}),e("i",S(te,[["__cssModules",{$style:{tooltip:"_tooltip_1c31h_125",link:"_link_1c31h_130",concurrentExecutionHeader:"_concurrentExecutionHeader_1c31h_134"}}]])),ae={"data-test-id":"execution-filter-form"},le={for:"execution-filter-workflows"},oe={for:"execution-filter-tags"},ne={for:"execution-filter-status"},ie={for:"execution-filter-start-date"},se={for:"execution-filter-annotation-tags"},re={for:"execution-filter-annotation-vote"},de={for:"execution-filter-saved-data-key"},ce={for:"execution-filter-saved-data-value"},ue="YYYY-MM-DD HH:mm",pe=r({__name:"ExecutionsFilter",props:{workflows:{default:()=>[]},workflowId:{},popoverSide:{default:"bottom"},popoverAlign:{default:"center"},teleported:{type:Boolean,default:!0}},emits:["filterChanged"],setup(e,{emit:t}){const r=K(),x=R(),{debounce:h}=P(),D=W(),C=Q(),B=e,S=t,G=h(S,{debounceTime:500}),O=i(!1),ee=u((()=>r.isEnterpriseFeatureEnabled[N.AdvancedExecutionFilters])),te=u((()=>ee.value)),pe=u((()=>!1)),ve=d({status:"all",workflowId:"all",tags:[],annotationTags:[],startDate:"",endDate:"",metadata:[{key:"",value:"",exactMatch:!1}],vote:"all",workflowVersionId:"all"}),fe=i([]),xe=i(!1),be=i(!1),_e=u((()=>{const e=[{id:"all",name:F.baseText("executionsFilter.version.all")}];for(const t of fe.value){const a=t.name??F.baseText("executionDetails.versionAutosave"),{date:l,time:o}=X(t.createdAt);e.push({id:t.versionId,name:F.baseText("executionsFilter.version.label",{interpolate:{name:a,date:`${l} ${o}`}})})}return e}));g(ve,(e=>{e.startDate||e.endDate?G("filterChanged",e):S("filterChanged",e)}),{deep:!0,immediate:!1});const ge=u((()=>[{id:"all",name:F.baseText("executionsList.anyStatus")},{id:"error",name:F.baseText("executionsList.error")},{id:"canceled",name:F.baseText("executionsList.canceled")},{id:"new",name:F.baseText("executionsList.new")},{id:"running",name:F.baseText("executionsList.running")},{id:"success",name:F.baseText("executionsList.success")},{id:"waiting",name:F.baseText("executionsList.waiting")}])),me=u((()=>[{id:"all",name:F.baseText("executionsFilter.annotation.rating.all")},{id:"up",name:F.baseText("executionsFilter.annotation.rating.good")},{id:"down",name:F.baseText("executionsFilter.annotation.rating.bad")}])),ye=u((()=>["all"!==ve.status,"all"!==ve.workflowId&&B.workflows.length,!H(ve.tags),!H(ve.annotationTags),"all"!==ve.vote,"all"!==ve.workflowVersionId,!H(ve.metadata),!!ve.startDate,!!ve.endDate].filter(Boolean).length)),he=(e,t,a)=>{ve.metadata[e]||(ve.metadata[e]={key:"",value:"",exactMatch:!1}),ve.metadata[e][t]=a,O.value||(D.track("User filtered executions with custom data"),O.value=!0),G("filterChanged",ve)},ke=()=>{S("filterChanged",ve)},we=()=>{S("filterChanged",ve)},Te=()=>{Object.assign(ve,{status:"all",workflowId:"all",tags:[],annotationTags:[],startDate:"",endDate:"",metadata:[{key:"",value:"",exactMatch:!1}],vote:"all",workflowVersionId:"all"})},De=()=>{C.goToUpgrade("custom-data-filter","upgrade-custom-data-filter")},Fe=e=>{"boolean"==typeof e&&he(0,"exactMatch",e)};return s((()=>{O.value=!1})),(t,i)=>(a(),w(f(V),{side:B.popoverSide,align:B.popoverAlign,"position-strategy":"absolute",width:"440px","content-class":t.$style["popover-content"],"show-arrow":"","onUpdate:open":i[10]||(i[10]=e=>e&&function(){const e=B.workflowId;!e||be.value||xe.value||(xe.value=!0,Y(x.restApiContext,"GET",`/executions/versions/${e}`).then((e=>{fe.value=e,be.value=!0})).catch((()=>{})).finally((()=>{xe.value=!1})))}())},{trigger:T((()=>[y(f(j),{variant:"subtle",iconOnly:"",icon:"funnel",size:"medium","aria-label":f(F).baseText("forms.resourceFiltersDropdown.filters"),active:!!ye.value,"data-test-id":"executions-filter-button",class:_(t.$style.filterButton)},c({_:2},[ye.value?{name:"default",fn:T((()=>[y(f(E),{theme:"primary",class:_(["mr-4xs",t.$style.filterBadge]),"data-test-id":"execution-filter-badge"},{default:T((()=>[l(p(ye.value),1)])),_:1},8,["class"])])),key:"0"}:void 0]),1032,["aria-label","active","class"])])),content:T((()=>[o("div",ae,[e.workflows&&e.workflows.length>0?(a(),n("div",{key:0,class:_(t.$style.group)},[o("label",le,p(f(F).baseText("workflows.heading")),1),y(f(L),{id:"execution-filter-workflows",modelValue:ve.workflowId,"onUpdate:modelValue":i[0]||(i[0]=e=>ve.workflowId=e),placeholder:f(F).baseText("executionsFilter.selectWorkflow"),filterable:"","data-test-id":"executions-filter-workflows-select",teleported:e.teleported},{default:T((()=>[o("div",null,[(a(!0),n(b,null,k(B.workflows,((e,t)=>(a(),w(f(M),{key:t,label:e.name,value:e.id},null,8,["label","value"])))),128))])])),_:1},8,["modelValue","placeholder","teleported"])],2)):v("",!0),pe.value?(a(),n("div",{key:1,class:_(t.$style.group)},[o("label",oe,p(f(F).baseText("workflows.filters.tags")),1),y(Z,{id:"execution-filter-tags",modelValue:ve.tags,"onUpdate:modelValue":[i[1]||(i[1]=e=>ve.tags=e),ke],placeholder:f(F).baseText("workflowOpen.filterWorkflows"),"create-enabled":!1,"data-test-id":"executions-filter-tags-select"},null,8,["modelValue","placeholder"])],2)):v("",!0),o("div",{class:_(t.$style.group)},[o("label",ne,p(f(F).baseText("executionsList.status")),1),y(f(L),{id:"execution-filter-status",modelValue:ve.status,"onUpdate:modelValue":i[2]||(i[2]=e=>ve.status=e),placeholder:f(F).baseText("executionsFilter.selectStatus"),filterable:"","data-test-id":"executions-filter-status-select",teleported:e.teleported},{default:T((()=>[(a(!0),n(b,null,k(ge.value,((e,t)=>(a(),w(f(M),{key:t,label:e.name,value:e.id},null,8,["label","value"])))),128))])),_:1},8,["modelValue","placeholder","teleported"])],2),o("div",{class:_(t.$style.group)},[o("label",ie,p(f(F).baseText("executionsFilter.start")),1),o("div",{class:_(t.$style.dates)},[y(f(z),{id:"execution-filter-start-date",modelValue:ve.startDate,"onUpdate:modelValue":i[3]||(i[3]=e=>ve.startDate=e),type:"datetime",teleported:e.teleported,format:ue,placeholder:f(F).baseText("executionsFilter.startDate"),"data-test-id":"executions-filter-start-date-picker"},null,8,["modelValue","teleported","placeholder"]),o("span",{class:_(t.$style.divider)},"to",2),y(f(z),{id:"execution-filter-end-date",modelValue:ve.endDate,"onUpdate:modelValue":i[4]||(i[4]=e=>ve.endDate=e),type:"datetime",teleported:e.teleported,format:ue,placeholder:f(F).baseText("executionsFilter.endDate"),"data-test-id":"executions-filter-end-date-picker"},null,8,["modelValue","teleported","placeholder"])],2)],2),te.value?(a(),n("div",{key:2,class:_(t.$style.group)},[o("label",se,p(f(F).baseText("executionsFilter.annotation.tags")),1),y(J,{id:"execution-filter-annotation-tags",modelValue:ve.annotationTags,"onUpdate:modelValue":[i[5]||(i[5]=e=>ve.annotationTags=e),we],placeholder:f(F).baseText("workflowOpen.filterWorkflows"),"create-enabled":!1,"data-test-id":"executions-filter-annotation-tags-select"},null,8,["modelValue","placeholder"])],2)):v("",!0),B.workflowId?(a(),n("div",{key:3,class:_(t.$style.group)},[y(f(q),{placement:"right"},{content:T((()=>[l(p(f(F).baseText("executionsFilter.version.hint")),1)])),default:T((()=>[o("span",{class:_([t.$style.label,t.$style.savedDataLabel])},[o("span",null,p(f(F).baseText("executionsFilter.version")),1),y(f(I),{class:_(t.$style.tooltipIcon),icon:"circle-help",size:"medium"},null,8,["class"])],2)])),_:1}),y(f(q),{disabled:xe.value||_e.value.length>1,placement:"top"},{content:T((()=>[l(p(f(F).baseText("executionsFilter.version.noVersions")),1)])),default:T((()=>[y(f(L),{id:"execution-filter-version",modelValue:ve.workflowVersionId,"onUpdate:modelValue":i[6]||(i[6]=e=>ve.workflowVersionId=e),placeholder:f(F).baseText("executionsFilter.version.select"),filterable:"",disabled:xe.value||_e.value.length<=1,"data-test-id":"executions-filter-version-select",teleported:e.teleported},c({default:T((()=>[(a(!0),n(b,null,k(_e.value,((e,t)=>(a(),w(f(M),{key:t,label:e.name,value:e.id},null,8,["label","value"])))),128))])),_:2},[xe.value?{name:"prefix",fn:T((()=>[y(f(I),{icon:"spinner",spin:""})])),key:"0"}:void 0]),1032,["modelValue","placeholder","disabled","teleported"])])),_:1},8,["disabled"])],2)):v("",!0),te.value?(a(),n("div",{key:4,class:_(t.$style.group)},[o("label",re,p(f(F).baseText("executionsFilter.annotation.rating")),1),y(f(L),{id:"execution-filter-annotation-vote",modelValue:ve.vote,"onUpdate:modelValue":i[7]||(i[7]=e=>ve.vote=e),placeholder:f(F).baseText("executionsFilter.annotation.selectVoteFilter"),filterable:"","data-test-id":"executions-filter-annotation-vote-select",teleported:e.teleported},{default:T((()=>[(a(!0),n(b,null,k(me.value,((e,t)=>(a(),w(f(M),{key:t,label:e.name,value:e.id},null,8,["label","value"])))),128))])),_:1},8,["modelValue","placeholder","teleported"])],2)):v("",!0),o("div",{class:_(t.$style.group)},[y(f(q),{placement:"right"},{content:T((()=>[y(f($),{tag:"span",keypath:"executionsFilter.customData.docsTooltip",scope:"global"})])),default:T((()=>[o("span",{class:_([t.$style.label,t.$style.savedDataLabel])},[o("span",null,p(f(F).baseText("executionsFilter.savedData")),1),y(f(I),{class:_(t.$style.tooltipIcon),icon:"circle-help",size:"medium"},null,8,["class"])],2)])),_:1}),o("div",{class:_(t.$style.subGroup)},[o("label",de,p(f(F).baseText("executionsFilter.savedDataKey")),1),y(f(q),{disabled:ee.value,placement:"top"},{content:T((()=>[y(f($),{tag:"span",keypath:"executionsFilter.customData.inputTooltip",scope:"global"},{link:T((()=>[o("a",{href:"#","data-test-id":"executions-filter-view-plans-link",onClick:m(De,["prevent"])},p(f(F).baseText("executionsFilter.customData.inputTooltip.link")),1)])),_:1})])),default:T((()=>[y(f(U),{id:"execution-filter-saved-data-key",name:"execution-filter-saved-data-key",type:"text",disabled:!ee.value,placeholder:f(F).baseText("executionsFilter.savedDataKeyPlaceholder"),"model-value":ve.metadata[0]?.key,"data-test-id":"execution-filter-saved-data-key-input","onUpdate:modelValue":i[8]||(i[8]=e=>he(0,"key",e))},null,8,["disabled","placeholder","model-value"])])),_:1},8,["disabled"]),o("div",{class:_(t.$style.checkboxWrapper)},[y(f(q),{disabled:ee.value,placement:"top"},{content:T((()=>[y(f($),{tag:"span",keypath:"executionsFilter.customData.inputTooltip",scope:"global"},{link:T((()=>[o("a",{href:"#",onClick:m(De,["prevent"])},p(f(F).baseText("executionsFilter.customData.inputTooltip.link")),1)])),_:1})])),default:T((()=>[y(f(A),{label:f(F).baseText("executionsFilter.savedDataExactMatch"),"model-value":ve.metadata[0]?.exactMatch,disabled:!ee.value,"data-test-id":"execution-filter-saved-data-exact-match-checkbox","onUpdate:modelValue":Fe},null,8,["label","model-value","disabled"])])),_:1},8,["disabled"])],2),o("label",ce,p(f(F).baseText("executionsFilter.savedDataValue")),1),y(f(q),{disabled:ee.value,placement:"top"},{content:T((()=>[y(f($),{tag:"span",keypath:"executionsFilter.customData.inputTooltip",scope:"global"},{link:T((()=>[o("a",{href:"#",onClick:m(De,["prevent"])},p(f(F).baseText("executionsFilter.customData.inputTooltip.link")),1)])),_:1})])),default:T((()=>[y(f(U),{id:"execution-filter-saved-data-value",name:"execution-filter-saved-data-value",type:"text",disabled:!ee.value,placeholder:f(F).baseText("executionsFilter.savedDataValuePlaceholder"),"model-value":ve.metadata[0]?.value,"data-test-id":"execution-filter-saved-data-value-input","onUpdate:modelValue":i[9]||(i[9]=e=>he(0,"value",e))},null,8,["disabled","placeholder","model-value"])])),_:1},8,["disabled"])],2)],2),ye.value?(a(),w(f(j),{key:5,variant:"ghost",class:_(t.$style.resetBtn),size:"large","data-test-id":"executions-filter-reset-button",onClick:Te},{default:T((()=>[l(p(f(F).baseText("executionsFilter.reset")),1)])),_:1},8,["class"])):v("",!0)])])),_:1},8,["side","align","content-class"]))}}),e("r",S(pe,[["__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-0c6b43c6"]])),ve=r({__name:"ExecutionStopAllText",props:{executions:{}},setup(e){const t=e,o=G(),n=D(),i=u((()=>t.executions.find((e=>["new","running","waiting"].includes(e.status))))),s=W();function r(){s.track("User initiated stop many executions"),o.openModal(O)}return(e,t)=>i.value?(a(),w(f(C),{key:0,class:_(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)}}),e("n",S(ve,[["__cssModules",{$style:{stopAll:"_stopAll_jkvxp_125"}}]])),fe=r({__name:"ExecutionsTime",props:{startTime:{}},setup(e){const t=e,l=D(),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))}}),e("t",fe)}}}));
//# sourceMappingURL=ExecutionsTime-legacy-Bd8rPjYZ.js.map