2 files changed, 74 insertions, 0 deletions
diff --git a/apps/workflowengine/src/components/Operations/ConvertToPdf.vue b/apps/workflowengine/src/components/Operations/ConvertToPdf.vue
new file mode 100644
index 00000000000..62c53a4ee6c
--- /dev/null
+++ b/apps/workflowengine/src/components/Operations/ConvertToPdf.vue
@@ -0,0 +1,45 @@
+<template>
+	<multiselect :options="options" track-by="id" label="text" v-model="value"></multiselect>
+</template>
+
+<script>
+	const pdfConvertOptions = [
+		{
+			id: 'keep;preserve',
+			text: t('workflow_pdf_converter', 'Keep original, preserve existing PDFs'),
+		},
+		{
+			id: 'keep;overwrite',
+			text: t('workflow_pdf_converter', 'Keep original, overwrite existing PDF'),
+		},
+		{
+			id: 'delete;preserve',
+			text: t('workflow_pdf_converter', 'Delete original, preserve existing PDFs'),
+		},
+		{
+			id: 'delete;overwrite',
+			text: t('workflow_pdf_converter', 'Delete original, overwrite existing PDF'),
+		},
+	]
+
+	import { Multiselect } from 'nextcloud-vue'
+	export default {
+		name: "ConvertToPdf",
+		components: {Multiselect},
+		data() {
+			return {
+				options: pdfConvertOptions,
+				value: pdfConvertOptions[0]
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.multiselect {
+		width: 100%;
+		max-width: 300px;
+		margin: auto;
+		text-align: center;
+	}
+</style>
+\ No newline at end of file
diff --git a/apps/workflowengine/src/components/Operations/Tag.vue b/apps/workflowengine/src/components/Operations/Tag.vue
new file mode 100644
index 00000000000..74e4e4f977b
--- /dev/null
+++ b/apps/workflowengine/src/components/Operations/Tag.vue
@@ -0,0 +1,29 @@
+<template>
+	<multiselect :options="options" v-model="value" track-by="id" label="title" :multiple="true" :tagging="true" @input="$emit('input', value.map(item => item.id))"></multiselect>
+</template>
+
+<script>
+	// TODO: fetch tags from endpoint
+	const tags = [{id: 3, title: 'foo'}, {id: 4, title: 'bar'}]
+
+	import { Multiselect } from 'nextcloud-vue'
+	export default {
+		name: "Tag",
+		components: {Multiselect},
+		data() {
+			return {
+				options: tags,
+				value: null
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.multiselect {
+		width: 100%;
+		max-width: 300px;
+		margin: auto;
+		text-align: center;
+	}
+</style>
+\ No newline at end of file