wip

resources/js/Pages/Profile/Integrations.vue

@@ -0,0 +1,112 @@
+<template>
+    <Page>
+        <TopBar :breadcrumbs="breadcrumbs"/>
+
+        <Content>
+            <Container>
+                <PageBody>
+                    <form class="space-y-4" @submit.prevent="submit">
+
+
+                        <FormActions>
+                            <Button>{{ __('Save changes') }}</Button>
+                        </FormActions>
+                    </form>
+                </PageBody>
+            </Container>
+        </Content>
+    </Page>
+</template>
+
+<script>
+    import TopBar from './components/TopBar'
+    import Container from '@/components/Container'
+    import Content from '@/components/Content'
+    import Page from '@/components/Page'
+    import PageHeader from '@/components/PageHeader'
+    import PageHeaderTitle from '@/components/PageHeaderTitle'
+    import PageBody from '@/components/PageBody'
+    import Button from '@/components/Button'
+    import List from '@/components/List'
+    import ListItem from '@/components/ListItem'
+    import StatusBubble from '@/components/StatusBubble'
+    import NotificationBadge from '@/components/NotificationBadge'
+    import MainLayout from '@/Layouts/MainLayout'
+    import IconBox from '@/components/icons/IconBox'
+    import IconGlobe from '@/components/icons/IconGlobe'
+    import IconStorage from '@/components/icons/IconStorage'
+    import Modal from '@/components/Modal'
+    import ModalContainer from '@/components/ModalContainer'
+    import FormInput from '@/components/forms/FormInput'
+    import FormSelect from '@/components/forms/FormSelect'
+    import FormActions from '@/components/FormActions'
+
+    export default {
+        metaInfo() {
+            return {
+                title: `${this.__('Integrations')}`,
+            }
+        },
+
+        layout: MainLayout,
+
+        components: {
+            TopBar,
+            Container,
+            Content,
+            Page,
+            PageHeader,
+            PageHeaderTitle,
+            PageBody,
+            Button,
+            List,
+            ListItem,
+            StatusBubble,
+            NotificationBadge,
+            IconBox,
+            IconGlobe,
+            IconStorage,
+            Modal,
+            ModalContainer,
+            FormInput,
+            FormSelect,
+            FormActions
+        },
+
+        props: {
+
+        },
+
+        data() {
+            return {
+                form: {
+
+                },
+
+                breadcrumbs: [
+                    {
+                        title: this.$page.props.settings.name,
+                        to: '/',
+                    },
+                    {
+                        title: this.__('Profile'),
+                        to: this.route('profile.index'),
+                    },
+                    {
+                        title: this.__('Integrations'),
+                        to: this.route('profile.integrations.index'),
+                    },
+                ],
+            }
+        },
+
+        methods: {
+            submit() {
+                this.$inertia.patch(this.route('profile.integrations.update'), this.form, {
+                    onStart: () => this.sending = true,
+                    onFinish: () => this.sending = false,
+                });
+            }
+        },
+    }
+</script>

resources/js/Pages/Profile/components/TopBar.vue

@@ -47,6 +47,11 @@ export default {
                     to: this.route('profile.settings.index'),
                     active: this.route().current('profile.settings.index')
                 },
+                {
+                    title: this.__('Integrations'),
+                    to: this.route('profile.integrations.index'),
+                    active: this.route().current('profile.integrations.index')
+                },
                 this.$page.props.settings.billing ? {
                     title: this.__('Billing'),
                     to: this.route('profile.billing.index'),