Adam
/
TourIAm
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

merge

This commit is contained in:
jozsef.b@aycode.com 2024-01-10 18:14:52 +01:00
parent c8d2ec645d 8583171b76
commit 2aa129528f
31 changed files with 4986 additions and 142 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
TIAMMobileApp/MauiProgram.cs
View File

@ -6,6 +6,7 @@ using System.Resources;
using AyCode.Interfaces.StorageHandlers; using AyCode.Interfaces.StorageHandlers;
using TIAMWebApp.Shared.Application.Utility; using TIAMWebApp.Shared.Application.Utility;
using TIAMWebApp.Shared.Application.Services; using TIAMWebApp.Shared.Application.Services;
using BlazorAnimation;
namespace TIAMMobileApp namespace TIAMMobileApp
{ {
@ -55,6 +56,8 @@ namespace TIAMMobileApp
builder.Services.AddScoped<IServiceProviderDataService, ServiceProviderDataService>(); builder.Services.AddScoped<IServiceProviderDataService, ServiceProviderDataService>();
builder.Services.AddScoped<IWizardProcessor, WizardProcessor>(); builder.Services.AddScoped<IWizardProcessor, WizardProcessor>();
builder.Services.AddSingleton(x => new ResourceManager("TIAMWebApp.Shared.Application.Resources", typeof(Main).Assembly)); builder.Services.AddSingleton(x => new ResourceManager("TIAMWebApp.Shared.Application.Resources", typeof(Main).Assembly));
builder.Services.Configure<AnimationOptions>(Guid.NewGuid().ToString(), c => { });
return builder.Build(); return builder.Build();
} }
} }

1
TIAMMobileApp/wwwroot/index.html
View File

@ -32,6 +32,7 @@
</div> </div>
<script src="_framework/blazor.webview.js" autostart="false"></script> <script src="_framework/blazor.webview.js" autostart="false"></script>
<script src="_content/BlazorAnimation/blazorAnimationInterop.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>

2
TIAMSharedUI/Pages/AppLaunch.razor
View File

@ -42,7 +42,7 @@ Loading....
logToBrowserConsole = new LogToBrowserConsole(JSRuntime); logToBrowserConsole = new LogToBrowserConsole(JSRuntime);
//wait for 5 seconds //wait for 5 seconds
await Task.Delay(1000); await Task.Delay(0001);
if (!string.IsNullOrWhiteSpace(userDetailsStr)) if (!string.IsNullOrWhiteSpace(userDetailsStr))
{ {

3
TIAMSharedUI/Pages/Components/AuthComponent.razor
View File

@ -1,4 +1,5 @@
 @using TIAMSharedUI.Shared.Components
<div style="position:fixed; background-color:black; color: white; bottom: 0px; width: 100%;"> <div style="position:fixed; background-color:black; color: white; bottom: 0px; width: 100%;">
<p>AuthComponent: </p><p>Logged in: @IsLoggedIn</p> <p>AuthComponent: </p><p>Logged in: @IsLoggedIn</p>

12
TIAMSharedUI/Pages/Components/AuthComponent.razor.cs
View File

@ -4,6 +4,7 @@ using System.Collections.Generic;
using System.Linq; using System.Linq;
using System.Text; using System.Text;
using System.Threading.Tasks; using System.Threading.Tasks;
using TIAMSharedUI.Shared.Components;
using TIAMWebApp.Shared.Application.Interfaces; using TIAMWebApp.Shared.Application.Interfaces;
namespace TIAMSharedUI.Pages.Components namespace TIAMSharedUI.Pages.Components
@ -16,10 +17,21 @@ namespace TIAMSharedUI.Pages.Components
[Inject] [Inject]
public IComponentUpdateService componentUpdateService { get; set; } public IComponentUpdateService componentUpdateService { get; set; }
[CascadingParameter]
private PopupMessageBox PopupMessageBox { get; set; } = default!;
protected override async Task OnInitializedAsync() protected override async Task OnInitializedAsync()
{ {
await base.OnInitializedAsync(); await base.OnInitializedAsync();
IsLoggedIn = sessionService.IsAuthenticated; IsLoggedIn = sessionService.IsAuthenticated;
await PopupMessageBox.ShowAsync("AuthComponent", "Initialized", null, null, null, PopupMessageBox.ButtonOk);
if (await PopupMessageBox.Show("Cancel", "Cancel this stuff",
PopupMessageBox.ButtonNo, PopupMessageBox.ButtonYes) == PopupMessageBox.ButtonNo)
{
//Something is cancelled
//args.Cancel = true;
}
componentUpdateService.CallRequestRefresh(); componentUpdateService.CallRequestRefresh();
StateHasChanged(); StateHasChanged();
} }

8
TIAMSharedUI/Pages/Components/InputWizard.razor.cs
View File

@ -343,11 +343,12 @@ namespace TIAMSharedUI.Pages.Components
{ {
editor.OpenComponent<SliderItemSelector>(j); editor.OpenComponent<SliderItemSelector>(j);
editor.AddAttribute(j++, "OwlId", "owlSelector" + _stepID);
editor.AddAttribute(j++, "OnSliderChanged", EventCallback.Factory.Create<string>(this, result => editor.AddAttribute(j++, "OnSliderChanged", EventCallback.Factory.Create<string>(this, result =>
{ {
LogToBrowserConsole.LogToBC($"Slider changed to {result}"); LogToBrowserConsole.LogToBC($"Slider changed to {result}");
property.SetValue(Data, result); property.SetValue(Data, result);
LogToBrowserConsole.LogToBC($"Data.Destination = {property.GetValue(Data)}"); LogToBrowserConsole.LogToBC($"bleh: {property.Name} = {property.GetValue(Data)}");
StateHasChanged(); // Add this line to refresh the UI StateHasChanged(); // Add this line to refresh the UI
})); }));
@ -357,7 +358,10 @@ namespace TIAMSharedUI.Pages.Components
editor.AddAttribute(j++, "NullText", "Slide or type"); editor.AddAttribute(j++, "NullText", "Slide or type");
editor.AddAttribute(j++, "Text", property.GetValue(Data)); editor.AddAttribute(j++, "Text", property.GetValue(Data));
editor.AddAttribute(j++, "TextExpression", lambda); editor.AddAttribute(j++, "TextExpression", lambda);
editor.AddAttribute(j++, "TextChanged", EventCallback.Factory.Create<string>(this, str => { property.SetValue(Data, str); })); editor.AddAttribute(j++, "TextChanged", EventCallback.Factory.Create<string>(this, str => {
property.SetValue(Data, str);
LogToBrowserConsole.LogToBC($"bleh: {property.Name} = {property.GetValue(Data)}");
}));
editor.CloseComponent(); editor.CloseComponent();
} }

15
TIAMSharedUI/Pages/User/Admin.razor
View File

@ -1,4 +1,4 @@
@page "/admin" @page "/user/admin"
@using TIAMSharedUI.Shared @using TIAMSharedUI.Shared
@using TIAMWebApp.Shared.Application.Models; @using TIAMWebApp.Shared.Application.Models;
@using TIAMWebApp.Shared.Application.Interfaces; @using TIAMWebApp.Shared.Application.Interfaces;
@ -20,13 +20,13 @@
<!--App admin--> <!--App admin-->
<SysAdminComponent></SysAdminComponent> <SysAdminComponent></SysAdminComponent>
<!-- App admin end--> <!-- App admin end-->
<hr/> <hr />
<HotelComponent></HotelComponent>
<!-- Stats admin--> <!-- Stats admin-->
@ -35,7 +35,7 @@
<div class="row py-3"> <div class="row py-3">
<div class=" col-12 col-xl-3"> <div class=" col-12 col-xl-3">
<div class="card card-admin" style="border-radius: 16px;"> <div class="card mycard card-admin" style="border-radius: 16px;">
<div class="card-header py-2 px-4"> <div class="card-header py-2 px-4">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<div> <div>
@ -85,7 +85,7 @@
</div> </div>
</div> </div>
<div class=" col-12 col-xl-3"> <div class=" col-12 col-xl-3">
<div class="card card-admin" style="border-radius: 16px;"> <div class="card mycard card-admin" style="border-radius: 16px;">
<div class="card-header py-2 px-4"> <div class="card-header py-2 px-4">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<div> <div>
@ -135,7 +135,7 @@
</div> </div>
</div> </div>
<div class=" col-12 col-xl-3"> <div class=" col-12 col-xl-3">
<div class="card card-admin" style="border-radius: 16px;"> <div class="card mycard card-admin" style="border-radius: 16px;">
<div class="card-header py-2 px-4"> <div class="card-header py-2 px-4">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<div> <div>
@ -185,7 +185,6 @@
</div> </div>
</div> </div>
<div class=" col-12 col-xl-3"> <div class=" col-12 col-xl-3">
</div> </div>
</div> </div>

198
TIAMSharedUI/Pages/User/HotelAdmin.razor Normal file
View File

@ -0,0 +1,198 @@
@page "/user/hoteladmin"
@using TIAMSharedUI.Shared
@using TIAMWebApp.Shared.Application.Models;
@using TIAMWebApp.Shared.Application.Interfaces;
@layout AdminLayout
@inject IPopulationStructureDataProvider DataProvider
@inject ISupplierService SupplierService
@inject IUserDataService UserDataService
<PageTitle>Transfer</PageTitle>
<div class="text-center m-5">
<h1>Dashboard</h1>
<h2 style="font-size:small">Have a nice day!</h2>
</div>
<!--We need to check if the user is owner of a swerviceprovider-->
<div class="container">
<HotelComponent Id="@Id"></HotelComponent>
<!-- Stats admin-->
<hr />
<div class="row py-3">
<div class=" col-12 col-xl-3">
<div class="card mycard card-admin" style="border-radius: 16px;">
<div class="card-header py-2 px-4">
<div class="d-flex justify-content-between align-items-center">
<div>
<span class="fw-bold text-body">Panel title</span>
<p class="text-muted mb-0">Subtitle</p>
</div>
<div>
<h6 class="mb-0"> <a href="#">All details</a> </h6>
</div>
</div>
</div>
<div class="card-body card-admin-body py-2 px-4">
<div class="d-flex flex-row mb-4 pb-2">
<div class="flex-fill">
<h5 class="bold">Some info</h5>
<p class="text-muted"> Budapest, Dózsa György út 35, 1146</p>
</div>
<div>
<!--img class="align-self-center img-fluid"
src="https://mdbcdn.b-cdn.net/img/Photos/Horizontal/E-commerce/Products/6.webp" width="250"-->
</div>
</div>
<ul id="progressbar-1" class="mx-0 mt-0 mb-5 px-0 pt-0 pb-4">
<li class="step0 active" id="step1">
<span style="margin-left: 22px; margin-top: 12px;">PLACED</span>
</li>
<li class="step0 active text-center" id="step2"><span>WAITING FOR PICK UP</span></li>
<li class="step0 text-muted text-end" id="step3">
<span style="margin-right: 22px;">FINISHED</span>
</li>
</ul>
<div class="d-flex flex-row mb-4 pb-2">
<h4> Some <span class="small text-muted"> conclusion </span></h4>
</div>
</div>
<div class="card-footer py-2 px-4">
<div class="d-flex justify-content-between">
<a href="#!">Modify</a>
<div class="border-start h-100"></div>
</div>
</div>
</div>
</div>
<div class=" col-12 col-xl-3">
<div class="card mycard card-admin" style="border-radius: 16px;">
<div class="card-header py-2 px-4">
<div class="d-flex justify-content-between align-items-center">
<div>
<span class="fw-bold text-body">Panel title</span>
<p class="text-muted mb-0">Subtitle</p>
</div>
<div>
<h6 class="mb-0"> <a href="#">All details</a> </h6>
</div>
</div>
</div>
<div class="card-body card-admin-body py-2 px-4">
<div class="d-flex flex-row mb-4 pb-2">
<div class="flex-fill">
<h5 class="bold">Some info</h5>
<p class="text-muted"> Budapest, Dózsa György út 35, 1146</p>
</div>
<div>
<!--img class="align-self-center img-fluid"
src="https://mdbcdn.b-cdn.net/img/Photos/Horizontal/E-commerce/Products/6.webp" width="250"-->
</div>
</div>
<ul id="progressbar-1" class="mx-0 mt-0 mb-5 px-0 pt-0 pb-4">
<li class="step0 active" id="step1">
<span style="margin-left: 22px; margin-top: 12px;">PLACED</span>
</li>
<li class="step0 active text-center" id="step2"><span>WAITING FOR PICK UP</span></li>
<li class="step0 text-muted text-end" id="step3">
<span style="margin-right: 22px;">FINISHED</span>
</li>
</ul>
<div class="d-flex flex-row mb-4 pb-2">
<h4> Some <span class="small text-muted"> conclusion </span></h4>
</div>
</div>
<div class="card-footer py-2 px-4">
<div class="d-flex justify-content-between">
<a href="#!">Modify</a>
<div class="border-start h-100"></div>
</div>
</div>
</div>
</div>
<div class=" col-12 col-xl-3">
<div class="card mycard card-admin" style="border-radius: 16px;">
<div class="card-header py-2 px-4">
<div class="d-flex justify-content-between align-items-center">
<div>
<span class="fw-bold text-body">Panel title</span>
<p class="text-muted mb-0">Subtitle</p>
</div>
<div>
<h6 class="mb-0"> <a href="#">All details</a> </h6>
</div>
</div>
</div>
<div class="card-body card-admin-body py-2 px-4">
<div class="d-flex flex-row mb-4 pb-2">
<div class="flex-fill">
<h5 class="bold">Some info</h5>
<p class="text-muted"> Budapest, Dózsa György út 35, 1146</p>
</div>
<div>
<!--img class="align-self-center img-fluid"
src="https://mdbcdn.b-cdn.net/img/Photos/Horizontal/E-commerce/Products/6.webp" width="250"-->
</div>
</div>
<ul id="progressbar-1" class="mx-0 mt-0 mb-5 px-0 pt-0 pb-4">
<li class="step0 active" id="step1">
<span style="margin-left: 22px; margin-top: 12px;">PLACED</span>
</li>
<li class="step0 active text-center" id="step2"><span>WAITING FOR PICK UP</span></li>
<li class="step0 text-muted text-end" id="step3">
<span style="margin-right: 22px;">FINISHED</span>
</li>
</ul>
<div class="d-flex flex-row mb-4 pb-2">
<h4> Some <span class="small text-muted"> conclusion </span></h4>
</div>
</div>
<div class="card-footer py-2 px-4">
<div class="d-flex justify-content-between">
<a href="#!">Modify</a>
<div class="border-start h-100"></div>
</div>
</div>
</div>
</div>
<div class=" col-12 col-xl-3">
</div>
</div>
</div>
@code {
string Id = "2312-32132121-32123";
bool isUserLoggedIn;
int userType = 0;
protected override async Task OnInitializedAsync()
{
base.OnInitialized();
}
}

12
TIAMSharedUI/Pages/User/HotelAdmin.razor.cs Normal file
View File

@ -0,0 +1,12 @@
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace TIAMSharedUI.Pages.User
{
public partial class Home
{
}
}

10
TIAMSharedUI/Pages/User/HotelComponent.razor
View File

@ -8,7 +8,7 @@
<div class="row py-3"> <div class="row py-3">
<div class=" col-12 col-xl-3"> <div class=" col-12 col-xl-3">
<div class="card card-admin" style="border-radius: 16px;"> <div class="card mycard card-admin" style="border-radius: 16px;">
<div class="card-header py-2 px-4"> <div class="card-header py-2 px-4">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<div> <div>
@ -51,7 +51,7 @@
</div> </div>
</div> </div>
<div class=" col-12 col-xl-3"> <div class=" col-12 col-xl-3">
<div class="card card-admin" style="border-radius: 16px;"> <div class="card mycard card-admin" style="border-radius: 16px;">
<div class="card-header py-2 px-4"> <div class="card-header py-2 px-4">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<div> <div>
@ -100,7 +100,7 @@
</div> </div>
</div> </div>
<div class=" col-12 col-xl-3"> <div class=" col-12 col-xl-3">
<div class="card card-admin" style="border-radius: 16px;"> <div class="card mycard card-admin" style="border-radius: 16px;">
<div class="card-header py-2 px-4"> <div class="card-header py-2 px-4">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<div> <div>
@ -129,7 +129,7 @@
</div> </div>
<div class=" col-12 col-xl-3"> <div class=" col-12 col-xl-3">
<div class="card card-admin" style="border-radius: 16px;"> <div class="card mycard card-admin" style="border-radius: 16px;">
<div class="card-header py-2 px-4"> <div class="card-header py-2 px-4">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<div> <div>
@ -179,7 +179,7 @@
</div> </div>
</div> </div>
<div class=" col-12"> <div class=" col-12">
<div class="card card-admin" style="border-radius: 16px;"> <div class="card mycard card-admin" style="border-radius: 16px;">
<div class="card-header py-2 px-4"> <div class="card-header py-2 px-4">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<div> <div>

2
TIAMSharedUI/Pages/User/MyServiceProviders.razor
View File

@ -13,7 +13,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class=" col-12 col-xl-6"> <div class=" col-12 col-xl-6">
<div class="card card-admin" style="border-radius: 16px;"> <div class="card mycard card-admin" style="border-radius: 16px;">
<div class="card-header py-2 px-4"> <div class="card-header py-2 px-4">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<div> <div>

4
TIAMSharedUI/Pages/User/MyTransfers.razor
View File

@ -13,6 +13,10 @@
@inject IStringLocalizer<TIAMResources> localizer @inject IStringLocalizer<TIAMResources> localizer
<PageTitle>Transfers</PageTitle> <PageTitle>Transfers</PageTitle>
<div class="text-center m-5">
<h1>Transfer management</h1>
<h2 style="font-size:small">Manage transfers here!</h2>
</div>
<div class="container"> <div class="container">
<div class="row"> <div class="row">

5
TIAMSharedUI/Pages/User/PermissionsComponent.razor Normal file
View File

@ -0,0 +1,5 @@
<h3>PermissionsComponent</h3>
@code {
}

5
TIAMSharedUI/Pages/User/ProfileComponent.razor Normal file
View File

@ -0,0 +1,5 @@
<h3>ProfileComponent</h3>
@code {
}

8
TIAMSharedUI/Pages/User/ServiceProvider.razor
View File

@ -5,8 +5,14 @@
@layout AdminLayout @layout AdminLayout
@inject NavigationManager navigationManager @inject NavigationManager navigationManager
<div class="text-center m-5">
<h1>Service provider: @Id</h1>
<h2 style="font-size:small">Manage your service provider details</h2>
</div>
<div class="container"> <div class="container">
<HotelComponent Id="@Id"></HotelComponent> <ProfileComponent></ProfileComponent>
<PermissionsComponent></PermissionsComponent>
</div> </div>
@code { @code {

34
TIAMSharedUI/Pages/User/SysAdminComponent.razor
View File

@ -1,4 +1,6 @@
@using TIAMSharedUI.Shared 
@using BlazorAnimation
@using TIAMSharedUI.Shared
@using TIAMWebApp.Shared.Application.Models; @using TIAMWebApp.Shared.Application.Models;
@using TIAMWebApp.Shared.Application.Interfaces; @using TIAMWebApp.Shared.Application.Interfaces;
@ -6,7 +8,9 @@
<div class="row py-3"> <div class="row py-3">
<div class=" col-12 col-xl-3 col-lg-6"> <div class=" col-12 col-xl-3 col-lg-6">
<div class="card card-admin" style="border-radius: 16px;"> <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div class="card mycard card-admin" style="border-radius: 16px;">
<div class="card-header py-2 px-4"> <div class="card-header py-2 px-4">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<div> <div>
@ -41,9 +45,12 @@
</div> </div>
</div> </div>
</div> </div>
</Animation>
</div> </div>
<div class=" col-12 col-xl-3 col-lg-6"> <div class=" col-12 col-xl-3 col-lg-6">
<div class="card card-admin" style="border-radius: 16px;"> <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div class="card mycard card-admin" style="border-radius: 16px;">
<div class="card-header py-2 px-4"> <div class="card-header py-2 px-4">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<div> <div>
@ -77,9 +84,11 @@
</div> </div>
</div> </div>
</div> </div>
</Animation>
</div> </div>
<div class=" col-12 col-xl-3 col-lg-6"> <div class=" col-12 col-xl-3 col-lg-6">
<div class="card card-admin" style="border-radius: 16px;"> <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div class="card mycard card-admin" style="border-radius: 16px;">
<div class="card-header py-2 px-4"> <div class="card-header py-2 px-4">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<div> <div>
@ -113,9 +122,11 @@
</div> </div>
</div> </div>
</div> </div>
</Animation>
</div> </div>
<div class=" col-12 col-xl-3 col-lg-6"> <div class=" col-12 col-xl-3 col-lg-6">
<div class="card card-admin" style="border-radius: 16px;"> <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div class="card mycard card-admin" style="border-radius: 16px;">
<div class="card-header py-2 px-4"> <div class="card-header py-2 px-4">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<div> <div>
@ -151,9 +162,11 @@
</div> </div>
</div> </div>
</div> </div>
</Animation>
</div> </div>
<div class="col-12 col-xl-6"> <div class="col-12 col-xl-6">
<div class="card card-admin" style="border-radius: 16px;"> <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div class="card mycard card-admin" style="border-radius: 16px;">
<div class="card-header py-2 px-4"> <div class="card-header py-2 px-4">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<div> <div>
@ -192,9 +205,11 @@
</div> </div>
</div> </div>
</div> </div>
</Animation>
</div> </div>
<div class="col-12 col-xl-6"> <div class="col-12 col-xl-6">
<div class="card card-admin" style="border-radius: 16px;"> <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div class="card mycard card-admin" style="border-radius: 16px;">
<div class="card-header py-2 px-4"> <div class="card-header py-2 px-4">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<div> <div>
@ -266,10 +281,7 @@
</div> </div>
</div> </div>
</div> </div>
</Animation>
</div> </div>

8
TIAMSharedUI/Shared/Components/Navbar.razor
View File

@ -53,10 +53,12 @@
</NavLink> </NavLink>
</li> </li>
} }
@if(hasProperty) else
{
@if (hasProperty)
{ {
<li class="nav-item"> <li class="nav-item">
<NavLink class="nav-link" href="admin"> <NavLink class="nav-link" href="user/admin">
@localizer.GetString("NavMenu.Admin") @localizer.GetString("NavMenu.Admin")
</NavLink> </NavLink>
@ -70,6 +72,8 @@
</div> </div>
</li> </li>
}
</ul> </ul>
</div> </div>

31
TIAMSharedUI/Shared/Components/PopupMessageBox.razor Normal file
View File

@ -0,0 +1,31 @@
<DxPopup @ref="MessageBoxPopup"
HeaderText="@HeaderText"
ShowFooter="true"
ShowCloseButton="true"
CloseOnEscape="true"
CloseOnOutsideClick="false"
Visible="false"
ZIndex="1000000"
Closed="@PopupClosed">
<BodyContentTemplate>
@(new MarkupString(@MessageHtml))
</BodyContentTemplate>
<FooterContentTemplate>
<DxButton RenderStyle="ButtonRenderStyle.Primary"
Text="@(ButtonText[0])"
Visible="@(ButtonVisible[0])"
Click="@Button0Click" />
<DxButton RenderStyle="ButtonRenderStyle.Secondary"
Text="@(ButtonText[1])"
Visible="@(ButtonVisible[1])"
Click="@Button1Click" />
<DxButton RenderStyle="ButtonRenderStyle.Secondary"
Text="@(ButtonText[2])"
Visible="@(ButtonVisible[2])"
Click="@Button2Click" />
<DxButton RenderStyle="ButtonRenderStyle.Secondary"
Text="@(ButtonText[3])"
Visible="@(ButtonVisible[3])"
Click="@Button3Click" />
</FooterContentTemplate>
</DxPopup>

187
TIAMSharedUI/Shared/Components/PopupMessageBox.razor.cs Normal file
View File

@ -0,0 +1,187 @@
using DevExpress.Blazor;
using Microsoft.AspNetCore.Components.Web;
using Microsoft.AspNetCore.Components;
namespace TIAMSharedUI.Shared.Components
{
/// <summary>
/// A MessageBox (async and synchronized) component to provide a way to show informational messages.
/// </summary>
public partial class PopupMessageBox
{
public static readonly string ButtonOk = "Ok";
public static readonly string ButtonCancel = "Cancel";
public static readonly string ButtonYes = "Yes";
public static readonly string ButtonNo = "No";
[Inject]
private NavigationManager Navigation { get; set; } = default!;
/// <summary>
/// The MessageBox popup. This is a DxPopup that is called asynchronously so it is displayed and control returns
/// to the caller.
/// </summary>
private DxPopup MessageBoxPopup { get; set; } = default!;
/// <summary>
/// The header text in the MessageBox popup. This is a MarkupString so do not put any user entered text in this!
/// </summary>
private string HeaderText { get; set; } = string.Empty;
/// <summary>
/// The message text in the MessageBox popup. This is a MarkupString so do not put any user entered text in this!
/// </summary>
private string MessageHtml { get; set; } = string.Empty;
private Func<string, object?, Task>? OnClick { get; set; }
private Func<object?, Task>? OnClose { get; set; }
/// <summary>
/// This is passed in in the call to Show() and returned in the calls to OnClick() and OnClose().
/// </summary>
private object? Tag { get; set; }
/// <summary>
/// Used to make the popup synchronous.
/// </summary>
private TaskCompletionSource<string> _taskCompletionSource = new();
/// <inheritdoc />
public PopupMessageBox()
{
ButtonVisible = new bool[4];
ButtonText = new string[4];
}
/// <summary>
/// Displays the MessageBox. This is a static object so you can't create multiple instances of it. But you
/// can create another instance in the onClick or onCLose calls as the existing instance will be closed by
/// then.
/// </summary>
/// <param name="header">The header text in the message box.</param>
/// <param name="message">The main message in the message box. This is treated as html
/// so use <code>HttpUtility.HtmlEncode()</code> on any user generated text in the message.</param>
/// <param name="tag">Caller defined data returned in the OnClick/OnClose calls.</param>
/// <param name="onClick">Will call this method when a button is clicked. Passes the button text as the parameter.</param>
/// <param name="onClose">Will call this when the popup is closed. Including after receiving the onClick call.</param>
/// <param name="buttonText">The text for the button(s). Can be 1 .. 4 buttons.</param>
/// <returns>The task for the underlying DxPopup.ShowAsync() call.</returns>
public Task<bool> ShowAsync(string header, string message, object? tag, Func<string, object?, Task>? onClick,
Func<object?, Task>? onClose, params string[] buttonText)
{
HeaderText = header;
MessageHtml = message;
Tag = tag;
OnClick = onClick;
OnClose = onClose;
if (buttonText.Length == 0 || buttonText.Length > 4)
throw new ArgumentOutOfRangeException(nameof(buttonText), "Must have between 1 and 4 buttons");
Array.Clear(ButtonVisible);
Array.Clear(ButtonText);
for (var index = 0; index < buttonText.Length; index++)
{
ButtonVisible[index] = true;
ButtonText[index] = buttonText[index];
}
StateHasChanged();
return MessageBoxPopup.ShowAsync();
}
/// <summary>
/// Displays the MessageBox. Then when click OK, goes to the url. This is a static object so you can't create
/// multiple instances of it.
/// </summary>
/// <param name="header">The header text in the message box.</param>
/// <param name="message">The main message in the message box. This is treated as html
/// so use <code>HttpUtility.HtmlEncode()</code> on any user generated text in the message.</param>
/// <param name="url">The url to navigate to when click OK.</param>
/// <returns>The task for the underlying DxPopup.ShowAsync() call.</returns>
public Task<bool> ShowThenRedirectAsync(string header, string message, string url)
{
return ShowAsync(header, message, null,
(_, _) =>
{
Navigation.NavigateTo(url, false);
return Task.CompletedTask;
},
null, PopupMessageBox.ButtonOk);
}
/// <summary>
/// Displays the MessageBox synchronously. Returns the text of the button clicked. This is a static object
/// so you can't create multiple instances of it. But you can create another instance when it returns as the
/// existing instance will be closed by then.
/// </summary>
/// <param name="header">The header text in the message box.</param>
/// <param name="message">The main message in the message box. This is treated as html
/// so use <code>HttpUtility.HtmlEncode()</code> on any user generated text in the message.</param>
/// <param name="buttonText">The text for the button(s). Can be 1 .. 4 buttons.</param>
/// <returns>The text of the button clicked.</returns>
public Task<string> Show(string header, string message, params string[] buttonText)
{
_taskCompletionSource = new TaskCompletionSource<string>();
ShowAsync(header, message, null, ShowOnClick, null, buttonText);
// we return the Task from the TaskCompletionSource that is not completed
return _taskCompletionSource.Task;
}
private Task ShowOnClick(string buttonText, object? tag)
{
// as this is called from the OnClick handler, the popup has been closed.
// sets the TaskCompletionSource to completed. Any await-ers will now complete
_taskCompletionSource.SetResult(buttonText);
return Task.FromResult(_taskCompletionSource);
}
private string[] ButtonText { get; }
private bool[] ButtonVisible { get; }
private async Task Button0Click(MouseEventArgs arg)
{
// need to close before calling OnClick because OnClick may call ShowAsync again
await MessageBoxPopup.CloseAsync();
if (OnClick != null)
await OnClick.Invoke(ButtonText[0], Tag);
}
private async Task Button1Click(MouseEventArgs arg)
{
// need to close before calling OnClick because OnClick may call ShowAsync again
await MessageBoxPopup.CloseAsync();
if (OnClick != null)
await OnClick.Invoke(ButtonText[1], Tag);
}
private async Task Button2Click(MouseEventArgs arg)
{
// need to close before calling OnClick because OnClick may call ShowAsync again
await MessageBoxPopup.CloseAsync();
if (OnClick != null)
await OnClick.Invoke(ButtonText[2], Tag);
}
private async Task Button3Click(MouseEventArgs arg)
{
// need to close before calling OnClick because OnClick may call ShowAsync again
await MessageBoxPopup.CloseAsync();
if (OnClick != null)
await OnClick.Invoke(ButtonText[3], Tag);
}
private async Task PopupClosed(PopupClosedEventArgs arg)
{
// need to close before calling OnClose because OnClose may call ShowAsync again
await MessageBoxPopup.CloseAsync();
if (OnClose != null)
await OnClose.Invoke(Tag);
}
}
}

9
TIAMSharedUI/Shared/MainLayout.razor
View File

@ -24,17 +24,20 @@
<main> <main>
<article class="content"> <article class="content">
<CascadingValue Value=PopupMessageBox>
@Body @Body
</CascadingValue>
</article> </article>
</main> </main>
<div class="footer"> <div class="footer">
</div> </div>
<PopupMessageBox @ref="PopupMessageBox" />
</div> </div>
@code { @code {
public PopupMessageBox PopupMessageBox { get; private set; } = default!;
} }

1
TIAMSharedUI/Shared/NavMenu.razor
View File

@ -37,7 +37,6 @@
</NavLink> </NavLink>
</div--> </div-->
<div class="nav-item px-3"> <div class="nav-item px-3">
<NavLink class="nav-link" href="transfer"> <NavLink class="nav-link" href="transfer">
Transfer Transfer

56
TIAMSharedUI/Shared/SliderItemSelector.razor
View File

@ -14,9 +14,20 @@
border-bottom: 1px solid; border-bottom: 1px solid;
} }
</style>
<input type="hidden" id="PassingToJavaScript1" value=@OwlId> #@OwlId .item {
height: 30vh;
overflow-y: hidden;
vertical-align: middle;
align-content: center;
}
#@OwlId .item img {
display: block;
width: 100%;
height: auto;
}
</style>
<div id=@OwlId class="owl-carousel owl-theme"> <div id=@OwlId class="owl-carousel owl-theme">
@ -41,19 +52,15 @@
</div> </div>
</div> </div>
</div> </div>
<h3>Please type an address or swipe to select from preset destinations!</h3> <p>Please type an address or swipe to select from preset destinations!</p>
@{
var jsOwlId = OwlId;
logToBrowserConsole.LogToBC(jsOwlId);
}
<script> <script>
var JsOwlId;
var owlId = p1; //var owl = $('#' + JsOwlId);
console.log('OwlId is ' + owlId);
var owl = $('#' + owlId);
var i = 0; var i = 0;
@ -71,7 +78,7 @@
};*/ };*/
$(document).ready(function () { /*$(document).ready(function () {
owl.owlCarousel({ owl.owlCarousel({
@ -89,8 +96,27 @@
owl.trigger("to.owl.carousel", owl.maximum) owl.trigger("to.owl.carousel", owl.maximum)
});*/
function InitOwl(id) {
JsOwlId= id;
owl = $('#' + JsOwlId);
owl.owlCarousel({
navigation: true, // Show next and prev buttons
loop: true,
slideSpeed: 300,
paginationSpeed: 400,
items: 1,
itemsDesktop: false,
itemsDesktopSmall: false,
itemsTablet: false,
itemsMobile: false
}); });
owl.trigger("to.owl.carousel", owl.maximum)
};
function CStoJSCall(dotNetObjRef) { function CStoJSCall(dotNetObjRef) {
@ -114,6 +140,11 @@
i++; i++;
}; };
function setOwlId(id) {
JsOwlId = id;
console.log('SetOwlId called, value is ' + owlId);
};
</script> </script>
@code { @code {
@ -136,6 +167,7 @@
protected override void OnParametersSet() protected override void OnParametersSet()
{ {
logToBrowserConsole.LogToBC($"SliderItemSelector is initialized with OwlId: {OwlId}"); logToBrowserConsole.LogToBC($"SliderItemSelector is initialized with OwlId: {OwlId}");
base.OnParametersSet(); base.OnParametersSet();
} }
@ -144,6 +176,8 @@
if(firstRender) if(firstRender)
{ {
var dotNetObjRef = DotNetObjectReference.Create(this); var dotNetObjRef = DotNetObjectReference.Create(this);
JSRuntime.InvokeVoidAsync("setOwlId", OwlId);
JSRuntime.InvokeVoidAsync("InitOwl", OwlId);
JSRuntime.InvokeVoidAsync("CStoJSCall", dotNetObjRef); JSRuntime.InvokeVoidAsync("CStoJSCall", dotNetObjRef);
} }

13
TIAMSharedUI/Shared/SliderItemSelector.razor.css
View File

@ -1,12 +1 @@
#owl-selector .item { 
height: 30vh;
overflow-y: hidden;
vertical-align: middle;
align-content: center;
}
#owl-selector .item img {
display: block;
width: 100%;
height: auto;
}

66
TIAMSharedUI/Shared/Users/AdminNavMenu.razor
View File

@ -29,29 +29,57 @@
Home Home
</NavLink> </NavLink>
</div> </div>
<div class="nav-item px-3"> <div class="nav-item px-3">
<NavLink class="nav-link" href="user/properties"> <NavLink class="nav-link" href="user/properties">
Properties Properties
</NavLink> </NavLink>
</div> </div>
<div class="nav-item px-3">
<NavLink class="nav-link" @onclick="()=>expandSysAdminNav = !expandSysAdminNav">
<span class="oi oi-list-rich" aria-hidden="true"></span> System Admin
</NavLink>
</div>
@if (expandSysAdminNav)
{
<hr />
<div class="nav-item px-3">
<NavLink class="nav-link" href="user/admin">
Dashboard
</NavLink>
</div>
<div class="nav-item px-3"> <div class="nav-item px-3">
<NavLink class="nav-link" href="user/transfers"> <NavLink class="nav-link" href="user/transfers">
Transfers Transfers
</NavLink> </NavLink>
</div> </div>
<hr />
}
<div class="nav-item px-3">
<NavLink class="nav-link" @onclick="()=>expandHotelAdminNav = !expandHotelAdminNav">
<span class="oi oi-list-rich" aria-hidden="true"></span> Hotel Admin
</NavLink>
</div>
@if (expandHotelAdminNav)
{
<hr />
<div class="nav-item px-3">
<NavLink class="nav-link" href="user/hoteladmin">
Hotel Dashboard
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="user/serviceprovider">
Manage
</NavLink>
</div>
<div class="nav-item px-3"> <div class="nav-item px-3">
<NavLink class="nav-link" href="serviceprovider"> <NavLink class="nav-link" href="serviceprovider">
My profile Public profile
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="account">
Account
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="services">
My services
</NavLink> </NavLink>
</div> </div>
<div class="nav-item px-3"> <div class="nav-item px-3">
@ -59,11 +87,20 @@
My earnings My earnings
</NavLink> </NavLink>
</div> </div>
<hr />
}
<div class="nav-item px-3"> <div class="nav-item px-3">
<NavLink class="nav-link" href="settings"> <NavLink class="nav-link" href="account">
Settings Account
</NavLink> </NavLink>
</div> </div>
<div class="nav-item px-3"> <div class="nav-item px-3">
<NavLink class="nav-link" href="#" @onclick="SignOut"> <NavLink class="nav-link" href="#" @onclick="SignOut">
Signout Signout
@ -74,7 +111,8 @@
@code { @code {
private bool collapseNavMenu = true; private bool collapseNavMenu = true;
private bool expandSysAdminNav = false;
private bool expandHotelAdminNav = false;
private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null; private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null;
private void ToggleNavMenu() private void ToggleNavMenu()

4
TIAMSharedUI/TIAMSharedUI.csproj
View File

@ -12,7 +12,9 @@
</ItemGroup> </ItemGroup>
<ItemGroup> <ItemGroup>
<PackageReference Include="DevExpress.Blazor" Version="23.2.3" /> <PackageReference Include="Blazor.AnimateOnScroll" Version="1.1.0" />
<PackageReference Include="BlazorAnimation" Version="2.2.0" />
<PackageReference Include="DevExpress.Blazor" Version="23.1.3" />
<PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.0" /> <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.0" />
<PackageReference Include="Microsoft.Extensions.Localization" Version="8.0.0" /> <PackageReference Include="Microsoft.Extensions.Localization" Version="8.0.0" />
</ItemGroup> </ItemGroup>

12
TIAMSharedUI/wwwroot/blazorAnimationInterop.js Normal file
View File

@ -0,0 +1,12 @@
document.getElementsByTagName("head")[0].insertAdjacentHTML(
"beforeend",
"<link rel=\"stylesheet\" href=\"_content/BlazorAnimation/animate.css\" />");
var AnimatedComponent = AnimatedComponent || {};
AnimatedComponent.animationend = function (element, dotNet) {
element.addEventListener('animationend', function(e) {
if(e.target === this)dotNet.invokeMethodAsync("OnAnimationEnd")
});
};

31
TIAMSharedUI/wwwroot/css/TourIAm.css
View File

@ -7,6 +7,10 @@ body {
max-width: 100%; max-width: 100%;
overflow-x: hidden; overflow-x: hidden;
background-color: #e7e6f7; background-color: #e7e6f7;
background: url('https://images.unsplash.com/photo-1641326038434-01b0217c18f1?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
background-attachment: fixed;
background-position: center;
background-size: cover;
color: #58457b; color: #58457b;
} }
@ -57,19 +61,42 @@ select {
border-radius: 16px; border-radius: 16px;
/*box-shadow: 3px 3px 3px #b1b1b1, -3px -3px 3px #fff;*/ /*box-shadow: 3px 3px 3px #b1b1b1, -3px -3px 3px #fff;*/
overflow: hidden; overflow: hidden;
background-color: #d8dcef; background-color: rgba( 255, 255, 255, 0.15 );
/*color: #58457b;*/
font-size: small;
}
.mycard {
border-radius: 16px;
/*box-shadow: 3px 3px 3px #b1b1b1, -3px -3px 3px #fff;*/
overflow: hidden;
background: rgba( 255, 255, 255, 0.45 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 6px );
-webkit-backdrop-filter: blur( 6px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
/*color: #58457b;*/ /*color: #58457b;*/
font-size: small; font-size: small;
} }
.card .card-body { .card .card-body {
padding: 10px; padding: 10px;
} }
/*My overrides end*/ /*My overrides end*/
/*my blazor overrides*/ /*my blazor overrides*/
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content {
background: rgba( 255, 255, 255, 0.45 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 6px );
-webkit-backdrop-filter: blur( 6px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.dxbl-col { .dxbl-col {
padding-left:0px; padding-left:0px;
@ -81,7 +108,7 @@ select {
--dxbl-grid-font-size: 0.75rem !important; --dxbl-grid-font-size: 0.75rem !important;
--dxbl-grid-line-height: 1.3 !important; --dxbl-grid-line-height: 1.3 !important;
--dxbl-grid-min-width: 240px; --dxbl-grid-min-width: 240px;
--dxbl-grid-bg: #e7e6f7; --dxbl-grid-bg: #ffffff;
--dxbl-grid-color: #58457b; --dxbl-grid-color: #58457b;
color: darkslategrey !important; color: darkslategrey !important;
} }

4250
TIAMSharedUI/wwwroot/css/animate.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

2
TIAMWebApp/Client/Program.cs
View File

@ -1,4 +1,5 @@
using AyCode.Interfaces.StorageHandlers; using AyCode.Interfaces.StorageHandlers;
using BlazorAnimation;
using Blazored.LocalStorage; using Blazored.LocalStorage;
using DevExpress.Blazor; using DevExpress.Blazor;
using Microsoft.AspNetCore.Components.Web; using Microsoft.AspNetCore.Components.Web;
@ -37,4 +38,5 @@ builder.Services.AddSingleton(x => new ResourceManager("TIAMWebApp.Client.Resour
builder.Services.AddSingleton(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) }); builder.Services.AddSingleton(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
builder.Services.AddDevExpressBlazor(configure => configure.BootstrapVersion = BootstrapVersion.v5); builder.Services.AddDevExpressBlazor(configure => configure.BootstrapVersion = BootstrapVersion.v5);
builder.Services.Configure<AnimationOptions>(Guid.NewGuid().ToString(), c => { });
await builder.Build().RunAsync(); await builder.Build().RunAsync();

2
TIAMWebApp/Client/Services/UserDataServiceWeb.cs
View File

@ -36,6 +36,8 @@ namespace TIAMWebApp.Client.Services
} }
public async Task<UserSessionModel> IsLoggedInAsync(Guid id) public async Task<UserSessionModel> IsLoggedInAsync(Guid id)
{ {
//api call to get user //api call to get user

2
TIAMWebApp/Client/wwwroot/index.html
View File

@ -13,6 +13,7 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<link href="_content/DevExpress.Blazor.Themes/blazing-berry.bs5.min.css" asp-append-version="true" rel="stylesheet" /> <link href="_content/DevExpress.Blazor.Themes/blazing-berry.bs5.min.css" asp-append-version="true" rel="stylesheet" />
<link href="_content/TIAMSharedUI/css/app.css" rel="stylesheet" /> <link href="_content/TIAMSharedUI/css/app.css" rel="stylesheet" />
<link href="_content/TIAMSharedUI/css/animate.css" rel="stylesheet" />
<link href="_content/TIAMSharedUI/css/TourIAm.css" rel="stylesheet" /> <link href="_content/TIAMSharedUI/css/TourIAm.css" rel="stylesheet" />
<link rel="icon" type="image/png" href="_content/TIAMSharedUI/favicon.png" /> <link rel="icon" type="image/png" href="_content/TIAMSharedUI/favicon.png" />
<link href="TIAMWebApp.Client.styles.css" rel="stylesheet" /> <link href="TIAMWebApp.Client.styles.css" rel="stylesheet" />
@ -34,6 +35,7 @@
<a class="dismiss">🗙</a> <a class="dismiss">🗙</a>
</div> </div>
<script src="_framework/blazor.webassembly.js"></script> <script src="_framework/blazor.webassembly.js"></script>
<script src="_content/TIAMSharedUI/blazorAnimationInterop.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>