PWA Fundvelo der Caritas.
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

AccountPage.razor 9.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  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. @inject MasterDataService MasterDataService
  13. <div class="row px-3 h-100">
  14. <div class="row no-gutters align-items-center justify-content-center w-100" style="padding-top:1em">
  15. <h2>@I18n["MyData"]</h2>
  16. </div>
  17. <div class="row no-gutters align-items-start w-100">
  18. <div class="row no-gutters align-items-center w-100">
  19. <div class="col-12">
  20. <MatSelect Class="w-100 required" Label="@I18n["Salutation"]" Outlined="true" @bind-Value="@Account.Salutation" Style="margin-bottom: 0.5rem" Required="true"
  21. @onkeydown="InputCursorHandler.OnKeyDownHandlerAsync">
  22. <MatOptionString Value="M">@I18n["Male"]</MatOptionString>
  23. <MatOptionString Value="F">@I18n["Female"]</MatOptionString>
  24. </MatSelect>
  25. </div>
  26. </div>
  27. <div class="row no-gutters w-100">
  28. <div class="col-6" style="padding-right:0.5em">
  29. <MatStringField Class="w-100" Label="@I18n["Firstname"]" Outlined="true" type="text" @bind-Value="@Account.Firstname" Required="true"
  30. OnKeyDown="@InputCursorHandler.OnKeyDownHandlerAsync"></MatStringField>
  31. </div>
  32. <div class="col-6" style="padding-left:0.5em">
  33. <MatStringField Class="w-100" Label="@I18n["Lastname"]" Outlined="true" type="text" @bind-Value="@Account.Lastname" Required="true"
  34. OnKeyDown="@InputCursorHandler.OnKeyDownHandlerAsync"></MatStringField>
  35. </div>
  36. </div>
  37. <div class="row no-gutters align-items-center w-100">
  38. <div class="col-12">
  39. <MatStringField Class="w-100" Label="@I18n["Address"]" Outlined="true" type="text" @bind-Value="@Account.Address"
  40. OnKeyDown="@InputCursorHandler.OnKeyDownHandlerAsync"></MatStringField>
  41. </div>
  42. </div>
  43. <div class="row no-gutters align-items-center w-100">
  44. <div class="col-12">
  45. <div class="outlined">
  46. <MatAutocompleteList TItem="ZipCity" FullWidth="true" Label="@getZipCityLbl()" Required="true" Items="@ZipCities" OnTextChanged="setZipCityValue" @bind-Value="SelectedZipCity" CustomStringSelector="@(i => i?.Zip_City)"
  47. ShowClearButton="true" NumberOfElementsInPopup="6" @onkeydown="InputCursorHandler.OnKeyDownHandlerAsync">
  48. <ItemTemplate>
  49. <div>
  50. <span>@context?.Zip_City</span>
  51. </div>
  52. </ItemTemplate>
  53. </MatAutocompleteList>
  54. </div>
  55. </div>
  56. </div>
  57. <div class="row no-gutters align-items-center w-100">
  58. <div class="col-12">
  59. <MatStringField Class="w-100" Label="@I18n["Phone"]" Outlined="true" type="text" @bind-Value="@Account.Phone" Required="true"
  60. OnKeyDown="@InputCursorHandler.OnKeyDownHandlerAsync"></MatStringField>
  61. </div>
  62. </div>
  63. <div class="row no-gutters align-items-center w-100">
  64. <div class="col-12">
  65. <MatStringField Class="w-100" Label="@I18n["Mobile"]" Outlined="true" type="text" @bind-Value="@Account.Mobile"
  66. OnKeyDown="@InputCursorHandler.OnKeyDownHandlerAsync"></MatStringField>
  67. </div>
  68. </div>
  69. <div class="row no-gutters align-items-center w-100">
  70. <div class="col-12">
  71. <MatStringField Class="w-100" Label="@I18n["Mail"]" Outlined="true" type="text" @bind-Value="@Account.Email"
  72. OnKeyDown="@InputCursorHandler.OnKeyDownHandlerAsync"></MatStringField>
  73. </div>
  74. </div>
  75. </div>
  76. @if (!string.IsNullOrEmpty(FromRoute)) {
  77. <div class="row no-gutters justify-content-end w-100">
  78. <div class="row no-gutters align-items-end justify-content-center" style="padding-bottom:2em">
  79. <MatButton Class="w-100" Raised="true" @onclick="SaveUserData">@I18n["Save"]</MatButton>
  80. </div>
  81. </div>
  82. <div class="row no-gutters align-items-end justify-content-center w-100" style="padding-bottom:2em">
  83. <div class="col" style="padding-right:0.5em">
  84. <MatButton Class="w-100" Outlined="true" @onclick="Cancel">@I18n["Cancel"]</MatButton>
  85. </div>
  86. <div class="col" style="padding-left:0.5em">
  87. <MatButton Class="w-100" Raised="true" @onclick="Next">@I18n["Send"]</MatButton>
  88. </div>
  89. </div>
  90. } else {
  91. <div class="row no-gutters align-items-end justify-content-center w-100" style="padding-bottom:2em">
  92. <MatButton Class="w-100" Raised="true" @onclick="SaveUserDataAndClose">@I18n["Save"]</MatButton>
  93. </div>
  94. }
  95. </div>
  96. @code {
  97. [Parameter]
  98. public string FromRoute { get; set; }
  99. private UserData Account = new();
  100. private string zipCityStringValue;
  101. private ZipCity selectedZipCity;
  102. private ZipCity SelectedZipCity {
  103. get { return selectedZipCity; }
  104. set { selectedZipCity = (value != null) ? value : new ZipCity(zipCityStringValue); }
  105. }
  106. private void setZipCityValue(string value) {
  107. zipCityStringValue = value;
  108. selectedZipCity = null;
  109. }
  110. private ZipCity[] ZipCities {
  111. get => MasterDataService.ZipCities;
  112. }
  113. protected async override void OnInitialized() {
  114. base.OnInitialized();
  115. PageHistoryManager.OnBeforeNavigateBack = new EventCallback(this, (Action)OnBeforeNavigateBack);
  116. Account = await GetUserData();
  117. if (!string.IsNullOrEmpty(FromRoute) && ReportDataProvider.Report != null) {
  118. UserDataProvider.MapUserData(Account, ReportDataProvider.Report);
  119. }
  120. setZipCityValue(Account.Zip + " " + Account.City);
  121. SelectedZipCity = Array.Find(ZipCities, zipCity => (zipCity.Zip.Equals(Account.Zip) && zipCity.City.Equals(Account.City)));
  122. StateHasChanged();
  123. }
  124. private void OnBeforeNavigateBack() {
  125. if (ReportDataProvider.Report != null) {
  126. UserDataProvider.MapReport(ReportDataProvider.Report, Account);
  127. }
  128. }
  129. private async Task SaveUserData() {
  130. try {
  131. Account.Zip = SelectedZipCity.Zip;
  132. Account.City = SelectedZipCity.City;
  133. Validator.ValidateAccount(Account);
  134. await UserDataProvider.Save(Account);
  135. Toaster.ShowSuccess(I18n.GetString("Success.SaveUserdata.Title"), I18n.GetString("Success.SaveUserdata.Msg"));
  136. } catch (ArgumentException) {
  137. Toaster.ShowWarning(I18n.GetString("Warning.MandatoryFields.Title"), I18n.GetString("Warning.MandatoryFields.Msg"));
  138. }
  139. }
  140. private async void SaveUserDataAndClose() {
  141. try {
  142. Account.Zip = SelectedZipCity.Zip;
  143. Account.City = SelectedZipCity.City;
  144. Validator.ValidateAccount(Account);
  145. await UserDataProvider.Save(Account);
  146. Toaster.ShowSuccess(I18n.GetString("Success.SaveUserdata.Title"), I18n.GetString("Success.SaveUserdata.Msg"));
  147. NavigationManager.NavigateTo("caritas_services");
  148. } catch (ArgumentException) {
  149. Toaster.ShowSuccess(I18n.GetString("Success.SaveUserdata.Title"), I18n.GetString("Success.SaveUserdata.Msg"));
  150. Toaster.ShowWarning(I18n.GetString("Warning.MandatoryFields.Title"), I18n.GetString("Warning.MandatoryFields.Msg"));
  151. }
  152. }
  153. private async Task<UserData> GetUserData() {
  154. return await UserDataProvider.Get();
  155. }
  156. private string getZipCityLbl() {
  157. return String.Format("{0} {1} ({2})", I18n.GetString("Zip"), I18n.GetString("City"), I18n.GetString("PlaceOfDiscovery"));
  158. }
  159. private void Next() {
  160. PageHistoryManager.AddPageToHistory(NavigationManager.Uri);
  161. try {
  162. if ("Found".Equals(FromRoute)) {
  163. UserDataProvider.MapReport(ReportDataProvider.Report, Account);
  164. Validator.ValidateContact(ReportDataProvider.Report);
  165. NavigationManager.NavigateTo("fundvelo/conclusion_found");
  166. } else {
  167. UserDataProvider.MapMissingReport(ReportDataProvider.GetMissingReport(), Account);
  168. Validator.ValidateContact(ReportDataProvider.Report);
  169. NavigationManager.NavigateTo("fundvelo/conclusion_missing");
  170. }
  171. } catch (ArgumentException) {
  172. Toaster.ShowWarning(I18n.GetString("Warning.MandatoryFields.Title"), I18n.GetString("Warning.MandatoryFields.Msg"));
  173. }
  174. }
  175. private void Cancel() {
  176. NavigationManager.NavigateTo("caritas_services");
  177. }
  178. }