Rivista UI

Template.Shared/Components/Pages/Calendar.razor

@@ -5,6 +5,7 @@
 @using Template.Shared.Components.SingleElements
 @using Template.Shared.Components.Layout.Spinner
 @inject IManageDataService manageData
+@inject IDialogService Dialog
 @inject IJSRuntime JS
 
 <HeaderLayout Title="@CurrentMonth.ToString("MMMM yyyy", new System.Globalization.CultureInfo("it-IT")).FirstCharToUpper()"
@@ -12,7 +13,7 @@
               ShowCalendarToggle="true"
               OnCalendarToggle="ToggleExpanded"/>
 
-<div @ref="weekSliderRef" class="week-slider @(Expanded ? "expanded" : "") @(SliderAnimation)">
+<div @ref="weekSliderRef" class="container week-slider @(Expanded ? "expanded" : "") @(SliderAnimation)">
     @if (Expanded)
     {
         <!-- Vista mensile -->
@@ -83,17 +84,16 @@
     }
 </div>
 
-<div class="appointments">
+<div class="container appointments">
     @if (IsLoading)
     {
         <SpinnerLayout FullScreen="false"/>
     }
     else if (FilteredActivities is { Count: > 0 })
     {
-        @foreach (var activity in FilteredActivities)
-        {
-            <ActivityCard Activity="activity"/>
-        }
+        <Virtualize Items="FilteredActivities" Context="activity">
+            <ActivityCard Activity="activity" />
+        </Virtualize>
     }
     else
     {
@@ -176,6 +176,20 @@
         }
     }
 
+    [JSInvokable]
+    public async Task OnSwipeDown()
+    {
+        if (!Expanded)
+            ToggleExpanded();
+    }
+
+    [JSInvokable]
+    public async Task OnSwipeUp()
+    {
+        if (Expanded)
+            ToggleExpanded();
+    }
+
     // Cambio periodo mese/settimana
     private async Task CambiaPeriodo(int direzione)
     {
@@ -292,5 +306,4 @@
     {
         dotNetHelper?.Dispose();
     }
-
 }