fix(workplace): fix schedule filters for parking requests

Author: MrYuion

apps/workplace/src/app/schedule/schedule-filter-card.component.ts

@@ -79,7 +79,7 @@ import { ScheduleStateService } from './schedule-state.service';
                     ></mat-checkbox>
                 </button>
             }
-            @if (hasFeature('parking')) {
+            @if (hasFeature('parking') || hasFeature('parking-requests')) {
                 <button
                     matRipple
                     name="schedule-toggle-parking-filter"

apps/workplace/src/app/schedule/schedule-filters.component.ts

@@ -61,7 +61,7 @@ import { ScheduleStateService } from './schedule-state.service';
                 }
                 @if (
                     (filters | async)?.shown_types?.includes('parking') &&
-                    hasFeature('parking')
+                    (hasFeature('parking') || hasFeature('parking-requests'))
                 ) {
                     <div
                         class="border-base-200 m-1 flex items-center rounded-3xl border"
@@ -192,7 +192,7 @@ import { ScheduleStateService } from './schedule-state.service';
             }
             @if (
                 (filters | async)?.shown_types?.includes('parking') &&
-                hasFeature('parking')
+                (hasFeature('parking') || hasFeature('parking-requests'))
             ) {
                 <div
                     class="border-base-200 bg-base-100 flex items-center rounded-3xl border pl-2 text-sm"

apps/workplace/src/app/schedule/schedule-sidebar.component.ts

@@ -170,7 +170,7 @@ import {
                         ></mat-checkbox>
                     </button>
                 }
-                @if (hasFeature('parking')) {
+                @if (hasFeature('parking') || hasFeature('parking-requests')) {
                     <button
                         matRipple
                         name="schedule-toggle-parking-filter"
@@ -369,7 +369,11 @@ export class ScheduleSidebarComponent extends AsyncHandler implements OnInit {
                 .subscribe((_) => {
                     this._state.setType('event', this.hasFeature('spaces'));
                     this._state.setType('desk', this.hasFeature('desks'));
-                    this._state.setType('parking', this.hasFeature('parking'));
+                    this._state.setType(
+                        'parking',
+                        this.hasFeature('parking') ||
+                            this.hasFeature('parking-requests'),
+                    );
                     this._state.setType(
                         'visitor',
                         this.hasFeature('visitor-invite'),

libs/bookings/src/lib/booking-details-modal.component.ts

@@ -163,10 +163,9 @@ import { DeskSettingsModalComponent } from './desk-settings-modal.component';
                         <div>{{ period() }}</div>
                     </div>
                     <div class="flex items-center space-x-2 px-2">
-                        <icon
-                            matTooltip="Level and Resource"
-                            >{{ is_visitor() ? 'person' : 'map' }}</icon
-                        >
+                        <icon matTooltip="Level and Resource">{{
+                            is_visitor() ? 'person' : 'map'
+                        }}</icon>
                         <div>
                             @if (is_visitor()) {
                                 <div>{{ visitor_display_name() }}</div>
@@ -480,10 +479,17 @@ export class BookingDetailsModalComponent {
         const is_visitor = this.booking().booking_type === 'visitor';
         const visitor_edit_allowed =
             is_visitor && settingSignal('visitors.allow_editing', false)();
+        const is_parking = this.booking().booking_type === 'parking';
+        const features: string[] = settingSignal<string[]>('features', [])();
+        const parking_allocated_edit_blocked =
+            is_parking &&
+            !!this.booking().asset_id &&
+            !features.includes('parking');
         return (
             !this.booking().is_done &&
             !this.booking().checked_in &&
-            (!is_visitor || visitor_edit_allowed)
+            (!is_visitor || visitor_edit_allowed) &&
+            !parking_allocated_edit_blocked
         );
     });
 
@@ -679,7 +685,8 @@ export class BookingDetailsModalComponent {
         if (group_member_name) return group_member_name;
         const attendee_name = this._visitorAttendeeName(booking);
         if (attendee_name) return attendee_name;
-        const asset_name = `${booking.extension_data?.visitor_name || booking.asset_name || ''}`.trim();
+        const asset_name =
+            `${booking.extension_data?.visitor_name || booking.asset_name || ''}`.trim();
         const reason_values = [
             `${booking.title || ''}`.trim().toLowerCase(),
             `${booking.description || ''}`.trim().toLowerCase(),
@@ -704,8 +711,9 @@ export class BookingDetailsModalComponent {
 
     private _visitorAttendeeName(booking: Booking) {
         const attendee =
-            (booking.attendees || []).find((item) => item?.email === booking.asset_id) ||
-            booking.attendees?.[0];
+            (booking.attendees || []).find(
+                (item) => item?.email === booking.asset_id,
+            ) || booking.attendees?.[0];
         const name = `${attendee?.name || ''}`.trim();
         return name || '';
     }