updating env example file
This commit is contained in:
@ -1,5 +1,5 @@
|
||||
.card {
|
||||
@apply flex flex-col nm-flat-white dark:nm-flat-gray-700 border border-gray-100 dark:border-gray-800 overflow-hidden rounded-lg;
|
||||
@apply flex flex-col bg-white dark:bg-zinc-700 border border-gray-100 dark:border-gray-800 overflow-hidden rounded-lg;
|
||||
}
|
||||
|
||||
.card .card-header {
|
||||
|
||||
@ -25,7 +25,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { defineComponent } from 'vue'
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
props: {
|
||||
@ -35,10 +35,10 @@ export default defineComponent({
|
||||
},
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
show: false,
|
||||
}
|
||||
setup(props) {
|
||||
let show = ref(false)
|
||||
|
||||
return { show }
|
||||
},
|
||||
|
||||
mounted() {
|
||||
|
||||
@ -0,0 +1,50 @@
|
||||
<template>
|
||||
<NotificationGroup group="error">
|
||||
<div class="fixed inset-0 flex items-start justify-end p-6 px-4 py-6 pointer-events-none z-50">
|
||||
<div class="w-full max-w-sm">
|
||||
<Notification
|
||||
v-slot="{ notifications }"
|
||||
enter="transform ease-out duration-300 transition"
|
||||
enter-from="translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-4"
|
||||
enter-to="translate-y-0 opacity-100 sm:translate-x-0"
|
||||
leave="transition ease-in duration-500"
|
||||
leave-from="opacity-100"
|
||||
leave-to="opacity-0"
|
||||
move="transition duration-500"
|
||||
move-delay="delay-300"
|
||||
>
|
||||
<div class="flex w-full max-w-sm mx-auto mt-4 overflow-hidden bg-white rounded-lg shadow-md border border-gray-200"
|
||||
v-for="notification in notifications"
|
||||
:key="notification.id"
|
||||
>
|
||||
<div class="flex items-center justify-center w-12 bg-red-500">
|
||||
<svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6 text-white">
|
||||
<polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon>
|
||||
<line x1="15" y1="9" x2="9" y2="15"></line>
|
||||
<line x1="9" y1="9" x2="15" y2="15"></line>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="px-4 py-2 -mx-3">
|
||||
<div class="mx-3">
|
||||
<span class="font-semibold text-red-500">{{ notification.title }}</span>
|
||||
<p class="text-sm text-gray-600">{{ notification.text }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Notification>
|
||||
</div>
|
||||
</div>
|
||||
</NotificationGroup>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { defineComponent } from 'vue'
|
||||
import Notifications from 'notiwind'
|
||||
|
||||
export default defineComponent({
|
||||
components: {
|
||||
Notifications,
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
||||
@ -0,0 +1,48 @@
|
||||
<template>
|
||||
<NotificationGroup group="generic">
|
||||
<div class="fixed inset-0 flex items-start justify-end p-6 px-4 py-6 pointer-events-none z-50">
|
||||
<div class="w-full max-w-sm">
|
||||
<Notification
|
||||
v-slot="{ notifications }"
|
||||
enter="transform ease-out duration-300 transition"
|
||||
enter-from="translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-4"
|
||||
enter-to="translate-y-0 opacity-100 sm:translate-x-0"
|
||||
leave="transition ease-in duration-500"
|
||||
leave-from="opacity-100"
|
||||
leave-to="opacity-0"
|
||||
move="transition duration-500"
|
||||
move-delay="delay-300"
|
||||
>
|
||||
<div class="flex w-full max-w-sm mx-auto mt-4 overflow-hidden bg-white rounded-lg shadow-md border border-gray-200"
|
||||
v-for="notification in notifications"
|
||||
:key="notification.id"
|
||||
>
|
||||
<div class="flex items-center justify-center w-12 bg-gray-500">
|
||||
<svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6 text-white">
|
||||
<polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="px-4 py-2 -mx-3">
|
||||
<div class="mx-3">
|
||||
<span class="font-semibold text-gray-500">{{ notification.title }}</span>
|
||||
<p class="text-sm text-gray-600">{{ notification.text }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Notification>
|
||||
</div>
|
||||
</div>
|
||||
</NotificationGroup>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { defineComponent } from 'vue'
|
||||
import Notifications from 'notiwind'
|
||||
|
||||
export default defineComponent({
|
||||
components: {
|
||||
Notifications,
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
||||
@ -0,0 +1,48 @@
|
||||
<template>
|
||||
<NotificationGroup group="success">
|
||||
<div class="fixed inset-0 flex items-start justify-end p-6 px-4 py-6 pointer-events-none z-50">
|
||||
<div class="w-full max-w-sm">
|
||||
<Notification
|
||||
v-slot="{ notifications }"
|
||||
enter="transform ease-out duration-300 transition"
|
||||
enter-from="translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-4"
|
||||
enter-to="translate-y-0 opacity-100 sm:translate-x-0"
|
||||
leave="transition ease-in duration-500"
|
||||
leave-from="opacity-100"
|
||||
leave-to="opacity-0"
|
||||
move="transition duration-500"
|
||||
move-delay="delay-300"
|
||||
>
|
||||
<div class="flex w-full max-w-sm mx-auto mt-4 overflow-hidden bg-white rounded-lg shadow-md border border-gray-200"
|
||||
v-for="notification in notifications"
|
||||
:key="notification.id"
|
||||
>
|
||||
<div class="flex items-center justify-center w-12 bg-green-500">
|
||||
<svg class="w-6 h-6 text-white fill-current" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M20 3.33331C10.8 3.33331 3.33337 10.8 3.33337 20C3.33337 29.2 10.8 36.6666 20 36.6666C29.2 36.6666 36.6667 29.2 36.6667 20C36.6667 10.8 29.2 3.33331 20 3.33331ZM16.6667 28.3333L8.33337 20L10.6834 17.65L16.6667 23.6166L29.3167 10.9666L31.6667 13.3333L16.6667 28.3333Z" />
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="px-4 py-2 -mx-3">
|
||||
<div class="mx-3">
|
||||
<span class="font-semibold text-green-500">{{ notification.title }}</span>
|
||||
<p class="text-sm text-gray-600">{{ notification.text }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Notification>
|
||||
</div>
|
||||
</div>
|
||||
</NotificationGroup>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { defineComponent } from 'vue'
|
||||
import Notifications from 'notiwind'
|
||||
|
||||
export default defineComponent({
|
||||
components: {
|
||||
Notifications,
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
||||
@ -0,0 +1,48 @@
|
||||
<template>
|
||||
<NotificationGroup group="warning">
|
||||
<div class="fixed inset-0 flex items-start justify-end p-6 px-4 py-6 pointer-events-none z-50">
|
||||
<div class="w-full max-w-sm">
|
||||
<Notification
|
||||
v-slot="{ notifications }"
|
||||
enter="transform ease-out duration-300 transition"
|
||||
enter-from="translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-4"
|
||||
enter-to="translate-y-0 opacity-100 sm:translate-x-0"
|
||||
leave="transition ease-in duration-500"
|
||||
leave-from="opacity-100"
|
||||
leave-to="opacity-0"
|
||||
move="transition duration-500"
|
||||
move-delay="delay-300"
|
||||
>
|
||||
<div class="flex w-full max-w-sm mx-auto mt-4 overflow-hidden bg-white rounded-lg shadow-md border border-gray-200"
|
||||
v-for="notification in notifications"
|
||||
:key="notification.id"
|
||||
>
|
||||
<div class="flex items-center justify-center w-12 bg-orange-500">
|
||||
<svg class="w-6 h-6 text-white fill-current" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M20 3.33331C10.8 3.33331 3.33337 10.8 3.33337 20C3.33337 29.2 10.8 36.6666 20 36.6666C29.2 36.6666 36.6667 29.2 36.6667 20C36.6667 10.8 29.2 3.33331 20 3.33331ZM16.6667 28.3333L8.33337 20L10.6834 17.65L16.6667 23.6166L29.3167 10.9666L31.6667 13.3333L16.6667 28.3333Z" />
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="px-4 py-2 -mx-3">
|
||||
<div class="mx-3">
|
||||
<span class="font-semibold text-orange-500">{{ notification.title }}</span>
|
||||
<p class="text-sm text-gray-600">{{ notification.text }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Notification>
|
||||
</div>
|
||||
</div>
|
||||
</NotificationGroup>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { defineComponent } from 'vue'
|
||||
import Notifications from 'notiwind'
|
||||
|
||||
export default defineComponent({
|
||||
components: {
|
||||
Notifications,
|
||||
},
|
||||
})
|
||||
</script>
|
||||
@ -46,7 +46,7 @@ export default defineComponent({
|
||||
"transition",
|
||||
]
|
||||
|
||||
let tiveClasses = [
|
||||
let activeClasses = [
|
||||
"border-transparent",
|
||||
"text-gray-600",
|
||||
"hover:text-gray-800",
|
||||
@ -58,7 +58,7 @@ export default defineComponent({
|
||||
]
|
||||
|
||||
if (props.active) {
|
||||
tiveClasses = [
|
||||
activeClasses = [
|
||||
"border-indigo-400",
|
||||
"text-indigo-700",
|
||||
"bg-indigo-50",
|
||||
@ -68,7 +68,7 @@ export default defineComponent({
|
||||
]
|
||||
}
|
||||
|
||||
defaultClasses = dClasses.concat(tiveClasses)
|
||||
defaultClasses = dClasses.concat(activeClasses)
|
||||
|
||||
for (let elm of props.class.split(" ")) {
|
||||
elm = elm.trim()
|
||||
|
||||
@ -44,20 +44,20 @@ export default defineComponent({
|
||||
"rounded-lg",
|
||||
]
|
||||
|
||||
let tiveClasses = [
|
||||
"nm-flat-white",
|
||||
"hover:nm-concave-blue-300",
|
||||
let activeClasses = [
|
||||
"bg-white",
|
||||
"hover:bg-blue-300",
|
||||
"hover:text-white",
|
||||
]
|
||||
|
||||
if (props.active) {
|
||||
tiveClasses = [
|
||||
"nm-flat-blue-400",
|
||||
activeClasses = [
|
||||
"bg-blue-400",
|
||||
"text-white",
|
||||
]
|
||||
}
|
||||
|
||||
defaultClasses = dClasses.concat(tiveClasses)
|
||||
defaultClasses = dClasses.concat(activeClasses)
|
||||
|
||||
for (let elm of props.class.split(" ")) {
|
||||
elm = elm.trim()
|
||||
|
||||
@ -3,9 +3,10 @@
|
||||
<Head :title="title" />
|
||||
|
||||
<div class="absolute top-0 mt-4 z-50">
|
||||
<success-notifications />
|
||||
<error-notifications />
|
||||
<generic-notifications />
|
||||
<generic-notifications></generic-notifications>
|
||||
<success-notifications></success-notifications>
|
||||
<warning-notifications></warning-notifications>
|
||||
<error-notifications></error-notifications>
|
||||
</div>
|
||||
|
||||
<jet-banner />
|
||||
@ -206,10 +207,6 @@
|
||||
Profile
|
||||
</jet-dropdown-link>
|
||||
|
||||
<jet-dropdown-link :href="route('profile.billing.show')">
|
||||
Billing
|
||||
</jet-dropdown-link>
|
||||
|
||||
<jet-dropdown-link :href="route('api-tokens.index')" v-if="$page.props.jetstream.hasApiFeatures">
|
||||
API Tokens
|
||||
</jet-dropdown-link>
|
||||
@ -237,17 +234,17 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { defineComponent } from "vue"
|
||||
import { Head, Link } from "@inertiajs/inertia-vue3"
|
||||
import SuccessNotifications from "@/Components/Notifications/SuccessNotifications.vue"
|
||||
import ErrorNotifications from "@/Components/Notifications/ErrorNotifications.vue"
|
||||
import GenericNotifications from "@/Components/Notifications/GenericNotifications.vue"
|
||||
import ApplicationMark from "@/Jetstream/ApplicationMark.vue"
|
||||
import ResponsiveNavLink from "@/Components/ResponsiveNavLink.vue"
|
||||
import SidenavLink from "@/Components/SidenavLink.vue"
|
||||
import JetBanner from "@/Jetstream/Banner.vue"
|
||||
import JetDropdown from "@/Jetstream/Dropdown.vue"
|
||||
import JetDropdownLink from "@/Jetstream/DropdownLink.vue"
|
||||
import { defineComponent, ref } from 'vue'
|
||||
import { Head, Link } from '@inertiajs/inertia-vue3'
|
||||
import SuccessNotifications from '@/Components/Notifications/SuccessNotifications.vue'
|
||||
import ErrorNotifications from '@/Components/Notifications/ErrorNotifications.vue'
|
||||
import GenericNotifications from '@/Components/Notifications/GenericNotifications.vue'
|
||||
import ApplicationMark from '@/Jetstream/ApplicationMark.vue'
|
||||
import ResponsiveNavLink from '@/Components/ResponsiveNavLink.vue'
|
||||
import SidenavLink from '@/Components/SidenavLink.vue'
|
||||
import JetBanner from '@/Jetstream/Banner.vue'
|
||||
import JetDropdown from '@/Jetstream/Dropdown.vue'
|
||||
import JetDropdownLink from '@/Jetstream/DropdownLink.vue'
|
||||
|
||||
export default defineComponent({
|
||||
props: {
|
||||
@ -268,23 +265,23 @@ export default defineComponent({
|
||||
JetDropdownLink,
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
showingNavigationDropdown: false,
|
||||
}
|
||||
setup(props) {
|
||||
let showingNavigationDropdown = ref(false)
|
||||
|
||||
return { showingNavigationDropdown }
|
||||
},
|
||||
|
||||
methods: {
|
||||
switchToTeam(team) {
|
||||
this.$inertia.put(route("current-team.update"), {
|
||||
"team_id": team.id
|
||||
this.$inertia.put(route('current-team.update'), {
|
||||
'team_id': team.id
|
||||
}, {
|
||||
preserveState: false
|
||||
})
|
||||
},
|
||||
|
||||
logout() {
|
||||
this.$inertia.post(route("logout"));
|
||||
this.$inertia.post(route('logout'));
|
||||
},
|
||||
}
|
||||
})
|
||||
|
||||
@ -9,11 +9,13 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { defineComponent } from "vue"
|
||||
import AppLayout from "@/Layouts/AppLayout.vue"
|
||||
import Card from "@/Components/Card.vue"
|
||||
import { defineComponent, reactive, ref, computed, watch, onBeforeMount, onMounted, provide, inject } from 'vue'
|
||||
import AppLayout from '@/Layouts/AppLayout.vue'
|
||||
import Card from '@/Components/Card.vue'
|
||||
|
||||
export default defineComponent({
|
||||
emits: [],
|
||||
|
||||
props: {},
|
||||
|
||||
components: {
|
||||
@ -21,16 +23,38 @@ export default defineComponent({
|
||||
Card,
|
||||
},
|
||||
|
||||
data() {
|
||||
return {}
|
||||
setup(props, { attrs, slots, emit, expose }) {
|
||||
let aVariable = reactive({})
|
||||
|
||||
// computed properties
|
||||
/*let compVariable = computed(() => {
|
||||
//return 'foo'
|
||||
})*/
|
||||
|
||||
// watchers
|
||||
/*watch(aVariable, (newValue, oldValue) => {
|
||||
//
|
||||
})*/
|
||||
|
||||
// lifecycle hooks
|
||||
onBeforeMount(() => {
|
||||
//
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
//
|
||||
})
|
||||
|
||||
// methods
|
||||
function myMethod() {
|
||||
aVariable.value = null
|
||||
}
|
||||
|
||||
return {
|
||||
aVariable,
|
||||
compVariable,
|
||||
myMethod,
|
||||
}
|
||||
},
|
||||
|
||||
setup(props) {
|
||||
return {}
|
||||
},
|
||||
|
||||
computed: {},
|
||||
|
||||
methods: {},
|
||||
})
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user