From 375c8b0ce6f0f1d93a55251e6a845c6079b496ed Mon Sep 17 00:00:00 2001
From: Benoit Martins <benoit.martins@belledonne-communications.com>
Date: Thu, 16 Nov 2023 16:59:10 +0100
Subject: [PATCH] Add history call detail

---
 Linphone/Localizable.xcstrings                |   6 +-
 Linphone/UI/Main/ContentView.swift            |   9 +-
 .../Fragments/HistoryContactFragment.swift    | 409 +++++++++++++++++-
 .../Fragments/HistoryListFragment.swift       |  40 +-
 .../History/ViewModel/HistoryViewModel.swift  |   2 +-
 5 files changed, 418 insertions(+), 48 deletions(-)

diff --git a/Linphone/Localizable.xcstrings b/Linphone/Localizable.xcstrings
index 695ac7218..dda26ce71 100644
--- a/Linphone/Localizable.xcstrings
+++ b/Linphone/Localizable.xcstrings
@@ -145,6 +145,9 @@
     },
     "Block the number" : {
 
+    },
+    "Call history" : {
+
     },
     "Calls" : {
 
@@ -253,9 +256,6 @@
     },
     "First name*" : {
 
-    },
-    "History Contact fragment" : {
-
     },
     "I prefere create an account" : {
 
diff --git a/Linphone/UI/Main/ContentView.swift b/Linphone/UI/Main/ContentView.swift
index 6c677de8a..62f76caca 100644
--- a/Linphone/UI/Main/ContentView.swift
+++ b/Linphone/UI/Main/ContentView.swift
@@ -61,6 +61,7 @@ struct ContentView: View {
 									Spacer()
 									Button(action: {
 										self.index = 0
+										historyViewModel.displayedCall = nil
 									}, label: {
 										VStack {
 											Image("address-book")
@@ -178,7 +179,6 @@ struct ContentView: View {
 											Button(role: .destructive) {
 												isMenuOpen = false
 												isShowDeleteAllHistoryPopup.toggle()
-												//historyListViewModel.removeCallLogs()
 											} label: {
 												HStack {
 													Text("Delete all history")
@@ -353,6 +353,7 @@ struct ContentView: View {
 								Spacer()
 								Button(action: {
 									self.index = 0
+									historyViewModel.displayedCall = nil
 								}, label: {
 									VStack {
 										Image("address-book")
@@ -405,7 +406,7 @@ struct ContentView: View {
 					}
 				}
 				
-				if contactViewModel.indexDisplayedFriend != nil || historyViewModel.indexDisplayedCall != nil {
+				if contactViewModel.indexDisplayedFriend != nil || historyViewModel.displayedCall != nil {
 					HStack(spacing: 0) {
 						Spacer()
 							.frame(maxWidth:
@@ -426,7 +427,7 @@ struct ContentView: View {
 							.background(Color.gray100)
 							.ignoresSafeArea(.keyboard)
 						} else if self.index == 1 {
-							HistoryContactFragment()
+							HistoryContactFragment(historyViewModel: historyViewModel, isShowDeleteAllHistoryPopup: $isShowDeleteAllHistoryPopup)
 								.frame(maxWidth: .infinity)
 								.background(Color.gray100)
 								.ignoresSafeArea(.keyboard)
@@ -581,7 +582,7 @@ struct ContentView: View {
 			}
 		}
 		.onRotate { newOrientation in
-			if (contactViewModel.indexDisplayedFriend != nil || historyViewModel.indexDisplayedCall != nil) && searchIsActive {
+			if (contactViewModel.indexDisplayedFriend != nil || historyViewModel.displayedCall != nil) && searchIsActive {
 				self.focusedField = false
 			} else if searchIsActive {
 				self.focusedField = true
diff --git a/Linphone/UI/Main/History/Fragments/HistoryContactFragment.swift b/Linphone/UI/Main/History/Fragments/HistoryContactFragment.swift
index ef7dc3419..97489fb0b 100644
--- a/Linphone/UI/Main/History/Fragments/HistoryContactFragment.swift
+++ b/Linphone/UI/Main/History/Fragments/HistoryContactFragment.swift
@@ -20,15 +20,410 @@
 import SwiftUI
 
 struct HistoryContactFragment: View {
-    var body: some View {
-		VStack {
-			Spacer()
-			Text("History Contact fragment")
-			Spacer()
+	
+	@State private var orientation = UIDevice.current.orientation
+	
+	@ObservedObject var sharedMainViewModel = SharedMainViewModel()
+	@ObservedObject var historyViewModel: HistoryViewModel
+	
+	@State var isMenuOpen = false
+	
+	@Binding var isShowDeleteAllHistoryPopup: Bool
+	
+	var body: some View {
+		NavigationView {
+			VStack(spacing: 1) {
+				Rectangle()
+					.foregroundColor(Color.orangeMain500)
+					.edgesIgnoringSafeArea(.top)
+					.frame(height: 0)
+				
+				HStack {
+					if !(orientation == .landscapeLeft || orientation == .landscapeRight
+						 || UIScreen.main.bounds.size.width > UIScreen.main.bounds.size.height) {
+						Image("caret-left")
+							.renderingMode(.template)
+							.resizable()
+							.foregroundStyle(Color.orangeMain500)
+							.frame(width: 25, height: 25, alignment: .leading)
+							.padding(.top, 2)
+							.onTapGesture {
+								withAnimation {
+									historyViewModel.displayedCall = nil
+								}
+							}
+					}
+					
+					Text("Call history")
+						.default_text_style_orange_800(styleSize: 20)
+					
+					Spacer()
+					
+					Menu {
+						Button {
+							isMenuOpen = false
+						} label: {
+							HStack {
+								Text("See all")
+								Spacer()
+								Image("green-check")
+									.resizable()
+									.frame(width: 25, height: 25, alignment: .leading)
+							}
+						}
+						
+						Button {
+							isMenuOpen = false
+						} label: {
+							HStack {
+								Text("See Linphone contact")
+								Spacer()
+								Image("green-check")
+									.resizable()
+									.frame(width: 25, height: 25, alignment: .leading)
+							}
+						}
+						
+						Button(role: .destructive) {
+							isMenuOpen = false
+						} label: {
+							HStack {
+								Text("Delete all history")
+								Spacer()
+								Image("trash-simple-red")
+									.resizable()
+									.frame(width: 25, height: 25, alignment: .leading)
+							}
+						}
+					} label: {
+						Image("dots-three-vertical")
+							.renderingMode(.template)
+							.resizable()
+							.foregroundStyle(Color.orangeMain500)
+							.frame(width: 25, height: 25, alignment: .leading)
+					}
+					.padding(.leading)
+					.onTapGesture {
+						isMenuOpen = true
+					}
+				}
+				.frame(maxWidth: .infinity)
+				.frame(height: 50)
+				.padding(.horizontal)
+				.padding(.bottom, 4)
+				.background(.white)
+				
+				ScrollView {
+					VStack(spacing: 0) {
+						VStack(spacing: 0) {
+							VStack(spacing: 0) {
+								
+								let fromAddressFriend = historyViewModel.displayedCall != nil ? ContactsManager.shared.getFriendWithAddress(address: historyViewModel.displayedCall!.fromAddress!) : nil
+								let toAddressFriend = historyViewModel.displayedCall != nil ? ContactsManager.shared.getFriendWithAddress(address: historyViewModel.displayedCall!.toAddress!) : nil
+								let addressFriend = historyViewModel.displayedCall != nil ? (historyViewModel.displayedCall!.dir == .Incoming ? fromAddressFriend : toAddressFriend) : nil
+								
+								if historyViewModel.displayedCall != nil
+									&& addressFriend != nil
+									&& addressFriend!.photo != nil
+									&& !addressFriend!.photo!.isEmpty {
+									AsyncImage(
+										url: ContactsManager.shared.getImagePath(
+											friendPhotoPath: addressFriend!.photo!)) { image in
+												switch image {
+												case .empty:
+													ProgressView()
+														.frame(width: 100, height: 100)
+												case .success(let image):
+													image
+														.resizable()
+														.aspectRatio(contentMode: .fill)
+														.frame(width: 100, height: 100)
+														.clipShape(Circle())
+												case .failure:
+													Image("profil-picture-default")
+														.resizable()
+														.frame(width: 100, height: 100)
+														.clipShape(Circle())
+												@unknown default:
+													EmptyView()
+												}
+											}
+								} else if historyViewModel.displayedCall != nil {
+									if historyViewModel.displayedCall!.dir == .Outgoing && historyViewModel.displayedCall!.toAddress != nil {
+										if historyViewModel.displayedCall!.toAddress!.displayName != nil {
+											Image(uiImage: ContactsManager.shared.textToImage(
+												firstName: historyViewModel.displayedCall!.toAddress!.displayName!,
+												lastName: historyViewModel.displayedCall!.toAddress!.displayName!.components(separatedBy: " ").count > 1
+												? historyViewModel.displayedCall!.toAddress!.displayName!.components(separatedBy: " ")[1]
+												: ""))
+											.resizable()
+											.frame(width: 100, height: 100)
+											.clipShape(Circle())
+											
+											Text(historyViewModel.displayedCall!.toAddress!.displayName!)
+												.foregroundStyle(Color.grayMain2c700)
+												.multilineTextAlignment(.center)
+												.default_text_style(styleSize: 14)
+												.frame(maxWidth: .infinity)
+												.padding(.top, 10)
+											
+											Text("")
+												.multilineTextAlignment(.center)
+												.default_text_style_300(styleSize: 12)
+												.frame(maxWidth: .infinity)
+												.frame(height: 20)
+										} else {
+											Image(uiImage: ContactsManager.shared.textToImage(
+												firstName: historyViewModel.displayedCall!.toAddress!.username ?? "Username Error",
+												lastName: historyViewModel.displayedCall!.toAddress!.username!.components(separatedBy: " ").count > 1
+												? historyViewModel.displayedCall!.toAddress!.username!.components(separatedBy: " ")[1]
+												: ""))
+											.resizable()
+											.frame(width: 100, height: 100)
+											.clipShape(Circle())
+											
+											Text(historyViewModel.displayedCall!.toAddress!.username ?? "Username Error")
+												.foregroundStyle(Color.grayMain2c700)
+												.multilineTextAlignment(.center)
+												.default_text_style(styleSize: 14)
+												.frame(maxWidth: .infinity)
+												.padding(.top, 10)
+											
+											Text("")
+												.multilineTextAlignment(.center)
+												.default_text_style_300(styleSize: 12)
+												.frame(maxWidth: .infinity)
+												.frame(height: 20)
+										}
+										
+									} else if historyViewModel.displayedCall!.fromAddress != nil {
+										if historyViewModel.displayedCall!.fromAddress!.displayName != nil {
+											Image(uiImage: ContactsManager.shared.textToImage(
+												firstName: historyViewModel.displayedCall!.fromAddress!.displayName!,
+												lastName: historyViewModel.displayedCall!.fromAddress!.displayName!.components(separatedBy: " ").count > 1
+												? historyViewModel.displayedCall!.fromAddress!.displayName!.components(separatedBy: " ")[1]
+												: ""))
+											.resizable()
+											.frame(width: 100, height: 100)
+											.clipShape(Circle())
+											
+											Text(historyViewModel.displayedCall!.fromAddress!.displayName!)
+												.foregroundStyle(Color.grayMain2c700)
+												.multilineTextAlignment(.center)
+												.default_text_style(styleSize: 14)
+												.frame(maxWidth: .infinity)
+												.padding(.top, 10)
+											
+											Text("")
+												.multilineTextAlignment(.center)
+												.default_text_style_300(styleSize: 12)
+												.frame(maxWidth: .infinity)
+												.frame(height: 20)
+										} else {
+											Image(uiImage: ContactsManager.shared.textToImage(
+												firstName: historyViewModel.displayedCall!.fromAddress!.username ?? "Username Error",
+												lastName: historyViewModel.displayedCall!.fromAddress!.username!.components(separatedBy: " ").count > 1
+												? historyViewModel.displayedCall!.fromAddress!.username!.components(separatedBy: " ")[1]
+												: ""))
+											.resizable()
+											.frame(width: 100, height: 100)
+											.clipShape(Circle())
+											
+											Text(historyViewModel.displayedCall!.fromAddress!.username ?? "Username Error")
+												.foregroundStyle(Color.grayMain2c700)
+												.multilineTextAlignment(.center)
+												.default_text_style(styleSize: 14)
+												.frame(maxWidth: .infinity)
+												.padding(.top, 10)
+											
+											Text("")
+												.multilineTextAlignment(.center)
+												.default_text_style_300(styleSize: 12)
+												.frame(maxWidth: .infinity)
+												.frame(height: 20)
+										}
+									}
+								}
+								if historyViewModel.displayedCall != nil
+									&& addressFriend != nil
+									&& addressFriend!.name != nil {
+									Text((addressFriend!.name)!)
+										.foregroundStyle(Color.grayMain2c700)
+										.multilineTextAlignment(.center)
+										.default_text_style(styleSize: 14)
+										.frame(maxWidth: .infinity)
+										.padding(.top, 10)
+									
+									Text("En ligne")
+										.foregroundStyle(Color.greenSuccess500)
+										.multilineTextAlignment(.center)
+										.default_text_style_300(styleSize: 12)
+										.frame(maxWidth: .infinity)
+										.frame(height: 20)
+								}
+							}
+							.frame(minHeight: 150)
+							.frame(maxWidth: .infinity)
+							.padding(.top, 10)
+							.background(Color.gray100)
+							
+							HStack {
+								Spacer()
+								
+								Button(action: {
+								}, label: {
+									VStack {
+										HStack(alignment: .center) {
+											Image("phone")
+												.renderingMode(.template)
+												.resizable()
+												.foregroundStyle(Color.grayMain2c600)
+												.frame(width: 25, height: 25)
+												.onTapGesture {
+													withAnimation {
+														
+													}
+												}
+										}
+										.padding(16)
+										.background(Color.grayMain2c200)
+										.cornerRadius(40)
+										
+										Text("Appel")
+											.default_text_style(styleSize: 14)
+									}
+								})
+								
+								Spacer()
+								
+								Button(action: {
+									
+								}, label: {
+									VStack {
+										HStack(alignment: .center) {
+											Image("chat-teardrop-text")
+												.renderingMode(.template)
+												.resizable()
+												.foregroundStyle(Color.grayMain2c600)
+												.frame(width: 25, height: 25)
+												.onTapGesture {
+													withAnimation {
+														
+													}
+												}
+										}
+										.padding(16)
+										.background(Color.grayMain2c200)
+										.cornerRadius(40)
+										
+										Text("Message")
+											.default_text_style(styleSize: 14)
+									}
+								})
+								
+								Spacer()
+								
+								Button(action: {
+									
+								}, label: {
+									VStack {
+										HStack(alignment: .center) {
+											Image("video-camera")
+												.renderingMode(.template)
+												.resizable()
+												.foregroundStyle(Color.grayMain2c600)
+												.frame(width: 25, height: 25)
+												.onTapGesture {
+													withAnimation {
+														
+													}
+												}
+										}
+										.padding(16)
+										.background(Color.grayMain2c200)
+										.cornerRadius(40)
+										
+										Text("Video Call")
+											.default_text_style(styleSize: 14)
+									}
+								})
+								
+								Spacer()
+							}
+							.padding(.top, 20)
+							.frame(maxWidth: .infinity)
+							.background(Color.gray100)
+							
+							VStack(spacing: 0) {
+								
+								let fromAddressFriend = historyViewModel.displayedCall != nil ? ContactsManager.shared.getFriendWithAddress(address: historyViewModel.displayedCall!.fromAddress!) : nil
+								let toAddressFriend = historyViewModel.displayedCall != nil ? ContactsManager.shared.getFriendWithAddress(address: historyViewModel.displayedCall!.toAddress!) : nil
+								let addressFriend = historyViewModel.displayedCall != nil ? (historyViewModel.displayedCall!.dir == .Incoming ? fromAddressFriend : toAddressFriend) : nil
+								
+								if historyViewModel.displayedCall != nil && addressFriend != nil && addressFriend != nil {
+									ForEach(0..<addressFriend!.addresses.count, id: \.self) { index in
+										Button {
+										} label: {
+											HStack {
+												VStack {
+													Text("SIP address :")
+														.default_text_style_700(styleSize: 14)
+														.frame(maxWidth: .infinity, alignment: .leading)
+													Text(addressFriend!.addresses[index].asStringUriOnly().dropFirst(4))
+														.default_text_style(styleSize: 14)
+														.frame(maxWidth: .infinity, alignment: .leading)
+														.lineLimit(1)
+														.fixedSize(horizontal: false, vertical: true)
+												}
+												Spacer()
+												
+												Image("phone")
+													.renderingMode(.template)
+													.resizable()
+													.foregroundStyle(Color.grayMain2c600)
+													.frame(width: 25, height: 25)
+													.onTapGesture {
+														withAnimation {
+															
+														}
+													}
+											}
+											.padding(.vertical, 15)
+											.padding(.horizontal, 20)
+										}
+										
+										if !addressFriend!.phoneNumbers.isEmpty
+											|| index < addressFriend!.addresses.count - 1 {
+											VStack {
+												Divider()
+											}
+											.padding(.horizontal)
+										}
+									}
+								}
+							}
+							.background(.white)
+							.cornerRadius(15)
+							.padding(.horizontal)
+							.zIndex(-1)
+							.transition(.move(edge: .top))
+						}
+						.frame(maxWidth: sharedMainViewModel.maxWidth)
+					}
+					.frame(maxWidth: .infinity)
+				}
+				.background(Color.gray100)
+			}
+			.background(.white)
+			.navigationBarHidden(true)
+			.onRotate { newOrientation in
+				orientation = newOrientation
+			}
 		}
-    }
+		.navigationViewStyle(.stack)
+	}
 }
 
 #Preview {
-    HistoryContactFragment()
+	HistoryContactFragment(historyViewModel: HistoryViewModel(), isShowDeleteAllHistoryPopup: .constant(false))
 }
diff --git a/Linphone/UI/Main/History/Fragments/HistoryListFragment.swift b/Linphone/UI/Main/History/Fragments/HistoryListFragment.swift
index f370c3352..677623806 100644
--- a/Linphone/UI/Main/History/Fragments/HistoryListFragment.swift
+++ b/Linphone/UI/Main/History/Fragments/HistoryListFragment.swift
@@ -36,34 +36,12 @@ struct HistoryListFragment: View {
 						HStack {
 							let fromAddressFriend = ContactsManager.shared.getFriendWithAddress(address: historyListViewModel.callLogs[index].fromAddress!)
 							let toAddressFriend = ContactsManager.shared.getFriendWithAddress(address: historyListViewModel.callLogs[index].toAddress!)
+							let addressFriend = historyListViewModel.callLogs[index].dir == .Incoming ? fromAddressFriend : toAddressFriend
 							
-							if historyListViewModel.callLogs[index].dir == .Incoming && fromAddressFriend != nil && fromAddressFriend!.photo != nil && !fromAddressFriend!.photo!.isEmpty {
+							if addressFriend != nil && addressFriend!.photo != nil && !addressFriend!.photo!.isEmpty {
 								AsyncImage(url:
 											ContactsManager.shared.getImagePath(
-												friendPhotoPath: fromAddressFriend!.photo!)) { image in
-									switch image {
-									case .empty:
-										ProgressView()
-											.frame(width: 45, height: 45)
-									case .success(let image):
-										image
-											.resizable()
-											.aspectRatio(contentMode: .fill)
-											.frame(width: 45, height: 45)
-											.clipShape(Circle())
-									case .failure:
-										Image("profil-picture-default")
-											.resizable()
-											.frame(width: 45, height: 45)
-											.clipShape(Circle())
-									@unknown default:
-										EmptyView()
-									}
-								}
-							} else if historyListViewModel.callLogs[index].dir == .Outgoing && toAddressFriend != nil && toAddressFriend!.photo != nil && !toAddressFriend!.photo!.isEmpty {
-								AsyncImage(url:
-											ContactsManager.shared.getImagePath(
-												friendPhotoPath: toAddressFriend!.photo!)) { image in
+												friendPhotoPath: addressFriend!.photo!)) { image in
 									switch image {
 									case .empty:
 										ProgressView()
@@ -134,14 +112,10 @@ struct HistoryListFragment: View {
 								
 								let fromAddressFriend = ContactsManager.shared.getFriendWithAddress(address: historyListViewModel.callLogs[index].fromAddress!)
 								let toAddressFriend = ContactsManager.shared.getFriendWithAddress(address: historyListViewModel.callLogs[index].toAddress!)
+								let addressFriend = historyListViewModel.callLogs[index].dir == .Incoming ? fromAddressFriend : toAddressFriend
 								
-								if historyListViewModel.callLogs[index].dir == .Incoming && fromAddressFriend != nil {
-									Text(fromAddressFriend!.name!)
-									 .default_text_style(styleSize: 14)
-									 .frame(maxWidth: .infinity, alignment: .leading)
-									 .lineLimit(1)
-								} else if historyListViewModel.callLogs[index].dir == .Outgoing && toAddressFriend != nil {
-									Text(toAddressFriend!.name!)
+								if addressFriend != nil {
+									Text(addressFriend!.name!)
 									 .default_text_style(styleSize: 14)
 									 .frame(maxWidth: .infinity, alignment: .leading)
 									 .lineLimit(1)
@@ -199,7 +173,7 @@ struct HistoryListFragment: View {
 						TapGesture()
 							.onEnded { _ in
 								withAnimation {
-									//historyViewModel.indexDisplayedCall = index
+									historyViewModel.displayedCall = historyListViewModel.callLogs[index]
 								}
 							}
 					)
diff --git a/Linphone/UI/Main/History/ViewModel/HistoryViewModel.swift b/Linphone/UI/Main/History/ViewModel/HistoryViewModel.swift
index 850a2f2ab..02425274d 100644
--- a/Linphone/UI/Main/History/ViewModel/HistoryViewModel.swift
+++ b/Linphone/UI/Main/History/ViewModel/HistoryViewModel.swift
@@ -22,7 +22,7 @@ import linphonesw
 
 class HistoryViewModel: ObservableObject {
 	
-	@Published var indexDisplayedCall: Int?
+	@Published var displayedCall: CallLog?
 	
 	var selectedCall: CallLog?