Merge branch '120-move-mix-to-vite' into V3
# Conflicts: # composer.lock # package.json # public/css/app.css # public/js/app.js # resources/deprecated/Admin/Alerts/Create.vue # resources/deprecated/Admin/Alerts/Edit.vue # resources/deprecated/Admin/Alerts/Index.vue # resources/deprecated/Admin/Documentation/Articles/Create.vue # resources/deprecated/Admin/Documentation/Articles/Edit.vue # resources/deprecated/Admin/Documentation/Articles/Index.vue # resources/deprecated/Admin/Documentation/Create.vue # resources/deprecated/Admin/Documentation/Edit.vue # resources/deprecated/Admin/Documentation/Index.vue # resources/deprecated/Admin/Packages/Create.vue # resources/deprecated/Admin/Packages/Edit.vue # resources/deprecated/Admin/Packages/Index.vue # resources/deprecated/Admin/Servers/Index.vue # resources/deprecated/Admin/Services/Index.vue # resources/deprecated/Admin/Services/Provider/Edit.vue # resources/deprecated/Admin/Services/Providers.vue # resources/deprecated/Admin/Services/Server/Edit.vue # resources/deprecated/Admin/Services/Servers.vue # resources/deprecated/Admin/Services/Site/Edit.vue # resources/deprecated/Admin/Services/Sites.vue # resources/deprecated/Admin/Sites/Index.vue # resources/deprecated/Admin/Support/Index.vue # resources/deprecated/Admin/Support/Show.vue # resources/deprecated/Admin/Terms.vue # resources/deprecated/Admin/Users/Create.vue # resources/deprecated/Admin/Users/Edit.vue # resources/deprecated/Admin/Users/Index.vue # resources/deprecated/Admin/Users/Show.vue # resources/js/Pages/Sites/Dns.vue
This commit is contained in:
Dennis
@@ -50,36 +50,36 @@
|
||||
</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 SettingsLayout from '@/components/layouts/SettingsLayout'
|
||||
import SettingsSegment from '@/components/SettingsSegment'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import FormSelect from '@/components/forms/FormSelect'
|
||||
import Form from '@/components/Form'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import Tabs from './Tabs'
|
||||
import Table from '@/components/Table'
|
||||
import TableHead from '@/components/TableHead'
|
||||
import TableHeader from '@/components/TableHeader'
|
||||
import TableRow from '@/components/TableRow'
|
||||
import TableBody from '@/components/TableBody'
|
||||
import TableData from '@/components/TableData'
|
||||
import throttle from 'lodash/throttle'
|
||||
import pickBy from 'lodash/pickBy'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout.vue'
|
||||
import SettingsSegment from '@/components/SettingsSegment.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormSelect from '@/components/forms/FormSelect.vue'
|
||||
import Form from '@/components/Form.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import Tabs from './Tabs.vue'
|
||||
import Table from '@/components/Table.vue'
|
||||
import TableHead from '@/components/TableHead.vue'
|
||||
import TableHeader from '@/components/TableHeader.vue'
|
||||
import TableRow from '@/components/TableRow.vue'
|
||||
import TableBody from '@/components/TableBody.vue'
|
||||
import TableData from '@/components/TableData.vue'
|
||||
import throttle from 'lodash/throttle'
|
||||
import pickBy from 'lodash/pickBy'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('Application logs')}`,
|
||||
|
||||
@@ -78,32 +78,32 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TopBar from './components/TopBar'
|
||||
import Container from '@/components/Container'
|
||||
import Content from '@/components/Content'
|
||||
import Page from '@/components/Page'
|
||||
import Pagination from '@/components/Pagination'
|
||||
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 SettingsLayout from '@/components/layouts/SettingsLayout'
|
||||
import SettingsSegment from '@/components/SettingsSegment'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import Form from '@/components/Form'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import Tabs from './Tabs'
|
||||
import IconPerson from '@/components/icons/IconPerson'
|
||||
import IconGlobe from '@/components/icons/IconGlobe'
|
||||
import IconStorage from '@/components/icons/IconStorage'
|
||||
import IconHarddisk from '@/components/icons/IconHarddisk'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import Pagination from '@/components/Pagination.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout.vue'
|
||||
import SettingsSegment from '@/components/SettingsSegment.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import Form from '@/components/Form.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import Tabs from './Tabs.vue'
|
||||
import IconPerson from '@/components/icons/IconPerson.vue'
|
||||
import IconGlobe from '@/components/icons/IconGlobe.vue'
|
||||
import IconStorage from '@/components/icons/IconStorage.vue'
|
||||
import IconHarddisk from '@/components/icons/IconHarddisk.vue'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('Administration')}`,
|
||||
|
||||
@@ -205,28 +205,28 @@
|
||||
</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 SettingsLayout from '@/components/layouts/SettingsLayout'
|
||||
import SettingsSegment from '@/components/SettingsSegment'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import FormFileInput from '@/components/forms/FormFileInput'
|
||||
import FormSelect from '@/components/forms/FormSelect'
|
||||
import Form from '@/components/Form'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout.vue'
|
||||
import SettingsSegment from '@/components/SettingsSegment.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormFileInput from '@/components/forms/FormFileInput.vue'
|
||||
import FormSelect from '@/components/forms/FormSelect.vue'
|
||||
import Form from '@/components/Form.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
import Tabs from './Tabs'
|
||||
import Tabs from './Tabs.vue'
|
||||
|
||||
export default {
|
||||
metaInfo() {
|
||||
|
||||
@@ -26,28 +26,28 @@
|
||||
</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 SettingsLayout from '@/components/layouts/SettingsLayout'
|
||||
import SettingsSegment from '@/components/SettingsSegment'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import Form from '@/components/Form'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
import Tabs from './TabsStatus'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout.vue'
|
||||
import SettingsSegment from '@/components/SettingsSegment.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import Form from '@/components/Form.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
import Tabs from './TabsStatus.vue'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('Status')}`,
|
||||
|
||||
@@ -63,28 +63,28 @@
|
||||
</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 SettingsLayout from '@/components/layouts/SettingsLayout'
|
||||
import SettingsSegment from '@/components/SettingsSegment'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import Form from '@/components/Form'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
import Tabs from './Tabs'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout.vue'
|
||||
import SettingsSegment from '@/components/SettingsSegment.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import Form from '@/components/Form.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
import Tabs from './Tabs.vue'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('System')}`,
|
||||
|
||||
@@ -12,10 +12,10 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TopBar from '@/components/TopBar'
|
||||
import Breadcrumbs from '@/components/Breadcrumbs'
|
||||
import TabBar from '@/components/TabBar'
|
||||
import TopBarTabBarContainer from '@/components/TopBarTabBarContainer'
|
||||
import TopBar from '@/components/TopBar.vue'
|
||||
import Breadcrumbs from '@/components/Breadcrumbs.vue'
|
||||
import TopBarTabBarContainer from '@/components/TopBarTabBarContainer.vue'
|
||||
import TabBar from "@/components/TabBar.vue";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
||||
@@ -87,16 +87,16 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Confirm from '@/components/Confirm'
|
||||
import Notification from '@/components/Notification'
|
||||
import IconDanger from '@/components/icons/IconDanger'
|
||||
import IconWarning from '@/components/icons/IconWarning'
|
||||
import IconSuccess from '@/components/icons/IconSuccess'
|
||||
import IconInfo from '@/components/icons/IconInfo'
|
||||
import SearchPalette from '@/components/SearchPalette'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
import Confirm from '@/components/Confirm.vue'
|
||||
import Notification from '@/components/Notification.vue'
|
||||
import IconDanger from '@/components/icons/IconDanger.vue'
|
||||
import IconWarning from '@/components/icons/IconWarning.vue'
|
||||
import IconSuccess from '@/components/icons/IconSuccess.vue'
|
||||
import IconInfo from '@/components/icons/IconInfo.vue'
|
||||
import SearchPalette from '@/components/SearchPalette.vue'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
components: {
|
||||
Confirm,
|
||||
Notification,
|
||||
|
||||
@@ -36,10 +36,10 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TextDivider from '@/components/TextDivider'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import Button from '@/components/Button'
|
||||
import Container from '@/components/Container'
|
||||
import TextDivider from '@/components/TextDivider.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
|
||||
export default {
|
||||
metaInfo: {title: 'Login'},
|
||||
|
||||
@@ -24,13 +24,13 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TextDivider from '@/components/TextDivider'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import Button from '@/components/Button'
|
||||
import Container from '@/components/Container'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
import TextDivider from '@/components/TextDivider.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('Reset password')}`,
|
||||
|
||||
@@ -52,10 +52,10 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TextDivider from '@/components/TextDivider'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import Button from '@/components/Button'
|
||||
import Container from '@/components/Container'
|
||||
import TextDivider from '@/components/TextDivider.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
|
||||
export default {
|
||||
metaInfo: {title: 'Login'},
|
||||
|
||||
@@ -19,13 +19,13 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TextDivider from '@/components/TextDivider'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import Button from '@/components/Button'
|
||||
import Container from '@/components/Container'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
import TextDivider from '@/components/TextDivider.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('Create password')}`,
|
||||
|
||||
@@ -54,14 +54,14 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TextDivider from '@/components/TextDivider'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import ErrorText from '@/components/ErrorText'
|
||||
import Button from '@/components/Button'
|
||||
import Container from '@/components/Container'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
import TextDivider from '@/components/TextDivider.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import ErrorText from '@/components/ErrorText.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('Register')}`,
|
||||
|
||||
@@ -26,13 +26,13 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TextDivider from '@/components/TextDivider'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import Button from '@/components/Button'
|
||||
import Container from '@/components/Container'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
import TextDivider from '@/components/TextDivider.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('Reset password')}`,
|
||||
|
||||
@@ -17,12 +17,12 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TextDivider from '@/components/TextDivider'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import Button from '@/components/Button'
|
||||
import Container from '@/components/Container'
|
||||
import TextDivider from '@/components/TextDivider.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo: { title: 'Installation incomplete' },
|
||||
|
||||
components: {
|
||||
|
||||
@@ -75,22 +75,22 @@
|
||||
</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 TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import IconBox from '@/components/icons/IconBox.vue'
|
||||
import IconGlobe from '@/components/icons/IconGlobe.vue'
|
||||
import IconStorage from '@/components/icons/IconStorage.vue'
|
||||
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
|
||||
|
||||
@@ -12,10 +12,10 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TopBar from '@/components/TopBar'
|
||||
import Breadcrumbs from '@/components/Breadcrumbs'
|
||||
import TabBar from '@/components/TabBar'
|
||||
import TopBarTabBarContainer from '@/components/TopBarTabBarContainer'
|
||||
import TopBar from '@/components/TopBar.vue'
|
||||
import Breadcrumbs from '@/components/Breadcrumbs.vue'
|
||||
import TopBarTabBarContainer from '@/components/TopBarTabBarContainer.vue'
|
||||
import TabBar from "@/components/TabBar.vue";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
||||
@@ -26,31 +26,31 @@
|
||||
</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 EmptyImage from '@/components/EmptyImage'
|
||||
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 FormTextarea from '@/components/forms/FormTextarea'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import SettingsSegment from '@/components/SettingsSegment'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout'
|
||||
import Tabs from './Tabs';
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import EmptyImage from '@/components/EmptyImage.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import IconBox from '@/components/icons/IconBox.vue'
|
||||
import IconGlobe from '@/components/icons/IconGlobe.vue'
|
||||
import IconStorage from '@/components/icons/IconStorage.vue'
|
||||
import Modal from '@/components/Modal.vue'
|
||||
import ModalContainer from '@/components/ModalContainer.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormTextarea from '@/components/forms/FormTextarea.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import SettingsSegment from '@/components/SettingsSegment.vue'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout.vue'
|
||||
import Tabs from './Tabs.vue'
|
||||
|
||||
export default {
|
||||
metaInfo() {
|
||||
|
||||
@@ -26,33 +26,33 @@
|
||||
</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 EmptyImage from '@/components/EmptyImage'
|
||||
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 FormTextarea from '@/components/forms/FormTextarea'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import SettingsSegment from '@/components/SettingsSegment'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout'
|
||||
import Tabs from './Tabs';
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import EmptyImage from '@/components/EmptyImage.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import IconBox from '@/components/icons/IconBox.vue'
|
||||
import IconGlobe from '@/components/icons/IconGlobe.vue'
|
||||
import IconStorage from '@/components/icons/IconStorage.vue'
|
||||
import Modal from '@/components/Modal.vue'
|
||||
import ModalContainer from '@/components/ModalContainer.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormTextarea from '@/components/forms/FormTextarea.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import SettingsSegment from '@/components/SettingsSegment.vue'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout.vue'
|
||||
import Tabs from './Tabs.vue'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('Documentation')}`,
|
||||
|
||||
@@ -30,31 +30,31 @@
|
||||
</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 EmptyImage from '@/components/EmptyImage'
|
||||
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 FormTextarea from '@/components/forms/FormTextarea'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import SettingsSegment from '@/components/SettingsSegment'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout'
|
||||
import Tabs from './Tabs';
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import EmptyImage from '@/components/EmptyImage.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import IconBox from '@/components/icons/IconBox.vue'
|
||||
import IconGlobe from '@/components/icons/IconGlobe.vue'
|
||||
import IconStorage from '@/components/icons/IconStorage.vue'
|
||||
import Modal from '@/components/Modal.vue'
|
||||
import ModalContainer from '@/components/ModalContainer.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormTextarea from '@/components/forms/FormTextarea.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import SettingsSegment from '@/components/SettingsSegment.vue'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout.vue'
|
||||
import Tabs from './Tabs.vue'
|
||||
|
||||
export default {
|
||||
metaInfo() {
|
||||
|
||||
@@ -5,17 +5,17 @@
|
||||
</template>
|
||||
<template #tab-bar>
|
||||
<TopBarTabBarContainer>
|
||||
|
||||
<!-- -->
|
||||
</TopBarTabBarContainer>
|
||||
</template>
|
||||
</TopBar>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TopBar from '@/components/TopBar'
|
||||
import Breadcrumbs from '@/components/Breadcrumbs'
|
||||
import TabBar from '@/components/TabBar'
|
||||
import TopBarTabBarContainer from '@/components/TopBarTabBarContainer'
|
||||
import TopBar from '@/components/TopBar.vue'
|
||||
import Breadcrumbs from '@/components/Breadcrumbs.vue'
|
||||
import TopBarTabBarContainer from '@/components/TopBarTabBarContainer.vue'
|
||||
import TabBar from "@/components/TabBar.vue";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
||||
@@ -19,21 +19,21 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TopBar from '../Dashboard/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 TopBar from '../Dashboard/components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
layout: MainLayout,
|
||||
|
||||
components: {
|
||||
|
||||
@@ -23,20 +23,20 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
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 Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
layout: MainLayout,
|
||||
|
||||
components: {
|
||||
|
||||
@@ -20,10 +20,10 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TextDivider from '@/components/TextDivider'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import Button from '@/components/Button'
|
||||
import Container from '@/components/Container'
|
||||
import TextDivider from '@/components/TextDivider.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
|
||||
export default {
|
||||
metaInfo: {title: 'Privacy Policy'},
|
||||
|
||||
@@ -20,10 +20,10 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TextDivider from '@/components/TextDivider'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import Button from '@/components/Button'
|
||||
import Container from '@/components/Container'
|
||||
import TextDivider from '@/components/TextDivider.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
|
||||
export default {
|
||||
metaInfo: {title: 'Terms of Service'},
|
||||
|
||||
@@ -207,37 +207,37 @@
|
||||
</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 IconArrowUp from '@/components/icons/IconArrowUp'
|
||||
import IconArrowDown from '@/components/icons/IconArrowDown'
|
||||
import IconClose from '@/components/icons/IconClose'
|
||||
import Modal from '@/components/Modal'
|
||||
import ModalContainer from '@/components/ModalContainer'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import FormSelect from '@/components/forms/FormSelect'
|
||||
import FormTextarea from '@/components/forms/FormTextarea'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import Table from '@/components/Table'
|
||||
import TableHead from '@/components/TableHead'
|
||||
import TableHeader from '@/components/TableHeader'
|
||||
import TableRow from '@/components/TableRow'
|
||||
import TableBody from '@/components/TableBody'
|
||||
import TableData from '@/components/TableData'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import IconBox from '@/components/icons/IconBox.vue'
|
||||
import IconGlobe from '@/components/icons/IconGlobe.vue'
|
||||
import IconStorage from '@/components/icons/IconStorage.vue'
|
||||
import IconArrowUp from '@/components/icons/IconArrowUp.vue'
|
||||
import IconArrowDown from '@/components/icons/IconArrowDown.vue'
|
||||
import IconClose from '@/components/icons/IconClose.vue'
|
||||
import Modal from '@/components/Modal.vue'
|
||||
import ModalContainer from '@/components/ModalContainer.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormSelect from '@/components/forms/FormSelect.vue'
|
||||
import FormTextarea from '@/components/forms/FormTextarea.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import Table from '@/components/Table.vue'
|
||||
import TableHead from '@/components/TableHead.vue'
|
||||
import TableHeader from '@/components/TableHeader.vue'
|
||||
import TableRow from '@/components/TableRow.vue'
|
||||
import TableBody from '@/components/TableBody.vue'
|
||||
import TableData from '@/components/TableData.vue'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
import {useConfirm} from '@/hooks/confirm'
|
||||
|
||||
|
||||
@@ -21,29 +21,29 @@
|
||||
</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 IconArrowUp from '@/components/icons/IconArrowUp'
|
||||
import IconArrowDown from '@/components/icons/IconArrowDown'
|
||||
import IconClose from '@/components/icons/IconClose'
|
||||
import Modal from '@/components/Modal'
|
||||
import ModalContainer from '@/components/ModalContainer'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import IconBox from '@/components/icons/IconBox.vue'
|
||||
import IconGlobe from '@/components/icons/IconGlobe.vue'
|
||||
import IconStorage from '@/components/icons/IconStorage.vue'
|
||||
import IconArrowUp from '@/components/icons/IconArrowUp.vue'
|
||||
import IconArrowDown from '@/components/icons/IconArrowDown.vue'
|
||||
import IconClose from '@/components/icons/IconClose.vue'
|
||||
import Modal from '@/components/Modal.vue'
|
||||
import ModalContainer from '@/components/ModalContainer.vue'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('Billing error')}`,
|
||||
|
||||
@@ -35,29 +35,29 @@
|
||||
</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'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import IconBox from '@/components/icons/IconBox.vue'
|
||||
import IconGlobe from '@/components/icons/IconGlobe.vue'
|
||||
import IconStorage from '@/components/icons/IconStorage.vue'
|
||||
import Modal from '@/components/Modal.vue'
|
||||
import ModalContainer from '@/components/ModalContainer.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormSelect from '@/components/forms/FormSelect.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('Profile')}`,
|
||||
|
||||
@@ -51,33 +51,33 @@
|
||||
</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'
|
||||
import Table from '@/components/Table'
|
||||
import TableHead from '@/components/TableHead'
|
||||
import TableHeader from '@/components/TableHeader'
|
||||
import TableRow from '@/components/TableRow'
|
||||
import TableBody from '@/components/TableBody'
|
||||
import TableData from '@/components/TableData'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import IconBox from '@/components/icons/IconBox.vue'
|
||||
import IconGlobe from '@/components/icons/IconGlobe.vue'
|
||||
import IconStorage from '@/components/icons/IconStorage.vue'
|
||||
import Modal from '@/components/Modal.vue'
|
||||
import ModalContainer from '@/components/ModalContainer.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormSelect from '@/components/forms/FormSelect.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import Table from '@/components/Table.vue'
|
||||
import TableHead from '@/components/TableHead.vue'
|
||||
import TableHeader from '@/components/TableHeader.vue'
|
||||
import TableRow from '@/components/TableRow.vue'
|
||||
import TableBody from '@/components/TableBody.vue'
|
||||
import TableData from '@/components/TableData.vue'
|
||||
import {useConfirm} from '@/hooks/confirm'
|
||||
|
||||
export default {
|
||||
|
||||
@@ -43,32 +43,31 @@
|
||||
</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'
|
||||
import SettingsSegment from "../../components/SettingsSegment";
|
||||
import {Inertia} from "@inertiajs/inertia";
|
||||
import TwoFactorAuthentication from "./components/TwoFactorAuthentication";
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import IconBox from '@/components/icons/IconBox.vue'
|
||||
import IconGlobe from '@/components/icons/IconGlobe.vue'
|
||||
import IconStorage from '@/components/icons/IconStorage.vue'
|
||||
import Modal from '@/components/Modal.vue'
|
||||
import ModalContainer from '@/components/ModalContainer.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormSelect from '@/components/forms/FormSelect.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import SettingsSegment from "../../components/SettingsSegment.vue";
|
||||
import TwoFactorAuthentication from "./components/TwoFactorAuthentication.vue";
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('Security')}`,
|
||||
|
||||
@@ -49,27 +49,27 @@
|
||||
</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'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import IconBox from '@/components/icons/IconBox.vue'
|
||||
import IconGlobe from '@/components/icons/IconGlobe.vue'
|
||||
import IconStorage from '@/components/icons/IconStorage.vue'
|
||||
import Modal from '@/components/Modal.vue'
|
||||
import ModalContainer from '@/components/ModalContainer.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormSelect from '@/components/forms/FormSelect.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import {useConfirm} from '@/hooks/confirm'
|
||||
|
||||
export default {
|
||||
|
||||
@@ -12,10 +12,10 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TopBar from '@/components/TopBar'
|
||||
import Breadcrumbs from '@/components/Breadcrumbs'
|
||||
import TabBar from '@/components/TabBar'
|
||||
import TopBarTabBarContainer from '@/components/TopBarTabBarContainer'
|
||||
import TopBar from '@/components/TopBar.vue'
|
||||
import Breadcrumbs from '@/components/Breadcrumbs.vue'
|
||||
import TopBarTabBarContainer from '@/components/TopBarTabBarContainer.vue'
|
||||
import TabBar from "@/components/TabBar.vue";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
||||
@@ -46,9 +46,9 @@
|
||||
|
||||
<script>
|
||||
import {Inertia} from "@inertiajs/inertia";
|
||||
import Button from "../../../components/Button";
|
||||
import Input from "../../../components/Input";
|
||||
import FormInput from "../../../components/forms/FormInput";
|
||||
import Button from "@/components/Button.vue";
|
||||
import Input from "@/components/Input.vue";
|
||||
import FormInput from "@/components/forms/FormInput.vue";
|
||||
|
||||
export default {
|
||||
components: {FormInput, Input, Button},
|
||||
|
||||
@@ -95,34 +95,34 @@
|
||||
</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 IconButton from '@/components/IconButton'
|
||||
import IconMore from '@/components/icons/IconMore'
|
||||
import EmptyImage from '@/components/EmptyImage'
|
||||
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'
|
||||
import Dropdown from '@/components/Dropdown'
|
||||
import DropdownList from '@/components/DropdownList'
|
||||
import DropdownListItem from '@/components/DropdownListItem'
|
||||
import DropdownListItemButton from '@/components/DropdownListItemButton'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import IconBox from '@/components/icons/IconBox.vue'
|
||||
import IconGlobe from '@/components/icons/IconGlobe.vue'
|
||||
import IconStorage from '@/components/icons/IconStorage.vue'
|
||||
import IconButton from '@/components/IconButton.vue'
|
||||
import IconMore from '@/components/icons/IconMore.vue'
|
||||
import EmptyImage from '@/components/EmptyImage.vue'
|
||||
import Modal from '@/components/Modal.vue'
|
||||
import ModalContainer from '@/components/ModalContainer.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormSelect from '@/components/forms/FormSelect.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import Dropdown from '@/components/Dropdown.vue'
|
||||
import DropdownList from '@/components/DropdownList.vue'
|
||||
import DropdownListItem from '@/components/DropdownListItem.vue'
|
||||
import DropdownListItemButton from '@/components/DropdownListItemButton.vue'
|
||||
import {useConfirm} from '@/hooks/confirm'
|
||||
|
||||
export default {
|
||||
|
||||
@@ -45,46 +45,46 @@
|
||||
</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 IconButton from '@/components/IconButton'
|
||||
import IconMore from '@/components/icons/IconMore'
|
||||
import EmptyImage from '@/components/EmptyImage'
|
||||
import Modal from '@/components/Modal'
|
||||
import ModalContainer from '@/components/ModalContainer'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import Dropdown from '@/components/Dropdown'
|
||||
import DropdownList from '@/components/DropdownList'
|
||||
import DropdownListItem from '@/components/DropdownListItem'
|
||||
import DropdownListItemButton from '@/components/DropdownListItemButton'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout'
|
||||
import SettingsSegment from '@/components/SettingsSegment'
|
||||
import Pagination from '@/components/Pagination'
|
||||
import Tabs from './Tabs'
|
||||
import Table from '@/components/Table'
|
||||
import TableHead from '@/components/TableHead'
|
||||
import TableHeader from '@/components/TableHeader'
|
||||
import TableRow from '@/components/TableRow'
|
||||
import TableBody from '@/components/TableBody'
|
||||
import TableData from '@/components/TableData'
|
||||
import {useConfirm} from '@/hooks/confirm'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import IconBox from '@/components/icons/IconBox.vue'
|
||||
import IconGlobe from '@/components/icons/IconGlobe.vue'
|
||||
import IconStorage from '@/components/icons/IconStorage.vue'
|
||||
import IconButton from '@/components/IconButton.vue'
|
||||
import IconMore from '@/components/icons/IconMore.vue'
|
||||
import EmptyImage from '@/components/EmptyImage.vue'
|
||||
import Modal from '@/components/Modal.vue'
|
||||
import ModalContainer from '@/components/ModalContainer.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import Dropdown from '@/components/Dropdown.vue'
|
||||
import DropdownList from '@/components/DropdownList.vue'
|
||||
import DropdownListItem from '@/components/DropdownListItem.vue'
|
||||
import DropdownListItemButton from '@/components/DropdownListItemButton.vue'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout.vue'
|
||||
import SettingsSegment from '@/components/SettingsSegment.vue'
|
||||
import Pagination from '@/components/Pagination.vue'
|
||||
import Tabs from './Tabs.vue'
|
||||
import Table from '@/components/Table.vue'
|
||||
import TableHead from '@/components/TableHead.vue'
|
||||
import TableHeader from '@/components/TableHeader.vue'
|
||||
import TableRow from '@/components/TableRow.vue'
|
||||
import TableBody from '@/components/TableBody.vue'
|
||||
import TableData from '@/components/TableData.vue'
|
||||
import {useConfirm} from '@/hooks/confirm'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('Servers')}`,
|
||||
|
||||
@@ -59,45 +59,45 @@
|
||||
</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 IconButton from '@/components/IconButton'
|
||||
import IconMore from '@/components/icons/IconMore'
|
||||
import EmptyImage from '@/components/EmptyImage'
|
||||
import Modal from '@/components/Modal'
|
||||
import ModalContainer from '@/components/ModalContainer'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import Dropdown from '@/components/Dropdown'
|
||||
import DropdownList from '@/components/DropdownList'
|
||||
import DropdownListItem from '@/components/DropdownListItem'
|
||||
import DropdownListItemButton from '@/components/DropdownListItemButton'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout'
|
||||
import SettingsSegment from '@/components/SettingsSegment'
|
||||
import Pagination from '@/components/Pagination'
|
||||
import Tabs from './Tabs'
|
||||
import Table from '@/components/Table'
|
||||
import TableHead from '@/components/TableHead'
|
||||
import TableHeader from '@/components/TableHeader'
|
||||
import TableRow from '@/components/TableRow'
|
||||
import TableBody from '@/components/TableBody'
|
||||
import TableData from '@/components/TableData'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import IconBox from '@/components/icons/IconBox.vue'
|
||||
import IconGlobe from '@/components/icons/IconGlobe.vue'
|
||||
import IconStorage from '@/components/icons/IconStorage.vue'
|
||||
import IconButton from '@/components/IconButton.vue'
|
||||
import IconMore from '@/components/icons/IconMore.vue'
|
||||
import EmptyImage from '@/components/EmptyImage.vue'
|
||||
import Modal from '@/components/Modal.vue'
|
||||
import ModalContainer from '@/components/ModalContainer.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import Dropdown from '@/components/Dropdown.vue'
|
||||
import DropdownList from '@/components/DropdownList.vue'
|
||||
import DropdownListItem from '@/components/DropdownListItem.vue'
|
||||
import DropdownListItemButton from '@/components/DropdownListItemButton.vue'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout.vue'
|
||||
import SettingsSegment from '@/components/SettingsSegment.vue'
|
||||
import Pagination from '@/components/Pagination.vue'
|
||||
import Tabs from './Tabs.vue'
|
||||
import Table from '@/components/Table.vue'
|
||||
import TableHead from '@/components/TableHead.vue'
|
||||
import TableHeader from '@/components/TableHeader.vue'
|
||||
import TableRow from '@/components/TableRow.vue'
|
||||
import TableBody from '@/components/TableBody.vue'
|
||||
import TableData from '@/components/TableData.vue'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('Servers')}`,
|
||||
|
||||
@@ -12,10 +12,10 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TopBar from '@/components/TopBar'
|
||||
import Breadcrumbs from '@/components/Breadcrumbs'
|
||||
import TabBar from '@/components/TabBar'
|
||||
import TopBarTabBarContainer from '@/components/TopBarTabBarContainer'
|
||||
import TopBar from '@/components/TopBar.vue'
|
||||
import Breadcrumbs from '@/components/Breadcrumbs.vue'
|
||||
import TopBarTabBarContainer from '@/components/TopBarTabBarContainer.vue'
|
||||
import TabBar from "@/components/TabBar.vue";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
||||
@@ -20,23 +20,15 @@
|
||||
<template #title>{{ __('Create') }}</template>
|
||||
<template #form>
|
||||
<form class="space-y-4" @submit.prevent="submit">
|
||||
<FormInput :label="__('Domain')" :errors="$page.props.errors.domain"
|
||||
v-model="form.domain"/>
|
||||
<div>
|
||||
<input id="request_new_certificate" class="form-checkbox" type="checkbox"
|
||||
v-model="form.request_new_certificate">
|
||||
<label for="request_new_certificate" class="ml-2 text-sm">
|
||||
{{ __('Request new certificate') }}
|
||||
</label>
|
||||
</div>
|
||||
<FormInput :label="__('Domain')" :errors="$page.props.errors.domain" v-model="form.domain"/>
|
||||
<FormActions>
|
||||
<Button>{{ __('Save') }}</Button>
|
||||
<Button>{{ __('Save changes') }}</Button>
|
||||
</FormActions>
|
||||
</form>
|
||||
</template>
|
||||
</SettingsSegment>
|
||||
|
||||
<EmptyImage v-if="!aliases.length"/>
|
||||
<EmptyImage v-if="!aliases.length" />
|
||||
|
||||
<SettingsSegment v-if="aliases.length">
|
||||
<template #title>{{ __('Aliases') }}</template>
|
||||
@@ -52,9 +44,7 @@
|
||||
</TableHead>
|
||||
<TableBody>
|
||||
<TableRow v-for="(alias, index) in aliases" :key="index">
|
||||
<TableData>
|
||||
<StatusBubble :variant="'success'"/>
|
||||
</TableData>
|
||||
<TableData><StatusBubble :variant="'success'"/></TableData>
|
||||
<TableData>{{ alias }}</TableData>
|
||||
<TableData>
|
||||
<Button variant="danger" size="sm"
|
||||
@@ -76,145 +66,145 @@
|
||||
</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 SettingsLayout from '@/components/layouts/SettingsLayout'
|
||||
import SettingsSegment from '@/components/SettingsSegment'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import FormSelect from '@/components/forms/FormSelect'
|
||||
import FormTextarea from '@/components/forms/FormTextarea'
|
||||
import Form from '@/components/Form'
|
||||
import Pagination from '@/components/Pagination'
|
||||
import EmptyImage from '@/components/EmptyImage'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout.vue'
|
||||
import SettingsSegment from '@/components/SettingsSegment.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormSelect from '@/components/forms/FormSelect.vue'
|
||||
import FormTextarea from '@/components/forms/FormTextarea.vue'
|
||||
import Form from '@/components/Form.vue'
|
||||
import Pagination from '@/components/Pagination.vue'
|
||||
import EmptyImage from '@/components/EmptyImage.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import {useConfirm} from '@/hooks/confirm'
|
||||
import Tabs from './Tabs'
|
||||
import Table from '@/components/Table'
|
||||
import TableHead from '@/components/TableHead'
|
||||
import TableHeader from '@/components/TableHeader'
|
||||
import TableRow from '@/components/TableRow'
|
||||
import TableBody from '@/components/TableBody'
|
||||
import TableData from '@/components/TableData'
|
||||
import Tabs from './Tabs.vue'
|
||||
import Table from '@/components/Table.vue'
|
||||
import TableHead from '@/components/TableHead.vue'
|
||||
import TableHeader from '@/components/TableHeader.vue'
|
||||
import TableRow from '@/components/TableRow.vue'
|
||||
import TableBody from '@/components/TableBody.vue'
|
||||
import TableData from '@/components/TableData.vue'
|
||||
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('Certificates')} - ${this.site.domain}`,
|
||||
}
|
||||
},
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('Aliases')} - ${this.site.domain}`,
|
||||
}
|
||||
},
|
||||
|
||||
layout: MainLayout,
|
||||
layout: MainLayout,
|
||||
|
||||
components: {
|
||||
TopBar,
|
||||
Container,
|
||||
Content,
|
||||
Page,
|
||||
PageHeader,
|
||||
PageHeaderTitle,
|
||||
PageBody,
|
||||
Button,
|
||||
List,
|
||||
ListItem,
|
||||
StatusBubble,
|
||||
NotificationBadge,
|
||||
FormInput,
|
||||
FormSelect,
|
||||
FormTextarea,
|
||||
SettingsLayout,
|
||||
SettingsSegment,
|
||||
Form,
|
||||
FormActions,
|
||||
Pagination,
|
||||
Tabs,
|
||||
Table,
|
||||
TableHead,
|
||||
TableHeader,
|
||||
TableRow,
|
||||
TableBody,
|
||||
TableData,
|
||||
EmptyImage,
|
||||
},
|
||||
components: {
|
||||
TopBar,
|
||||
Container,
|
||||
Content,
|
||||
Page,
|
||||
PageHeader,
|
||||
PageHeaderTitle,
|
||||
PageBody,
|
||||
Button,
|
||||
List,
|
||||
ListItem,
|
||||
StatusBubble,
|
||||
NotificationBadge,
|
||||
FormInput,
|
||||
FormSelect,
|
||||
FormTextarea,
|
||||
SettingsLayout,
|
||||
SettingsSegment,
|
||||
Form,
|
||||
FormActions,
|
||||
Pagination,
|
||||
Tabs,
|
||||
Table,
|
||||
TableHead,
|
||||
TableHeader,
|
||||
TableRow,
|
||||
TableBody,
|
||||
TableData,
|
||||
EmptyImage,
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
sending: false,
|
||||
data() {
|
||||
return {
|
||||
sending: false,
|
||||
|
||||
form: {
|
||||
domain: null,
|
||||
request_new_certificate: false,
|
||||
form: {
|
||||
domain: null,
|
||||
},
|
||||
|
||||
breadcrumbs: [
|
||||
{
|
||||
title: this.$page.props.settings.name,
|
||||
to: '/',
|
||||
},
|
||||
{
|
||||
title: this.__('Sites'),
|
||||
to: this.route('sites.index'),
|
||||
},
|
||||
{
|
||||
title: this.site.domain,
|
||||
to: this.route('sites.show', this.site.id),
|
||||
},
|
||||
{
|
||||
title: this.__('Aliases'),
|
||||
to: this.route('sites.aliases.index', this.site.id),
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
},
|
||||
|
||||
watch: {
|
||||
},
|
||||
|
||||
computed: {
|
||||
},
|
||||
|
||||
props: {
|
||||
site: Object,
|
||||
aliases: [Object, Array],
|
||||
},
|
||||
|
||||
methods: {
|
||||
submit() {
|
||||
this.sending = true
|
||||
|
||||
this.$inertia.post(this.route('sites.aliases.store', this.site.id), this.form, {
|
||||
onFinish: () => {
|
||||
this.sending = false
|
||||
this.form.domain = null;
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
breadcrumbs: [
|
||||
{
|
||||
title: this.$page.props.settings.name,
|
||||
to: '/',
|
||||
},
|
||||
{
|
||||
title: this.__('Sites'),
|
||||
to: this.route('sites.index'),
|
||||
},
|
||||
{
|
||||
title: this.site.domain,
|
||||
to: this.route('sites.show', this.site.id),
|
||||
},
|
||||
{
|
||||
title: this.__('Aliases'),
|
||||
to: this.route('sites.aliases.index', this.site.id),
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
confirmDelete(alias) {
|
||||
useConfirm({
|
||||
title: this.__('Are you sure?'),
|
||||
message: this.__('Your alias will be deleted permanently, this action cannot be undone.'),
|
||||
onConfirm: () => this.delete(alias),
|
||||
})
|
||||
},
|
||||
|
||||
mounted() {
|
||||
},
|
||||
|
||||
watch: {},
|
||||
|
||||
computed: {},
|
||||
|
||||
props: {
|
||||
site: Object,
|
||||
aliases: [Object, Array],
|
||||
},
|
||||
|
||||
methods: {
|
||||
submit() {
|
||||
this.sending = true
|
||||
|
||||
this.$inertia.post(this.route('sites.aliases.store', this.site.id), this.form, {
|
||||
onFinish: () => {
|
||||
this.sending = false
|
||||
this.form.domain = null;
|
||||
this.form.request_new_certicate = false;
|
||||
}
|
||||
});
|
||||
delete(alias) {
|
||||
this.$inertia.delete(this.route('sites.aliases.delete', [this.site.id, alias]), {
|
||||
preserveScroll: true
|
||||
})
|
||||
},
|
||||
},
|
||||
|
||||
confirmDelete(alias) {
|
||||
useConfirm({
|
||||
title: this.__('Are you sure?'),
|
||||
message: this.__('Your alias will be deleted permanently, this action cannot be undone.'),
|
||||
onConfirm: () => this.delete(alias),
|
||||
})
|
||||
},
|
||||
|
||||
delete(alias) {
|
||||
this.$inertia.delete(this.route('sites.aliases.delete', [this.site.id, alias]), {
|
||||
preserveScroll: true
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -91,33 +91,33 @@
|
||||
</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 SettingsLayout from '@/components/layouts/SettingsLayout'
|
||||
import SettingsSegment from '@/components/SettingsSegment'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import Form from '@/components/Form'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import Tabs from './Tabs'
|
||||
import Table from '@/components/Table'
|
||||
import TableHead from '@/components/TableHead'
|
||||
import TableHeader from '@/components/TableHeader'
|
||||
import TableRow from '@/components/TableRow'
|
||||
import TableBody from '@/components/TableBody'
|
||||
import TableData from '@/components/TableData'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout.vue'
|
||||
import SettingsSegment from '@/components/SettingsSegment.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import Form from '@/components/Form.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import Tabs from './Tabs.vue'
|
||||
import Table from '@/components/Table.vue'
|
||||
import TableHead from '@/components/TableHead.vue'
|
||||
import TableHeader from '@/components/TableHeader.vue'
|
||||
import TableRow from '@/components/TableRow.vue'
|
||||
import TableBody from '@/components/TableBody.vue'
|
||||
import TableData from '@/components/TableData.vue'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: this.__('Apps'),
|
||||
|
||||
@@ -37,7 +37,7 @@
|
||||
<FormTextarea v-if="form.type === 'custom'" :label="__('Private key')" :errors="$page.props.errors.private" rows="2" v-model="form.private" />
|
||||
<FormTextarea v-if="form.type === 'custom'" :label="__('Certificate')" :errors="$page.props.errors.certificate" rows="2" v-model="form.certificate" />
|
||||
<FormActions>
|
||||
<Button>{{ __('Save') }}</Button>
|
||||
<Button>{{ __('Save changes') }}</Button>
|
||||
</FormActions>
|
||||
</form>
|
||||
</template>
|
||||
@@ -49,7 +49,7 @@
|
||||
<template #title>{{ __('Certificates') }}</template>
|
||||
<template #content>
|
||||
<div>
|
||||
<Table caption="Certificates list overview">
|
||||
<Table caption="Cronjob list overview">
|
||||
<TableHead>
|
||||
<TableRow>
|
||||
<TableHeader></TableHeader>
|
||||
@@ -60,9 +60,7 @@
|
||||
<TableBody>
|
||||
<TableRow v-for="certificate in certificates.data" :key="certificate.id">
|
||||
<TableData><StatusBubble :variant="certificate.status === 'busy' ? 'gray' : 'success'"/></TableData>
|
||||
<TableData style="word-break: break-word" class="px-4">
|
||||
<span>{{ certificate.domain }}</span>
|
||||
</TableData>
|
||||
<TableData>{{ certificate.domain }}</TableData>
|
||||
<TableData>
|
||||
<Button :disabled="certificate.status === 'busy'" variant="danger" size="sm"
|
||||
@click="confirmDelete(certificate)">Delete
|
||||
@@ -85,36 +83,36 @@
|
||||
</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 SettingsLayout from '@/components/layouts/SettingsLayout'
|
||||
import SettingsSegment from '@/components/SettingsSegment'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import FormSelect from '@/components/forms/FormSelect'
|
||||
import FormTextarea from '@/components/forms/FormTextarea'
|
||||
import Form from '@/components/Form'
|
||||
import Pagination from '@/components/Pagination'
|
||||
import EmptyImage from '@/components/EmptyImage'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout.vue'
|
||||
import SettingsSegment from '@/components/SettingsSegment.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormSelect from '@/components/forms/FormSelect.vue'
|
||||
import FormTextarea from '@/components/forms/FormTextarea.vue'
|
||||
import Form from '@/components/Form.vue'
|
||||
import Pagination from '@/components/Pagination.vue'
|
||||
import EmptyImage from '@/components/EmptyImage.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import {useConfirm} from '@/hooks/confirm'
|
||||
import Tabs from './Tabs'
|
||||
import Table from '@/components/Table'
|
||||
import TableHead from '@/components/TableHead'
|
||||
import TableHeader from '@/components/TableHeader'
|
||||
import TableRow from '@/components/TableRow'
|
||||
import TableBody from '@/components/TableBody'
|
||||
import TableData from '@/components/TableData'
|
||||
import Tabs from './Tabs.vue'
|
||||
import Table from '@/components/Table.vue'
|
||||
import TableHead from '@/components/TableHead.vue'
|
||||
import TableHeader from '@/components/TableHeader.vue'
|
||||
import TableRow from '@/components/TableRow.vue'
|
||||
import TableBody from '@/components/TableBody.vue'
|
||||
import TableData from '@/components/TableData.vue'
|
||||
|
||||
export default {
|
||||
metaInfo() {
|
||||
|
||||
@@ -121,37 +121,37 @@
|
||||
</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 SettingsLayout from '@/components/layouts/SettingsLayout'
|
||||
import SettingsSegment from '@/components/SettingsSegment'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import Form from '@/components/Form'
|
||||
import Pagination from '@/components/Pagination'
|
||||
import EmptyImage from '@/components/EmptyImage'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
import {useConfirm} from '@/hooks/confirm'
|
||||
import Tabs from './Tabs'
|
||||
import Table from '@/components/Table'
|
||||
import TableHead from '@/components/TableHead'
|
||||
import TableHeader from '@/components/TableHeader'
|
||||
import TableRow from '@/components/TableRow'
|
||||
import TableBody from '@/components/TableBody'
|
||||
import TableData from '@/components/TableData'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout.vue'
|
||||
import SettingsSegment from '@/components/SettingsSegment.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import Form from '@/components/Form.vue'
|
||||
import Pagination from '@/components/Pagination.vue'
|
||||
import EmptyImage from '@/components/EmptyImage.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
import {useConfirm} from '@/hooks/confirm'
|
||||
import Tabs from './Tabs.vue'
|
||||
import Table from '@/components/Table.vue'
|
||||
import TableHead from '@/components/TableHead.vue'
|
||||
import TableHeader from '@/components/TableHeader.vue'
|
||||
import TableRow from '@/components/TableRow.vue'
|
||||
import TableBody from '@/components/TableBody.vue'
|
||||
import TableData from '@/components/TableData.vue'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `Cronjobs - ${this.site.domain}`,
|
||||
|
||||
@@ -82,34 +82,34 @@
|
||||
</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 SettingsLayout from '@/components/layouts/SettingsLayout'
|
||||
import SettingsSegment from '@/components/SettingsSegment'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import Form from '@/components/Form'
|
||||
import Pagination from '@/components/Pagination'
|
||||
import EmptyImage from '@/components/EmptyImage'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout.vue'
|
||||
import SettingsSegment from '@/components/SettingsSegment.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import Form from '@/components/Form.vue'
|
||||
import Pagination from '@/components/Pagination.vue'
|
||||
import EmptyImage from '@/components/EmptyImage.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import {useConfirm} from '@/hooks/confirm'
|
||||
import Tabs from './Tabs'
|
||||
import Table from '@/components/Table'
|
||||
import TableHead from '@/components/TableHead'
|
||||
import TableHeader from '@/components/TableHeader'
|
||||
import TableRow from '@/components/TableRow'
|
||||
import TableBody from '@/components/TableBody'
|
||||
import TableData from '@/components/TableData'
|
||||
import Tabs from './Tabs.vue'
|
||||
import Table from '@/components/Table.vue'
|
||||
import TableHead from '@/components/TableHead.vue'
|
||||
import TableHeader from '@/components/TableHeader.vue'
|
||||
import TableRow from '@/components/TableRow.vue'
|
||||
import TableBody from '@/components/TableBody.vue'
|
||||
import TableData from '@/components/TableData.vue'
|
||||
|
||||
export default {
|
||||
metaInfo() {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Page>
|
||||
<TopBar :breadcrumbs="breadcrumbs" />
|
||||
<TopBar :breadcrumbs="breadcrumbs"/>
|
||||
|
||||
<Content>
|
||||
<Container>
|
||||
@@ -13,7 +13,7 @@
|
||||
<PageBody>
|
||||
<SettingsLayout>
|
||||
<template #nav>
|
||||
<Tabs :site="site" />
|
||||
<Tabs :site="site"/>
|
||||
</template>
|
||||
<template #segments>
|
||||
<SettingsSegment>
|
||||
@@ -23,31 +23,8 @@
|
||||
</template>
|
||||
<template #form>
|
||||
<form class="space-y-4" @submit.prevent="submit">
|
||||
<FormInput :disabled="sending" :label="__('Name')" :errors="action === 'create' ? $page.props.errors.name : []" v-model="form.name" />
|
||||
<FormInput :disabled="sending" :label="__('IPv4 address')" :errors="action === 'create' ? $page.props.errors.content : []" v-model="form.content" />
|
||||
|
||||
<div class="grid grid-cols-2 gap-x-4">
|
||||
<FormSelect class="col-span-1" :disabled="sending" :label="__('Type')" :errors="action === 'create' ? $page.props.errors.type : []" v-model="form.type">
|
||||
<option value="A">{{ __('A') }}</option>
|
||||
<option value="AAAA">{{ __('AAAA') }}</option>
|
||||
<option value="CNAME">{{ __('CNAME') }}</option>
|
||||
<option value="HTTPS">{{ __('HTTPS') }}</option>
|
||||
<option value="TXT">{{ __('TXT') }}</option>
|
||||
<option value="SRV">{{ __('SRV') }}</option>
|
||||
<option value="LOC">{{ __('LOC') }}</option>
|
||||
<option value="MX">{{ __('MX') }}</option>
|
||||
<option value="NS">{{ __('NS') }}</option>
|
||||
<option value="CERT">{{ __('CERT') }}</option>
|
||||
<option value="DNSKEY">{{ __('DNSKEY') }}</option>
|
||||
<option value="DS">{{ __('DS') }}</option>
|
||||
<option value="NAPTR">{{ __('NAPTR') }}</option>
|
||||
<option value="SMIMEA">{{ __('SMIMEA') }}</option>
|
||||
<option value="SSHFP">{{ __('SSHFP') }}</option>
|
||||
<option value="SVCB">{{ __('SVCB') }}</option>
|
||||
<option value="TLSA">{{ __('TLSA') }}</option>
|
||||
</FormSelect>
|
||||
<FormInput type="number" :disabled="sending" :label="__('TTL')" :errors="action === 'create' ? $page.props.errors.ttl : []" v-model="form.ttl" />
|
||||
</div>
|
||||
<FormInput :disabled="sending" :label="__('Name')" :errors="$page.props.errors.name" v-model="form.name"/>
|
||||
<FormInput :disabled="sending" :label="__('IPv4 address')" :errors="$page.props.errors.address" v-model="form.address"/>
|
||||
|
||||
<FormActions>
|
||||
<Button>{{ __('Save') }}</Button>
|
||||
@@ -56,7 +33,7 @@
|
||||
</template>
|
||||
</SettingsSegment>
|
||||
|
||||
<EmptyImage v-if="records === null && !loading" />
|
||||
<EmptyImage v-if="!records.length && !loading" />
|
||||
|
||||
<div v-if="loading" class="inline-flex px-4">
|
||||
<svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
|
||||
@@ -73,50 +50,17 @@
|
||||
<Table caption="DNS records list overview">
|
||||
<TableHead>
|
||||
<TableRow>
|
||||
<TableHeader>{{ __('Type') }}</TableHeader>
|
||||
<TableHeader>{{ __('Name') }}</TableHeader>
|
||||
<TableHeader>{{ __('Content') }}</TableHeader>
|
||||
<TableHeader>{{ __('TTL') }}</TableHeader>
|
||||
<TableHeader></TableHeader>
|
||||
</TableRow>
|
||||
</TableHead>
|
||||
<TableBody>
|
||||
<TableRow v-for="(record, index) in records" :key="record.id" class="px-2">
|
||||
<TableData class="pr-4">
|
||||
<FormSelect :value="record.type" :disabled="sending" :id="record.id + '-type'" :errors="(action === 'update' && recordIdBeingUpdated === record.id) ? $page.props.errors.type : []">
|
||||
<option value="A">{{ __('A') }}</option>
|
||||
<option value="AAAA">{{ __('AAAA') }}</option>
|
||||
<option value="CNAME">{{ __('CNAME') }}</option>
|
||||
<option value="HTTPS">{{ __('HTTPS') }}</option>
|
||||
<option value="TXT">{{ __('TXT') }}</option>
|
||||
<option value="SRV">{{ __('SRV') }}</option>
|
||||
<option value="LOC">{{ __('LOC') }}</option>
|
||||
<option value="MX">{{ __('MX') }}</option>
|
||||
<option value="NS">{{ __('NS') }}</option>
|
||||
<option value="CERT">{{ __('CERT') }}</option>
|
||||
<option value="DNSKEY">{{ __('DNSKEY') }}</option>
|
||||
<option value="DS">{{ __('DS') }}</option>
|
||||
<option value="NAPTR">{{ __('NAPTR') }}</option>
|
||||
<option value="SMIMEA">{{ __('SMIMEA') }}</option>
|
||||
<option value="SSHFP">{{ __('SSHFP') }}</option>
|
||||
<option value="SVCB">{{ __('SVCB') }}</option>
|
||||
<option value="TLSA">{{ __('TLSA') }}</option>
|
||||
</FormSelect>
|
||||
</TableData>
|
||||
<TableData class="pr-4">
|
||||
<FormInput class="col-span-2" :value="record.name" type="text" :id="record.id + '-name'" :errors="(action === 'update' && recordIdBeingUpdated === record.id) ? $page.props.errors.name : []" />
|
||||
</TableData>
|
||||
<TableData class="pr-4">
|
||||
<FormInput class="col-span-2" :value="record.content" type="text" :id="record.id + '-content'" :errors="(action === 'update' && recordIdBeingUpdated === record.id) ? $page.props.errors.content : []" />
|
||||
</TableData>
|
||||
<TableData class="pr-4">
|
||||
<FormInput class="!w-16" :value="record.ttl" type="number" :id="record.id + '-ttl'" :disabled="sending" :errors="(action === 'update' && recordIdBeingUpdated === record.id) ? $page.props.errors.ttl : []" />
|
||||
</TableData>
|
||||
<TableRow v-for="record in records" :key="record.id">
|
||||
<TableData>{{ record.name }}</TableData>
|
||||
<TableData>{{ record.display_content }}</TableData>
|
||||
<TableData>
|
||||
<div class="col-span-1 flex flex-col gap-y-2">
|
||||
<Button @click="save(record, index)" variant="primary" size="sm">Save</Button>
|
||||
<Button @click="confirmDelete(record)" variant="danger" size="sm">Delete</Button>
|
||||
</div>
|
||||
<Button @click="confirmDelete(record)" variant="danger" size="sm">Delete</Button>
|
||||
</TableData>
|
||||
</TableRow>
|
||||
</TableBody>
|
||||
@@ -134,214 +78,167 @@
|
||||
</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 SettingsLayout from '@/components/layouts/SettingsLayout'
|
||||
import SettingsSegment from '@/components/SettingsSegment'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import Form from '@/components/Form'
|
||||
import Pagination from '@/components/Pagination'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout.vue'
|
||||
import SettingsSegment from '@/components/SettingsSegment.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import Form from '@/components/Form.vue'
|
||||
import Pagination from '@/components/Pagination.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import {useConfirm} from '@/hooks/confirm'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
import Tabs from './Tabs'
|
||||
import Table from '@/components/Table'
|
||||
import TableHead from '@/components/TableHead'
|
||||
import TableHeader from '@/components/TableHeader'
|
||||
import TableRow from '@/components/TableRow'
|
||||
import TableBody from '@/components/TableBody'
|
||||
import TableData from '@/components/TableData'
|
||||
import EmptyImage from '@/components/EmptyImage'
|
||||
import Input from "../../components/Input";
|
||||
import FormSelect from "../../components/forms/FormSelect";
|
||||
import Tabs from './Tabs.vue'
|
||||
import Table from '@/components/Table.vue'
|
||||
import TableHead from '@/components/TableHead.vue'
|
||||
import TableHeader from '@/components/TableHeader.vue'
|
||||
import TableRow from '@/components/TableRow.vue'
|
||||
import TableBody from '@/components/TableBody.vue'
|
||||
import TableData from '@/components/TableData.vue'
|
||||
import EmptyImage from '@/components/EmptyImage.vue'
|
||||
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('DNS')} - ${this.site.domain}`,
|
||||
}
|
||||
},
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('DNS')} - ${this.site.domain}`,
|
||||
}
|
||||
},
|
||||
|
||||
layout: MainLayout,
|
||||
layout: MainLayout,
|
||||
|
||||
components: {
|
||||
FormSelect,
|
||||
Input,
|
||||
TopBar,
|
||||
Container,
|
||||
Content,
|
||||
Page,
|
||||
PageHeader,
|
||||
PageHeaderTitle,
|
||||
PageBody,
|
||||
Button,
|
||||
List,
|
||||
ListItem,
|
||||
StatusBubble,
|
||||
NotificationBadge,
|
||||
FormInput,
|
||||
SettingsLayout,
|
||||
SettingsSegment,
|
||||
Form,
|
||||
FormActions,
|
||||
Pagination,
|
||||
Tabs,
|
||||
Table,
|
||||
TableHead,
|
||||
TableHeader,
|
||||
TableRow,
|
||||
TableBody,
|
||||
TableData,
|
||||
EmptyImage,
|
||||
},
|
||||
components: {
|
||||
TopBar,
|
||||
Container,
|
||||
Content,
|
||||
Page,
|
||||
PageHeader,
|
||||
PageHeaderTitle,
|
||||
PageBody,
|
||||
Button,
|
||||
List,
|
||||
ListItem,
|
||||
StatusBubble,
|
||||
NotificationBadge,
|
||||
FormInput,
|
||||
SettingsLayout,
|
||||
SettingsSegment,
|
||||
Form,
|
||||
FormActions,
|
||||
Pagination,
|
||||
Tabs,
|
||||
Table,
|
||||
TableHead,
|
||||
TableHeader,
|
||||
TableRow,
|
||||
TableBody,
|
||||
TableData,
|
||||
EmptyImage,
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
sending: false,
|
||||
loading: true,
|
||||
action: 'create',
|
||||
recordIdBeingUpdated: null,
|
||||
data() {
|
||||
return {
|
||||
sending: false,
|
||||
loading: true,
|
||||
|
||||
records: {},
|
||||
records: [],
|
||||
|
||||
form: {
|
||||
name: null,
|
||||
address: null,
|
||||
},
|
||||
|
||||
breadcrumbs: [
|
||||
{
|
||||
title: this.$page.props.settings.name,
|
||||
to: '/',
|
||||
},
|
||||
{
|
||||
title: this.__('Sites'),
|
||||
to: this.route('sites.index'),
|
||||
},
|
||||
{
|
||||
title: this.site.domain,
|
||||
to: this.route('sites.show', this.site.id),
|
||||
},
|
||||
{
|
||||
title: this.__('DNS'),
|
||||
to: this.route('sites.dns.index', this.site.id),
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
|
||||
props: {
|
||||
site: Object,
|
||||
},
|
||||
|
||||
mounted () {
|
||||
this.getRecords();
|
||||
},
|
||||
|
||||
methods: {
|
||||
useNotification,
|
||||
|
||||
submit() {
|
||||
this.$inertia.post(this.route('sites.dns.store', this.site.id), this.form, {
|
||||
onStart: () => this.sending = true,
|
||||
onFinish: () => {
|
||||
this.sending = false;
|
||||
this.records = [];
|
||||
this.getRecords();
|
||||
|
||||
this.form = {
|
||||
name: null,
|
||||
address: null,
|
||||
};
|
||||
}
|
||||
})
|
||||
|
||||
form: {
|
||||
name: null,
|
||||
content: null,
|
||||
type: null,
|
||||
ttl: null,
|
||||
},
|
||||
|
||||
breadcrumbs: [
|
||||
{
|
||||
title: this.$page.props.settings.name,
|
||||
to: '/',
|
||||
},
|
||||
{
|
||||
title: this.__('Sites'),
|
||||
to: this.route('sites.index'),
|
||||
},
|
||||
{
|
||||
title: this.site.domain,
|
||||
to: this.route('sites.show', this.site.id),
|
||||
},
|
||||
{
|
||||
title: this.__('DNS'),
|
||||
to: this.route('sites.dns.index', this.site.id),
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
getRecords() {
|
||||
this.loading = true;
|
||||
|
||||
props: {
|
||||
site: Object,
|
||||
},
|
||||
window.axios.get(this.route('sites.dns.records', this.site.id))
|
||||
.then(response => {
|
||||
this.loading = false;
|
||||
this.records = response.data
|
||||
})
|
||||
.catch(error => {
|
||||
this.loading = false;
|
||||
})
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.getRecords();
|
||||
},
|
||||
|
||||
methods: {
|
||||
useNotification,
|
||||
|
||||
submit() {
|
||||
this.$inertia.post(this.route('sites.dns.store', this.site.id), this.form, {
|
||||
onStart: () => {
|
||||
this.action = 'create';
|
||||
this.recordIdBeingUpdated = null;
|
||||
this.sending = true;
|
||||
this.records = [];
|
||||
},
|
||||
onFinish: () => {
|
||||
this.sending = false;
|
||||
this.records = [];
|
||||
this.getRecords();
|
||||
|
||||
this.form = {
|
||||
name: null,
|
||||
content: null,
|
||||
type: null,
|
||||
ttl: null,
|
||||
};
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
getRecords() {
|
||||
this.loading = true;
|
||||
|
||||
window.axios.get(this.route('sites.dns.records', this.site.id))
|
||||
.then(response => {
|
||||
this.loading = false;
|
||||
this.records = response.data;
|
||||
confirmDelete(record) {
|
||||
useConfirm({
|
||||
title: this.__('Are you sure?'),
|
||||
message: this.__('Your DNS will be completely removed.'),
|
||||
onConfirm: () => this.delete(record),
|
||||
})
|
||||
.catch(error => {
|
||||
this.loading = false;
|
||||
},
|
||||
|
||||
delete(record) {
|
||||
this.$inertia.delete(this.route('sites.dns.delete', [this.site.id, record.id]), {
|
||||
preserveScroll: true,
|
||||
onStart: () => this.sending = true,
|
||||
onFinish: () => {
|
||||
this.sending = false;
|
||||
this.records = [];
|
||||
this.getRecords();
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
save(record, index) {
|
||||
// Vue is not reactive on nested arrays. That's why we cannot use the v-model directive on the input fields,
|
||||
// because the input fields are part of a v-for.
|
||||
let type = document.getElementById(record.id + '-type').value;
|
||||
let name = document.getElementById(record.id + '-name').value;
|
||||
let content = document.getElementById(record.id + '-content').value;
|
||||
let ttl = document.getElementById(record.id + '-ttl').value;
|
||||
|
||||
this.records[index].type = type;
|
||||
this.records[index].name = name;
|
||||
this.records[index].content = content;
|
||||
this.records[index].ttl = ttl;
|
||||
|
||||
this.$inertia.put(this.route('sites.dns.update', [this.site.id, record.id]), {
|
||||
type: type,
|
||||
name: name,
|
||||
content: content,
|
||||
ttl: ttl,
|
||||
}, {
|
||||
preserveScroll: true,
|
||||
onStart: () => {
|
||||
this.sending = true;
|
||||
this.action = 'update';
|
||||
this.recordIdBeingUpdated = record.id;
|
||||
},
|
||||
onFinish: () => {
|
||||
this.sending = false;
|
||||
this.getRecords();
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
confirmDelete(record) {
|
||||
useConfirm({
|
||||
title: this.__('Are you sure?'),
|
||||
message: this.__('Your DNS will be completely removed.'),
|
||||
onConfirm: () => this.delete(record),
|
||||
})
|
||||
},
|
||||
|
||||
delete(record) {
|
||||
this.$inertia.delete(this.route('sites.dns.delete', [this.site.id, record.id]), {
|
||||
preserveScroll: true,
|
||||
onStart: () => this.sending = true,
|
||||
onFinish: () => {
|
||||
this.sending = false;
|
||||
this.records = [];
|
||||
this.getRecords();
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -85,38 +85,37 @@
|
||||
</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 EmptyImage from '@/components/EmptyImage'
|
||||
import IconBox from '@/components/icons/IconBox'
|
||||
import IconGlobe from '@/components/icons/IconGlobe'
|
||||
import IconStorage from '@/components/icons/IconStorage'
|
||||
import IconButton from '@/components/IconButton'
|
||||
import IconMore from '@/components/icons/IconMore'
|
||||
import IconPhp from '@/components/icons/IconPhp'
|
||||
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'
|
||||
import Dropdown from '@/components/Dropdown'
|
||||
import DropdownList from '@/components/DropdownList'
|
||||
import DropdownListItem from '@/components/DropdownListItem'
|
||||
import DropdownListItemButton from '@/components/DropdownListItemButton'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import EmptyImage from '@/components/EmptyImage.vue'
|
||||
import IconBox from '@/components/icons/IconBox.vue'
|
||||
import IconGlobe from '@/components/icons/IconGlobe.vue'
|
||||
import IconStorage from '@/components/icons/IconStorage.vue'
|
||||
import IconButton from '@/components/IconButton.vue'
|
||||
import IconMore from '@/components/icons/IconMore.vue'
|
||||
import IconPhp from '@/components/icons/IconPhp.vue'
|
||||
import Modal from '@/components/Modal.vue'
|
||||
import ModalContainer from '@/components/ModalContainer.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormSelect from '@/components/forms/FormSelect.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import Dropdown from '@/components/Dropdown.vue'
|
||||
import DropdownList from '@/components/DropdownList.vue'
|
||||
import DropdownListItem from '@/components/DropdownListItem.vue'
|
||||
import DropdownListItemButton from '@/components/DropdownListItemButton.vue'
|
||||
import {useConfirm} from '@/hooks/confirm'
|
||||
import Pagination from '@/components/Pagination'
|
||||
|
||||
import Pagination from '@/components/Pagination.vue'
|
||||
|
||||
export default {
|
||||
metaInfo() {
|
||||
@@ -199,7 +198,7 @@ export default {
|
||||
if(!this.pollingInterval){
|
||||
this.startPollingInterval();
|
||||
}
|
||||
},
|
||||
}
|
||||
},
|
||||
|
||||
data() {
|
||||
@@ -209,8 +208,6 @@ export default {
|
||||
server_id: null,
|
||||
},
|
||||
|
||||
domainExists: null,
|
||||
|
||||
pollingInterval: null,
|
||||
|
||||
modalIsOpen: false,
|
||||
|
||||
@@ -81,37 +81,37 @@
|
||||
</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 SettingsLayout from '@/components/layouts/SettingsLayout'
|
||||
import SettingsSegment from '@/components/SettingsSegment'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import FormSelect from '@/components/forms/FormSelect'
|
||||
import Form from '@/components/Form'
|
||||
import Pagination from '@/components/Pagination'
|
||||
import EmptyImage from '@/components/EmptyImage'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import {useConfirm} from '@/hooks/confirm'
|
||||
import Tabs from './Tabs'
|
||||
import Table from '@/components/Table'
|
||||
import TableHead from '@/components/TableHead'
|
||||
import TableHeader from '@/components/TableHeader'
|
||||
import TableRow from '@/components/TableRow'
|
||||
import TableBody from '@/components/TableBody'
|
||||
import TableData from '@/components/TableData'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout.vue'
|
||||
import SettingsSegment from '@/components/SettingsSegment.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormSelect from '@/components/forms/FormSelect.vue'
|
||||
import Form from '@/components/Form.vue'
|
||||
import Pagination from '@/components/Pagination.vue'
|
||||
import EmptyImage from '@/components/EmptyImage.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import {useConfirm} from '@/hooks/confirm'
|
||||
import Tabs from './Tabs.vue'
|
||||
import Table from '@/components/Table.vue'
|
||||
import TableHead from '@/components/TableHead.vue'
|
||||
import TableHeader from '@/components/TableHeader.vue'
|
||||
import TableRow from '@/components/TableRow.vue'
|
||||
import TableBody from '@/components/TableBody.vue'
|
||||
import TableData from '@/components/TableData.vue'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('Redirects')} - ${this.site.domain}`,
|
||||
|
||||
@@ -94,26 +94,26 @@
|
||||
</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 SettingsLayout from '@/components/layouts/SettingsLayout'
|
||||
import SettingsSegment from '@/components/SettingsSegment'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import Form from '@/components/Form'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout.vue'
|
||||
import SettingsSegment from '@/components/SettingsSegment.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import Form from '@/components/Form.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import {useConfirm} from '@/hooks/confirm'
|
||||
import Tabs from './Tabs'
|
||||
import Tabs from './Tabs.vue'
|
||||
|
||||
export default {
|
||||
metaInfo() {
|
||||
|
||||
@@ -150,35 +150,35 @@
|
||||
</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 SettingsLayout from '@/components/layouts/SettingsLayout'
|
||||
import SettingsSegment from '@/components/SettingsSegment'
|
||||
import FormInput from '@/components/forms/FormInput'
|
||||
import Form from '@/components/Form'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import SettingsLayout from '@/components/layouts/SettingsLayout.vue'
|
||||
import SettingsSegment from '@/components/SettingsSegment.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import Form from '@/components/Form.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import {useNotification} from '@/hooks/notification'
|
||||
import Tabs from './Tabs'
|
||||
import Table from '@/components/Table'
|
||||
import TableHead from '@/components/TableHead'
|
||||
import TableHeader from '@/components/TableHeader'
|
||||
import TableRow from '@/components/TableRow'
|
||||
import TableBody from '@/components/TableBody'
|
||||
import TableData from '@/components/TableData'
|
||||
import Modal from '@/components/Modal'
|
||||
import ModalContainer from '@/components/ModalContainer'
|
||||
import Copy from '@/components/Copy'
|
||||
import Tabs from './Tabs.vue'
|
||||
import Table from '@/components/Table.vue'
|
||||
import TableHead from '@/components/TableHead.vue'
|
||||
import TableHeader from '@/components/TableHeader.vue'
|
||||
import TableRow from '@/components/TableRow.vue'
|
||||
import TableBody from '@/components/TableBody.vue'
|
||||
import TableData from '@/components/TableData.vue'
|
||||
import Modal from '@/components/Modal.vue'
|
||||
import ModalContainer from '@/components/ModalContainer.vue'
|
||||
import Copy from '@/components/Copy.vue'
|
||||
|
||||
export default {
|
||||
metaInfo() {
|
||||
|
||||
@@ -12,10 +12,10 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TopBar from '@/components/TopBar'
|
||||
import Breadcrumbs from '@/components/Breadcrumbs'
|
||||
import TabBar from '@/components/TabBar'
|
||||
import TopBarTabBarContainer from '@/components/TopBarTabBarContainer'
|
||||
import TopBar from '@/components/TopBar.vue'
|
||||
import Breadcrumbs from '@/components/Breadcrumbs.vue'
|
||||
import TopBarTabBarContainer from '@/components/TopBarTabBarContainer.vue'
|
||||
import TabBar from "@/components/TabBar.vue";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
||||
@@ -27,28 +27,28 @@
|
||||
</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 FormActions from '@/components/FormActions'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import IconBox from '@/components/icons/IconBox.vue'
|
||||
import IconGlobe from '@/components/icons/IconGlobe.vue'
|
||||
import IconStorage from '@/components/icons/IconStorage.vue'
|
||||
import Modal from '@/components/Modal.vue'
|
||||
import ModalContainer from '@/components/ModalContainer.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('Closed support requests')}`,
|
||||
|
||||
@@ -48,30 +48,30 @@
|
||||
</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 FormTextarea from '@/components/forms/FormTextarea'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import EmptyImage from '@/components/EmptyImage'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import IconBox from '@/components/icons/IconBox.vue'
|
||||
import IconGlobe from '@/components/icons/IconGlobe.vue'
|
||||
import IconStorage from '@/components/icons/IconStorage.vue'
|
||||
import Modal from '@/components/Modal.vue'
|
||||
import ModalContainer from '@/components/ModalContainer.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormTextarea from '@/components/forms/FormTextarea.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import EmptyImage from '@/components/EmptyImage.vue'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
metaInfo() {
|
||||
return {
|
||||
title: `${this.__('Support')}`,
|
||||
|
||||
@@ -57,27 +57,27 @@
|
||||
</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 FormTextarea from '@/components/forms/FormTextarea'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import TopBar from './components/TopBar.vue'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Content from '@/components/Content.vue'
|
||||
import Page from '@/components/Page.vue'
|
||||
import PageHeader from '@/components/PageHeader.vue'
|
||||
import PageHeaderTitle from '@/components/PageHeaderTitle.vue'
|
||||
import PageBody from '@/components/PageBody.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import List from '@/components/List.vue'
|
||||
import ListItem from '@/components/ListItem.vue'
|
||||
import StatusBubble from '@/components/StatusBubble.vue'
|
||||
import NotificationBadge from '@/components/NotificationBadge.vue'
|
||||
import MainLayout from '@/Layouts/MainLayout.vue'
|
||||
import IconBox from '@/components/icons/IconBox.vue'
|
||||
import IconGlobe from '@/components/icons/IconGlobe.vue'
|
||||
import IconStorage from '@/components/icons/IconStorage.vue'
|
||||
import Modal from '@/components/Modal.vue'
|
||||
import ModalContainer from '@/components/ModalContainer.vue'
|
||||
import FormInput from '@/components/forms/FormInput.vue'
|
||||
import FormTextarea from '@/components/forms/FormTextarea.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
|
||||
export default {
|
||||
metaInfo() {
|
||||
|
||||
@@ -12,10 +12,10 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TopBar from '@/components/TopBar'
|
||||
import Breadcrumbs from '@/components/Breadcrumbs'
|
||||
import TabBar from '@/components/TabBar'
|
||||
import TopBarTabBarContainer from '@/components/TopBarTabBarContainer'
|
||||
import TopBar from '@/components/TopBar.vue'
|
||||
import Breadcrumbs from '@/components/Breadcrumbs.vue'
|
||||
import TopBarTabBarContainer from '@/components/TopBarTabBarContainer.vue'
|
||||
import TabBar from '@/components/TabBar.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
||||
54
resources/js/app.js
vendored
54
resources/js/app.js
vendored
@@ -1,21 +1,27 @@
|
||||
import { InertiaApp, plugin, InertiaLink } from '@inertiajs/inertia-vue'
|
||||
import {InertiaApp, InertiaLink, plugin} from '@inertiajs/inertia-vue'
|
||||
import Vue from 'vue';
|
||||
import VueMeta from 'vue-meta'
|
||||
import store from '@/store'
|
||||
import PortalVue from 'portal-vue'
|
||||
import vClickOutside from 'v-click-outside'
|
||||
import VueClipboard from 'vue-clipboard2'
|
||||
window._forEach = require('lodash/forEach');
|
||||
import forEach from 'lodash/forEach';
|
||||
import mixins from '@/mixins';
|
||||
import {InertiaProgress} from '@inertiajs/progress'
|
||||
import axios from 'axios';
|
||||
import {resolvePageComponent} from "laravel-vite-plugin/inertia-helpers";
|
||||
import '../sass/app.scss';
|
||||
|
||||
window._forEach = forEach;
|
||||
|
||||
Vue.use(vClickOutside)
|
||||
Vue.use(PortalVue)
|
||||
Vue.use(plugin)
|
||||
Vue.use(VueMeta)
|
||||
Vue.use(VueClipboard)
|
||||
Vue.mixin({ methods: { route: window.route } })
|
||||
Vue.mixin(require('./mixins'));
|
||||
Vue.mixin({methods: {route: window.route}})
|
||||
Vue.mixin(mixins);
|
||||
Vue.component('InertiaLink', InertiaLink)
|
||||
import { InertiaProgress } from '@inertiajs/progress'
|
||||
|
||||
InertiaProgress.init({
|
||||
delay: 250,
|
||||
@@ -26,7 +32,7 @@ InertiaProgress.init({
|
||||
|
||||
window.eventBus = new Vue();
|
||||
|
||||
window.axios = require('axios');
|
||||
window.axios = axios;
|
||||
|
||||
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
|
||||
|
||||
@@ -34,6 +40,35 @@ const app = document.getElementById('app')
|
||||
|
||||
let pageData = JSON.parse(app.dataset.page)
|
||||
|
||||
// createInertiaApp({
|
||||
// title: (title) => `${title} - ${appName}`,
|
||||
// resolve: (name) => require(`./Pages/${name}.vue`),
|
||||
// resolve: (name) => resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue')),
|
||||
// setup({el, App, props, plugin}) {
|
||||
// Vue
|
||||
// .use(plugin)
|
||||
// .use(vClickOutside)
|
||||
// .use(PortalVue)
|
||||
// .use(VueMeta)
|
||||
// .use(VueClipboard)
|
||||
// .mixin(mixins)
|
||||
// .component('InertiaLink', InertiaLink)
|
||||
// .mixin({methods: {route}});
|
||||
|
||||
// new Vue({
|
||||
// render: h => h(App, props),
|
||||
// })
|
||||
// .$mount(el);
|
||||
// },
|
||||
// });
|
||||
|
||||
// InertiaProgress.init({
|
||||
// delay: 250,
|
||||
// color: '#1b8ae8',
|
||||
// includeCSS: true,
|
||||
// showSpinner: false,
|
||||
// })
|
||||
|
||||
new Vue({
|
||||
store,
|
||||
metaInfo: {
|
||||
@@ -42,7 +77,12 @@ new Vue({
|
||||
render: h => h(InertiaApp, {
|
||||
props: {
|
||||
initialPage: pageData,
|
||||
resolveComponent: name => import(`@/Pages/${name}`).then(module => module.default),
|
||||
resolveComponent: async(name) => {
|
||||
const pages = import.meta.glob('./**/*.vue');
|
||||
|
||||
console.log(name);
|
||||
return (await resolvePageComponent(`./Pages/${name}.vue`, pages)).default;
|
||||
}
|
||||
},
|
||||
}),
|
||||
}).$mount(app)
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import BreadcrumbsItem from '@/components/BreadcrumbsItem'
|
||||
import BreadcrumbsItem from '@/components/BreadcrumbsItem.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
<template>
|
||||
<img src="/images/empty.png" class="w-32 md:w-48 m-auto" />
|
||||
<img src="/images/empty.png" class="w-32 md:w-48 m-auto" alt="Decorative image for empty list." />
|
||||
</template>
|
||||
|
||||
@@ -30,11 +30,11 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import IconClose from '@/components/icons/IconClose'
|
||||
import FormActions from '@/components/FormActions'
|
||||
import Form from '@/components/Form'
|
||||
import IconClose from '@/components/icons/IconClose.vue'
|
||||
import FormActions from '@/components/FormActions.vue'
|
||||
import Form from '@/components/Form.vue'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
components: {
|
||||
IconClose,
|
||||
FormActions,
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TabBarItem from '@/components/TabBarItem'
|
||||
import TabBarItem from '@/components/TabBarItem.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
||||
@@ -59,14 +59,14 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Container from '@/components/Container'
|
||||
import Dropdown from '@/components/Dropdown'
|
||||
import DropdownList from '@/components/DropdownList'
|
||||
import DropdownListItem from '@/components/DropdownListItem'
|
||||
import IconMoon from '@/components/icons/IconMoon'
|
||||
import IconSun from '@/components/icons/IconSun'
|
||||
import IconSearch from '@/components/icons/IconSearch'
|
||||
import IconButton from '@/components/IconButton'
|
||||
import Container from '@/components/Container.vue'
|
||||
import Dropdown from '@/components/Dropdown.vue'
|
||||
import DropdownList from '@/components/DropdownList.vue'
|
||||
import DropdownListItem from '@/components/DropdownListItem.vue'
|
||||
import IconMoon from '@/components/icons/IconMoon.vue'
|
||||
import IconSun from '@/components/icons/IconSun.vue'
|
||||
import IconSearch from '@/components/icons/IconSearch.vue'
|
||||
import IconButton from '@/components/IconButton.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
||||
@@ -23,12 +23,12 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import FormGroup from '@/components/FormGroup'
|
||||
import Label from '@/components/Label'
|
||||
import ErrorText from '@/components/ErrorText'
|
||||
import HelperText from '@/components/HelperText'
|
||||
import IconClipboard from '@/components/icons/IconClipboard'
|
||||
import IconKey from '@/components/icons/IconKey'
|
||||
import FormGroup from '@/components/FormGroup.vue'
|
||||
import Label from '@/components/Label.vue'
|
||||
import ErrorText from '@/components/ErrorText.vue'
|
||||
import HelperText from '@/components/HelperText.vue'
|
||||
import IconClipboard from '@/components/icons/IconClipboard.vue'
|
||||
import IconKey from '@/components/icons/IconKey.vue'
|
||||
|
||||
const defaultClasses = ''
|
||||
|
||||
|
||||
@@ -9,12 +9,12 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import FormGroup from '@/components/FormGroup'
|
||||
import Label from '@/components/Label'
|
||||
import ErrorText from '@/components/ErrorText'
|
||||
import HelperText from '@/components/HelperText'
|
||||
import FormGroup from '@/components/FormGroup.vue'
|
||||
import Label from '@/components/Label.vue'
|
||||
import ErrorText from '@/components/ErrorText.vue'
|
||||
import HelperText from '@/components/HelperText.vue'
|
||||
|
||||
const defaultClasses =
|
||||
const defaultClasses =
|
||||
'w-full border-medium-emphasis text-body max-w-lg px-2 border rounded bg-surface-1 focus:outline-none focus:border-primary'
|
||||
|
||||
export default {
|
||||
|
||||
@@ -32,13 +32,13 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import FormGroup from '@/components/FormGroup'
|
||||
import Label from '@/components/Label'
|
||||
import Button from '@/components/Button'
|
||||
import ErrorText from '@/components/ErrorText'
|
||||
import HelperText from '@/components/HelperText'
|
||||
import IconClipboard from '@/components/icons/IconClipboard'
|
||||
import IconKey from '@/components/icons/IconKey'
|
||||
import FormGroup from '@/components/FormGroup.vue'
|
||||
import Label from '@/components/Label.vue'
|
||||
import Button from '@/components/Button.vue'
|
||||
import ErrorText from '@/components/ErrorText.vue'
|
||||
import HelperText from '@/components/HelperText.vue'
|
||||
import IconClipboard from '@/components/icons/IconClipboard.vue'
|
||||
import IconKey from '@/components/icons/IconKey.vue'
|
||||
|
||||
const defaultClasses =
|
||||
'w-full border-medium-emphasis text-body h-10 px-2 border rounded bg-surface-1 focus:outline-none focus:border-primary'
|
||||
|
||||
@@ -32,12 +32,12 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import FormGroup from '@/components/FormGroup'
|
||||
import Label from '@/components/Label'
|
||||
import ErrorText from '@/components/ErrorText'
|
||||
import HelperText from '@/components/HelperText'
|
||||
import IconClipboard from '@/components/icons/IconClipboard'
|
||||
import IconKey from '@/components/icons/IconKey'
|
||||
import FormGroup from '@/components/FormGroup.vue'
|
||||
import Label from '@/components/Label.vue'
|
||||
import ErrorText from '@/components/ErrorText.vue'
|
||||
import HelperText from '@/components/HelperText.vue'
|
||||
import IconClipboard from '@/components/icons/IconClipboard.vue'
|
||||
import IconKey from '@/components/icons/IconKey.vue'
|
||||
|
||||
const defaultClasses =
|
||||
'w-full border-medium-emphasis text-body h-10 px-2 border rounded bg-surface-1 focus:outline-none focus:border-primary'
|
||||
|
||||
@@ -16,10 +16,10 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import FormGroup from '@/components/FormGroup'
|
||||
import Label from '@/components/Label'
|
||||
import ErrorText from '@/components/ErrorText'
|
||||
import HelperText from '@/components/HelperText'
|
||||
import FormGroup from '@/components/FormGroup.vue'
|
||||
import Label from '@/components/Label.vue'
|
||||
import ErrorText from '@/components/ErrorText.vue'
|
||||
import HelperText from '@/components/HelperText.vue'
|
||||
|
||||
const defaultClasses =
|
||||
'w-full border-medium-emphasis text-body h-10 px-2 border rounded bg-surface-1 focus:outline-none focus:border-primary'
|
||||
|
||||
@@ -15,12 +15,12 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import FormGroup from '@/components/FormGroup'
|
||||
import Label from '@/components/Label'
|
||||
import ErrorText from '@/components/ErrorText'
|
||||
import HelperText from '@/components/HelperText'
|
||||
import FormGroup from '@/components/FormGroup.vue'
|
||||
import Label from '@/components/Label.vue'
|
||||
import ErrorText from '@/components/ErrorText.vue'
|
||||
import HelperText from '@/components/HelperText.vue'
|
||||
|
||||
const defaultClasses =
|
||||
const defaultClasses =
|
||||
'w-full border-medium-emphasis text-body px-2 border rounded bg-surface-1 focus:outline-none focus:border-primary'
|
||||
|
||||
export default {
|
||||
|
||||
2
resources/js/mixins.js
vendored
2
resources/js/mixins.js
vendored
@@ -1,4 +1,4 @@
|
||||
module.exports = {
|
||||
export default {
|
||||
methods: {
|
||||
/**
|
||||
* Translate the given key.
|
||||
|
||||
2
resources/sass/app.scss
vendored
2
resources/sass/app.scss
vendored
@@ -5,7 +5,7 @@
|
||||
@tailwind utilities;
|
||||
|
||||
@import 'nprogress';
|
||||
@import "~balloon-css/src/balloon";
|
||||
@import "balloon-css/src/balloon";
|
||||
|
||||
.bf-blur {
|
||||
backdrop-filter: blur(2px) saturate(125%);
|
||||
|
||||
@@ -8,8 +8,7 @@
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Inter&display=swap" rel="stylesheet">
|
||||
|
||||
<link href="{{ mix('/css/app.css') }}" rel="stylesheet"></link>
|
||||
<script src="{{ mix('/js/app.js') }}" defer></script>
|
||||
@vite('resources/js/app.js')
|
||||
|
||||
@if(config('cashier.key') && config('cashier.secret'))
|
||||
<script src="https://js.stripe.com/v3/"></script>
|
||||
|
||||
Reference in New Issue
Block a user