linphone-iphone/Linphone/UI/Call/Fragments/ParticipantsListFragment.swift

/*
 * Copyright (c) 2010-2020 Belledonne Communications SARL.
 *
 * This file is part of linphone-iphone
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program. If not, see <http://www.gnu.org/licenses/>.
 */

import SwiftUI

struct ParticipantsListFragment: View {
	
	@ObservedObject private var coreContext = CoreContext.shared
	@ObservedObject private var contactsManager = ContactsManager.shared
	
	private var idiom: UIUserInterfaceIdiom { UIDevice.current.userInterfaceIdiom }
	
	@ObservedObject var callViewModel: CallViewModel
	
	@State private var delayedColor = Color.white
	
	@Binding var isShowParticipantsListFragment: Bool
	
	@State private var isShowPopup = false
	@State private var indexToRemove = -1
	
	var body: some View {
		ZStack {
			VStack(spacing: 1) {
				Rectangle()
					.foregroundColor(delayedColor)
					.edgesIgnoringSafeArea(.top)
					.frame(height: 0)
					.task(delayColor)
				
				HStack {
					Image("caret-left")
						.renderingMode(.template)
						.resizable()
						.foregroundStyle(Color.orangeMain500)
						.frame(width: 25, height: 25, alignment: .leading)
						.padding(.all, 10)
						.padding(.top, 2)
						.padding(.leading, -10)
						.onTapGesture {
							delayColorDismiss()
							withAnimation {
								isShowParticipantsListFragment.toggle()
							}
						}
					
					Text("\(callViewModel.participantList.count + 1) \(callViewModel.participantList.isEmpty ? "Participant" : "Participants")")
						.multilineTextAlignment(.leading)
						.default_text_style_orange_800(styleSize: 16)
					
					Spacer()
					
				}
				.frame(maxWidth: .infinity)
				.frame(height: 50)
				.padding(.horizontal)
				.padding(.bottom, 4)
				.background(.white)
				
				participantsList
				
				HStack {
					Spacer()
					
					NavigationLink(destination: {
						//AddParticipantsFragment()
					}, label: {
						Image("plus")
							.resizable()
							.renderingMode(.template)
							.frame(width: 25, height: 25)
							.foregroundStyle(.white)
							.padding()
							.background(Color.orangeMain500)
							.clipShape(Circle())
							.shadow(color: .black.opacity(0.2), radius: 4)
						
					})
					.padding()
				}
				.padding(.trailing, 10)
			}
			.background(.white)
			
			if self.isShowPopup {
				let contentPopup = Text("Etes-vous sûr de vouloir supprimer \(callViewModel.participantList[indexToRemove].name) ?")
				PopupView(isShowPopup: $isShowPopup,
						  title: Text("Supprimer un participant"),
						  content: contentPopup,
						  titleFirstButton: Text("Non"),
						  actionFirstButton: {self.isShowPopup.toggle()},
						  titleSecondButton: Text("Oui"),
						  actionSecondButton: {
								callViewModel.removeParticipant(index: indexToRemove)
								self.isShowPopup.toggle()
								indexToRemove = -1
				})
				.background(.black.opacity(0.65))
				.onTapGesture {
					self.isShowPopup.toggle()
					indexToRemove = -1
				}
			}
		}
		.navigationBarHidden(true)
	}
	
	@Sendable private func delayColor() async {
		try? await Task.sleep(nanoseconds: 250_000_000)
		delayedColor = Color.orangeMain500
	}
	
	func delayColorDismiss() {
		Task {
			try? await Task.sleep(nanoseconds: 80_000_000)
			delayedColor = .white
		}
	}
	
	var participantsList: some View {
		VStack {
			List {
				HStack {
					HStack {
						if callViewModel.myParticipantModel != nil {
							Avatar(contactAvatarModel: callViewModel.myParticipantModel!.avatarModel, avatarSize: 50, hidePresence: true)
							
							Text(callViewModel.myParticipantModel!.name)
								.default_text_style(styleSize: 16)
								.frame(maxWidth: .infinity, alignment: .leading)
								.lineLimit(1)
							
							Spacer()
							
							if callViewModel.myParticipantModel!.isAdmin {
								Text("Administrateur")
									.foregroundStyle(Color.grayMain2c300)
									.default_text_style(styleSize: 12)
									.frame(maxWidth: .infinity, alignment: .trailing)
									.lineLimit(1)
							}
							
							if callViewModel.myParticipantModel!.isAdmin {
								Toggle("", isOn: .constant(true))
									.tint(Color.greenSuccess700)
									.labelsHidden()
									.padding(.horizontal, 4)
								
								HStack(alignment: .center, spacing: 10) {
									Image("x")
										.renderingMode(.template)
										.foregroundStyle(Color.grayMain2c400)
										.frame(maxWidth: .infinity, maxHeight: .infinity)
								}
								.frame(width: 30, height: 30, alignment: .center)
								.hidden()
							}
						}
					}
				}
				.buttonStyle(.borderless)
				.listRowInsets(EdgeInsets(top: 10, leading: 20, bottom: 10, trailing: 20))
				.listRowSeparator(.hidden)
				.background(.white)
				
				ForEach(0..<callViewModel.participantList.count, id: \.self) { index in
					HStack {
						HStack {
							if index < callViewModel.participantList.count {
								Avatar(contactAvatarModel: callViewModel.participantList[index].avatarModel, avatarSize: 50, hidePresence: true)
								
								Text(callViewModel.participantList[index].name)
									.default_text_style(styleSize: 16)
									.frame(maxWidth: .infinity, alignment: .leading)
									.lineLimit(1)
								
								Spacer()
								
								if callViewModel.participantList[index].isAdmin {
									Text("Administrateur")
										.foregroundStyle(Color.grayMain2c300)
										.default_text_style(styleSize: 12)
										.frame(maxWidth: .infinity, alignment: .trailing)
										.lineLimit(1)
								}
								
								if callViewModel.myParticipantModel!.isAdmin {
									Toggle("", isOn: $callViewModel.participantList[index].isAdmin)
										.tint(Color.greenSuccess500)
										.labelsHidden()
										.padding(.horizontal, 10)
										.onTapGesture {
											callViewModel.toggleAdminParticipant(index: index)
										}
									
									Button {
										indexToRemove = index
										isShowPopup.toggle()
									} label: {
										Image("x")
											.renderingMode(.template)
											.foregroundStyle(Color.grayMain2c400)
											.frame(maxWidth: .infinity, maxHeight: .infinity)
									}
									.frame(width: 30, height: 30, alignment: .center)
									.background(Color.grayMain2c100)
									.cornerRadius(50)
								}
							}
						}
					}
					.buttonStyle(.borderless)
					.listRowInsets(EdgeInsets(top: 10, leading: 20, bottom: 10, trailing: 20))
					.listRowSeparator(.hidden)
					.background(.white)
				}
			}
			.listStyle(.plain)
			.overlay(
				VStack {
					if callViewModel.myParticipantModel == nil && callViewModel.calls.isEmpty {
						Spacer()
						Image("illus-belledonne")
							.resizable()
							.scaledToFit()
							.clipped()
							.padding(.all)
						Text("No participant for the moment...")
							.default_text_style_800(styleSize: 16)
						Spacer()
						Spacer()
					}
				}
					.padding(.all)
			)
		}
		.navigationTitle("")
		.navigationBarHidden(true)
	}
}

#Preview {
	ParticipantsListFragment(callViewModel: CallViewModel(), isShowParticipantsListFragment: .constant(true))
}