Set operation mode according to the mime type value

Signed-off-by: Julius Härtl <jus@bitgrid.net>

apps/workflowengine/src/components/Check.vue

@@ -81,7 +81,11 @@ export default {
 		},
 		operators() {
 			if (!this.currentOption) { return [] }
-			return this.checks[this.currentOption.class].operators
+			const operators = this.checks[this.currentOption.class].operators
+			if (typeof operators === 'function') {
+				return operators(this.check)
+			}
+			return operators
 		},
 		currentComponent() {
 			if (!this.currentOption) { return [] }
@@ -118,7 +122,8 @@ export default {
 			return this.valid
 		},
 		updateCheck() {
-			if (this.check.class !== this.currentOption.class) {
+			const matchingOperator = this.operators.findIndex((operator) => this.check.operator === operator.operator)
+			if (this.check.class !== this.currentOption.class || matchingOperator === -1) {
 				this.currentOperator = this.operators[0]
 			}
 			this.check.class = this.currentOption.class

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

@@ -120,7 +120,6 @@ export default {
 			return result !== null
 		},
 		setValue(value) {
-			// TODO: check if value requires a regex and set the check operator according to that
 			if (value !== null) {
 				this.newValue = value.pattern
 				this.$emit('input', this.newValue)

apps/workflowengine/src/components/Checks/file.js

@@ -24,16 +24,24 @@ import { stringValidator, validateIPv4, validateIPv6 } from './../../helpers/val
 import FileMimeType from './FileMimeType'
 import FileSystemTag from './FileSystemTag'
 
+const stringOrRegexOperators = (check) => {
+	if (check.value.startsWith('/')) {
+		return [
+			{ operator: 'matches', name: t('workflowengine', 'matches') },
+			{ operator: '!matches', name: t('workflowengine', 'does not match') },
+		]
+	}
+	return [
+		{ operator: 'is', name: t('workflowengine', 'is') },
+		{ operator: '!is', name: t('workflowengine', 'is not') },
+	]
+}
+
 const FileChecks = [
 	{
 		class: 'OCA\\WorkflowEngine\\Check\\FileName',
 		name: t('workflowengine', 'File name'),
-		operators: [
+		operators: stringOrRegexOperators,
-			{ operator: 'is', name: t('workflowengine', 'is') },
-			{ operator: '!is', name: t('workflowengine', 'is not') },
-			{ operator: 'matches', name: t('workflowengine', 'matches') },
-			{ operator: '!matches', name: t('workflowengine', 'does not match') },
-		],
 		placeholder: (check) => {
 			if (check.operator === 'matches' || check.operator === '!matches') {
 				return '/^dummy-.+$/i'
@@ -46,12 +54,7 @@ const FileChecks = [
 	{
 		class: 'OCA\\WorkflowEngine\\Check\\FileMimeType',
 		name: t('workflowengine', 'File MIME type'),
-		operators: [
+		operators: stringOrRegexOperators,
-			{ operator: 'is', name: t('workflowengine', 'is') },
-			{ operator: '!is', name: t('workflowengine', 'is not') },
-			{ operator: 'matches', name: t('workflowengine', 'matches') },
-			{ operator: '!matches', name: t('workflowengine', 'does not match') },
-		],
 		component: FileMimeType,
 	},
 

apps/workflowengine/src/workflowengine.js

@@ -33,9 +33,9 @@ import ShippedChecks from './components/Checks'
  * @property {string} class - The PHP class name of the check
  * @property {Comparison[]} operators - A list of possible comparison operations running on the check
  * @property {Vue} component - A vue component to handle the rendering of options
- * 	The component should handle the v-model directive properly,
+ *  The component should handle the v-model directive properly,
- * 	so it needs a value property to receive data and emit an input
+ *  so it needs a value property to receive data and emit an input
- * 	event once the data has changed
+ *  event once the data has changed
  * @property {callable} placeholder - Return a placeholder of no custom component is used
  * @property {callable} validate - validate a check if no custom component is used
  **/
@@ -48,9 +48,9 @@ import ShippedChecks from './components/Checks'
  * @property {string} operation - Default value for the operation field
  * @property {string} color - Custom color code to be applied for the operator selector
  * @property {Vue} component - A vue component to handle the rendering of options
- * 	The component should handle the v-model directive properly,
+ *  The component should handle the v-model directive properly,
- * 	so it needs a value property to receive data and emit an input
+ *  so it needs a value property to receive data and emit an input
- * 	event once the data has changed
+ *  event once the data has changed
  */
 
 /**