# fluentform/3.6.61/resources/assets/admin/views/Integrations.vue

Fluent Forms – Customizable Contact Forms, Survey, Quiz, & Conversational Form Builder, version 3.6.61. 42 lines.

- Page: https://pluginprobe.com/plugins/fluentform/3.6.61/code/resources/assets/admin/views/Integrations.vue
- Raw: https://pluginprobe.com/plugins/fluentform/3.6.61/raw/resources/assets/admin/views/Integrations.vue
- Modified: 2020-12-01T16:51:26+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/fluentform/3.6.61/code/resources/assets/admin/views/Integrations.vue#L10-L20`.

```vue
<template>
    <el-row class="settings-page" type="flex">
        <el-col :md="6" :sm="8">
            <el-menu
                :default-active="$route.name"
                :router="true"
                theme="dark"
                style="height: 100%;">

                <el-menu-item
                    index="integrations"
                    :route="{ name: 'integrations' }">
                    Slack
                </el-menu-item>
            </el-menu>
        </el-col>

        <el-col :md="18">
            <div class="settings-body">
                <router-view :form="form"></router-view>
            </div>
        </el-col>
    </el-row>
</template>

<script>

export default {
    name: 'Integrations',
    props: ['form'],
    computed: {
        slack() {
            return this.form.integrations.slack;
        }
    },
    data() {
        return {
            activeNames: ['1']
        }
    }
}
</script>
```