Move over checker plugins

Signed-off-by: Julius Härtl <[email protected]>

apps/workflowengine/src/components/Check.vue

@@ -16,9 +16,10 @@
 </template>
 
 <script>
-import { Multiselect, Actions, ActionButton } from 'nextcloud-vue'
+import { Multiselect } from 'nextcloud-vue/dist/Components/Multiselect'
+import { Actions } from 'nextcloud-vue/dist/Components/Actions'
+import { ActionButton } from 'nextcloud-vue/dist/Components/ActionButton'
 import ClickOutside from 'vue-click-outside'
-import { mapState } from 'vuex'
 
 export default {
 	name: 'Check',

apps/workflowengine/src/components/Values/FileMimeType.vue → apps/workflowengine/src/components/Checks/FileMimeType.vue

@@ -1,9 +1,8 @@
 <template>
 	<div>
-
 		<multiselect
 			:value="currentValue"
-			placeholder="Select a file type"
+			placeholder="Select a user agent"
 			label="label"
 			track-by="pattern"
 			:options="options" :multiple="false" :tagging="false" @input="setValue">
@@ -21,7 +20,7 @@
 </template>
 
 <script>
-import { Multiselect } from 'nextcloud-vue'
+	import { Multiselect } from 'nextcloud-vue/dist/Components/Multiselect'
 
 export default {
 	name: 'FileMimeType',

apps/workflowengine/src/components/Checks/FileSystemTag.vue

@@ -0,0 +1,68 @@
+<!--
+  - @copyright Copyright (c) 2019 Julius Härtl <[email protected]>
+  -
+  - @author Julius Härtl <[email protected]>
+  -
+  - @license GNU AGPL version 3 or any later version
+  -
+  - This program is free software: you can redistribute it and/or modify
+  - it under the terms of the GNU Affero General Public License as
+  - published by the Free Software Foundation, either version 3 of the
+  - License, or (at your option) any later version.
+  -
+  - This program is distributed in the hope that it will be useful,
+  - but WITHOUT ANY WARRANTY; without even the implied warranty of
+  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+  - GNU Affero General Public License for more details.
+  -
+  - You should have received a copy of the GNU Affero General Public License
+  - along with this program. If not, see <http://www.gnu.org/licenses/>.
+  -
+  -->
+
+<template>
+	<MultiselectTag v-model="newValue" :multiple="false" type="text" placeholder="1 MB"
+					@input="update"/>
+</template>
+
+<script>
+import { MultiselectTag } from 'nextcloud-vue'
+
+export default {
+	name: 'SizeValue',
+	components: {
+		MultiselectTag
+	},
+	props: {
+		value: {
+			type: String,
+			default: ''
+		}
+	},
+	data() {
+		return {
+			valid: false,
+			newValue: this.value
+		}
+	},
+	watch: {
+		value() {
+			this.newValue = this.value
+		}
+	},
+	methods: {
+		update() {
+			if (this.validate()) {
+				this.$emit('input', this.newValue)
+				this.valid = false
+			} else {
+				this.valid = false
+			}
+		}
+	}
+}
+</script>
+
+<style scoped>
+
+</style>

apps/workflowengine/src/components/Checks/RequestTime.vue

@@ -0,0 +1,94 @@
+<template>
+	<div class="timeslot">
+		<multiselect v-model="newValue.timezone" :options="timezones"></multiselect>
+		<input type="text" class="timeslot--start" v-model="newValue.startTime" placeholder="08:00" @input="update"/>
+		<input type="text" v-model="newValue.endTime" placeholder="18:00" @input="update"/>
+	</div>
+</template>
+
+<script>
+import { Multiselect } from 'nextcloud-vue/dist/Components/Multiselect'
+import moment from 'moment-timezone'
+
+const zones = moment.tz.names()
+export default {
+	name: 'RequestTime',
+	components: {
+		Multiselect
+	},
+	props: {
+		value: {
+			type: String,
+			default: '1 MB'
+		}
+	},
+	data() {
+		return {
+			valid: false,
+			newValue: {
+				startTime: null,
+				endTime: null,
+				timezone: moment.tz.guess()
+			},
+		}
+	},
+	computed: {
+		timezones() {
+			return zones
+		}
+	},
+	watch: {
+		'value': function(value) {
+			var data = JSON.parse(value)
+			var startTime = data[0].split(' ', 2)[0]
+			var endTime = data[1].split(' ', 2)[0]
+			var timezone = data[0].split(' ', 2)[1]
+			this.newValue = {
+				startTime: startTime,
+				endTime: endTime,
+				timezone: timezone
+			}
+		}
+	},
+	methods: {
+		validate() {
+			return this.newValue.startTime && this.newValue.startTime.match(/^(0[0-9]|1[0-9]|2[0-3]|[0-9]):[0-5][0-9]$/i) !== null &&
+				this.newValue.endTime && this.newValue.endTime.match(/^(0[0-9]|1[0-9]|2[0-3]|[0-9]):[0-5][0-9]$/i) !== null &&
+				moment.tz.zone(this.newValue.timezone) !== null
+		},
+		update() {
+			if (this.validate()) {
+				const output = `["${this.newValue.startTime} ${this.newValue.timezone}","${this.newValue.endTime} ${this.newValue.timezone}"]`
+				this.$emit('input', output)
+				this.valid = true
+			} else {
+				this.valid = false
+			}
+		}
+	}
+}
+</script>
+
+<style scoped lang="scss">
+	.timeslot {
+		display: flex;
+		flex-grow: 1;
+		flex-wrap: wrap;
+		max-width: 200px;
+
+		.multiselect {
+			width: 100%;
+			margin-bottom: 5px;
+		}
+
+		input[type=text] {
+			width: 50%;
+			margin: 0;
+			margin-bottom: 5px;
+			&.timeslot--start {
+				margin-right: 5px;
+				width: calc(50% - 5px);
+			}
+		}
+	}
+</style>

apps/workflowengine/src/components/Checks/RequestUserAgent.vue

@@ -0,0 +1,122 @@
+<!--
+  - @copyright Copyright (c) 2019 Julius Härtl <[email protected]>
+  -
+  - @author Julius Härtl <[email protected]>
+  -
+  - @license GNU AGPL version 3 or any later version
+  -
+  - This program is free software: you can redistribute it and/or modify
+  - it under the terms of the GNU Affero General Public License as
+  - published by the Free Software Foundation, either version 3 of the
+  - License, or (at your option) any later version.
+  -
+  - This program is distributed in the hope that it will be useful,
+  - but WITHOUT ANY WARRANTY; without even the implied warranty of
+  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+  - GNU Affero General Public License for more details.
+  -
+  - You should have received a copy of the GNU Affero General Public License
+  - along with this program. If not, see <http://www.gnu.org/licenses/>.
+  -
+  -->
+
+<template>
+	<div>
+
+		<multiselect
+			:value="currentValue"
+			placeholder="Select a file type"
+			label="label"
+			track-by="pattern"
+			group-values="children",
+			group-label="text",
+			:options="options" :multiple="false" :tagging="false" @input="setValue">
+			<template slot="singleLabel" slot-scope="props">
+				<span class="option__icon" :class="props.option.icon"></span>
+				<span class="option__title option__title_single">{{ props.option.label }}</span>
+			</template>
+			<template slot="option" slot-scope="props">
+				<span class="option__icon" :class="props.option.icon"></span>
+				<span class="option__title">{{ props.option.label }}</span>
+			</template>
+		</multiselect>
+		<input type="text" :value="currentValue.pattern" @input="updateCustom"/>
+	</div>
+</template>
+
+<script>
+import { Multiselect } from 'nextcloud-vue/dist/Components/Multiselect'
+
+export default {
+	name: 'UserAgent',
+	components: {
+		Multiselect
+	},
+	data() {
+		return {
+			value: '',
+			predefinedTypes: [
+				{
+					text: t('workflowengine', 'Sync clients'),
+					children: [
+						{ id: 'android', text: t('workflowengine', 'Android client') },
+						{ id: 'ios', text: t('workflowengine', 'iOS client') },
+						{ id: 'desktop', text: t('workflowengine', 'Desktop client') },
+						{ id: 'mail', text: t('workflowengine', 'Thunderbird & Outlook addons') }
+					]
+				}
+			]
+		}
+	},
+	computed: {
+		options() {
+			return [...this.predefinedTypes, this.customValue]
+		},
+		customValue() {
+			const matchingPredefined = this.predefinedTypes.find((type) => this.value.pattern === type.pattern)
+			return {
+				icon: 'icon-settings-dark',
+				label: t('workflowengine', 'Custom pattern'),
+				pattern: '',
+			}
+		},
+		currentValue() {
+			const matchingPredefined = this.predefinedTypes.find((type) => this.value === type.pattern)
+			if (matchingPredefined) {
+				return matchingPredefined
+			}
+			return {
+				icon: 'icon-settings-dark',
+				label: t('workflowengine', 'Custom pattern'),
+				pattern: this.value,
+			}
+		}
+	},
+	methods: {
+		validateRegex(string) {
+			var regexRegex = /^\/(.*)\/([gui]{0,3})$/
+			var result = regexRegex.exec(string)
+			return result !== null
+		},
+		setValue (value) {
+			// TODO: check if value requires a regex and set the check operator according to that
+			if (value !== null) {
+				this.value = value.pattern
+			}
+		},
+		updateCustom (event) {
+			console.log(event)
+			this.value = event.target.value
+		}
+	}
+}
+</script>
+
+<style scoped>
+	.multiselect::v-deep .multiselect__single {
+		display: flex;
+	}
+	input, .multiselect {
+		width: 100%;
+	}
+</style>