diff options
Diffstat (limited to 'apps/workflowengine/src/components/Operation.vue')
| -rw-r--r-- | apps/workflowengine/src/components/Operation.vue | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/apps/workflowengine/src/components/Operation.vue b/apps/workflowengine/src/components/Operation.vue new file mode 100644 index 00000000000..df0b78dad89 --- /dev/null +++ b/apps/workflowengine/src/components/Operation.vue @@ -0,0 +1,44 @@ +<!-- + - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors + - SPDX-License-Identifier: AGPL-3.0-or-later +--> +<template> + <div class="actions__item" :class="{'colored': colored}" :style="{ backgroundColor: colored ? operation.color : 'transparent' }"> + <div class="icon" :class="operation.iconClass" :style="{ backgroundImage: operation.iconClass ? '' : `url(${operation.icon})` }" /> + <div class="actions__item__description"> + <h3>{{ operation.name }}</h3> + <small>{{ operation.description }}</small> + <NcButton v-if="colored"> + {{ t('workflowengine', 'Add new flow') }} + </NcButton> + </div> + <div class="actions__item_options"> + <slot /> + </div> + </div> +</template> + +<script> +import NcButton from '@nextcloud/vue/components/NcButton' + +export default { + name: 'Operation', + components: { + NcButton, + }, + props: { + operation: { + type: Object, + required: true, + }, + colored: { + type: Boolean, + default: true, + }, + }, +} +</script> + +<style scoped lang="scss"> +@use "./../styles/operation" as *; +</style> |