mirror of
https://github.com/nextcloud/server.git
synced 2026-06-18 05:00:03 -04:00
7ff0804e90
- replace renamed `word-wrap` with new name `overflow-wrap` (CSS3) - use extensions for `@use` Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
47 lines
1.1 KiB
Vue
47 lines
1.1 KiB
Vue
<!--
|
|
- 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 {
|
|
/* eslint vue/multi-word-component-names: "warn" */
|
|
name: 'Operation',
|
|
components: {
|
|
NcButton,
|
|
},
|
|
|
|
props: {
|
|
operation: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
|
|
colored: {
|
|
type: Boolean,
|
|
default: true,
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@use "./../styles/operation.scss" as *;
|
|
</style>
|