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
@{
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 {

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

@ -20,6 +20,8 @@ namespace TIAMSharedUI.Pages.Components
[CascadingParameter]
private PopupMessageBox PopupMessageBox { get; set; } = default!;
public bool IsVisible = true;
protected override async Task 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.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 class="mx-3">
<EditForm Model="@Data"
OnValidSubmit="@HandleValidSubmit"
OnInvalidSubmit="@HandleInvalidSubmit"
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>
@CreateEditFormFields()
</div>
<DataAnnotationsValidator />
</EditForm>
</div>
<p class="mt-2 cw-480">
@_formSubmitResult
</p>
<p class="mt-2 cw-480">
@_formSubmitResult
</p>
</Animation>
@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++, "ColSpanMd", 12);
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) =>
{
@ -240,10 +240,10 @@ namespace TIAMSharedUI.Pages.Components
//MaskAutoCompleteMode="@((MaskAutoCompleteMode)AutoCompleteMode)"
editor.AddAttribute(j++, "MaskAutoCompleteMode", MaskAutoCompleteMode.None);
editor.AddAttribute(j++, "NullText", "example@example.com");
editor.AddAttribute(j++, "ValueExpression", lambda);
editor.AddAttribute(j++, "ValueExpression", lambda);
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++, "Template", (RenderFragment<object>)((context) => ((editor2) =>
@ -262,6 +262,7 @@ namespace TIAMSharedUI.Pages.Components
editor.OpenComponent<DxDateEdit<DateTime>>(j);
editor.AddAttribute(j++, "Date", property.GetValue(Data));
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.CloseComponent();
break;
@ -339,11 +340,11 @@ namespace TIAMSharedUI.Pages.Components
}
//string.Compare(metadata.CustomDataType, "BoldRed", true) == 0
//else if (property.PropertyType == typeof(string) && property.Name == "Destination")
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++, "TextValue", property.GetValue(Data));
//editor.AddAttribute(j++, "TExpression", lambda);
@ -357,13 +358,14 @@ namespace TIAMSharedUI.Pages.Components
editor.CloseComponent();
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++, "Enabled", false);
editor.AddAttribute(j++, "Text", property.GetValue(Data));
editor.AddAttribute(j++, "TextExpression", lambda);
editor.AddAttribute(j++, "TextChanged", EventCallback.Factory.Create<string>(this, str => {
property.SetValue(Data, str);
editor.AddAttribute(j++, "TextExpression", lambda);
editor.AddAttribute(j++, "TextChanged", EventCallback.Factory.Create<string>(this, str =>
{
property.SetValue(Data, str);
LogToBrowserConsole.LogToBC($"bleh: {property.Name} = {property.GetValue(Data)}");
}));
editor.CloseComponent();
@ -391,25 +393,34 @@ namespace TIAMSharedUI.Pages.Components
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++, "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();
layoutItemBuilder.AddAttribute(i++, "disabled", "true");
}
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++, "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++, "disabled", "true");
}
layoutItemBuilder.AddAttribute(i++, "style", "margin-left: auto; width:49%");
layoutItemBuilder.AddAttribute(i++, "Text", localizer.GetString(ResourceKeys.ButtonNext));
layoutItemBuilder.CloseComponent();
layoutItemBuilder.CloseElement(); //close div
@ -427,14 +438,15 @@ namespace TIAMSharedUI.Pages.Components
}
layoutItemBuilder.OpenComponent<DxFormLayoutItem>(i++);
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) =>
{
LogToBrowserConsole.LogToBC($"Submit button {CurrentStep}, {FormSteps.Count}");
editor.OpenElement(i++, "button");
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)
{
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 System.IdentityModel.Tokens.Jwt;
@using TIAMSharedUI.Pages.Components;
@using TIAMSharedUI.Shared
@using TIAM.Entities.TransferDestinations
@using TIAMWebApp.Shared.Application.Models.ClientSide.UI.WizardModels
@inject NavigationManager NavManager
@inject IUserDataService UserDataService;
@inject IJSRuntime jsRuntime;
@inject ISecureStorageHandler SecureStorageHandler
@inject ISessionService sessionService;
@inject IStringLocalizer<MyResources> localizer;
@using TIAMSharedUI.Shared
@inject NavigationManager navManager
@inject LogToBrowserConsole logToBrowserConsole
@inject IWizardProcessor WizardProcessor
<PageTitle>Index</PageTitle>
<HeroSlider></HeroSlider>
<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;">
@ -76,7 +102,26 @@
@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="col-12 col-sm-6 px-5">
<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="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="col-12 col-sm-6">
<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="my-logo">
<img src="_content/TIAMSharedUI/images/png-logo-0.png" alt="">

22
TIAMSharedUI/Pages/Transfer.razor
View File

@ -10,26 +10,23 @@
@inject IWizardProcessor WizardProcessor
<PageTitle>Transfer</PageTitle>
<div class="text-center m-5">
<h1>Transfer</h1>
<h2 style="font-size:small">Swipe to select your destination!</h2>
</div>
<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">
<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>
@ -42,7 +39,8 @@
public List<string> TransferIgnorList = new List<string>
{
"Id",
"Price"
"Price",
"Driver"
};
/*protected override void OnAfterRender(bool isFirst)

2
TIAMSharedUI/Pages/TransferFinal.razor
View File

@ -11,7 +11,7 @@
<div class="container py-1">
<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="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="d-flex justify-content-between align-items-center">
<div>

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

@ -21,7 +21,7 @@
<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 glass 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>
@ -71,7 +71,7 @@
</div>
</div>
<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="d-flex justify-content-between align-items-center">
<div>
@ -121,7 +121,7 @@
</div>
</div>
<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="d-flex justify-content-between align-items-center">
<div>

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

@ -25,7 +25,7 @@
<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 glass 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>
@ -75,7 +75,7 @@
</div>
</div>
<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="d-flex justify-content-between align-items-center">
<div>
@ -125,7 +125,7 @@
</div>
</div>
<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="d-flex justify-content-between align-items-center">
<div>

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

@ -10,7 +10,7 @@
<div class=" col-12 col-xl-3">
<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="d-flex justify-content-between align-items-center">
<div>
@ -58,7 +58,7 @@
</div>
<div class=" col-12 col-xl-3">
<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="d-flex justify-content-between align-items-center">
<div>
@ -109,7 +109,7 @@
</div>
<div class=" col-12 col-xl-3">
<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="d-flex justify-content-between align-items-center">
<div>
@ -175,7 +175,7 @@
<div class=" col-12 col-xl-3">
<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="d-flex justify-content-between align-items-center">
<div>
@ -227,7 +227,7 @@
</div>
<div class=" col-12">
<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="d-flex justify-content-between align-items-center">
<div>

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

@ -13,7 +13,7 @@
<div class="container">
<div class="row">
<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="d-flex justify-content-between align-items-center">
<div>

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

@ -2,28 +2,18 @@
<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="row">
<div class="col mb-3">
<div class="card mycard">
<div class="card">
<div class="card-body">
<div class="e-profile">
<div class="row">
<div class="col-12 col-sm-auto mb-3">
<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>
</div>
</div>
@ -151,16 +141,7 @@
</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>

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

@ -1,4 +1,5 @@
@page "/user/serviceprovider/{id}"
@using TIAMSharedUI.Pages.User.SysAdmins
@using TIAMSharedUI.Shared
@using TIAMWebApp.Shared.Application.Models;
@using TIAMWebApp.Shared.Application.Interfaces;
@ -6,19 +7,36 @@
@inject NavigationManager navigationManager
<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>
</div>
<div class="container">
<ProfileComponent></ProfileComponent>
<PermissionsComponent></PermissionsComponent>
<div class="w-100 ch-220">
<DxTabs>
<DxTabPage Text="Profile">
<ProfileComponent></ProfileComponent>
</DxTabPage>
<DxTabPage Text="Permissions">
<PermissionsComponent></PermissionsComponent>
</DxTabPage>
<DxTabPage Text="Services">
<Products></Products>
</DxTabPage>
</DxTabs>
</div>
</div>
@code {
[Parameter]
public string Id { get; set; }
public string ProfileUrl => $"/images/serviceprovider/{Id}.png";
protected override void OnInitialized()
{
base.OnInitialized();

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

@ -1,4 +1,4 @@
@page "/user/products"

@using AyCode.Models.Messages
@using TIAM.Entities.ServiceProviders
@using TIAM.Resources
@ -8,22 +8,18 @@
@using TIAMWebApp.Shared.Application.Models.ClientSide.UI.WizardModels
@using TIAMWebApp.Shared.Application.Models.ClientSide.Messages
@using TIAMWebApp.Shared.Application.Utility
@layout AdminLayout
@inject LogToBrowserConsole logToBrowserConsole
@inject IStringLocalizer<TIAMResources> localizer
<PageTitle>Transfers</PageTitle>
<div class="text-center m-5">
<!--div class="text-center m-5">
<h1>Service management</h1>
<h2 style="font-size:small">Manage your services here!</h2>
</div>
</!--div-->
<div class="container">
<!--div class="container"-->
<div class="row">
<div class=" col-12">
<h3>@localizer.GetString("TransferDestination")</h3>
<div class="d-flex flex-column mb-4 pb-2">
<div class="align-self-end pl-2 pb-2">
<DxButton Text="Column Chooser"
@ -32,7 +28,7 @@
Click="ColumnChooserButton_Click" />
</div>
<DxGrid @ref="Grid"
Data="ProductData"
Data="ProductDataFromDb"
PageSize="8"
KeyFieldName="Id"
ValidationEnabled="false"
@ -96,7 +92,7 @@
</div>
</div>
</div>
<!--/div-->
@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
{
public partial class Products
public partial class Products :ComponentBase
{
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, ""),
};
object? TransferDataFromDb = new ProductWizardModel[] { };
object? ProductDataFromDb = new ProductWizardModel[] { };
void CancelCreateClick()
{
@ -147,12 +147,12 @@ namespace TIAMSharedUI.Pages.User.SysAdmins
protected override async Task OnInitializedAsync()
{
base.OnInitialized();
var a = await serviceProviderDataService.GetProductsForServiceProviderAsync(Guid.NewGuid());
logToBrowserConsole.LogToBC($"ProductDataFromDb: {((ProductWizardModel[])TransferDataFromDb).Length}");
var a = await serviceProviderDataService.GetProductsForServiceProviderAsync(Guid.Parse("3587F169-683C-4EEE-BCB5-E8D57F8C6DCE"));
logToBrowserConsole.LogToBC($"ProductDataFromDb: {((ProductWizardModel[])ProductDataFromDb).Length}");
foreach (var item in a)
{
//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));
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=" 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="d-flex justify-content-between align-items-center">
<div>
@ -85,7 +85,7 @@
</div>
</div>
<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="d-flex justify-content-between align-items-center">
<div>
@ -135,7 +135,7 @@
</div>
</div>
<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="d-flex justify-content-between align-items-center">
<div>

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

@ -10,7 +10,7 @@
<div class=" col-12 col-xl-3 col-lg-6">
<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="d-flex justify-content-between align-items-center">
<div>
@ -50,7 +50,7 @@
</div>
<div class=" col-12 col-xl-3 col-lg-6">
<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="d-flex justify-content-between align-items-center">
<div>
@ -88,7 +88,7 @@
</div>
<div class=" col-12 col-xl-3 col-lg-6">
<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="d-flex justify-content-between align-items-center">
<div>
@ -126,7 +126,7 @@
</div>
<div class=" col-12 col-xl-3 col-lg-6">
<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="d-flex justify-content-between align-items-center">
<div>
@ -166,7 +166,7 @@
</div>
<div class="col-12 col-xl-6">
<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="d-flex justify-content-between align-items-center">
<div>
@ -209,7 +209,7 @@
</div>
<div class="col-12 col-xl-6">
<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="d-flex justify-content-between align-items-center">
<div>

2
TIAMSharedUI/Pages/User/SysAdmins/TransferDestinations.razor
View File

@ -32,7 +32,7 @@
Click="ColumnChooserButton_Click" />
</div>
<DxGrid @ref="Grid"
Data="TransferData"
Data="TransferDataFromDb"
PageSize="8"
KeyFieldName="Id"
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; }
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(), "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(), "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" ),
};
};*/
object? TransferDataFromDb = new TransferDestinationWizardModel[] { };
@ -103,13 +103,20 @@ namespace TIAMSharedUI.Pages.User.SysAdmins
{
//add new row to grid
myModel = (TransferDestinationWizardModel)e.EditModel;
//add mymodel to transferData array
TransferData = ((TransferDestinationWizardModel[])TransferData).Append(myModel);
//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
{
@ -117,7 +124,7 @@ namespace TIAMSharedUI.Pages.User.SysAdmins
//modify transferData where transferData.Id == e.EditModel.Id
//get transfer from TransferData by Id
foreach (var transferToModify in (TransferDestinationWizardModel[])TransferData)
foreach (var transferToModify in (TransferDestinationWizardModel[])TransferDataFromDb)
{
myModel = (TransferDestinationWizardModel)e.EditModel;

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

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

25
TIAMSharedUI/Shared/HeroSlider.razor
View File

@ -1,7 +1,7 @@
@using BlazorAnimation
<header class="pb-5">
<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-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({
navigation: true, // Show next and prev buttons
slideSpeed: 300,
paginationSpeed: 400,
autoplay: true,
loop:true,
autoplayTimeout: 5000,
slideSpeed: 100,
paginationSpeed: 200,
items: 1,
itemsDesktop: false,
itemsDesktopSmall: 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 {
height: 30vh;
max-height: 30vh;
overflow-y: hidden;
vertical-align: middle;
align-content: center;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
#@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-desc text-center pt-3">
<div class="align-content-center my-3">
<DxTextBox @ref="textField"
@bind-Text="@Content"
BindValueMode="BindValueMode.OnDelayedInput"
InputDelay="@InputDelay"
CssClass="form-field"
CssClass="form-field w-100"
NullText="Please type an address or swipe to select from preset destinations!">
@* TextExpression=@TExpression *@
@* TextChanged="@OnTextChanged"> *@
</DxTextBox>
</div>
</div>
</div>

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

@ -66,14 +66,14 @@ select {
font-size: small;
}
.mycard {
.glass {
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 );
background: rgba( 255, 255, 255, 0.55 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.57 );
backdrop-filter: blur( 8px );
-webkit-backdrop-filter: blur( 8px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
/*color: #58457b;*/
@ -91,7 +91,31 @@ border-radius: 16px;
/*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 {
background: rgba( 255, 255, 255, 0.45 );
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-line-height: 1.3 !important;
--dxbl-grid-min-width: 240px;
--dxbl-grid-bg: #ffffff;
--dxbl-grid-bg: #ffffff01;
--dxbl-grid-color: #58457b;
color: darkslategrey !important;
}
@ -288,7 +312,7 @@ select:focus-visible {
/*color: #555*/;
}
.wrapper .form-field input {
.form-field input, .card .form-field input {
width: 100%;
display: block;
border: none;
@ -300,7 +324,7 @@ select:focus-visible {
/* border: 1px solid red; */
}
.wrapper .form-field {
.form-field, .card .form-field {
padding-left: 10px;
border-bottom: 1px solid;
margin-bottom: 20px;
@ -370,7 +394,7 @@ select:focus-visible {
}
#owl-demo .item {
height: 30vh;
height: 50vh;
overflow-y: hidden;
flex-wrap: wrap;
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]
[Route(APIUrls.GetProductsByServiceProviderIdRouteName)]
[Tags("In-Progress", "Product")]
public IActionResult GetProductsByServiceProviderId(Guid serviceProviderId)
public IActionResult GetProductsByServiceProviderId([FromBody] Guid serviceProviderId)
{
Console.WriteLine($"GetProductsByServiceProviderId called with serviceProviderId: {serviceProviderId}");