Fix: Shuttle UI and offer favorites removal
This commit is contained in:
@ -12,7 +12,6 @@ import { telemetryService } from "@/services/telemetryService";
|
|||||||
import { analyticsService } from "@/services/analyticsService";
|
import { analyticsService } from "@/services/analyticsService";
|
||||||
|
|
||||||
import BusStopInfoModal from "@/components/BusStopInfoModal.vue";
|
import BusStopInfoModal from "@/components/BusStopInfoModal.vue";
|
||||||
import FavoriteButton from "@/components/FavoriteButton.vue";
|
|
||||||
import type { BusStop } from '@/types'
|
import type { BusStop } from '@/types'
|
||||||
|
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
@ -1155,14 +1154,6 @@ function clearNavigation() {
|
|||||||
<span v-if="currentPromo.discount_percentage" class="sheet-discount">
|
<span v-if="currentPromo.discount_percentage" class="sheet-discount">
|
||||||
-{{ currentPromo.discount_percentage }}%
|
-{{ currentPromo.discount_percentage }}%
|
||||||
</span>
|
</span>
|
||||||
<div class="sheet-fav-pos" @click.stop>
|
|
||||||
<FavoriteButton
|
|
||||||
item-type="coupon"
|
|
||||||
:item-id="currentPromo.id"
|
|
||||||
:item-name="currentPromo.title"
|
|
||||||
:item-image="currentPromo.image_url || undefined"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Info -->
|
<!-- Info -->
|
||||||
@ -1214,14 +1205,6 @@ function clearNavigation() {
|
|||||||
<div class="promo-header-modal">
|
<div class="promo-header-modal">
|
||||||
<img :src="getImageUrl(selectedPromo.image_url)" class="promo-img-modal" />
|
<img :src="getImageUrl(selectedPromo.image_url)" class="promo-img-modal" />
|
||||||
<div class="promo-badge-modal">PROMO</div>
|
<div class="promo-badge-modal">PROMO</div>
|
||||||
<div class="promo-modal-fav">
|
|
||||||
<FavoriteButton
|
|
||||||
item-type="coupon"
|
|
||||||
:item-id="selectedPromo.id"
|
|
||||||
:item-name="selectedPromo.title"
|
|
||||||
:item-image="selectedPromo.image_url || undefined"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="promo-body-modal">
|
<div class="promo-body-modal">
|
||||||
<h2 class="promo-title-modal">{{ selectedPromo.title }}</h2>
|
<h2 class="promo-title-modal">{{ selectedPromo.title }}</h2>
|
||||||
|
|||||||
@ -288,7 +288,7 @@ function getShiftLabel(shift: string) {
|
|||||||
:ref="el => setShuttleRef(el, shuttle.id)"
|
:ref="el => setShuttleRef(el, shuttle.id)"
|
||||||
class="shuttle-card"
|
class="shuttle-card"
|
||||||
:class="{ expanded: expandedShuttleId === shuttle.id }"
|
:class="{ expanded: expandedShuttleId === shuttle.id }"
|
||||||
:style="{ backgroundImage: `url(${shuttle.image_url || 'https://images.unsplash.com/photo-1544620347-c4fd4a3d5957?auto=format&fit=crop&q=80&w=2069'})` }"
|
:style="{ backgroundImage: `url(${getImageUrl(shuttle.image_url)})` }"
|
||||||
@click="() => {
|
@click="() => {
|
||||||
expandedShuttleId = expandedShuttleId === shuttle.id ? null : shuttle.id;
|
expandedShuttleId = expandedShuttleId === shuttle.id ? null : shuttle.id;
|
||||||
if (expandedShuttleId === shuttle.id) {
|
if (expandedShuttleId === shuttle.id) {
|
||||||
@ -303,20 +303,7 @@ function getShiftLabel(shift: string) {
|
|||||||
<span class="material-icons">business</span>
|
<span class="material-icons">business</span>
|
||||||
{{ shuttle.company_name }}
|
{{ shuttle.company_name }}
|
||||||
</div>
|
</div>
|
||||||
<div class="price-pill">
|
</div> <!-- Close shuttle-header-mini -->
|
||||||
<span class="currency">$</span>
|
|
||||||
<span class="amount">{{ shuttle.price_per_person }}</span>
|
|
||||||
<span class="price-pill-label">/p</span>
|
|
||||||
</div>
|
|
||||||
<div class="shuttle-fav-wrap" @click.stop>
|
|
||||||
<FavoriteButton
|
|
||||||
item-type="route"
|
|
||||||
:item-id="shuttle.id"
|
|
||||||
:item-name="shuttle.route_name"
|
|
||||||
:item-image="shuttle.image_url || undefined"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="shuttle-route-compact" v-if="shuttle.origin && shuttle.destination">
|
<div class="shuttle-route-compact" v-if="shuttle.origin && shuttle.destination">
|
||||||
<span class="route-text">{{ shuttle.origin }}</span>
|
<span class="route-text">{{ shuttle.origin }}</span>
|
||||||
@ -333,7 +320,7 @@ function getShiftLabel(shift: string) {
|
|||||||
<span class="material-icons">{{ expandedShuttleId === shuttle.id ? 'expand_less' : 'expand_more' }}</span>
|
<span class="material-icons">{{ expandedShuttleId === shuttle.id ? 'expand_less' : 'expand_more' }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> <!-- Close shuttle-main-info -->
|
||||||
|
|
||||||
<!-- EXPANDED CONTENT -->
|
<!-- EXPANDED CONTENT -->
|
||||||
<div class="shuttle-details" v-if="expandedShuttleId === shuttle.id" @click.stop>
|
<div class="shuttle-details" v-if="expandedShuttleId === shuttle.id" @click.stop>
|
||||||
|
|||||||
Reference in New Issue
Block a user