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

UI changes, transfer, destinations

This commit is contained in:
Adam 2024-01-31 17:32:24 +01:00
parent 0bee047217
commit 82ad9ff345
28 changed files with 275 additions and 161 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,9 +1,15 @@
@using TIAMSharedUI.Shared.Components @using TIAMSharedUI.Shared.Components
@{
if(IsVisible)
{
<div style="position:fixed; background-color:black; color: white; bottom: 0px; width: 100%;">
<p>AuthComponent: </p><p>Logged in: @IsLoggedIn</p>
<button class="btn btn-primary" @onclick="ToggleAuthComponent">Toggle Login</button>
</div>
}
}
<div style="position:fixed; background-color:black; color: white; bottom: 0px; width: 100%;">
<p>AuthComponent: </p><p>Logged in: @IsLoggedIn</p>
</div>
@code { @code {

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

@ -20,6 +20,8 @@ namespace TIAMSharedUI.Pages.Components
[CascadingParameter] [CascadingParameter]
private PopupMessageBox PopupMessageBox { get; set; } = default!; private PopupMessageBox PopupMessageBox { get; set; } = default!;
public bool IsVisible = true;
protected override async Task OnInitializedAsync() protected override async Task OnInitializedAsync()
{ {
await base.OnInitializedAsync(); await base.OnInitializedAsync();
@ -43,5 +45,9 @@ namespace TIAMSharedUI.Pages.Components
} }
private void ToggleAuthComponent(Microsoft.AspNetCore.Components.Web.MouseEventArgs e)
{
IsVisible = false;
}
} }
} }

44
TIAMSharedUI/Pages/Components/InputWizard.razor
View File

@ -1,32 +1,30 @@
@using System.Linq.Expressions @using System.Linq.Expressions
@using System.ComponentModel.DataAnnotations @using System.ComponentModel.DataAnnotations
@using BlazorAnimation
<Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<EditForm Model="@Data"
OnValidSubmit="@HandleValidSubmit"
OnInvalidSubmit="@HandleInvalidSubmit"
Context="EditFormContext">
<div class="text-center">
<h4>@localizer.GetString(TitleResourceString)</h4>
<p class="tm-8 mb-0 fw-normal fs-825">
@localizer.GetString(SubtitleResourceString)
</p>
</div>
<div class="wrapper"> <div>
<div class="mx-3"> @CreateEditFormFields()
<EditForm Model="@Data" </div>
OnValidSubmit="@HandleValidSubmit" <DataAnnotationsValidator />
OnInvalidSubmit="@HandleInvalidSubmit" </EditForm>
Context="EditFormContext">
<DataAnnotationsValidator />
<div class="text-center py-3">
<h4>@localizer.GetString(TitleResourceString)</h4>
<p class="tm-8 mb-0 fw-normal fs-825">
@localizer.GetString(SubtitleResourceString)
</p>
</div>
<div>
@CreateEditFormFields()
</div>
</EditForm>
</div>
</div> <p class="mt-2 cw-480">
<p class="mt-2 cw-480"> @_formSubmitResult
@_formSubmitResult </p>
</p> </Animation>
@code { @code {

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

@ -166,7 +166,7 @@ namespace TIAMSharedUI.Pages.Components
layoutItemBuilder.AddAttribute(i++, "Caption", localizer.GetString(displayLabel.Name)); layoutItemBuilder.AddAttribute(i++, "Caption", localizer.GetString(displayLabel.Name));
layoutItemBuilder.AddAttribute(i++, "ColSpanMd", 12); layoutItemBuilder.AddAttribute(i++, "ColSpanMd", 12);
layoutItemBuilder.AddAttribute(i++, "CaptionPosition", CaptionPosition.Vertical); layoutItemBuilder.AddAttribute(i++, "CaptionPosition", CaptionPosition.Vertical);
//layoutItemBuilder.AddAttribute(i++, "CssClass", "flex-direction: column;"); layoutItemBuilder.AddAttribute(i++, "CssClass", "justify-content-center");
layoutItemBuilder.AddAttribute(i++, "Template", (RenderFragment<object>)((context) => ((editor) => layoutItemBuilder.AddAttribute(i++, "Template", (RenderFragment<object>)((context) => ((editor) =>
{ {
@ -240,10 +240,10 @@ namespace TIAMSharedUI.Pages.Components
//MaskAutoCompleteMode="@((MaskAutoCompleteMode)AutoCompleteMode)" //MaskAutoCompleteMode="@((MaskAutoCompleteMode)AutoCompleteMode)"
editor.AddAttribute(j++, "MaskAutoCompleteMode", MaskAutoCompleteMode.None); editor.AddAttribute(j++, "MaskAutoCompleteMode", MaskAutoCompleteMode.None);
editor.AddAttribute(j++, "NullText", "example@example.com"); editor.AddAttribute(j++, "NullText", "example@example.com");
editor.AddAttribute(j++, "ValueExpression", lambda); editor.AddAttribute(j++, "ValueExpression", lambda);
editor.AddAttribute(j++, "Placeholder", "#"); editor.AddAttribute(j++, "Placeholder", "#");
editor.AddAttribute(j++, "PlaceholdersVisible", false); editor.AddAttribute(j++, "PlaceholdersVisible", false);
editor.AddAttribute(j++, "ValueChanged", EventCallback.Factory.Create<string>(this, str => { property.SetValue(Data, str); })); editor.AddAttribute(j++, "ValueChanged", EventCallback.Factory.Create<string>(this, str => { property.SetValue(Data, str); }));
//editor.AddAttribute(j++, "Template", (RenderFragment<object>)((context) => ((editor2) => //editor.AddAttribute(j++, "Template", (RenderFragment<object>)((context) => ((editor2) =>
@ -262,6 +262,7 @@ namespace TIAMSharedUI.Pages.Components
editor.OpenComponent<DxDateEdit<DateTime>>(j); editor.OpenComponent<DxDateEdit<DateTime>>(j);
editor.AddAttribute(j++, "Date", property.GetValue(Data)); editor.AddAttribute(j++, "Date", property.GetValue(Data));
editor.AddAttribute(j++, "DateExpression", lambda); editor.AddAttribute(j++, "DateExpression", lambda);
editor.AddAttribute(j++, "CssClass", "form-field");
editor.AddAttribute(j++, "DateChanged", EventCallback.Factory.Create<DateTime>(this, str => { property.SetValue(Data, str); })); editor.AddAttribute(j++, "DateChanged", EventCallback.Factory.Create<DateTime>(this, str => { property.SetValue(Data, str); }));
editor.CloseComponent(); editor.CloseComponent();
break; break;
@ -339,11 +340,11 @@ namespace TIAMSharedUI.Pages.Components
} }
//string.Compare(metadata.CustomDataType, "BoldRed", true) == 0 //string.Compare(metadata.CustomDataType, "BoldRed", true) == 0
//else if (property.PropertyType == typeof(string) && property.Name == "Destination") //else if (property.PropertyType == typeof(string) && property.Name == "Destination")
else if (property.PropertyType == typeof(string) && string.Compare(attrList.CustomDataType, "TransferDestination", true) == 0) else if (property.PropertyType == typeof(string) && string.Compare(attrList.CustomDataType, "TransferDestination", true) == 0)
{ {
editor.OpenComponent<SliderItemSelector>(j); editor.OpenComponent<SliderItemSelector>(j);
editor.AddAttribute(j++, "OwlId", "owlSelector" + _stepID); editor.AddAttribute(j++, "OwlId", "owlSelector" + _stepID);
editor.AddAttribute(j++, "TextValue", property.GetValue(Data)); editor.AddAttribute(j++, "TextValue", property.GetValue(Data));
//editor.AddAttribute(j++, "TExpression", lambda); //editor.AddAttribute(j++, "TExpression", lambda);
@ -357,13 +358,14 @@ namespace TIAMSharedUI.Pages.Components
editor.CloseComponent(); editor.CloseComponent();
editor.OpenComponent<DxTextBox>(j++); editor.OpenComponent<DxTextBox>(j++);
editor.AddAttribute(j++, "CssClass", "form-field"); /*editor.AddAttribute(j++, "CssClass", "form-field");*/
editor.AddAttribute(j++, "NullText", "Slide or type"); editor.AddAttribute(j++, "NullText", "Slide or type");
editor.AddAttribute(j++, "Enabled", false); editor.AddAttribute(j++, "Enabled", false);
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 => { editor.AddAttribute(j++, "TextChanged", EventCallback.Factory.Create<string>(this, str =>
property.SetValue(Data, str); {
property.SetValue(Data, str);
LogToBrowserConsole.LogToBC($"bleh: {property.Name} = {property.GetValue(Data)}"); LogToBrowserConsole.LogToBC($"bleh: {property.Name} = {property.GetValue(Data)}");
})); }));
editor.CloseComponent(); editor.CloseComponent();
@ -391,25 +393,34 @@ namespace TIAMSharedUI.Pages.Components
layoutItemBuilder.CloseComponent(); //close dxformlayoutitem layoutItemBuilder.CloseComponent(); //close dxformlayoutitem
if (k < _length - 1) layoutItemBuilder.OpenComponent<DxButton>(i++);
layoutItemBuilder.AddAttribute(i++, "Click", EventCallback.Factory.Create<MouseEventArgs>(this, OnPrevious));
layoutItemBuilder.AddAttribute(i++, "SubmitFormOnClick", false);
layoutItemBuilder.AddAttribute(i++, "CssClass", "btn btn-secondary mt-3");
if (!(k > 0))
{ {
layoutItemBuilder.OpenComponent<DxButton>(i++); layoutItemBuilder.AddAttribute(i++, "disabled", "true");
layoutItemBuilder.AddAttribute(i++, "Click", EventCallback.Factory.Create<MouseEventArgs>(this, OnNext));
layoutItemBuilder.AddAttribute(i++, "SubmitFormOnClick", false);
layoutItemBuilder.AddAttribute(i++, "CssClass", "btn btn-primary mt-3");
layoutItemBuilder.AddAttribute(i++, "style", "margin-left: auto;");
layoutItemBuilder.AddAttribute(i++, "Text", localizer.GetString(ResourceKeys.ButtonNext));
layoutItemBuilder.CloseComponent();
} }
if (k > 0) layoutItemBuilder.AddAttribute(i++, "style", "margin-left: auto; width:49%");
layoutItemBuilder.AddAttribute(i++, "Text", localizer.GetString(ResourceKeys.ButtonPrevious));
layoutItemBuilder.CloseComponent();
layoutItemBuilder.OpenComponent<DxButton>(i++);
layoutItemBuilder.AddAttribute(i++, "Click", EventCallback.Factory.Create<MouseEventArgs>(this, OnNext));
layoutItemBuilder.AddAttribute(i++, "SubmitFormOnClick", false);
layoutItemBuilder.AddAttribute(i++, "CssClass", "btn btn-primary mt-3");
if (!(k < _length - 1))
{ {
layoutItemBuilder.OpenComponent<DxButton>(i++); layoutItemBuilder.AddAttribute(i++, "disabled", "true");
layoutItemBuilder.AddAttribute(i++, "Click", EventCallback.Factory.Create<MouseEventArgs>(this, OnPrevious));
layoutItemBuilder.AddAttribute(i++, "SubmitFormOnClick", false);
layoutItemBuilder.AddAttribute(i++, "CssClass", "btn btn-secondary mt-3");
layoutItemBuilder.AddAttribute(i++, "Text", localizer.GetString(ResourceKeys.ButtonPrevious));
layoutItemBuilder.CloseComponent();
} }
layoutItemBuilder.AddAttribute(i++, "style", "margin-left: auto; width:49%");
layoutItemBuilder.AddAttribute(i++, "Text", localizer.GetString(ResourceKeys.ButtonNext));
layoutItemBuilder.CloseComponent();
layoutItemBuilder.CloseElement(); //close div layoutItemBuilder.CloseElement(); //close div
@ -427,14 +438,15 @@ namespace TIAMSharedUI.Pages.Components
} }
layoutItemBuilder.OpenComponent<DxFormLayoutItem>(i++); layoutItemBuilder.OpenComponent<DxFormLayoutItem>(i++);
layoutItemBuilder.AddAttribute(i++, "ColSpanMd", 12); layoutItemBuilder.AddAttribute(i++, "ColSpanMd", 12);
layoutItemBuilder.AddAttribute(i++, "CssClass", "full-width"); layoutItemBuilder.AddAttribute(i++, "CssClass", "full-width justify-content-center");
layoutItemBuilder.AddAttribute(i++, "Template", (RenderFragment<object>)((context) => ((editor) => layoutItemBuilder.AddAttribute(i++, "Template", (RenderFragment<object>)((context) => ((editor) =>
{ {
LogToBrowserConsole.LogToBC($"Submit button {CurrentStep}, {FormSteps.Count}"); LogToBrowserConsole.LogToBC($"Submit button {CurrentStep}, {FormSteps.Count}");
editor.OpenElement(i++, "button"); editor.OpenElement(i++, "button");
editor.AddAttribute(i++, "type", "submit"); editor.AddAttribute(i++, "type", "submit");
editor.AddAttribute(i++, "class", "btn btn-primary mt-3"); editor.AddAttribute(i++, "class", "btn btn-primary mt-3 w-100");
editor.AddAttribute(i++, "style", "margin: 0 auto");
if (CurrentStep < _length - 1) if (CurrentStep < _length - 1)
{ {
editor.AddAttribute(i++, "disabled", "true"); editor.AddAttribute(i++, "disabled", "true");
@ -503,6 +515,6 @@ namespace TIAMSharedUI.Pages.Components
} }
} }
} }

49
TIAMSharedUI/Pages/Index.razor
View File

@ -9,17 +9,43 @@
@using TIAMWebApp.Shared.Application.Utility; @using TIAMWebApp.Shared.Application.Utility;
@using System.IdentityModel.Tokens.Jwt; @using System.IdentityModel.Tokens.Jwt;
@using TIAMSharedUI.Pages.Components; @using TIAMSharedUI.Pages.Components;
@using TIAMSharedUI.Shared
@using TIAM.Entities.TransferDestinations
@using TIAMWebApp.Shared.Application.Models.ClientSide.UI.WizardModels
@inject NavigationManager NavManager @inject NavigationManager NavManager
@inject IUserDataService UserDataService; @inject IUserDataService UserDataService;
@inject IJSRuntime jsRuntime; @inject IJSRuntime jsRuntime;
@inject ISecureStorageHandler SecureStorageHandler @inject ISecureStorageHandler SecureStorageHandler
@inject ISessionService sessionService; @inject ISessionService sessionService;
@inject IStringLocalizer<MyResources> localizer; @inject IStringLocalizer<MyResources> localizer;
@using TIAMSharedUI.Shared @inject NavigationManager navManager
@inject LogToBrowserConsole logToBrowserConsole
@inject IWizardProcessor WizardProcessor
<PageTitle>Index</PageTitle> <PageTitle>Index</PageTitle>
<HeroSlider></HeroSlider>
<AuthComponent /> <AuthComponent />
<HeroSlider></HeroSlider>
<div class="container" style="position: relative; z-index: 2;">
<div class="row d-flex justify-content-center">
<div class="col-12 col-lg-6">
<div class="card bg-white p-3">
<InputWizard Data=@myModel
OnSubmit="SubmitForm"
IgnoreReflection="@TransferIgnorList"
SubmitButtonText="ButtonSend"
TitleResourceString="TransferTitle"
SubtitleResourceString="TransferSubtitle"></InputWizard>
</div>
</div>
</div>
</div>
<div class="container" style="align-content: center;"> <div class="container" style="align-content: center;">
@ -76,7 +102,26 @@
@code { @code {
public TransferWizardModel myModel = new TransferWizardModel();
public List<string> TransferIgnorList = new List<string>
{
"Id",
"Price",
"Driver"
};
/*protected override void OnAfterRender(bool isFirst)
{
message = " Target destination is " + slider.SliderElementId.ToString();
}*/
public async Task SubmitForm(object Result)
{
var transfer = await WizardProcessor.ProcessWizardAsync<TransferWizardModel>(Result.GetType(), Result);
logToBrowserConsole.LogToBC($"Submitted nested form: {Result.GetType().FullName}");
navManager.NavigateTo("/transfer2/" + transfer.Id);
}
} }

2
TIAMSharedUI/Pages/Login.razor
View File

@ -26,7 +26,7 @@
<div class="row d-flex justify-content-center align-items-center h-100"> <div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-12 col-sm-6 px-5"> <div class="col-12 col-sm-6 px-5">
<Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)"> <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div class="card mycard inputwizardwrapper my-5"> <div class="card glass inputwizardwrapper my-5">
<div class="wrapper"> <div class="wrapper">
<div class="my-logo"> <div class="my-logo">

2
TIAMSharedUI/Pages/Register.razor
View File

@ -19,7 +19,7 @@
<div class="row d-flex justify-content-center align-items-center h-100"> <div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-12 col-sm-6"> <div class="col-12 col-sm-6">
<Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)"> <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div class="card mycard inputwizardwrapper my-5"> <div class="card glass inputwizardwrapper my-5">
<div class="wrapper"> <div class="wrapper">
<div class="my-logo"> <div class="my-logo">
<img src="_content/TIAMSharedUI/images/png-logo-0.png" alt=""> <img src="_content/TIAMSharedUI/images/png-logo-0.png" alt="">

22
TIAMSharedUI/Pages/Transfer.razor
View File

@ -10,26 +10,23 @@
@inject IWizardProcessor WizardProcessor @inject IWizardProcessor WizardProcessor
<PageTitle>Transfer</PageTitle> <PageTitle>Transfer</PageTitle>
<div class="text-center m-5"> <HeroSlider></HeroSlider>
<h1>Transfer</h1> <div class="container" style="position: relative; z-index: 2;">
<h2 style="font-size:small">Swipe to select your destination!</h2> <div class="row d-flex justify-content-center">
</div> <div class="col-12 col-lg-6">
<div class="card bg-white p-3">
<div class="container mt-3">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-12 col-sm-6">
<div class="card mycard">
<InputWizard Data=@myModel <InputWizard Data=@myModel
OnSubmit="SubmitForm" OnSubmit="SubmitForm"
IgnoreReflection="@TransferIgnorList" IgnoreReflection="@TransferIgnorList"
SubmitButtonText="ButtonSend" SubmitButtonText="ButtonSend"
TitleResourceString="TransferTitle" TitleResourceString="TransferTitle"
SubtitleResourceString="TransferSubtitle"></InputWizard> SubtitleResourceString="TransferSubtitle"></InputWizard>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -42,7 +39,8 @@
public List<string> TransferIgnorList = new List<string> public List<string> TransferIgnorList = new List<string>
{ {
"Id", "Id",
"Price" "Price",
"Driver"
}; };
/*protected override void OnAfterRender(bool isFirst) /*protected override void OnAfterRender(bool isFirst)

2
TIAMSharedUI/Pages/TransferFinal.razor
View File

@ -11,7 +11,7 @@
<div class="container py-1"> <div class="container py-1">
<div class="row d-flex justify-content-center align-items-center h-100"> <div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-md-10 col-lg-8 col-xl-6"> <div class="col-md-10 col-lg-8 col-xl-6">
<div class="card mycard card-admin card-stepper" style="border-radius: 16px;"> <div class="card glass card-admin card-stepper" 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>

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

@ -21,7 +21,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 mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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>
@ -71,7 +71,7 @@
</div> </div>
</div> </div>
<div class=" col-12 col-xl-3"> <div class=" col-12 col-xl-3">
<div class="card mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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>
@ -121,7 +121,7 @@
</div> </div>
</div> </div>
<div class=" col-12 col-xl-3"> <div class=" col-12 col-xl-3">
<div class="card mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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>

6
TIAMSharedUI/Pages/User/Hotels/HotelAdmin.razor
View File

@ -25,7 +25,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 mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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>
@ -75,7 +75,7 @@
</div> </div>
</div> </div>
<div class=" col-12 col-xl-3"> <div class=" col-12 col-xl-3">
<div class="card mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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>
@ -125,7 +125,7 @@
</div> </div>
</div> </div>
<div class=" col-12 col-xl-3"> <div class=" col-12 col-xl-3">
<div class="card mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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>

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

@ -10,7 +10,7 @@
<div class=" col-12 col-xl-3"> <div class=" col-12 col-xl-3">
<Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)"> <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div class="card mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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>
@ -58,7 +58,7 @@
</div> </div>
<div class=" col-12 col-xl-3"> <div class=" col-12 col-xl-3">
<Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)"> <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div class="card mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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>
@ -109,7 +109,7 @@
</div> </div>
<div class=" col-12 col-xl-3"> <div class=" col-12 col-xl-3">
<Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)"> <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div class="card mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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>
@ -175,7 +175,7 @@
<div class=" col-12 col-xl-3"> <div class=" col-12 col-xl-3">
<Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)"> <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div class="card mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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>
@ -227,7 +227,7 @@
</div> </div>
<div class=" col-12"> <div class=" col-12">
<Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)"> <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div class="card mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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 mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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>

27
TIAMSharedUI/Pages/User/ProfileComponent.razor
View File

@ -2,28 +2,18 @@
<div class="row flex-lg-nowrap"> <div class="row flex-lg-nowrap">
<div class="col-12 col-lg-auto mb-3" style="width: 200px;">
<div class="card mycard p-3">
<div class="e-navlist e-navlist--active-bg">
<ul class="nav">
<li class="nav-item"><a class="nav-link px-2 active" href="#"><i class="fa fa-fw fa-bar-chart mr-1"></i><span>Overview</span></a></li>
<li class="nav-item"><a class="nav-link px-2" href="https://www.bootdey.com/snippets/view/bs4-crud-users" target="__blank"><i class="fa fa-fw fa-th mr-1"></i><span>CRUD</span></a></li>
<li class="nav-item"><a class="nav-link px-2" href="https://www.bootdey.com/snippets/view/bs4-edit-profile-page" target="__blank"><i class="fa fa-fw fa-cog mr-1"></i><span>Settings</span></a></li>
</ul>
</div>
</div>
</div>
<div class="col"> <div class="col">
<div class="row"> <div class="row">
<div class="col mb-3"> <div class="col mb-3">
<div class="card mycard"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="e-profile"> <div class="e-profile">
<div class="row"> <div class="row">
<div class="col-12 col-sm-auto mb-3"> <div class="col-12 col-sm-auto mb-3">
<div class="mx-auto" style="width: 140px;"> <div class="mx-auto" style="width: 140px;">
<div class="d-flex justify-content-center align-items-center rounded" style="height: 140px; background-color: rgb(233, 236, 239);"> <div class="d-flex justify-content-center align-items-center" style="height: 140px; background-color: rgb(233, 236, 239);">
<span style="color: rgb(166, 168, 170); font: bold 8pt Arial;">140x140</span> <span style="color: rgb(166, 168, 170); font: bold 8pt Arial;">140x140</span>
</div> </div>
</div> </div>
@ -151,16 +141,7 @@
</div> </div>
</div> </div>
<div class="col-12 col-md-3 mb-3">
<div class="card">
<div class="card-body">
<h6 class="card-title font-weight-bold">Support</h6>
<p class="card-text">Get fast, free help from our friendly assistants.</p>
<button type="button" class="btn btn-primary">Contact Us</button>
</div>
</div>
</div>
</div> </div>
</div> </div>

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

@ -1,4 +1,5 @@
@page "/user/serviceprovider/{id}" @page "/user/serviceprovider/{id}"
@using TIAMSharedUI.Pages.User.SysAdmins
@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;
@ -6,19 +7,36 @@
@inject NavigationManager navigationManager @inject NavigationManager navigationManager
<div class="text-center m-5"> <div class="text-center m-5">
<h1>Service provider: @Id</h1> <h1>Company: @Id</h1>
<h2 style="font-size:small">Manage your service provider details</h2> <h2 style="font-size:small">Manage your service provider details</h2>
</div> </div>
<div class="container"> <div class="container">
<ProfileComponent></ProfileComponent> <div class="w-100 ch-220">
<PermissionsComponent></PermissionsComponent> <DxTabs>
<DxTabPage Text="Profile">
<ProfileComponent></ProfileComponent>
</DxTabPage>
<DxTabPage Text="Permissions">
<PermissionsComponent></PermissionsComponent>
</DxTabPage>
<DxTabPage Text="Services">
<Products></Products>
</DxTabPage>
</DxTabs>
</div>
</div> </div>
@code { @code {
[Parameter] [Parameter]
public string Id { get; set; } public string Id { get; set; }
public string ProfileUrl => $"/images/serviceprovider/{Id}.png";
protected override void OnInitialized() protected override void OnInitialized()
{ {
base.OnInitialized(); base.OnInitialized();

16
TIAMSharedUI/Pages/User/SysAdmins/Products.razor
View File

@ -1,4 +1,4 @@
@page "/user/products" 
@using AyCode.Models.Messages @using AyCode.Models.Messages
@using TIAM.Entities.ServiceProviders @using TIAM.Entities.ServiceProviders
@using TIAM.Resources @using TIAM.Resources
@ -8,22 +8,18 @@
@using TIAMWebApp.Shared.Application.Models.ClientSide.UI.WizardModels @using TIAMWebApp.Shared.Application.Models.ClientSide.UI.WizardModels
@using TIAMWebApp.Shared.Application.Models.ClientSide.Messages @using TIAMWebApp.Shared.Application.Models.ClientSide.Messages
@using TIAMWebApp.Shared.Application.Utility @using TIAMWebApp.Shared.Application.Utility
@layout AdminLayout
@inject LogToBrowserConsole logToBrowserConsole @inject LogToBrowserConsole logToBrowserConsole
@inject IStringLocalizer<TIAMResources> localizer @inject IStringLocalizer<TIAMResources> localizer
<PageTitle>Transfers</PageTitle>
<div class="text-center m-5"> <!--div class="text-center m-5">
<h1>Service management</h1> <h1>Service management</h1>
<h2 style="font-size:small">Manage your services here!</h2> <h2 style="font-size:small">Manage your services here!</h2>
</div> </!--div-->
<div class="container"> <!--div class="container"-->
<div class="row"> <div class="row">
<div class=" col-12"> <div class=" col-12">
<h3>@localizer.GetString("TransferDestination")</h3>
<div class="d-flex flex-column mb-4 pb-2"> <div class="d-flex flex-column mb-4 pb-2">
<div class="align-self-end pl-2 pb-2"> <div class="align-self-end pl-2 pb-2">
<DxButton Text="Column Chooser" <DxButton Text="Column Chooser"
@ -32,7 +28,7 @@
Click="ColumnChooserButton_Click" /> Click="ColumnChooserButton_Click" />
</div> </div>
<DxGrid @ref="Grid" <DxGrid @ref="Grid"
Data="ProductData" Data="ProductDataFromDb"
PageSize="8" PageSize="8"
KeyFieldName="Id" KeyFieldName="Id"
ValidationEnabled="false" ValidationEnabled="false"
@ -96,7 +92,7 @@
</div> </div>
</div> </div>
</div> <!--/div-->
@code { @code {

10
TIAMSharedUI/Pages/User/SysAdmins/Products.razor.cs
View File

@ -14,7 +14,7 @@ using TIAMWebApp.Shared.Application.Services;
namespace TIAMSharedUI.Pages.User.SysAdmins namespace TIAMSharedUI.Pages.User.SysAdmins
{ {
public partial class Products public partial class Products :ComponentBase
{ {
IGrid Grid { get; set; } IGrid Grid { get; set; }
@ -36,7 +36,7 @@ namespace TIAMSharedUI.Pages.User.SysAdmins
new ProductWizardModel(new TiamServiceProvider(), ProductType.Hotel, "XY hotel", "XYHotel description is here ", 10.0f, ""), new ProductWizardModel(new TiamServiceProvider(), ProductType.Hotel, "XY hotel", "XYHotel description is here ", 10.0f, ""),
}; };
object? TransferDataFromDb = new ProductWizardModel[] { }; object? ProductDataFromDb = new ProductWizardModel[] { };
void CancelCreateClick() void CancelCreateClick()
{ {
@ -147,12 +147,12 @@ namespace TIAMSharedUI.Pages.User.SysAdmins
protected override async Task OnInitializedAsync() protected override async Task OnInitializedAsync()
{ {
base.OnInitialized(); base.OnInitialized();
var a = await serviceProviderDataService.GetProductsForServiceProviderAsync(Guid.NewGuid()); var a = await serviceProviderDataService.GetProductsForServiceProviderAsync(Guid.Parse("3587F169-683C-4EEE-BCB5-E8D57F8C6DCE"));
logToBrowserConsole.LogToBC($"ProductDataFromDb: {((ProductWizardModel[])TransferDataFromDb).Length}"); logToBrowserConsole.LogToBC($"ProductDataFromDb: {((ProductWizardModel[])ProductDataFromDb).Length}");
foreach (var item in a) foreach (var item in a)
{ {
//add new transferwizardmodel to transferData array //add new transferwizardmodel to transferData array
TransferDataFromDb = ((ProductWizardModel[])TransferDataFromDb).Append( ProductDataFromDb = ((ProductWizardModel[])ProductDataFromDb).Append(
new ProductWizardModel(item.ServiceProvider, item.ProductType, item.Name, item.Description, item.Price, item.JsonDetails)); new ProductWizardModel(item.ServiceProvider, item.ProductType, item.Name, item.Description, item.Price, item.JsonDetails));
logToBrowserConsole.LogToBC($"TransferDataFromDb: {item.Name}"); logToBrowserConsole.LogToBC($"TransferDataFromDb: {item.Name}");
} }

6
TIAMSharedUI/Pages/User/SysAdmins/SysAdmin.razor
View File

@ -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 mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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 mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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 mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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>

12
TIAMSharedUI/Pages/User/SysAdmins/SysAdminComponent.razor
View File

@ -10,7 +10,7 @@
<div class=" col-12 col-xl-3 col-lg-6"> <div class=" col-12 col-xl-3 col-lg-6">
<Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)"> <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div class="card mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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>
@ -50,7 +50,7 @@
</div> </div>
<div class=" col-12 col-xl-3 col-lg-6"> <div class=" col-12 col-xl-3 col-lg-6">
<Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)"> <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div class="card mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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>
@ -88,7 +88,7 @@
</div> </div>
<div class=" col-12 col-xl-3 col-lg-6"> <div class=" col-12 col-xl-3 col-lg-6">
<Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)"> <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div class="card mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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>
@ -126,7 +126,7 @@
</div> </div>
<div class=" col-12 col-xl-3 col-lg-6"> <div class=" col-12 col-xl-3 col-lg-6">
<Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)"> <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div class="card mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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>
@ -166,7 +166,7 @@
</div> </div>
<div class="col-12 col-xl-6"> <div class="col-12 col-xl-6">
<Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)"> <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div class="card mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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>
@ -209,7 +209,7 @@
</div> </div>
<div class="col-12 col-xl-6"> <div class="col-12 col-xl-6">
<Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)"> <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div class="card mycard card-admin" style="border-radius: 16px;"> <div class="card glass 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/SysAdmins/TransferDestinations.razor
View File

@ -32,7 +32,7 @@
Click="ColumnChooserButton_Click" /> Click="ColumnChooserButton_Click" />
</div> </div>
<DxGrid @ref="Grid" <DxGrid @ref="Grid"
Data="TransferData" Data="TransferDataFromDb"
PageSize="8" PageSize="8"
KeyFieldName="Id" KeyFieldName="Id"
ValidationEnabled="false" ValidationEnabled="false"

21
TIAMSharedUI/Pages/User/SysAdmins/TransferDestinations.razor.cs
View File

@ -32,7 +32,7 @@ namespace TIAMSharedUI.Pages.User.SysAdmins
public ITransferDataService transferDataService { get; set; } public ITransferDataService transferDataService { get; set; }
object? TransferData = new TransferDestinationWizardModel[] /*object? TransferData = new TransferDestinationWizardModel[]
{ {
new TransferDestinationWizardModel(Guid.NewGuid(), "Liszt Ferenc Airport", "International airport of Budapest", "1185, Budapest, Liszt Ferenc Repülőtér" ), new TransferDestinationWizardModel(Guid.NewGuid(), "Liszt Ferenc Airport", "International airport of Budapest", "1185, Budapest, Liszt Ferenc Repülőtér" ),
new TransferDestinationWizardModel(Guid.NewGuid(), "Buda Castle", "Historical site in the heart of Budapest", "1014 Budapest, Szent György tér 2" ), new TransferDestinationWizardModel(Guid.NewGuid(), "Buda Castle", "Historical site in the heart of Budapest", "1014 Budapest, Szent György tér 2" ),
@ -41,7 +41,7 @@ namespace TIAMSharedUI.Pages.User.SysAdmins
new TransferDestinationWizardModel(Guid.NewGuid(), "Heroes square", "Historical site in the heart of Budapest", "1146 Budapest, Hősök tere" ), new TransferDestinationWizardModel(Guid.NewGuid(), "Heroes square", "Historical site in the heart of Budapest", "1146 Budapest, Hősök tere" ),
new TransferDestinationWizardModel(Guid.NewGuid(), "Gellert Hill", "Historical site in the heart of Budapest", "1118 Budapest, Gellérthegy" ), new TransferDestinationWizardModel(Guid.NewGuid(), "Gellert Hill", "Historical site in the heart of Budapest", "1118 Budapest, Gellérthegy" ),
new TransferDestinationWizardModel(Guid.NewGuid(), "Margaret Island", "Historical site in the heart of Budapest", "1138 Budapest, Margitsziget" ), new TransferDestinationWizardModel(Guid.NewGuid(), "Margaret Island", "Historical site in the heart of Budapest", "1138 Budapest, Margitsziget" ),
}; };*/
object? TransferDataFromDb = new TransferDestinationWizardModel[] { }; object? TransferDataFromDb = new TransferDestinationWizardModel[] { };
@ -103,13 +103,20 @@ namespace TIAMSharedUI.Pages.User.SysAdmins
{ {
//add new row to grid //add new row to grid
myModel = (TransferDestinationWizardModel)e.EditModel; myModel = (TransferDestinationWizardModel)e.EditModel;
//add mymodel to transferData array
TransferData = ((TransferDestinationWizardModel[])TransferData).Append(myModel);
//add new orderData to orderData array //add new orderData to orderData array
logToBrowserConsole.LogToBC("New orderData added");
//await NwindDataService.InsertEmployeeAsync((EditableEmployee)e.EditModel);
//await NwindDataService.InsertEmployeeAsync((EditableEmployee)e.EditModel);
await transferDataService.CreateTransferDestination(new TransferDestinationWizardModel
{
Name = myModel.Name,
Description = myModel.Description,
AddressString = myModel.AddressString
});
logToBrowserConsole.LogToBC("New orderData added");
//add mymodel to transferData array
TransferDataFromDb = ((TransferDestinationWizardModel[])TransferDataFromDb).Append(myModel);
} }
else else
{ {
@ -117,7 +124,7 @@ namespace TIAMSharedUI.Pages.User.SysAdmins
//modify transferData where transferData.Id == e.EditModel.Id //modify transferData where transferData.Id == e.EditModel.Id
//get transfer from TransferData by Id //get transfer from TransferData by Id
foreach (var transferToModify in (TransferDestinationWizardModel[])TransferData) foreach (var transferToModify in (TransferDestinationWizardModel[])TransferDataFromDb)
{ {
myModel = (TransferDestinationWizardModel)e.EditModel; myModel = (TransferDestinationWizardModel)e.EditModel;

5
TIAMSharedUI/Pages/User/SysAdmins/TransferManagement.razor
View File

@ -21,7 +21,8 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class=" col-12"> <div class=" col-12">
<h3>@localizer.GetString("Transfer")</h3> <div class="card glass">
<DxPopup CssClass="popup-demo-events" <DxPopup CssClass="popup-demo-events"
@bind-Visible="@PopupVisible" @bind-Visible="@PopupVisible"
ShowFooter="true" ShowFooter="true"
@ -156,7 +157,7 @@
</div>
</div> </div>
<div class=" col-12 col-xl-6"> <div class=" col-12 col-xl-6">

25
TIAMSharedUI/Shared/HeroSlider.razor
View File

@ -1,7 +1,7 @@
@using BlazorAnimation @using BlazorAnimation
<header class="pb-5"> <header class="pb-5">
<Animation Effect="@Effect.FadeIn" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)"> <Animation Effect="@Effect.FadeIn" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
<div id="owl-demo" class="owl-carousel owl-theme"> <div id="owl-demo" class="owl-carousel owl-theme" style="position:absolute; z-index: 1">
<div class="item d-flex align-items-center"><img src="https://images.unsplash.com/photo-1551867633-194f125bddfa?auto=format&fit=crop&q=80&w=2070&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="my-auto" alt="The Last of us"></div> <div class="item d-flex align-items-center"><img src="https://images.unsplash.com/photo-1551867633-194f125bddfa?auto=format&fit=crop&q=80&w=2070&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="my-auto" alt="The Last of us"></div>
<div class="item d-flex align-items-center"><img src="https://images.unsplash.com/photo-1549877452-9c387954fbc2?auto=format&fit=crop&q=80&w=2070&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="my-auto" alt="GTA V"></div> <div class="item d-flex align-items-center"><img src="https://images.unsplash.com/photo-1549877452-9c387954fbc2?auto=format&fit=crop&q=80&w=2070&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="my-auto" alt="GTA V"></div>
@ -52,15 +52,30 @@
$("#owl-demo").owlCarousel({ $("#owl-demo").owlCarousel({
navigation: true, // Show next and prev buttons navigation: true, // Show next and prev buttons
autoplay: true,
slideSpeed: 300, loop:true,
paginationSpeed: 400, autoplayTimeout: 5000,
slideSpeed: 100,
paginationSpeed: 200,
items: 1, items: 1,
itemsDesktop: false, itemsDesktop: false,
itemsDesktopSmall: false, itemsDesktopSmall: false,
itemsTablet: false, itemsTablet: false,
itemsMobile: false itemsMobile: false,
/*responsive: {
0: {
items: 1,
},
600: {
items: 1,
},
1000: {
items: 2,
}
},*/
animateOut: 'fadeOut',
animateIn: 'flipInX',
}); });

11
TIAMSharedUI/Shared/SliderItemSelector.razor
View File

@ -19,9 +19,14 @@
#@OwlId .item { #@OwlId .item {
height: 30vh; height: 30vh;
max-height: 30vh;
overflow-y: hidden; overflow-y: hidden;
vertical-align: middle; vertical-align: middle;
align-content: center; align-content: center;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
} }
#@OwlId .item img { #@OwlId .item img {
@ -36,16 +41,18 @@
<div class="item" id="0" style="background-image: url('_content/TIAMSharedUI/images/mapbg.jpg'); background-position: center; background-size: cover;"> <div class="item" id="0" style="background-image: url('_content/TIAMSharedUI/images/mapbg.jpg'); background-position: center; background-size: cover;">
<div class="item-desc text-center pt-3"> <div class="item-desc text-center pt-3">
<div class="align-content-center my-3">
<DxTextBox @ref="textField" <DxTextBox @ref="textField"
@bind-Text="@Content" @bind-Text="@Content"
BindValueMode="BindValueMode.OnDelayedInput" BindValueMode="BindValueMode.OnDelayedInput"
InputDelay="@InputDelay" InputDelay="@InputDelay"
CssClass="form-field" CssClass="form-field w-100"
NullText="Please type an address or swipe to select from preset destinations!"> NullText="Please type an address or swipe to select from preset destinations!">
@* TextExpression=@TExpression *@ @* TextExpression=@TExpression *@
@* TextChanged="@OnTextChanged"> *@ @* TextChanged="@OnTextChanged"> *@
</DxTextBox> </DxTextBox>
</div>
</div> </div>
</div> </div>

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

@ -66,14 +66,14 @@ select {
font-size: small; font-size: small;
} }
.mycard { .glass {
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: rgba( 255, 255, 255, 0.45 ); background: rgba( 255, 255, 255, 0.55 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.57 );
backdrop-filter: blur( 6px ); backdrop-filter: blur( 8px );
-webkit-backdrop-filter: blur( 6px ); -webkit-backdrop-filter: blur( 8px );
border-radius: 10px; border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 ); border: 1px solid rgba( 255, 255, 255, 0.18 );
/*color: #58457b;*/ /*color: #58457b;*/
@ -91,7 +91,31 @@ border-radius: 16px;
/*My overrides end*/ /*My overrides end*/
/*my blazor overrides*/ /*my DX blazor overrides*/
.dxbl-text-edit.dxbl-disabled {
--dxbl-text-edit-disabled-root-bg: transparent;
background-color: transparent !important;
border-color: transparent;
padding-left: 10px;
margin-bottom: 20px;
border-radius: 20px;
text-align: center;
color: #666;
}
.dxbl-row {
margin-left: 0px;
margin-right: 0px;
}
.dxbl-tabs.dxbl-tabs-top {
--dxbl-tabs-bg: #ffffff25;
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 6px );
-webkit-backdrop-filter: blur( 6px );
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content { .dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content {
background: rgba( 255, 255, 255, 0.45 ); background: rgba( 255, 255, 255, 0.45 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
@ -111,7 +135,7 @@ border-radius: 16px;
--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: #ffffff; --dxbl-grid-bg: #ffffff01;
--dxbl-grid-color: #58457b; --dxbl-grid-color: #58457b;
color: darkslategrey !important; color: darkslategrey !important;
} }
@ -288,7 +312,7 @@ select:focus-visible {
/*color: #555*/; /*color: #555*/;
} }
.wrapper .form-field input { .form-field input, .card .form-field input {
width: 100%; width: 100%;
display: block; display: block;
border: none; border: none;
@ -300,7 +324,7 @@ select:focus-visible {
/* border: 1px solid red; */ /* border: 1px solid red; */
} }
.wrapper .form-field { .form-field, .card .form-field {
padding-left: 10px; padding-left: 10px;
border-bottom: 1px solid; border-bottom: 1px solid;
margin-bottom: 20px; margin-bottom: 20px;
@ -370,7 +394,7 @@ select:focus-visible {
} }
#owl-demo .item { #owl-demo .item {
height: 30vh; height: 50vh;
overflow-y: hidden; overflow-y: hidden;
flex-wrap: wrap; flex-wrap: wrap;
vertical-align: middle; vertical-align: middle;

BIN
TIAMSharedUI/wwwroot/images/Untitled-2.psd
View File

Binary file not shown.

BIN
TIAMSharedUI/wwwroot/images/bg.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 191 KiB

After

Width:  |  Height:  |  Size: 131 KiB

2
TIAMWebApp/Server/Controllers/ServiceProviderAPIController.cs
View File

@ -217,7 +217,7 @@ namespace TIAMWebApp.Server.Controllers
[HttpPost] [HttpPost]
[Route(APIUrls.GetProductsByServiceProviderIdRouteName)] [Route(APIUrls.GetProductsByServiceProviderIdRouteName)]
[Tags("In-Progress", "Product")] [Tags("In-Progress", "Product")]
public IActionResult GetProductsByServiceProviderId(Guid serviceProviderId) public IActionResult GetProductsByServiceProviderId([FromBody] Guid serviceProviderId)
{ {
Console.WriteLine($"GetProductsByServiceProviderId called with serviceProviderId: {serviceProviderId}"); Console.WriteLine($"GetProductsByServiceProviderId called with serviceProviderId: {serviceProviderId}");