Added Support and Analytics for Release
This commit is contained in:
@@ -22,8 +22,11 @@ const columnsToShow = computed(() => page.auth.user?.resolved_settings?.departur
|
||||
const showColumn = (column: string) => columnsToShow.value.includes(column)
|
||||
|
||||
const allHeaders = [
|
||||
{ title: '', key: 'airline', sortable: true },
|
||||
{ title: '', key: 'airline', sortable: true, resizable: false},
|
||||
{ title: 'FLIGHT', key: 'flight_number', sortable: true },
|
||||
{ title: 'AIRLINE', key: 'airline.name', sortable: true},
|
||||
{ title: 'IATA', key: 'airline.iata_code', sortable: true},
|
||||
{ title: 'ICAO', key: 'airline.icao_code', sortable: true},
|
||||
{ title: 'FROM', key: 'departure_airport', sortable: true },
|
||||
{ title: 'TO', key: 'arrival_airport', sortable: true },
|
||||
{ title: 'DATE', key: 'departure_date', sortable: true },
|
||||
@@ -31,9 +34,16 @@ const allHeaders = [
|
||||
{ title: 'ARRIVE', key: 'arrival_time', sortable: false },
|
||||
{ title: 'DURATION', key: 'duration', sortable: true },
|
||||
{ title: 'DISTANCE', key: 'distance', sortable: true },
|
||||
{ title: 'MANUFACTURER', key: 'aircraft.manufacturer_code', sortable: true },
|
||||
{ title: 'MODEL', key: 'aircraft.model_full_name', sortable: true },
|
||||
{ title: 'AIRCRAFT', key: 'aircraft.display_name_short', sortable: true },
|
||||
{ title: 'AIRCRAFT', key: 'aircraft', sortable: true },
|
||||
{ title: 'REG', key: 'registration', sortable: true },
|
||||
{ title: 'CLASS', key: 'flight_class', sortable: true },
|
||||
{ title: 'CLASS', key: 'class_seat_combined', sortable: true },
|
||||
{ title: 'SEAT TYPE', key: 'seat_type_id', sortable: true },
|
||||
{ title: 'SEAT NO.', key: 'seat_number', sortable: true },
|
||||
{ title: 'REASON', key: 'flight_reason_id', sortable: true },
|
||||
{ title: '', key: 'actions', sortable: false },
|
||||
]
|
||||
|
||||
@@ -43,16 +53,18 @@ const headers = computed(() =>
|
||||
|
||||
const CLASS_ORDER: Record<string, number> = {
|
||||
'Unspecified': 0,
|
||||
'Economy': 1,
|
||||
'Premium Economy': 2,
|
||||
'Business': 3,
|
||||
'First': 4,
|
||||
'Private': 5,
|
||||
'Crew' : 6,
|
||||
'General Aviation': 1,
|
||||
'Economy': 2,
|
||||
'Premium Economy': 3,
|
||||
'Business': 4,
|
||||
'First': 5,
|
||||
'Private': 6,
|
||||
'Crew' : 7,
|
||||
}
|
||||
|
||||
const customKeySort = {
|
||||
class_seat_combined: (a: Flight['flight_class'], b: Flight['flight_class']) => (CLASS_ORDER[a?.name ?? ''] ?? -1) - (CLASS_ORDER[b?.name ?? ''] ?? -1),
|
||||
flight_class: (a: Flight['flight_class'], b: Flight['flight_class']) => (CLASS_ORDER[a?.name ?? ''] ?? -1) - (CLASS_ORDER[b?.name ?? ''] ?? -1),
|
||||
class_seat_combined: (a: Flight['class_seat_combined'], b: Flight['class_seat_combined']) => (CLASS_ORDER[a] ?? -1) - (CLASS_ORDER[b] ?? -1),
|
||||
airline: (a: Flight['airline'], b: Flight['airline']) => (a?.iata_code ?? '').localeCompare(b?.iata_code ?? ''),
|
||||
aircraft: (a: Flight['aircraft'], b: Flight['aircraft']) => (a?.designator ?? '').localeCompare(b?.designator ?? ''),
|
||||
duration: (a: any, b: any) => (a ?? 0) - (b ?? 0),
|
||||
|
||||
@@ -25,6 +25,21 @@ const props = defineProps<{
|
||||
|
||||
const page = usePage<SharedProps>()
|
||||
|
||||
const reasonBadgeVariant = (reason: string) => {
|
||||
switch (reason) {
|
||||
case 'No Particular Reason':
|
||||
return 'economy'
|
||||
case 'Pleasure':
|
||||
return 'generic'
|
||||
case 'Business':
|
||||
return 'business'
|
||||
case 'Crew':
|
||||
return 'crew'
|
||||
case 'Visiting Friends / Relatives':
|
||||
return 'general_aviation'
|
||||
}
|
||||
}
|
||||
|
||||
const showColumn = (column: string) => props.columnsToShow.includes(column)
|
||||
|
||||
</script>
|
||||
@@ -50,6 +65,19 @@ const showColumn = (column: string) => props.columnsToShow.includes(column)
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td v-if="showColumn('airline.name')" class="v-data-table__td">
|
||||
<Mono >{{ flight.airline?.name }}</Mono>
|
||||
</td>
|
||||
|
||||
<td v-if="showColumn('airline.iata_code')" class="v-data-table__td ">
|
||||
<Mono muted small >{{ flight.airline?.iata_code }}</Mono>
|
||||
</td>
|
||||
|
||||
<td v-if="showColumn('airline.icao_code')" class="v-data-table__td ">
|
||||
<Mono muted small>{{ flight.airline?.icao_code }}</Mono>
|
||||
</td>
|
||||
|
||||
|
||||
<td v-if="showColumn('departure_airport')" class="v-data-table__td">
|
||||
<AirportToolTip :airport="flight.departure_airport">
|
||||
<Mono class="iata">{{ flight.departure_airport.display_code }}</Mono><br/>
|
||||
@@ -89,6 +117,21 @@ const showColumn = (column: string) => props.columnsToShow.includes(column)
|
||||
</Mono>
|
||||
</td>
|
||||
|
||||
<td v-if="showColumn('aircraft.manufacturer_code')" class="v-data-table__td aircraft-cell">
|
||||
<Mono muted small>{{ flight.aircraft?.manufacturer_code }}</Mono>
|
||||
</td>
|
||||
|
||||
<td v-if="showColumn('aircraft.model_full_name')" class="v-data-table__td aircraft-cell">
|
||||
<Mono muted small>{{ flight.aircraft?.model_full_name }}</Mono>
|
||||
</td>
|
||||
|
||||
<td v-if="showColumn('aircraft.display_name_short')" class="v-data-table__td aircraft-cell">
|
||||
<AircraftToolTip v-if="flight.aircraft" :aircraft="flight.aircraft" :flight="flight">
|
||||
<Mono muted small>{{ flight.aircraft?.display_name_short }}</Mono>
|
||||
</AircraftToolTip>
|
||||
</td>
|
||||
|
||||
|
||||
<td v-if="showColumn('aircraft')" class="v-data-table__td aircraft-cell">
|
||||
<AircraftToolTip v-if="flight.aircraft" :aircraft="flight.aircraft" :flight="flight">
|
||||
<Mono muted small>{{ flight.aircraft?.designator }}</Mono>
|
||||
@@ -99,6 +142,22 @@ const showColumn = (column: string) => props.columnsToShow.includes(column)
|
||||
<Mono muted smaller v-if="flight.aircraft_registration">{{ flight.aircraft_registration }}</Mono>
|
||||
</td>
|
||||
|
||||
<td v-if="showColumn('flight_class')" class="v-data-table__td class-badges-cell">
|
||||
<FlightClassBadge :flight="flight" />
|
||||
</td>
|
||||
|
||||
<td v-if="showColumn('seat_type_id')" class="v-data-table__td class-badges-cell">
|
||||
<InlineBadge v-if="flight.seat_type?.name && flight.seat_type?.name !== 'Unassigned'" variant="economy">{{ flight.seat_type?.name }}</InlineBadge>
|
||||
</td>
|
||||
|
||||
<td v-if="showColumn('seat_number')" class="v-data-table__td class-badges-cell">
|
||||
<InlineBadge v-if="flight.seat_number" variant="economy">{{ flight.seat_number }}</InlineBadge>
|
||||
</td>
|
||||
|
||||
<td v-if="showColumn('flight_reason_id')" class="v-data-table__td class-badges-cell">
|
||||
<InlineBadge v-if="flight.flight_reason" :variant="reasonBadgeVariant(flight.flight_reason.name)">{{ flight.flight_reason?.name.replace('Visiting Friends / Relatives', 'VFR') }}</InlineBadge>
|
||||
</td>
|
||||
|
||||
<td v-if="showColumn('class_seat_combined')" class="v-data-table__td class-badges-cell">
|
||||
<span class="class-cell">
|
||||
<CrewTooltip v-if="flight.flight_reason?.name == 'Crew'" :crew-type="flight.crew_type!">
|
||||
|
||||
@@ -89,6 +89,7 @@ function timeAgo(dateStr: string): string {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
.card-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@@ -1,10 +1,22 @@
|
||||
<script setup lang="ts">
|
||||
import { Link, usePage } from "@inertiajs/vue3"
|
||||
import { SharedProps } from "@/Types/types"
|
||||
|
||||
const page = usePage<SharedProps>().props
|
||||
const year = new Date().getFullYear()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<footer class="glass">
|
||||
© FlightsGoneBy. All rights reserved.
|
||||
<span class="footer-copyright">
|
||||
© {{ year }} FlightsGoneBy
|
||||
</span>
|
||||
|
||||
<span class="footer-links">
|
||||
<Link v-if="page.auth.user" :href="route('support')" class="footer-link">
|
||||
Support
|
||||
</Link>
|
||||
</span>
|
||||
</footer>
|
||||
</template>
|
||||
|
||||
@@ -15,6 +27,50 @@ footer {
|
||||
min-height: 32px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 1.5rem;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.06);
|
||||
}
|
||||
|
||||
.footer-copyright {
|
||||
font-family: 'Share Tech Mono', monospace;
|
||||
font-size: 0.68rem;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
color: #556;
|
||||
}
|
||||
|
||||
.footer-links {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.footer-link {
|
||||
font-family: 'Share Tech Mono', monospace;
|
||||
font-size: 0.68rem;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
color: #778;
|
||||
text-decoration: none;
|
||||
transition: color 0.15s ease;
|
||||
}
|
||||
|
||||
.footer-link:hover {
|
||||
color: #ffc107;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
footer {
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
.footer-copyright {
|
||||
font-size: 0.6rem;
|
||||
}
|
||||
|
||||
.footer-link {
|
||||
font-size: 0.6rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -35,17 +35,36 @@ onUnmounted(() => document.removeEventListener('click', handleClickOutside))
|
||||
<!-- Desktop nav -->
|
||||
<nav class="nav-desktop">
|
||||
<template v-if="!page.props.auth?.user">
|
||||
<Link :href="route('login')" class="nav-link">Log In</Link>
|
||||
<Link :href="route('register')" class="nav-link nav-link--highlight">Register</Link>
|
||||
<Link :href="route('login')" class="nav-link">
|
||||
<i class="mdi mdi-login" aria-hidden="true" />
|
||||
Log In
|
||||
</Link>
|
||||
<Link :href="route('register')" class="nav-link nav-link--highlight">
|
||||
<i class="mdi mdi-account-plus" aria-hidden="true" />
|
||||
Register
|
||||
</Link>
|
||||
</template>
|
||||
<template v-else>
|
||||
<Link :href="route('flights.add')" class="nav-link">Add Flight</Link>
|
||||
<Link :href="route('profile.view', { user: page.props.auth?.user.name })" class="nav-link">Profile</Link>
|
||||
<Link :href="route('feed')" class="nav-link">Feed</Link>
|
||||
<Link v-if="page.props.auth.roles.includes('admin')" :href="route('admin.dashboard')" class="nav-link">Admin</Link>
|
||||
<Link :href="route('flights.add')" class="nav-link">
|
||||
<i class="mdi mdi-airplane-plus" aria-hidden="true" />
|
||||
Add Flight
|
||||
</Link>
|
||||
<Link :href="route('profile.view', { user: page.props.auth?.user.name })" class="nav-link">
|
||||
<i class="mdi mdi-account" aria-hidden="true" />
|
||||
Profile
|
||||
</Link>
|
||||
<Link :href="route('feed')" class="nav-link">
|
||||
<i class="mdi mdi-timeline-text" aria-hidden="true" />
|
||||
Feed
|
||||
</Link>
|
||||
<Link v-if="page.props.auth.roles.includes('admin')" :href="route('admin.dashboard')" class="nav-link">
|
||||
<i class="mdi mdi-shield-account" aria-hidden="true" />
|
||||
Admin
|
||||
</Link>
|
||||
|
||||
<div class="dropdown" ref="dropdownRef">
|
||||
<button class="nav-link dropdown-trigger" @click.stop="dropdownOpen = !dropdownOpen">
|
||||
<i class="mdi mdi-account-circle" aria-hidden="true" />
|
||||
{{ page.props.auth.user.name }}
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
|
||||
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
@@ -53,10 +72,24 @@ onUnmounted(() => document.removeEventListener('click', handleClickOutside))
|
||||
</svg>
|
||||
</button>
|
||||
<div v-if="dropdownOpen" class="dropdown-menu">
|
||||
<Link :href="route('import.fr24')" class="dropdown-item">Import from FR24</Link>
|
||||
<Link :href="route('user.settings')" class="dropdown-item">Settings</Link>
|
||||
<Link :href="route('import.fr24')" class="dropdown-item">
|
||||
<i class="mdi mdi-cloud-download" aria-hidden="true" />
|
||||
Import from FR24
|
||||
</Link>
|
||||
<Link :href="route('user.settings')" class="dropdown-item">
|
||||
<i class="mdi mdi-cog" aria-hidden="true" />
|
||||
Settings
|
||||
</Link>
|
||||
<div class="dropdown-divider" />
|
||||
<button class="dropdown-item dropdown-item--danger" @click="logout">Log Out</button>
|
||||
<Link :href="route('support')" class="dropdown-item">
|
||||
<i class="mdi mdi-lifebuoy" aria-hidden="true" />
|
||||
Support
|
||||
</Link>
|
||||
<div class="dropdown-divider" />
|
||||
<button class="dropdown-item dropdown-item--danger" @click="logout">
|
||||
<i class="mdi mdi-logout" aria-hidden="true" />
|
||||
Log Out
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -71,18 +104,47 @@ onUnmounted(() => document.removeEventListener('click', handleClickOutside))
|
||||
<Transition name="slide">
|
||||
<nav v-if="menuOpen" class="nav-mobile" @click.stop>
|
||||
<template v-if="!page.props.auth?.user">
|
||||
<Link :href="route('login')" class="nav-link" @click="menuOpen = false">Log In</Link>
|
||||
<Link :href="route('register')" class="nav-link nav-link--highlight" @click="menuOpen = false">Register</Link>
|
||||
<Link :href="route('login')" class="nav-link" @click="menuOpen = false">
|
||||
<i class="mdi mdi-login" aria-hidden="true" />
|
||||
Log In
|
||||
</Link>
|
||||
<Link :href="route('register')" class="nav-link nav-link--highlight" @click="menuOpen = false">
|
||||
<i class="mdi mdi-account-plus" aria-hidden="true" />
|
||||
Register
|
||||
</Link>
|
||||
</template>
|
||||
<template v-else>
|
||||
<span class="nav-greeting">Welcome, {{ page.props.auth.user.name }}</span>
|
||||
<Link :href="route('flights.add')" class="nav-link" @click="menuOpen = false">Add Flight</Link>
|
||||
<Link :href="route('profile.view', { user: page.props.auth.user.name })" class="nav-link" @click="menuOpen = false">Profile</Link>
|
||||
<Link :href="route('feed')" class="nav-link nav-link" @click="menuOpen = false">Feed</Link>
|
||||
<Link :href="route('import.fr24')" class="nav-link" @click="menuOpen = false">Import from FR24</Link>
|
||||
<Link :href="route('user.settings')" class="nav-link" @click="menuOpen = false">Settings</Link>
|
||||
<Link :href="route('flights.add')" class="nav-link" @click="menuOpen = false">
|
||||
<i class="mdi mdi-airplane-plus" aria-hidden="true" />
|
||||
Add Flight
|
||||
</Link>
|
||||
<Link :href="route('profile.view', { user: page.props.auth.user.name })" class="nav-link" @click="menuOpen = false">
|
||||
<i class="mdi mdi-account" aria-hidden="true" />
|
||||
Profile
|
||||
</Link>
|
||||
<Link :href="route('feed')" class="nav-link nav-link" @click="menuOpen = false">
|
||||
<i class="mdi mdi-timeline-text" aria-hidden="true" />
|
||||
Feed
|
||||
</Link>
|
||||
<Link :href="route('import.fr24')" class="nav-link" @click="menuOpen = false">
|
||||
<i class="mdi mdi-cloud-download" aria-hidden="true" />
|
||||
Import from FR24
|
||||
</Link>
|
||||
<Link :href="route('user.settings')" class="nav-link" @click="menuOpen = false">
|
||||
<i class="mdi mdi-cog" aria-hidden="true" />
|
||||
Settings
|
||||
</Link>
|
||||
<div class="dropdown-divider" />
|
||||
<button class="nav-link nav-link--danger" @click="logout">Log Out</button>
|
||||
<Link :href="route('support')" class="dropdown-item">
|
||||
<i class="mdi mdi-lifebuoy" aria-hidden="true" />
|
||||
Support
|
||||
</Link>
|
||||
<div class="dropdown-divider" />
|
||||
<button class="nav-link nav-link--danger" @click="logout">
|
||||
<i class="mdi mdi-logout" aria-hidden="true" />
|
||||
Log Out
|
||||
</button>
|
||||
</template>
|
||||
</nav>
|
||||
</Transition>
|
||||
@@ -121,7 +183,7 @@ header {
|
||||
.nav-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.3em;
|
||||
gap: 0.4em;
|
||||
height: 100%;
|
||||
padding: 0.3em 0.75em;
|
||||
font-size: 0.875rem;
|
||||
@@ -136,6 +198,12 @@ header {
|
||||
transition: color 0.15s ease, background 0.15s ease;
|
||||
}
|
||||
|
||||
.nav-link .mdi {
|
||||
font-size: 1rem;
|
||||
line-height: 1;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.nav-link:visited {
|
||||
color: var(--text);
|
||||
}
|
||||
@@ -193,7 +261,9 @@ header {
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
display: block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
width: 100%;
|
||||
padding: 0.4em 0.75em;
|
||||
font-size: 0.875rem;
|
||||
@@ -209,6 +279,12 @@ header {
|
||||
transition: color 0.15s ease, background 0.15s ease;
|
||||
}
|
||||
|
||||
.dropdown-item .mdi {
|
||||
font-size: 1rem;
|
||||
line-height: 1;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.dropdown-item:hover {
|
||||
color: var(--accent);
|
||||
background: rgba(56, 189, 248, 0.07);
|
||||
|
||||
@@ -0,0 +1,11 @@
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,228 @@
|
||||
<script setup lang="ts">
|
||||
import {Head, Link, useForm, usePage} from '@inertiajs/vue3'
|
||||
import MainLayout from "@/Layouts/MainLayout.vue";
|
||||
import Panel from "@/Components/FlightsGoneBy/Panels/Panel.vue";
|
||||
import PanelHeader from "@/Components/FlightsGoneBy/Panels/PanelHeader.vue";
|
||||
import PanelSubHeader from "@/Components/FlightsGoneBy/Panels/PanelSubHeader.vue";
|
||||
import {SharedProps} from "@/Types/types";
|
||||
import {computed} from "vue";
|
||||
|
||||
defineOptions({ layout: MainLayout })
|
||||
const page = usePage<SharedProps>().props;
|
||||
|
||||
const REASONS = [
|
||||
{ value: 'general_feedback', label: 'General Feedback' },
|
||||
{ value: 'bug_report', label: 'Bug Report' },
|
||||
{ value: 'missing_data', label: 'Missing Data' },
|
||||
]
|
||||
|
||||
const form = useForm({
|
||||
reason: null as string | null,
|
||||
name: page.auth.user?.name ?? '',
|
||||
email: page.auth.user?.email ?? '',
|
||||
message: '',
|
||||
})
|
||||
|
||||
const rules = {
|
||||
required: (v: string) => !!v || 'Required',
|
||||
email: (v: string) => /.+@.+\..+/.test(v) || 'Enter a valid email',
|
||||
}
|
||||
|
||||
const submitted = computed(() => !!page.flash.success)
|
||||
|
||||
const submit = () => {
|
||||
form.post(route('support.store'), {
|
||||
preserveScroll: true,
|
||||
onSuccess: () => form.reset(),
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Panel>
|
||||
<Head title="Support" />
|
||||
<PanelHeader centered>Technical Support</PanelHeader>
|
||||
|
||||
<template v-if="!submitted">
|
||||
<PanelSubHeader centered>
|
||||
Please fill out this form or email <Link href="mailto:hello@flightsgoneby.com">hello@flightsgoneby.com</Link> for any feedback or technical support needed.
|
||||
</PanelSubHeader>
|
||||
<PanelSubHeader centered>
|
||||
For missing airlines or airports, please include a link to Wikipedia page or airlines website if available.
|
||||
</PanelSubHeader>
|
||||
|
||||
<v-form class="contact-form" @submit.prevent="submit">
|
||||
|
||||
<v-text-field
|
||||
v-model="form.name"
|
||||
label="Name"
|
||||
:error-messages="form.errors.name"
|
||||
variant="outlined"
|
||||
class="contact-field"
|
||||
/>
|
||||
|
||||
<v-text-field
|
||||
v-model="form.email"
|
||||
label="Email"
|
||||
type="email"
|
||||
readonly
|
||||
:error-messages="form.errors.email"
|
||||
variant="outlined"
|
||||
class="contact-field"
|
||||
/>
|
||||
|
||||
<v-select
|
||||
v-model="form.reason"
|
||||
:items="REASONS"
|
||||
item-title="label"
|
||||
item-value="value"
|
||||
label="Contact Reason"
|
||||
:rules="[rules.required]"
|
||||
:error-messages="form.errors.reason"
|
||||
variant="outlined"
|
||||
class="contact-field"
|
||||
/>
|
||||
|
||||
<v-textarea
|
||||
v-model="form.message"
|
||||
label="Message"
|
||||
:rules="[rules.required]"
|
||||
:error-messages="form.errors.message"
|
||||
variant="outlined"
|
||||
rows="5"
|
||||
auto-grow
|
||||
class="contact-field"
|
||||
/>
|
||||
|
||||
<div class="contact-form-actions">
|
||||
<v-btn
|
||||
type="submit"
|
||||
:loading="form.processing"
|
||||
class="contact-form-submit"
|
||||
elevation="0"
|
||||
>
|
||||
Send Message
|
||||
</v-btn>
|
||||
</div>
|
||||
</v-form>
|
||||
</template>
|
||||
|
||||
<div v-else class="contact-form-sent">
|
||||
<i class="mdi mdi-check-circle-outline contact-form-sent-icon" aria-hidden="true" />
|
||||
<p class="contact-form-sent-title">Message Sent</p>
|
||||
<p class="contact-form-sent-body">
|
||||
{{ page.flash.success }} We'll get back to you as soon as we can.
|
||||
</p>
|
||||
</div>
|
||||
</Panel>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.contact-form {
|
||||
color: #c8cdd8;
|
||||
}
|
||||
|
||||
.contact-form-header {
|
||||
margin-bottom: 1.75rem;
|
||||
}
|
||||
|
||||
.contact-form-eyebrow {
|
||||
display: block;
|
||||
font-family: 'Share Tech Mono', monospace;
|
||||
font-size: 0.68rem;
|
||||
letter-spacing: 0.22em;
|
||||
color: #ffc107;
|
||||
margin-bottom: 0.4rem;
|
||||
}
|
||||
|
||||
.contact-form-title {
|
||||
font-family: 'Barlow', sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 1.5rem;
|
||||
color: #e6e9f0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.contact-field {
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
:deep(.contact-field .v-field) {
|
||||
background: rgba(255, 255, 255, 0.02);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
:deep(.contact-field .v-field__outline) {
|
||||
color: rgba(255, 255, 255, 0.12) !important;
|
||||
}
|
||||
|
||||
:deep(.contact-field.v-input--focused .v-field__outline) {
|
||||
color: #ffc107 !important;
|
||||
}
|
||||
|
||||
:deep(.contact-field .v-label) {
|
||||
font-family: 'Share Tech Mono', monospace;
|
||||
font-size: 0.75rem;
|
||||
letter-spacing: 0.08em;
|
||||
color: #778 !important;
|
||||
}
|
||||
|
||||
:deep(.contact-field .v-field__input) {
|
||||
color: #c8cdd8 !important;
|
||||
font-family: 'Barlow', sans-serif;
|
||||
}
|
||||
|
||||
.contact-form-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
gap: 1rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.contact-form-submit {
|
||||
background: #ffc107 !important;
|
||||
color: #14161c !important;
|
||||
font-family: 'Share Tech Mono', monospace;
|
||||
font-size: 0.72rem;
|
||||
letter-spacing: 0.14em;
|
||||
text-transform: uppercase;
|
||||
border-radius: 4px;
|
||||
padding: 0 1.5rem !important;
|
||||
}
|
||||
|
||||
.contact-form-submit:hover {
|
||||
background: #ffcd38 !important;
|
||||
}
|
||||
|
||||
.contact-form-sent {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
padding: 3rem 1rem;
|
||||
color: #c8cdd8;
|
||||
}
|
||||
|
||||
.contact-form-sent-icon {
|
||||
font-size: 2.5rem;
|
||||
color: #6fbf73;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.contact-form-sent-title {
|
||||
font-family: 'Share Tech Mono', monospace;
|
||||
font-size: 0.85rem;
|
||||
letter-spacing: 0.16em;
|
||||
text-transform: uppercase;
|
||||
color: #e6e9f0;
|
||||
margin: 0 0 0.75rem;
|
||||
}
|
||||
|
||||
.contact-form-sent-body {
|
||||
max-width: 360px;
|
||||
font-size: 0.9rem;
|
||||
color: #9099ab;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
@@ -93,6 +93,7 @@ const { data: following, loading: followingLoading } = useApiResource<User[]>('/
|
||||
@media (max-width: 768px) {
|
||||
.feed-page {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -152,17 +153,23 @@ const { data: following, loading: followingLoading } = useApiResource<User[]>('/
|
||||
/* GRID: following sidebar + condensed feed */
|
||||
.feed-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 240px 1fr;
|
||||
grid-template-columns: 240px minmax(0, 1fr);
|
||||
gap: 2rem;
|
||||
align-items: start;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.feed-grid {
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
.following-box,
|
||||
.feed-condensed {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.following-box {
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
padding: 1rem;
|
||||
|
||||
@@ -84,9 +84,9 @@ const generationGroups = computed(() =>
|
||||
</p>
|
||||
<ul>
|
||||
<li><b>-100</b> - It was never that popular, and is no longer in commercial service anywhere. This is what renders the challenge impossible today.</li>
|
||||
<li><b>-200</b> - Retired from Western fleets. A handful still fly in Africa and parts of Latin America on gravel-strip routes.</li>
|
||||
<li><b>-300 / 737-400 / 737-500</b> - Rare but doable with some creative routing.</li>
|
||||
<li><b>-600</b> - Much like it's Airbus A318 Equivalent, it sold poorly but is still in operation in Algeria and Canada.</li>
|
||||
<li><b>-200</b> - Retired from Western fleets. A handful still fly in Zimbabwe, Venezuela and maybe Canada</li>
|
||||
<li><b>-300 / -400 / -500</b> - Rare but doable with some creative routing.</li>
|
||||
<li><b>-600</b> - Much like it's Airbus A318 Equivalent, it sold poorly but is still in operation. Air Algerie is probably your best bet..</li>
|
||||
<li><b>Max 7</b> - Not possible to fly yet due to lack of certification but should hopefully become common soon enough!</li>
|
||||
</ul>
|
||||
</Panel>
|
||||
|
||||
@@ -62,8 +62,8 @@ const unlocked = computed(() => {
|
||||
|
||||
|
||||
<VAlert type="info" v-if="loggedInUser?.id !== user.id && loggedInUser">
|
||||
You are viewing {{user.name}}'s progress in this achievement. If you would like to see your progress,
|
||||
<Link :href="route('profile.achievement', {user: loggedInUser.name, achievement: achievement.internal_name})">please click here</Link>.
|
||||
You are viewing {{user.name}}'s progress in this achievement. If you would like to see your progress, please
|
||||
<Link :href="route('profile.achievement', {user: loggedInUser.name, achievement: achievement.internal_name})"><VBtn variant="flat">click here.</VBtn></Link>
|
||||
</VAlert>
|
||||
|
||||
|
||||
|
||||
Vendored
+1
@@ -307,6 +307,7 @@ export interface Flight {
|
||||
region_range: RegionRange
|
||||
livery_url?: string
|
||||
user?: User | null
|
||||
class_seat_combined: number
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user