n8n-editor-ui
Version:
Workflow Editor UI for n8n
2 lines • 5.19 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.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]=`c9e0784d-66a9-4b43-8d93-511e40fc8484`,e._sentryDebugIdIdentifier=`sentry-dbid-c9e0784d-66a9-4b43-8d93-511e40fc8484`)})()}catch{}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,X as u,_ as d,_n as f,j as p,rt as m,w as h,yt as g}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{bt as _}from"./_MapCache-CUJwh2qp.js";import{$i as v,Et as y,R as b,Tt as x,Yi as S,_t as C,gt as w}from"./src-wni2AGA3.js";import{t as T}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import"./sanitize-html-my1ogl5v.js";import{Dn as E}from"./users.store-BHWXXawf.js";import{ms as D}from"./constants-CIP7tKq1.js";import"./merge-BqvKZ38d.js";import"./_baseOrderBy-CaKruttV.js";import"./dateformat-CYfyw486.js";import"./useDebounce-CTeIt-cH.js";import"./nodeIcon-BFJyt77y.js";import"./NodeIcon-0naEDfOR.js";import"./folders.store-DKth0xuB.js";import"./readyToRun.store-DpPozriV.js";import{t as O}from"./resourceCenter.store-CLLPe8N4.js";import{a as k,c as A,n as j,o as M,r as N,s as P,t as F,u as I}from"./resourceCenterData-CQCDwFwe.js";var L=T(a({__name:`ResourceCenterSectionView`,setup(a){let T=_(),L=C(),R=w(),z=O(),B=E(),V=i(`alphabetical`),H=i([]),U=i(!1),W=o(()=>{let e=R.params.sectionId;return Array.isArray(e)?e[0]??``:e??``}),G=o(()=>({templates:{title:T.baseText(`experiments.resourceCenter.popularTemplates.title`),type:`template`},courses:{title:T.baseText(`experiments.resourceCenter.courses.title`),type:`video`},"learning-videos":{title:T.baseText(`experiments.resourceCenter.youtubeLearn.title`),type:`video`},"masterclass-videos":{title:T.baseText(`experiments.resourceCenter.masterclass.title`),type:`video`},"inspiration-videos":{title:T.baseText(`experiments.resourceCenter.youtubeInspiration.title`),type:`video`}})[W.value]||{title:`Unknown Section`,type:`video`}),K=o(()=>{let e=[];switch(W.value){case`courses`:e=F.map(e=>({videoId:e.id,title:e.title,description:e.description,thumbnailUrl:e.thumbnailUrl}));break;case`learning-videos`:e=[...k];break;case`masterclass-videos`:e=[...M];break;case`inspiration-videos`:e=[...N];break}return V.value===`alphabetical`&&e.sort((e,t)=>e.title.localeCompare(t.title)),e}),q=o(()=>V.value===`alphabetical`?[...H.value].sort((e,t)=>e.name.localeCompare(t.name)):H.value),J=async()=>{if(!(W.value!==`templates`||j.length===0)){U.value=!0;try{H.value=await z.loadTemplates(j)}finally{U.value=!1}}},Y=async()=>{await L.push({name:D.RESOURCE_CENTER})},X=()=>{z.trackTemplateRepoVisit(),window.open(B.websiteTemplateRepositoryURL,`_blank`,`noopener,noreferrer`)},Z=e=>e===`templates`||e===`inspiration-videos`?`inspiration`:`learn`;return u(()=>{setTimeout(()=>{(document.getElementById(`content`)?.querySelector(`:scope > div`))?.scrollTo({top:0,behavior:`auto`})},50),z.trackSectionView(G.value.title),J()}),(i,a)=>(e(),r(`div`,{class:f(i.$style.container)},[n(`div`,{class:f(i.$style.content)},[p(I,null,{actions:g(()=>[p(l(x),{modelValue:V.value,"onUpdate:modelValue":a[0]||=e=>V.value=e,size:`small`,class:f(i.$style.sortSelect)},{default:g(()=>[p(l(y),{value:`alphabetical`,label:`Alphabetical`}),p(l(y),{value:`newest`,label:`Newest first`})]),_:1},8,[`modelValue`,`class`])]),default:g(()=>[n(`span`,{class:f(i.$style.breadcrumbLink),onClick:Y},s(l(T).baseText(`experiments.resourceCenter.title`)),3),p(l(v),{icon:`chevron-right`,size:`small`,class:f(i.$style.breadcrumbSeparator)},null,8,[`class`]),n(`span`,{class:f(i.$style.breadcrumbCurrent)},s(G.value.title),3)]),_:1}),n(`div`,{class:f(i.$style.sectionHeader)},[p(l(S),{tag:`h1`,size:`xlarge`,class:f(i.$style.sectionTitle)},{default:g(()=>[t(s(G.value.title),1)]),_:1},8,[`class`])],2),n(`div`,{class:f(i.$style.grid)},[G.value.type===`video`?(e(!0),r(d,{key:0},m(K.value,t=>(e(),h(P,{key:t.videoId,video:t,section:Z(W.value)},null,8,[`video`,`section`]))),128)):(e(),r(d,{key:1},[U.value?(e(),r(`div`,{key:0,class:f(i.$style.loading)},[p(l(b),{size:`small`})],2)):(e(!0),r(d,{key:1},m(q.value,t=>(e(),h(A,{key:t.id,template:t,section:Z(W.value)},null,8,[`template`,`section`]))),128))],64))],2),W.value===`templates`?(e(),r(`div`,{key:0,class:f(i.$style.viewAllLink)},[n(`a`,{onClick:X},[t(s(l(T).baseText(`experiments.resourceCenter.viewAllTemplates`))+` `,1),p(l(v),{icon:`external-link`,size:`small`})])],2)):c(``,!0)],2)],2))}}),[[`__cssModules`,{$style:{container:`_container_1811n_125`,content:`_content_1811n_131`,breadcrumbLink:`_breadcrumbLink_1811n_136`,breadcrumbSeparator:`_breadcrumbSeparator_1811n_148`,breadcrumbCurrent:`_breadcrumbCurrent_1811n_152`,sortSelect:`_sortSelect_1811n_159`,sectionHeader:`_sectionHeader_1811n_163`,sectionTitle:`_sectionTitle_1811n_167`,grid:`_grid_1811n_175`,loading:`_loading_1811n_196`,viewAllLink:`_viewAllLink_1811n_204`}}]]);export{L as default};
//# sourceMappingURL=ResourceCenterSectionView-B7e_iE5a.js.map