From e9c9cc447601490447fa31f213fa6bcc5dc5666a Mon Sep 17 00:00:00 2001 From: Spencer Flagg Date: Sun, 3 Oct 2021 17:11:43 +0200 Subject: [PATCH] bug fixes before 1st live --- assets/css/main.css | 56 +++++++++++++++++++++++++++++-- components/AirportPicker.vue | 62 ++++++++++++++++++++++++----------- components/Calendar.vue | 6 ++-- components/ChosenFlights.vue | 27 ++++++++++----- components/DatePicker.vue | 3 +- components/Deselect.vue | 1 + components/FlightsFlyout.vue | 25 ++++++++++++++ components/Logo.vue | 2 +- components/Map.vue | 52 +---------------------------- components/OpenIndicator.vue | 1 + components/TheSideBar.vue | 22 ++++++++----- layouts/default.vue | 6 ---- nuxt.config.js | 26 +++++++++++---- pages/dates.vue | 2 +- pages/flights.vue | 41 +++++++++++++++++++++-- pages/go.vue | 24 ++++++++------ pages/index.vue | 7 +++- static/favicon.ico | Bin 8636 -> 269342 bytes static/icon.png | Bin 8746 -> 7722 bytes static/screenshot.png | Bin 0 -> 649173 bytes 20 files changed, 242 insertions(+), 121 deletions(-) create mode 100644 static/screenshot.png diff --git a/assets/css/main.css b/assets/css/main.css index 6de1855..fecd22f 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -49,8 +49,10 @@ main { flex: 0 0 auto; background: white; display: flex; - flex-direction: column; - justify-content: flex-end; + flex-direction: row; + justify-content: center; + align-items: baseline; + flex-wrap: wrap; } :root { @@ -71,6 +73,56 @@ main { transition: margin-top var(--m-s) linear 0s, max-height var(--h-s) linear var(--m-s); } +.btn { + border-radius: 999px; + padding: 0.5em 0.8em; + font-size: min(1rem, 18px); + white-space: nowrap; + transition: 0.2s all; + display: flex; + align-items: center; + justify-content: space-around; + gap: 0.25rem; + line-height: 1; + min-height: 1em; +} + +.btn svg { + height: min(1rem, 18px); + display: inline-block; + aspect-ratio: 1; +} + +.btn.btn--primary { + background: #007fff; + color: #fff; +} + +.btn.btn--primary:hover { + background: #00ca00; + color: #fff; +} + +.btn.btn--cancel { + background: red; + color: #fff; +} + +.btn.btn--cancel:hover { + background: rgb(255, 83, 83); + color: #fff; +} + +.btn.btn--secondary { + background: #ccc; + color: #000; +} + +.btn.btn--secondary:hover { + background: rgb(151, 151, 151); + color: #000; +} + .btn--nav-open { padding: 1rem; display: block; diff --git a/components/AirportPicker.vue b/components/AirportPicker.vue index b52d6f6..2823c6d 100644 --- a/components/AirportPicker.vue +++ b/components/AirportPicker.vue @@ -133,7 +133,7 @@ export default { } }, placeholder () { - return (this.selectedAirport.iata) ? '' : 'town, airport, or iata' + return (this.selectedAirport.iata) ? '' : 'town or airport' } }, methods: { @@ -149,13 +149,11 @@ export default { diff --git a/components/Calendar.vue b/components/Calendar.vue index c6c0eb1..6b03639 100644 --- a/components/Calendar.vue +++ b/components/Calendar.vue @@ -149,7 +149,7 @@ export default { } - diff --git a/components/ChosenFlights.vue b/components/ChosenFlights.vue index 8e2ff57..5e115a8 100644 --- a/components/ChosenFlights.vue +++ b/components/ChosenFlights.vue @@ -74,7 +74,7 @@ export default { } - diff --git a/components/DatePicker.vue b/components/DatePicker.vue index 6a9bb10..95dc835 100644 --- a/components/DatePicker.vue +++ b/components/DatePicker.vue @@ -56,12 +56,13 @@ export default { } - diff --git a/components/Deselect.vue b/components/Deselect.vue index cc93668..3e5548e 100644 --- a/components/Deselect.vue +++ b/components/Deselect.vue @@ -26,5 +26,6 @@ export default { diff --git a/components/FlightsFlyout.vue b/components/FlightsFlyout.vue index 30a6f9b..e320fcd 100644 --- a/components/FlightsFlyout.vue +++ b/components/FlightsFlyout.vue @@ -69,4 +69,29 @@ export default { font-size: 1rem; } } */ + +.flyout .chosen-cols { + background: none; + padding: 0; + box-shadow: none; + margin: 0; +} + +.flyout .chosen-col { + padding: 0; +} + +.flyout .chosen-cols h1 { + color: white; + font-size: 2.7rem; +} + +.flyout .chosen-cols label { + color: white; +} + +.flyout .chosen-cols svg { + stroke: white; +} + diff --git a/components/Logo.vue b/components/Logo.vue index 61ada18..77b4f5c 100644 --- a/components/Logo.vue +++ b/components/Logo.vue @@ -4,7 +4,7 @@ - diff --git a/components/OpenIndicator.vue b/components/OpenIndicator.vue index bdc836a..e4dfc3a 100644 --- a/components/OpenIndicator.vue +++ b/components/OpenIndicator.vue @@ -25,5 +25,6 @@ export default { diff --git a/components/TheSideBar.vue b/components/TheSideBar.vue index 06cfc0f..c253163 100644 --- a/components/TheSideBar.vue +++ b/components/TheSideBar.vue @@ -48,7 +48,7 @@

- What is FlyLocal Alaska? + What is
FlyLocal Alaska?

- Why FlyLocal in Alaska? + Why FlyLocal
in Alaska?

- Up-to-date Travel Info + Up-to-date
Travel Info

  • @@ -161,12 +161,13 @@ class="img--carrier-logo" :src="require(`@/assets/images/orgs/alaska-travel-info.png`)" alt="Alaska Travel Info" + travel="Alaska Travel Info" >

- Explore Alaska on these great local airlines + Explore Alaska
on these great local airlines

  • @@ -175,6 +176,7 @@ class="img--carrier-logo" :src="require(`@/assets/images/carriers/${carrier.fields.Slug}.png`)" :alt="carrier.fields.Name" + :title="carrier.fields.Name" >
    • @@ -189,6 +191,7 @@ class="img--carrier-logo" :src="require(`@/assets/images/orgs/aaca.png`)" alt="Alaska Air Carriers Association" + title="Alaska Air Carriers Association" > @@ -198,6 +201,7 @@ class="img--carrier-logo" :src="require(`@/assets/images/orgs/alaska-tia.png`)" alt="Alaska Travel Industry Association" + title="Alaska Travel Industry Association" > @@ -212,6 +216,7 @@ class="img--carrier-logo" :src="require(`@/assets/images/orgs/1-million-cups.png`)" alt="1 Million Cups" + title="1 Million Cups" > @@ -222,12 +227,13 @@ style="background: black; border-radius: 0.5rem; padding-left: 0.4rem;" :src="require(`@/assets/images/orgs/travel-alaska.png`)" alt="Travel Alaska" + title="Travel Alaska" >
- ⎨  FlyLocal v5.0.2   𐄙   ©2021 FlyLocal LLC  ⎬ + ⎨  FlyLocal v5.0.2   𐄙   ©2021 FlyLocal, Inc  ⎬
    @@ -254,7 +260,7 @@
  • - + - @fly_local + @iFlyLocal
  • @@ -360,7 +366,7 @@ export default { carriers: [] }), async fetch () { - const filterFormula = 'AND(NOT(Status="Inactive"),FIND("Alaska",Region)>0)' + const filterFormula = 'AND(IsActive=1,FIND("Alaska",Region)>0)' const sortFormula = '&sort[0][field]=Name&sort[0][direction]=asc' let offset diff --git a/layouts/default.vue b/layouts/default.vue index f759b1d..50930fe 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -10,9 +10,3 @@ export default { } - - diff --git a/nuxt.config.js b/nuxt.config.js index 66cdefc..38f1fb7 100644 --- a/nuxt.config.js +++ b/nuxt.config.js @@ -1,22 +1,34 @@ export default { // Global page headers: https://go.nuxtjs.dev/config-head head: { - title: 'flylocal-v5-nuxt', + title: 'FlyLocal', meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }, - { hid: 'description', name: 'description', content: '' }, - { name: 'format-detection', content: 'telephone=no' } + { hid: 'description', name: 'description', content: 'FlyLocal is the best way to find local airlines that fly throughout the great state of Alaska. Explore the \'Last Frontier\' with FlyLocal.' }, + { name: 'format-detection', content: 'telephone=no' }, + { itemprop: 'name', content: 'Small Planes, Big Experiences' }, + { itemprop: 'description', content: 'FlyLocal is the best way to find local airlines that fly throughout the great state of Alaska. Explore the \'Last Frontier\' with FlyLocal.' }, + { itemprop: 'image', content: '/screenshot.png' }, + { property: 'og:url', content: 'https://iflylocal.com/' }, + { property: 'og:type', content: 'website' }, + { property: 'og:title', content: 'Small Planes, Big Experiences' }, + { property: 'og:description', content: 'FlyLocal is the best way to find local airlines that fly throughout the great state of Alaska. Explore the \'Last Frontier\' with FlyLocal.' }, + { property: 'og:image', content: '/screenshot.png' }, + { name: 'twitter:card', content: 'summary_large_image' }, + { name: 'twitter:title', content: 'Small Planes, Big Experiences' }, + { name: 'twitter:description', content: 'FlyLocal is the best way to find local airlines that fly throughout the great state of Alaska. Explore the \'Last Frontier\' with FlyLocal.' }, + { name: 'twitter:image', content: '/screenshot.png' } ], link: [ { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' } ] }, - // server: { - // host: '192.168.178.100', - // port: 3010 - // }, + server: { + host: '192.168.178.100', + port: 3010 + }, serverMiddleware: [ '~/middleware/redirects.js' diff --git a/pages/dates.vue b/pages/dates.vue index 01d5e8c..d3057ca 100644 --- a/pages/dates.vue +++ b/pages/dates.vue @@ -219,7 +219,7 @@ export default { } - + + diff --git a/pages/go.vue b/pages/go.vue index 5781d14..6a10439 100644 --- a/pages/go.vue +++ b/pages/go.vue @@ -51,7 +51,7 @@ from one of {{ airports_orig.length }} local airports
- to one of {{ airports_dest.length }} {{ getCompliment }} destinations + to one of {{ airports_dest.length }} {{ getCompliment() }} destinations
@@ -61,7 +61,7 @@ {{ selectedDest }} -->
-