PWA Fundvelo der Caritas.
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

CaritasServiceFundVeloAlternatePickupContactPage.razor 6.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. @page "/fundvelo/alternate_pickup"
  2. @using cwebplusApp.Shared.Models;
  3. @using cwebplusApp.Shared.Services;
  4. @inject NavigationManager NavigationManager
  5. @inject UserDataProvider UserDataProvider
  6. @inject IStringLocalizer<Resources> I18n
  7. @inject PageHistoryManager PageHistoryManager
  8. @inject ReportDataProvider ReportDataProvider
  9. @inject Toaster Toaster
  10. <div class="row px-3 h-100">
  11. @*<div class="row no-gutters align-items-start justify-content-center w-100">
  12. <MatHeadline4 Style="font-family:Ubuntu;padding-top:1em">@I18n["PickupContact"]</MatHeadline4>
  13. </div>*@
  14. <div class="row no-gutters align-items-center justify-content-center w-100" style="padding-top:1em">
  15. <h2>@I18n["PickupContact"]</h2>
  16. </div>
  17. <div class="row no-gutters align-items-start w-100">
  18. <div class="row no-gutters w-100">
  19. <div class="col-12">
  20. <MatSelect Class="w-100 required" Label="@I18n["Salutation"]" Outlined="true" @bind-Value="pucSalutation" Required="true" Style="margin-bottom: 0.5rem">
  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="pucFirstname" Required="true"></MatStringField>
  29. </div>
  30. <div class="col-6" style="padding-left:0.5em">
  31. <MatStringField Class="w-100" Label="@I18n["Lastname"]" Outlined="true" type="text" @bind-Value="pucLastname" Required="true"></MatStringField>
  32. </div>
  33. </div>
  34. <div class="row no-gutters align-items-center w-100">
  35. <div class="col-12">
  36. <MatStringField Class="w-100" Label="@I18n["Address"]" Outlined="true" type="text" @bind-Value="pucAddress" Required="true"></MatStringField>
  37. </div>
  38. </div>
  39. <div class="row no-gutters align-items-center w-100">
  40. <div class="col-4" style="padding-right:0.5em">
  41. <MatStringField Class="w-100" Label="@I18n["Zip"]" Outlined="true" type="text" @bind-Value="pucZip" Required="true"></MatStringField>
  42. </div>
  43. <div class="col-8" style="padding-left:0.5em">
  44. <MatStringField Class="w-100" Label="@I18n["City"]" Outlined="true" type="text" @bind-Value="pucCity" Required="true"></MatStringField>
  45. </div>
  46. </div>
  47. <div class="row no-gutters align-items-center w-100">
  48. <div class="col-12">
  49. <MatStringField Class="w-100" Label="@I18n["Mobile"]" Outlined="true" type="text" @bind-Value="pucMobile"></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="pucPhone"></MatStringField>
  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["Mail"]" Outlined="true" type="text" @bind-Value="pucEmail"></MatStringField>
  60. </div>
  61. </div>
  62. </div>
  63. <div class="row no-gutters align-items-end justify-content-center w-100" style="padding-bottom:2em">
  64. <div class="col" style="padding-right:0.5em">
  65. <MatButton Class="w-100" Outlined="true" @onclick="Cancel">@I18n["Cancel"]</MatButton>
  66. </div>
  67. <div class="col" style="padding-left:0.5em">
  68. <MatButton Class="w-100" Raised="true" @onclick="Next">@I18n["Continue"]</MatButton>
  69. </div>
  70. </div>
  71. </div>
  72. @code {
  73. private string pucSalutation;
  74. private string pucFirstname;
  75. private string pucLastname;
  76. private string pucAddress;
  77. private string pucZip;
  78. private string pucCity;
  79. private string pucMobile;
  80. private string pucPhone;
  81. private string pucEmail;
  82. protected override void OnInitialized() {
  83. base.OnInitialized();
  84. PageHistoryManager.OnBeforeNavigateBack = new EventCallback(this, (Action)OnBeforeNavigateBack);
  85. refreshGUIFromDto();
  86. StateHasChanged();
  87. }
  88. private void OnBeforeNavigateBack() {
  89. updateDtoFromGUI();
  90. }
  91. private void Next() {
  92. updateDtoFromGUI();
  93. PageHistoryManager.AddPageToHistory(NavigationManager.Uri);
  94. try {
  95. Validator.ValidateAlternatePickContact(ReportDataProvider.GetFoundReport());
  96. NavigationManager.NavigateTo("fundvelo/account/Found");
  97. } catch (ArgumentException) {
  98. Toaster.ShowWarning(I18n.GetString("Warning.MandatoryFields.Title"), I18n.GetString("Warning.MandatoryFields.Msg"));
  99. }
  100. }
  101. private void Cancel() {
  102. NavigationManager.NavigateTo("caritas_services");
  103. }
  104. private void refreshGUIFromDto() {
  105. FoundReport report = ReportDataProvider.GetFoundReport();
  106. pucSalutation = report.AbholAnrede;
  107. pucFirstname = report.AbholVorname;
  108. pucLastname = report.AbholNachname;
  109. pucAddress = report.AbholStrasse;
  110. pucZip = report.AbholPLZ;
  111. pucCity = report.AbholOrt;
  112. pucMobile = report.AbholMobil;
  113. pucPhone = report.AbholTelefon;
  114. pucEmail = report.AbholMail;
  115. }
  116. private void updateDtoFromGUI() {
  117. FoundReport report = ReportDataProvider.GetFoundReport();
  118. report.AbholAnrede = pucSalutation;
  119. report.AbholVorname = pucFirstname;
  120. report.AbholNachname = pucLastname;
  121. report.AbholStrasse = pucAddress;
  122. report.AbholPLZ = pucZip;
  123. report.AbholOrt = pucCity;
  124. report.AbholMobil = pucMobile;
  125. report.AbholTelefon = pucPhone;
  126. report.AbholMail = pucEmail;
  127. }
  128. }