Conclusion page of missing like Conclusion page of found

Pages/Fundvelo/CaritasServiceFundVeloMissingConclusion.razor

@@ -3,6 +3,7 @@
 @using cwebplusApp.Shared.Services;
 @using cwebplusApp.Shared.Models;
 @using cwebplusApp.Components;
+@using System.Text.RegularExpressions;
 
 @inject NavigationManager NavigationManager;
 @inject IStringLocalizer<Resources> I18n;
@@ -14,9 +15,19 @@
 
 <div class="row px-3 h-100">
     <div class="row no-gutters align-items-start justify-content-center w-100">
-        <MatHeadline4 Style="font-family:Ubuntu;padding-top:0.5em">@I18n["Info"]</MatHeadline4>
+        <MatHeadline4 Style="font-family:Ubuntu;padding-top:0.5em">@I18n["Confirmation"]</MatHeadline4>
     </div>
-    <div class="row no-gutters align-items-start justify-content-center w-100">
+    @if (ResponseStatus.OK == responseStatus) {
+        <div class="row no-gutters align-items-start justify-content-center w-100" style="height:fit-content">
+            <div class="w-100" style="text-align: center">
+                <MatHeadline6 Style="font-family:Ubuntu">@I18n["FinishedTextMissing"]</MatHeadline6>
+            </div>
+            <div class="w-100" style="text-align: center">
+                <MatHeadline6 Style="font-family:Ubuntu">@referenceNumber</MatHeadline6>
+            </div>
+        </div>
+    }
+    <div class="row no-gutters align-items-start justify-content-center w-100" style="height:fit-content">
         @if (running) {
             <div style="width:48px;margin:0 auto;">
                 <MatProgressCircle Indeterminate="true" Size="MatProgressCircleSize.Large" />
@@ -26,50 +37,9 @@
             </div>
         } else {
             if (ResponseStatus.OK == responseStatus) {
-                <MatHeadline5 Style="font-family:Ubuntu; text-align:center">@I18n["FinishedTextMissing"]</MatHeadline5>
-                <MatSubtitle1 Class="w-100" Style="font-family:Ubuntu; text-align:left; font-weight:800">@I18n["FinishedTextMissing_Heading1"]</MatSubtitle1>
-                <ul class="w-100" style="margin-bottom:0">
-                    <li class="w-100" style="font-family: Ubuntu; text-align: left">@I18n["FinishedTextMissing_2"]</li>
-                    <li class="w-100" style="font-family: Ubuntu; text-align: left">@I18n["FinishedTextMissing_3"]</li>
-                </ul>
-                <MatSubtitle1 Class="w-100" Style="font-family:Ubuntu; text-align:left; font-weight:800;padding-top:20px">@I18n["FinishedTextMissing_Heading2"]</MatSubtitle1>
-                <ul class="w-100" style="margin-bottom:0">
-                    <li class="w-100" style="font-family: Ubuntu; text-align: left">@I18n["FinishedTextMissing_4"]</li>
-                    <li class="w-100" style="font-family: Ubuntu; text-align: left">@I18n["FinishedTextMissing_5"]</li>
-                    <li class="w-100" style="font-family: Ubuntu; text-align: left">@I18n["FinishedTextMissing_6"]</li>
-                </ul>
-                <MatHeadline5 Class="w-100" Style="font-family: Ubuntu; text-align: left;padding-top:20px">@I18n["FinishedTextMissing_Heading3"]</MatHeadline5>
-                <div class="w-100">
-                    <MatIcon Style="padding-right:1rem">
-                        <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
-                            <path d="M0 0h24v24H0V0z" fill="none" />
-                            <path d="M19 17.47c-.88-.07-1.75-.22-2.6-.45l-1.19 1.19c1.2.41 2.48.67 3.8.75v-1.49zM5.03 5c.09 1.32.35 2.59.75 3.8l1.2-1.2c-.23-.84-.38-1.71-.44-2.6H5.03z" opacity=".3" />
-                            <path d="M9.07 7.57C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.49c0-.55-.45-1-1-1-1.24 0-2.45-.2-3.57-.57-.1-.04-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.45-5.15-3.76-6.59-6.59l2.2-2.2c.28-.28.36-.67.25-1.02zm7.33 9.45c.85.24 1.72.39 2.6.45v1.49c-1.32-.09-2.59-.35-3.8-.75l1.2-1.19zM5.79 8.8c-.41-1.21-.67-2.48-.76-3.8h1.5c.07.89.22 1.76.46 2.59L5.79 8.8z" />
-                        </svg>
-                    </MatIcon>
-                    <MatSubtitle1 Class="w-100" Style="font-family:Ubuntu; text-align:left; font-weight:800;display:contents">@I18n["FinishedTextMissing_LostOffice_Phone"]</MatSubtitle1>
-                </div>
-                <div class="w-100">
-                    <MatIcon Style="padding-right:1rem">
-                        <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
-                            <path d="M0 0h24v24H0V0z" fill="none" />
-                            <path d="M20 8l-8 5-8-5v10h16zm0-2H4l8 4.99z" opacity=".3" />
-                            <path d="M4 20h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2zM20 6l-8 4.99L4 6h16zM4 8l8 5 8-5v10H4V8z" />
-                        </svg>
-                    </MatIcon>
-                    <MatSubtitle1 Class="w-100" Style="font-family: Ubuntu;text-align:left; font-weight:800; display:contents">@I18n["FinishedTextMissing_LostOffice_Mail"]</MatSubtitle1>
-                </div>
-                <div class="w-100">
-                    <MatIcon Style="padding-right:1rem">
-                        <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
-                            <path d="M0 0h24v24H0V0z" fill="none" />
-                            <path d="M12 4C9.24 4 7 6.24 7 9c0 2.85 2.92 7.21 5 9.88 2.11-2.69 5-7 5-9.88 0-2.76-2.24-5-5-5zm0 7.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" opacity=".3" />
-                            <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zM7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.88-2.88 7.19-5 9.88C9.92 16.21 7 11.85 7 9z" />
-                            <circle cx="12" cy="9" r="2.5" />
-                        </svg>
-                    </MatIcon>
-                    <MatSubtitle1 Class="w-100" Style="font-family:Ubuntu; text-align:left; font-weight:800; display:contents">@I18n["FinishedTextMissing_LostOffice_Address"]</MatSubtitle1>
-                </div>
+                <Animate Animation="Animations.ZoomIn" Duration="TimeSpan.FromSeconds(2.5)">
+                    <DoneImage></DoneImage>
+                </Animate>
             } else if (ResponseStatus.Error == responseStatus) {
                 <Animate Animation="Animations.ZoomIn" Duration="TimeSpan.FromSeconds(2.5)">
                     <FailureImage></FailureImage>
@@ -113,6 +83,7 @@
     private ResponseStatus responseStatus = ResponseStatus.NoConnection;
     private bool running = true;
     private ReportResponse response;
+    private string referenceNumber;
 
     protected async override void OnInitialized() {
         base.OnInitialized();
@@ -131,6 +102,7 @@
 
         if (ResponseStatus.OK == responseStatus) {
             Toaster.ShowSuccess(I18n.GetString("MissingBike"), response.Message);
+            referenceNumber = Regex.Match(response.Message, "[A-Z]{2}[0-9]{10}").Value;
             PageHistoryManager.Reset();
         } else if (ResponseStatus.Error == responseStatus) {
             Toaster.ShowError(response.Message, response.GetDataAsFormattedList());

Shared/ResourceFiles/Resources.de.resx

@@ -325,7 +325,7 @@ Die KulturLegi wirkt dem entgegen indem sie Kultur-, Bildungs- und Sportangebote
     <value>Meldenummer:</value>
   </data>
   <data name="FinishedTextMissing" xml:space="preserve">
-    <value>Sie erhalten Auskunft beim Fundbüro Luzern</value>
+    <value>Suchauftragsnummer:</value>
   </data>
   <data name="FinishedTextMissing_2" xml:space="preserve">
     <value>Marke und Farbe</value>

Shared/ResourceFiles/Resources.fr.resx

@@ -325,7 +325,7 @@ La KulturLegi s'attaque à ce problème en rendant les activités culturelles,
     <value>Numéro du rapport:</value>
   </data>
   <data name="FinishedTextMissing" xml:space="preserve">
-    <value>Vous pouvez obtenir des informations auprès du bureau des objets trouvés de Lucerne</value>
+    <value>Numéro du rapport:</value>
   </data>
   <data name="FinishedTextMissing_2" xml:space="preserve">
     <value>Marque et couleur</value>

Shared/ResourceFiles/Resources.it.resx

@@ -325,7 +325,7 @@ La KulturLegi si oppone a questo rendendo le attività culturali, educative e sp
     <value>Numero del rapporto:</value>
   </data>
   <data name="FinishedTextMissing" xml:space="preserve">
-    <value>Potete ottenere informazioni dall'ufficio degli oggetti smarriti di Lucerna</value>
+    <value>Numero del rapporto:</value>
   </data>
   <data name="FinishedTextMissing_2" xml:space="preserve">
     <value>Marca e colore</value>

Shared/ResourceFiles/Resources.resx

@@ -325,7 +325,7 @@ The KulturLegi counteracts this by making cultural, educational and sporting act
     <value>Report number:</value>
   </data>
   <data name="FinishedTextMissing" xml:space="preserve">
-    <value>You can obtain information from the Lucerne lost property office</value>
+    <value>Report number:</value>
   </data>
   <data name="FinishedTextMissing_2" xml:space="preserve">
     <value>Brand and colour</value>