add vue button component in workflow operation.vue

Signed-off-by: Vanessa Pertsch <vanessa.pertsch@nextcloud.com>
pull/32362/head
Vanessa Pertsch 2022-05-12 09:50:33 +07:00
parent 32139610c5
commit d6698c160a
2 changed files with 9 additions and 5 deletions

@ -4,11 +4,9 @@
<div class="actions__item__description"> <div class="actions__item__description">
<h3>{{ operation.name }}</h3> <h3>{{ operation.name }}</h3>
<small>{{ operation.description }}</small> <small>{{ operation.description }}</small>
<div> <Button v-if="colored">
<button v-if="colored"> {{ t('workflowengine', 'Add new flow') }}
{{ t('workflowengine', 'Add new flow') }} </Button>
</button>
</div>
</div> </div>
<div class="actions__item_options"> <div class="actions__item_options">
<slot /> <slot />
@ -17,8 +15,13 @@
</template> </template>
<script> <script>
import Button from '@nextcloud/vue/dist/Components/Button'
export default { export default {
name: 'Operation', name: 'Operation',
components: {
Button,
},
props: { props: {
operation: { operation: {
type: Object, type: Object,

@ -24,6 +24,7 @@
flex-grow: 1; flex-grow: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center;
} }
.actions__item_options { .actions__item_options {
width: 100%; width: 100%;