Issue34: Edit applicant photo in mobile app

Mobile/Extensions/MauiExtensions.cs

@@ -0,0 +1,24 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Carmen.Mobile.Extensions
+{
+    internal static class MauiExtensions
+    {
+        /// <summary>This is primarily required because ImageButton doesn't work.
+        /// It completely ignores the Aspect setting and displays like junk, it is unusable.
+        /// This extension allows you to add a Tapped event handler to a non-tappable Image, which DOES work.</summary>
+        public static void AddTapHandler(this View view, EventHandler<TappedEventArgs> handler, int number_of_taps_required = 1)
+        {
+            var tapped = new TapGestureRecognizer
+            {
+                NumberOfTapsRequired = number_of_taps_required
+            };
+            tapped.Tapped += handler;
+            view.GestureRecognizers.Add(tapped);
+        }
+    }
+}

Mobile/Platforms/Android/AndroidManifest.xml

@@ -1,6 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
 	<application android:allowBackup="true" android:icon="@mipmap/appicon" android:roundIcon="@mipmap/appicon_round" android:supportsRtl="true"></application>
-	<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
 	<uses-permission android:name="android.permission.INTERNET" />
+  <queries>
+    <intent>
+      <action android:name="android.media.action.IMAGE_CAPTURE" />
+    </intent>
+  </queries>
 </manifest>

Mobile/Platforms/Android/MainApplication.cs

@@ -3,6 +3,14 @@
 
 [assembly: UsesPermission(Android.Manifest.Permission.Internet)]
 
+// Needed for Picking photo
+[assembly: UsesPermission(Android.Manifest.Permission.ReadExternalStorage, MaxSdkVersion = 32)]
+[assembly: UsesPermission(Android.Manifest.Permission.ReadMediaImages)]
+
+// Needed for Taking photo
+[assembly: UsesPermission(Android.Manifest.Permission.Camera)]
+[assembly: UsesPermission(Android.Manifest.Permission.WriteExternalStorage, MaxSdkVersion = 32)]
+
 namespace Carmen.Mobile
 {
     [Application]

Mobile/Platforms/MacCatalyst/Info.plist

@@ -31,5 +31,13 @@
 	<string>David Lang © 2023</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
+  <key>NSCameraUsageDescription</key>
+  <string>This app needs access to the camera to take photos.</string>
+  <key>NSMicrophoneUsageDescription</key>
+  <string>This app needs access to microphone for taking videos.</string>
+  <key>NSPhotoLibraryAddUsageDescription</key>
+  <string>This app needs access to the photo gallery for picking photos and videos.</string>
+  <key>NSPhotoLibraryUsageDescription</key>
+  <string>This app needs access to photos gallery for picking photos and videos.</string>
 </dict>
 </plist>

Mobile/Platforms/iOS/Info.plist

@@ -30,5 +30,13 @@
 	<string>Assets.xcassets/appicon.appiconset</string>
 	<key>UILaunchStoryboardName</key>
   	<string>MauiSplash</string>
+  <key>NSCameraUsageDescription</key>
+  <string>This app needs access to the camera to take photos.</string>
+  <key>NSMicrophoneUsageDescription</key>
+  <string>This app needs access to microphone for taking videos.</string>
+  <key>NSPhotoLibraryAddUsageDescription</key>
+  <string>This app needs access to the photo gallery for picking photos and videos.</string>
+  <key>NSPhotoLibraryUsageDescription</key>
+  <string>This app needs access to photos gallery for picking photos and videos.</string>
 </dict>
 </plist>

Mobile/Popups/ListPopup.cs

@@ -0,0 +1,33 @@
+using CommunityToolkit.Maui.Views;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Carmen.Mobile.Popups
+{
+    internal class ListPopup<T> : Popup
+    {
+        public ListPopup(T[] items, Func<T, string> display_getter)
+        {
+            var layout = new VerticalStackLayout
+            {
+                Spacing = 5
+            };
+            foreach (var item in items)
+            {
+                var button = new Button
+                {
+                    Text = display_getter(item)
+                };
+                button.Clicked += (s, e) =>
+                {
+                    Close(item);
+                };
+                layout.Children.Add(button);
+            }
+            Content = layout;
+        }
+    }
+}

Mobile/Views/ApplicantDetails.cs

@@ -1,13 +1,17 @@
 using Carmen.Desktop.Converters;
 using Carmen.Mobile.Converters;
+using Carmen.Mobile.Extensions;
 using Carmen.Mobile.Models;
+using Carmen.Mobile.Popups;
 using Carmen.ShowModel;
 using Carmen.ShowModel.Applicants;
 using Carmen.ShowModel.Criterias;
 using Carmen.ShowModel.Structure;
+using CommunityToolkit.Maui.Views;
 using Serilog;
 using System;
 using System.Collections.Generic;
+using System.IO;
 using System.Linq;
 using System.Runtime.CompilerServices;
 using System.Text;
@@ -125,7 +129,7 @@ private async void ViewApplicant_Loaded(object? sender, EventArgs e)
             else if (await Task.Run(() => applicant.Photo) is SM.Image image)
                 source = await ActualImage(image);
             else
-                source = null;
+                source = ImageSource.FromFile("no_photo.png");
             model.LoadedPhoto(source);
         }
 
@@ -246,13 +250,58 @@ private View GenerateSideView()
             activity.SetBinding(ActivityIndicator.IsVisibleProperty, new Binding(nameof(ApplicantModel.IsLoadingPhoto)));
             var image = new MC.Image();
             image.SetBinding(MC.Image.SourceProperty, new Binding(nameof(ApplicantModel.Photo)));
+            image.AddTapHandler(Image_Clicked);
             return new Grid
             {
                 image,
                 activity
             };
         }
 
+        private async void Image_Clicked(object? sender, EventArgs e)
+        {
+            if (model.Applicant == null)
+                return;
+            // choose how we get the image
+            Func<MediaPickerOptions?, Task<FileResult?>> getter;
+            if (MediaPicker.Default.IsCaptureSupported)
+            {
+                var options = new[]
+                {
+                    "Take a photo",
+                    "Pick an existing photo"
+                };
+                var popup = new ListPopup<string>(options, s => s);
+                var result = await this.ShowPopupAsync(popup);
+                if (result == options[0])
+                    getter = MediaPicker.Default.CapturePhotoAsync;
+                else if (result == options[1])
+                    getter = MediaPicker.Default.PickPhotoAsync;
+                else
+                    return;
+            }
+            else
+            {
+                getter = MediaPicker.Default.PickPhotoAsync;
+            }
+            // actually get the image
+            if (await getter(null) is FileResult file)
+            {
+                var photo = new SM.Image
+                {
+                    Name = file.FileName
+                };
+                using Stream source_stream = await file.OpenReadAsync();
+                using (var memory_stream = new MemoryStream())
+                {
+                    source_stream.CopyTo(memory_stream);
+                    photo.ImageData = memory_stream.ToArray();
+                }
+                model.Applicant.Photo = photo;
+                model.LoadedPhoto(await ActualImage(photo));
+            }
+        }
+
         private async void Save_Clicked(object? sender, EventArgs e)
         {
             if (context == null)