-
+
{{ title }}
@@ -79,15 +79,13 @@ import AudioThumbnail from '@/components/templates/thumbnails/AudioThumbnail.vue
import CompareSliderThumbnail from '@/components/templates/thumbnails/CompareSliderThumbnail.vue'
import DefaultThumbnail from '@/components/templates/thumbnails/DefaultThumbnail.vue'
import HoverDissolveThumbnail from '@/components/templates/thumbnails/HoverDissolveThumbnail.vue'
-import { st } from '@/i18n'
import { api } from '@/scripts/api'
import { TemplateInfo } from '@/types/workflowTemplateTypes'
-import { normalizeI18nKey } from '@/utils/formatUtil'
const UPSCALE_ZOOM_SCALE = 16 // for upscale templates, exaggerate the hover zoom
const DEFAULT_ZOOM_SCALE = 5
-const { sourceModule, categoryTitle, loading, template } = defineProps<{
+const { sourceModule, loading, template } = defineProps<{
sourceModule: string
categoryTitle: string
loading: boolean
@@ -116,17 +114,17 @@ const overlayThumbnailSrc = computed(() =>
getThumbnailUrl(sourceModule === 'default' ? '2' : '')
)
-const title = computed(() => {
- const fallback = template.title ?? template.name ?? `${sourceModule} Template`
+const description = computed(() => {
return sourceModule === 'default'
- ? st(
- `templateWorkflows.template.${normalizeI18nKey(categoryTitle)}.${normalizeI18nKey(template.name)}`,
- fallback
- )
- : fallback
+ ? template.localizedDescription ?? ''
+ : template.description.replace(/[-_]/g, ' ').trim()
})
-const description = computed(() => template.description.replace(/[-_]/g, ' '))
+const title = computed(() => {
+ return sourceModule === 'default'
+ ? template.localizedTitle ?? ''
+ : template.name
+})
defineEmits<{
loadWorkflow: [name: string]
diff --git a/src/components/templates/TemplateWorkflowList.vue b/src/components/templates/TemplateWorkflowList.vue
new file mode 100644
index 000000000..2757e50be
--- /dev/null
+++ b/src/components/templates/TemplateWorkflowList.vue
@@ -0,0 +1,70 @@
+
+
+
+
+ {{
+ getTemplateTitle(slotProps.data)
+ }}
+
+
+
+
+
+ {{ getTemplateDescription(slotProps.data) }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/templates/TemplateWorkflowView.vue b/src/components/templates/TemplateWorkflowView.vue
new file mode 100644
index 000000000..d4bbda523
--- /dev/null
+++ b/src/components/templates/TemplateWorkflowView.vue
@@ -0,0 +1,82 @@
+
+
+
+
+
{{ title }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/templates/TemplateWorkflowsContent.vue b/src/components/templates/TemplateWorkflowsContent.vue
index 40a256b7b..18d5523ba 100644
--- a/src/components/templates/TemplateWorkflowsContent.vue
+++ b/src/components/templates/TemplateWorkflowsContent.vue
@@ -30,36 +30,22 @@
/>
-
-
-
- {{ selectedTab.title }}
-
-
-
-
+