PWA Fundvelo der Caritas.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

AccountPage.razor 7.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. @page "/account"
  2. @page "/fundvelo/account/{FromRoute}"
  3. @using cwebplusApp.Shared.Models;
  4. @using cwebplusApp.Shared.Services;
  5. @inject NavigationManager NavigationManager
  6. @inject UserDataProvider UserDataProvider
  7. @inject IStringLocalizer<Resources> I18n
  8. @inject PageHistoryManager PageHistoryManager
  9. @inject ReportDataProvider ReportDataProvider
  10. @inject Toaster Toaster
  11. @inject InputCursorHandler InputCursorHandler
  12. <div class="row px-3 h-100">
  13. <div class="row no-gutters align-items-center justify-content-center w-100" style="padding-top:1em">
  14. <h2>@I18n["MyData"]</h2>
  15. </div>
  16. <div class="row no-gutters align-items-start w-100">
  17. <div class="row no-gutters align-items-center w-100">
  18. <div class="col-12">
  19. <MatSelect Class="w-100 required" Label="@I18n["Salutation"]" Outlined="true" @bind-Value="@Account.Salutation" Style="margin-bottom: 0.5rem" Required="true"
  20. @onkeydown="InputCursorHandler.OnKeyDownHandlerAsync">
  21. <MatOptionString Value="M">@I18n["Male"]</MatOptionString>
  22. <MatOptionString Value="F">@I18n["Female"]</MatOptionString>
  23. </MatSelect>
  24. </div>
  25. </div>
  26. <div class="row no-gutters w-100">
  27. <div class="col-6" style="padding-right:0.5em">
  28. <MatStringField Class="w-100" Label="@I18n["Firstname"]" Outlined="true" type="text" @bind-Value="@Account.Firstname" Required="true"
  29. OnKeyDown="@InputCursorHandler.OnKeyDownHandlerAsync"></MatStringField>
  30. </div>
  31. <div class="col-6" style="padding-left:0.5em">
  32. <MatStringField Class="w-100" Label="@I18n["Lastname"]" Outlined="true" type="text" @bind-Value="@Account.Lastname" Required="true"
  33. OnKeyDown="@InputCursorHandler.OnKeyDownHandlerAsync"></MatStringField>
  34. </div>
  35. </div>
  36. <div class="row no-gutters align-items-center w-100">
  37. <div class="col-12">
  38. <MatStringField Class="w-100" Label="@I18n["Address"]" Outlined="true" type="text" @bind-Value="@Account.Address"
  39. OnKeyDown="@InputCursorHandler.OnKeyDownHandlerAsync"></MatStringField>
  40. </div>
  41. </div>
  42. <div class="row no-gutters align-items-center w-100">
  43. <div class="col-4" style="padding-right:0.5em">
  44. <MatStringField Class="w-100" Label="@I18n["Zip"]" Outlined="true" type="text" @bind-Value="@Account.Zip"
  45. OnKeyDown="@InputCursorHandler.OnKeyDownHandlerAsync"></MatStringField>
  46. </div>
  47. <div class="col-8" style="padding-left:0.5em">
  48. <MatStringField Class="w-100" Label="@I18n["City"]" Outlined="true" type="text" @bind-Value="@Account.City"
  49. OnKeyDown="@InputCursorHandler.OnKeyDownHandlerAsync"></MatStringField>
  50. </div>
  51. </div>
  52. <div class="row no-gutters align-items-center w-100">
  53. <div class="col-12">
  54. <MatStringField Class="w-100" Label="@I18n["Phone"]" Outlined="true" type="text" @bind-Value="@Account.Phone" Required="true"
  55. OnKeyDown="@InputCursorHandler.OnKeyDownHandlerAsync"></MatStringField>
  56. </div>
  57. </div>
  58. <div class="row no-gutters align-items-center w-100">
  59. <div class="col-12">
  60. <MatStringField Class="w-100" Label="@I18n["Mobile"]" Outlined="true" type="text" @bind-Value="@Account.Mobile"
  61. OnKeyDown="@InputCursorHandler.OnKeyDownHandlerAsync"></MatStringField>
  62. </div>
  63. </div>
  64. <div class="row no-gutters align-items-center w-100">
  65. <div class="col-12">
  66. <MatStringField Class="w-100" Label="@I18n["Mail"]" Outlined="true" type="text" @bind-Value="@Account.Email"
  67. OnKeyDown="@InputCursorHandler.OnKeyDownHandlerAsync"></MatStringField>
  68. </div>
  69. </div>
  70. </div>
  71. @if (!string.IsNullOrEmpty(FromRoute)) {
  72. <div class="row no-gutters justify-content-end w-100">
  73. <div class="row no-gutters align-items-end justify-content-center" style="padding-bottom:2em">
  74. <MatButton Class="w-100" Raised="true" @onclick="SaveUserData">@I18n["Save"]</MatButton>
  75. </div>
  76. </div>
  77. <div class="row no-gutters align-items-end justify-content-center w-100" style="padding-bottom:2em">
  78. <div class="col" style="padding-right:0.5em">
  79. <MatButton Class="w-100" Outlined="true" @onclick="Cancel">@I18n["Cancel"]</MatButton>
  80. </div>
  81. <div class="col" style="padding-left:0.5em">
  82. <MatButton Class="w-100" Raised="true" @onclick="Next">@I18n["Send"]</MatButton>
  83. </div>
  84. </div>
  85. } else {
  86. <div class="row no-gutters align-items-end justify-content-center w-100" style="padding-bottom:2em">
  87. <MatButton Class="w-100" Raised="true" @onclick="SaveUserDataAndClose">@I18n["Save"]</MatButton>
  88. </div>
  89. }
  90. </div>
  91. @code {
  92. [Parameter]
  93. public string FromRoute { get; set; }
  94. private UserData Account = new();
  95. protected async override void OnInitialized() {
  96. base.OnInitialized();
  97. PageHistoryManager.OnBeforeNavigateBack = new EventCallback(this, (Action)OnBeforeNavigateBack);
  98. Account = await GetUserData();
  99. if (!string.IsNullOrEmpty(FromRoute) && ReportDataProvider.Report != null) {
  100. UserDataProvider.MapUserData(Account, ReportDataProvider.Report);
  101. }
  102. StateHasChanged();
  103. }
  104. private void OnBeforeNavigateBack() {
  105. if (ReportDataProvider.Report != null) {
  106. UserDataProvider.MapReport(ReportDataProvider.Report, Account);
  107. }
  108. }
  109. private async Task SaveUserData() {
  110. Validator.ValidateAccount(Account);
  111. await UserDataProvider.Save(Account);
  112. }
  113. private async void SaveUserDataAndClose() {
  114. try {
  115. await SaveUserData();
  116. NavigationManager.NavigateTo("caritas_services");
  117. } catch (ArgumentException) {
  118. Toaster.ShowWarning(I18n.GetString("Warning.MandatoryFields.Title"), I18n.GetString("Warning.MandatoryFields.Msg"));
  119. }
  120. }
  121. private async Task<UserData> GetUserData() {
  122. return await UserDataProvider.Get();
  123. }
  124. private void Next() {
  125. PageHistoryManager.AddPageToHistory(NavigationManager.Uri);
  126. try {
  127. if ("Found".Equals(FromRoute)) {
  128. UserDataProvider.MapReport(ReportDataProvider.Report, Account);
  129. Validator.ValidateContact(ReportDataProvider.Report);
  130. NavigationManager.NavigateTo("fundvelo/conclusion_found");
  131. } else {
  132. UserDataProvider.MapMissingReport(ReportDataProvider.GetMissingReport(), Account);
  133. Validator.ValidateContact(ReportDataProvider.Report);
  134. NavigationManager.NavigateTo("fundvelo/conclusion_missing");
  135. }
  136. } catch (ArgumentException) {
  137. Toaster.ShowWarning(I18n.GetString("Warning.MandatoryFields.Title"), I18n.GetString("Warning.MandatoryFields.Msg"));
  138. }
  139. }
  140. private void Cancel() {
  141. NavigationManager.NavigateTo("caritas_services");
  142. }
  143. }