mirror of
https://gitlab.linphone.org/BC/public/linphone-iphone.git
synced 2026-01-17 11:08:06 +00:00
536 lines
16 KiB
Swift
536 lines
16 KiB
Swift
/*
|
||
* Copyright (c) 2010-2023 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
|
||
import linphonesw
|
||
|
||
struct ContentView: View {
|
||
|
||
var contactManager = ContactsManager.shared
|
||
var magicSearch = MagicSearchSingleton.shared
|
||
|
||
@ObservedObject var contactViewModel: ContactViewModel
|
||
@ObservedObject var editContactViewModel: EditContactViewModel
|
||
@ObservedObject var historyViewModel: HistoryViewModel
|
||
@ObservedObject private var coreContext = CoreContext.shared
|
||
|
||
@State var index = 0
|
||
@State private var orientation = UIDevice.current.orientation
|
||
@State var sideMenuIsOpen: Bool = false
|
||
|
||
@State private var searchIsActive = false
|
||
@State private var text = ""
|
||
@FocusState private var focusedField: Bool
|
||
@State var isMenuOpen = false
|
||
@State var isShowDeletePopup = false
|
||
@State var isShowEditContactFragment = false
|
||
@State var isShowDismissPopup = false
|
||
|
||
var body: some View {
|
||
GeometryReader { geometry in
|
||
ZStack {
|
||
VStack(spacing: 0) {
|
||
HStack(spacing: 0) {
|
||
if orientation == .landscapeLeft
|
||
|| orientation == .landscapeRight
|
||
|| UIScreen.main.bounds.size.width > UIScreen.main.bounds.size.height {
|
||
VStack {
|
||
Group {
|
||
Spacer()
|
||
Button(action: {
|
||
self.index = 0
|
||
}, label: {
|
||
VStack {
|
||
Image("address-book")
|
||
.renderingMode(.template)
|
||
.resizable()
|
||
.foregroundStyle(self.index == 0 ? Color.orangeMain500 : Color.grayMain2c600)
|
||
.frame(width: 25, height: 25)
|
||
if self.index == 0 {
|
||
Text("Contacts")
|
||
.default_text_style_700(styleSize: 10)
|
||
} else {
|
||
Text("Contacts")
|
||
.default_text_style(styleSize: 10)
|
||
}
|
||
}
|
||
})
|
||
|
||
Spacer()
|
||
|
||
Button(action: {
|
||
self.index = 1
|
||
contactViewModel.indexDisplayedFriend = nil
|
||
}, label: {
|
||
VStack {
|
||
Image("phone")
|
||
.renderingMode(.template)
|
||
.resizable()
|
||
.foregroundStyle(self.index == 1 ? Color.orangeMain500 : Color.grayMain2c600)
|
||
.frame(width: 25, height: 25)
|
||
if self.index == 1 {
|
||
Text("Calls")
|
||
.default_text_style_700(styleSize: 10)
|
||
} else {
|
||
Text("Calls")
|
||
.default_text_style(styleSize: 10)
|
||
}
|
||
}
|
||
})
|
||
|
||
Spacer()
|
||
}
|
||
}
|
||
.frame(width: 75)
|
||
.padding(.leading,
|
||
orientation == .landscapeRight && geometry.safeAreaInsets.bottom > 0
|
||
? -geometry.safeAreaInsets.leading
|
||
: 0)
|
||
}
|
||
|
||
VStack(spacing: 0) {
|
||
if searchIsActive == false {
|
||
HStack {
|
||
Image("profile-image-example")
|
||
.resizable()
|
||
.frame(width: 45, height: 45)
|
||
.clipShape(Circle())
|
||
.onTapGesture {
|
||
openMenu()
|
||
}
|
||
|
||
Text(index == 0 ? "Contacts" : "Calls")
|
||
.default_text_style_white_800(styleSize: 20)
|
||
.padding(.leading, 10)
|
||
|
||
Spacer()
|
||
|
||
Button {
|
||
withAnimation {
|
||
searchIsActive.toggle()
|
||
}
|
||
} label: {
|
||
Image("magnifying-glass")
|
||
.renderingMode(.template)
|
||
.resizable()
|
||
.foregroundStyle(.white)
|
||
.frame(width: 25, height: 25, alignment: .leading)
|
||
}
|
||
|
||
Menu {
|
||
Button {
|
||
isMenuOpen = false
|
||
magicSearch.allContact = true
|
||
magicSearch.searchForContacts(
|
||
sourceFlags: MagicSearch.Source.Friends.rawValue | MagicSearch.Source.LdapServers.rawValue)
|
||
} label: {
|
||
HStack {
|
||
Text("See all")
|
||
Spacer()
|
||
if magicSearch.allContact {
|
||
Image("green-check")
|
||
.resizable()
|
||
.frame(width: 25, height: 25, alignment: .leading)
|
||
}
|
||
}
|
||
}
|
||
|
||
Button {
|
||
isMenuOpen = false
|
||
magicSearch.allContact = false
|
||
magicSearch.searchForContacts(
|
||
sourceFlags: MagicSearch.Source.Friends.rawValue | MagicSearch.Source.LdapServers.rawValue)
|
||
} label: {
|
||
HStack {
|
||
Text("See Linphone contact")
|
||
Spacer()
|
||
if !magicSearch.allContact {
|
||
Image("green-check")
|
||
.resizable()
|
||
.frame(width: 25, height: 25, alignment: .leading)
|
||
}
|
||
}
|
||
}
|
||
} label: {
|
||
Image(index == 0 ? "funnel" : "dots-three-vertical")
|
||
.renderingMode(.template)
|
||
.resizable()
|
||
.foregroundStyle(.white)
|
||
.frame(width: 25, height: 25, alignment: .leading)
|
||
}
|
||
.padding(.leading)
|
||
.onTapGesture {
|
||
isMenuOpen = true
|
||
}
|
||
}
|
||
.frame(maxWidth: .infinity)
|
||
.frame(height: 50)
|
||
.padding(.horizontal)
|
||
.padding(.bottom, 5)
|
||
.background(Color.orangeMain500)
|
||
} else {
|
||
HStack {
|
||
Button {
|
||
withAnimation {
|
||
self.focusedField = false
|
||
searchIsActive.toggle()
|
||
}
|
||
|
||
text = ""
|
||
magicSearch.currentFilter = ""
|
||
magicSearch.searchForContacts(
|
||
sourceFlags: MagicSearch.Source.Friends.rawValue | MagicSearch.Source.LdapServers.rawValue)
|
||
} label: {
|
||
Image("caret-left")
|
||
.renderingMode(.template)
|
||
.resizable()
|
||
.foregroundStyle(.white)
|
||
.frame(width: 25, height: 25, alignment: .leading)
|
||
}
|
||
|
||
if #available(iOS 16.0, *) {
|
||
TextEditor(text: Binding(
|
||
get: {
|
||
return text
|
||
},
|
||
set: { value in
|
||
var newValue = value
|
||
if value.contains("\n") {
|
||
newValue = value.replacingOccurrences(of: "\n", with: "")
|
||
}
|
||
text = newValue
|
||
}
|
||
))
|
||
.default_text_style_white_700(styleSize: 15)
|
||
.padding(.all, 6)
|
||
.accentColor(.white)
|
||
.scrollContentBackground(.hidden)
|
||
.focused($focusedField)
|
||
.onAppear {
|
||
self.focusedField = true
|
||
}
|
||
.onChange(of: text) { newValue in
|
||
magicSearch.currentFilter = newValue
|
||
magicSearch.searchForContacts(
|
||
sourceFlags: MagicSearch.Source.Friends.rawValue | MagicSearch.Source.LdapServers.rawValue)
|
||
}
|
||
} else {
|
||
TextEditor(text: Binding(
|
||
get: {
|
||
return text
|
||
},
|
||
set: { value in
|
||
var newValue = value
|
||
if value.contains("\n") {
|
||
newValue = value.replacingOccurrences(of: "\n", with: "")
|
||
}
|
||
text = newValue
|
||
}
|
||
))
|
||
.default_text_style_white_700(styleSize: 15)
|
||
.padding(.all, 6)
|
||
.accentColor(.white)
|
||
.focused($focusedField)
|
||
.onAppear {
|
||
self.focusedField = true
|
||
}
|
||
.onChange(of: text) { newValue in
|
||
magicSearch.currentFilter = newValue
|
||
magicSearch.searchForContacts(
|
||
sourceFlags: MagicSearch.Source.Friends.rawValue | MagicSearch.Source.LdapServers.rawValue)
|
||
}
|
||
}
|
||
|
||
Button {
|
||
text = ""
|
||
} label: {
|
||
Image("x")
|
||
.renderingMode(.template)
|
||
.resizable()
|
||
.foregroundStyle(.white)
|
||
.frame(width: 25, height: 25, alignment: .leading)
|
||
}
|
||
.padding(.leading)
|
||
}
|
||
.frame(maxWidth: .infinity)
|
||
.frame(height: 50)
|
||
.padding(.horizontal)
|
||
.padding(.bottom, 5)
|
||
.background(Color.orangeMain500)
|
||
}
|
||
|
||
if self.index == 0 {
|
||
ContactsView(
|
||
contactViewModel: contactViewModel,
|
||
historyViewModel: historyViewModel,
|
||
editContactViewModel: editContactViewModel,
|
||
isShowEditContactFragment: $isShowEditContactFragment,
|
||
isShowDeletePopup: $isShowDeletePopup
|
||
)
|
||
} else if self.index == 1 {
|
||
HistoryView()
|
||
}
|
||
}
|
||
.frame(maxWidth:
|
||
(orientation == .landscapeLeft
|
||
|| orientation == .landscapeRight
|
||
|| UIScreen.main.bounds.size.width > UIScreen.main.bounds.size.height)
|
||
? geometry.size.width/100*40
|
||
: .infinity
|
||
)
|
||
.background(
|
||
Color.white
|
||
.shadow(color: Color.gray200, radius: 4, x: 0, y: 0)
|
||
.mask(Rectangle().padding(.horizontal, -8))
|
||
)
|
||
|
||
if orientation == .landscapeLeft
|
||
|| orientation == .landscapeRight
|
||
|| UIScreen.main.bounds.size.width > UIScreen.main.bounds.size.height {
|
||
Spacer()
|
||
}
|
||
}
|
||
|
||
if !(orientation == .landscapeLeft
|
||
|| orientation == .landscapeRight
|
||
|| UIScreen.main.bounds.size.width > UIScreen.main.bounds.size.height) && !searchIsActive {
|
||
HStack {
|
||
Group {
|
||
Spacer()
|
||
Button(action: {
|
||
self.index = 0
|
||
}, label: {
|
||
VStack {
|
||
Image("address-book")
|
||
.renderingMode(.template)
|
||
.resizable()
|
||
.foregroundStyle(self.index == 0 ? Color.orangeMain500 : Color.grayMain2c600)
|
||
.frame(width: 25, height: 25)
|
||
if self.index == 0 {
|
||
Text("Contacts")
|
||
.default_text_style_700(styleSize: 10)
|
||
} else {
|
||
Text("Contacts")
|
||
.default_text_style(styleSize: 10)
|
||
}
|
||
}
|
||
})
|
||
.padding(.top)
|
||
|
||
Spacer()
|
||
|
||
Button(action: {
|
||
self.index = 1
|
||
contactViewModel.indexDisplayedFriend = nil
|
||
}, label: {
|
||
VStack {
|
||
Image("phone")
|
||
.renderingMode(.template)
|
||
.resizable()
|
||
.foregroundStyle(self.index == 1 ? Color.orangeMain500 : Color.grayMain2c600)
|
||
.frame(width: 25, height: 25)
|
||
if self.index == 1 {
|
||
Text("Calls")
|
||
.default_text_style_700(styleSize: 10)
|
||
} else {
|
||
Text("Calls")
|
||
.default_text_style(styleSize: 10)
|
||
}
|
||
}
|
||
})
|
||
.padding(.top)
|
||
Spacer()
|
||
}
|
||
}
|
||
.padding(.bottom, geometry.safeAreaInsets.bottom > 0 ? 0 : 15)
|
||
.background(
|
||
Color.white
|
||
.shadow(color: Color.gray200, radius: 4, x: 0, y: 0)
|
||
.mask(Rectangle().padding(.top, -8))
|
||
)
|
||
}
|
||
}
|
||
|
||
if contactViewModel.indexDisplayedFriend != nil || !historyViewModel.historyTitle.isEmpty {
|
||
HStack(spacing: 0) {
|
||
Spacer()
|
||
.frame(maxWidth:
|
||
(orientation == .landscapeLeft
|
||
|| orientation == .landscapeRight
|
||
|| UIScreen.main.bounds.size.width > UIScreen.main.bounds.size.height)
|
||
? (geometry.size.width/100*40) + 75
|
||
: 0
|
||
)
|
||
if self.index == 0 {
|
||
ContactFragment(contactViewModel: contactViewModel, editContactViewModel: editContactViewModel, isShowDeletePopup: $isShowDeletePopup, isShowDismissPopup: $isShowDismissPopup)
|
||
.frame(maxWidth: .infinity)
|
||
.background(Color.gray100)
|
||
.ignoresSafeArea(.keyboard)
|
||
} else if self.index == 1 {
|
||
HistoryContactFragment()
|
||
.frame(maxWidth: .infinity)
|
||
.background(Color.gray100)
|
||
.ignoresSafeArea(.keyboard)
|
||
}
|
||
}
|
||
.onAppear {
|
||
if !(orientation == .landscapeLeft
|
||
|| orientation == .landscapeRight
|
||
|| UIScreen.main.bounds.size.width > UIScreen.main.bounds.size.height)
|
||
&& searchIsActive {
|
||
self.focusedField = false
|
||
}
|
||
}
|
||
.onDisappear {
|
||
if !(orientation == .landscapeLeft
|
||
|| orientation == .landscapeRight
|
||
|| UIScreen.main.bounds.size.width > UIScreen.main.bounds.size.height)
|
||
&& searchIsActive {
|
||
self.focusedField = true
|
||
}
|
||
}
|
||
.padding(.leading,
|
||
orientation == .landscapeRight && geometry.safeAreaInsets.bottom > 0
|
||
? -geometry.safeAreaInsets.leading
|
||
: 0)
|
||
.transition(.move(edge: .trailing))
|
||
.zIndex(1)
|
||
}
|
||
|
||
SideMenu(
|
||
width: geometry.size.width / 5 * 4,
|
||
isOpen: self.sideMenuIsOpen,
|
||
menuClose: self.openMenu,
|
||
safeAreaInsets: geometry.safeAreaInsets
|
||
)
|
||
.ignoresSafeArea(.all)
|
||
.zIndex(2)
|
||
|
||
if isShowEditContactFragment {
|
||
EditContactFragment(editContactViewModel: editContactViewModel, isShowEditContactFragment: $isShowEditContactFragment, isShowDismissPopup: $isShowDismissPopup)
|
||
.zIndex(3)
|
||
.transition(.move(edge: .bottom))
|
||
.onAppear {
|
||
contactViewModel.indexDisplayedFriend = nil
|
||
}
|
||
}
|
||
|
||
if isShowDeletePopup {
|
||
PopupView(sharedMainViewModel: SharedMainViewModel(), isShowPopup: $isShowDeletePopup,
|
||
title: Text(
|
||
contactViewModel.selectedFriend != nil
|
||
? "Delete \(contactViewModel.selectedFriend!.name!)?"
|
||
: (contactViewModel.indexDisplayedFriend != nil
|
||
? "Delete \(magicSearch.lastSearch[contactViewModel.indexDisplayedFriend!].friend!.name!)?"
|
||
: "Error Name")),
|
||
content: Text("This contact will be deleted definitively."),
|
||
titleFirstButton: Text("Cancel"),
|
||
actionFirstButton: {
|
||
self.isShowDeletePopup.toggle()},
|
||
titleSecondButton: Text("Ok"),
|
||
actionSecondButton: {
|
||
if contactViewModel.selectedFriendToDelete != nil {
|
||
if contactViewModel.indexDisplayedFriend != nil {
|
||
withAnimation {
|
||
contactViewModel.indexDisplayedFriend = nil
|
||
}
|
||
}
|
||
contactViewModel.selectedFriendToDelete!.remove()
|
||
} else if contactViewModel.indexDisplayedFriend != nil {
|
||
let tmpIndex = contactViewModel.indexDisplayedFriend
|
||
withAnimation {
|
||
contactViewModel.indexDisplayedFriend = nil
|
||
}
|
||
magicSearch.lastSearch[tmpIndex!].friend!.remove()
|
||
}
|
||
magicSearch.searchForContacts(
|
||
sourceFlags: MagicSearch.Source.Friends.rawValue | MagicSearch.Source.LdapServers.rawValue)
|
||
self.isShowDeletePopup.toggle()
|
||
})
|
||
.background(.black.opacity(0.65))
|
||
.zIndex(3)
|
||
.onTapGesture {
|
||
self.isShowDeletePopup.toggle()
|
||
}
|
||
.onAppear {
|
||
contactViewModel.selectedFriendToDelete = contactViewModel.selectedFriend
|
||
}
|
||
}
|
||
|
||
if isShowDismissPopup {
|
||
PopupView(sharedMainViewModel: SharedMainViewModel(), isShowPopup: $isShowDismissPopup,
|
||
title: Text("Don’t save modifications?"),
|
||
content: Text("All modifications will be canceled."),
|
||
titleFirstButton: Text("Cancel"),
|
||
actionFirstButton: {self.isShowDismissPopup.toggle()},
|
||
titleSecondButton: Text("Ok"),
|
||
actionSecondButton: {
|
||
if editContactViewModel.selectedEditFriend == nil {
|
||
self.isShowDismissPopup.toggle()
|
||
editContactViewModel.removePopup = true
|
||
editContactViewModel.resetValues()
|
||
withAnimation {
|
||
isShowEditContactFragment.toggle()
|
||
}
|
||
} else {
|
||
self.isShowDismissPopup.toggle()
|
||
editContactViewModel.resetValues()
|
||
withAnimation {
|
||
editContactViewModel.removePopup = true
|
||
}
|
||
}
|
||
})
|
||
.background(.black.opacity(0.65))
|
||
.zIndex(3)
|
||
.onTapGesture {
|
||
self.isShowDismissPopup.toggle()
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.overlay {
|
||
if isMenuOpen {
|
||
Color.white.opacity(0.001)
|
||
.ignoresSafeArea()
|
||
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
||
.onTapGesture {
|
||
isMenuOpen = false
|
||
}
|
||
}
|
||
}
|
||
.onRotate { newOrientation in
|
||
if (contactViewModel.indexDisplayedFriend != nil || !historyViewModel.historyTitle.isEmpty) && searchIsActive {
|
||
self.focusedField = false
|
||
} else if searchIsActive {
|
||
self.focusedField = true
|
||
}
|
||
orientation = newOrientation
|
||
}
|
||
}
|
||
|
||
func openMenu() {
|
||
withAnimation {
|
||
self.sideMenuIsOpen.toggle()
|
||
}
|
||
}
|
||
}
|
||
|
||
#Preview {
|
||
ContentView(contactViewModel: ContactViewModel(), editContactViewModel: EditContactViewModel(), historyViewModel: HistoryViewModel())
|
||
}
|