forked from mirrors/linphone-iphone
342 lines
10 KiB
Swift
342 lines
10 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
|
||
|
||
struct LoginFragment: View {
|
||
|
||
@ObservedObject private var coreContext = CoreContext.shared
|
||
@ObservedObject private var sharedMainViewModel = SharedMainViewModel.shared
|
||
@ObservedObject var accountLoginViewModel: AccountLoginViewModel
|
||
|
||
@State private var isSecured: Bool = true
|
||
|
||
@FocusState var isNameFocused: Bool
|
||
@FocusState var isPasswordFocused: Bool
|
||
|
||
@State private var isShowPopup = false
|
||
|
||
@State private var linkActive = ""
|
||
|
||
@State private var isLinkSIPActive = false
|
||
@State private var isLinkREGActive = false
|
||
|
||
var isShowBack = false
|
||
|
||
var onBackPressed: (() -> Void)?
|
||
|
||
var body: some View {
|
||
NavigationView {
|
||
ZStack {
|
||
GeometryReader { geometry in
|
||
ScrollView(.vertical) {
|
||
VStack {
|
||
ZStack {
|
||
Image("mountain")
|
||
.resizable()
|
||
.scaledToFill()
|
||
.frame(width: geometry.size.width, height: 100)
|
||
.clipped()
|
||
|
||
if isShowBack {
|
||
VStack(alignment: .leading) {
|
||
HStack {
|
||
Image("caret-left")
|
||
.renderingMode(.template)
|
||
.resizable()
|
||
.foregroundStyle(Color.grayMain2c500)
|
||
.frame(width: 25, height: 25, alignment: .leading)
|
||
.padding(.all, 10)
|
||
.padding(.top, -75)
|
||
.padding(.leading, -10)
|
||
.onTapGesture {
|
||
withAnimation {
|
||
onBackPressed?()
|
||
}
|
||
}
|
||
|
||
Spacer()
|
||
}
|
||
.padding(.leading)
|
||
}
|
||
.frame(width: geometry.size.width)
|
||
}
|
||
|
||
Text("assistant_account_login")
|
||
.default_text_style_white_800(styleSize: 20)
|
||
.padding(.top, 20)
|
||
}
|
||
.padding(.top, 35)
|
||
.padding(.bottom, 10)
|
||
|
||
VStack(alignment: .leading) {
|
||
Text(String(localized: "username")+"*")
|
||
.default_text_style_700(styleSize: 15)
|
||
.padding(.bottom, -5)
|
||
|
||
TextField("username", text: $accountLoginViewModel.username)
|
||
.default_text_style(styleSize: 15)
|
||
.disableAutocorrection(true)
|
||
.autocapitalization(.none)
|
||
.disabled(coreContext.loggedIn)
|
||
.frame(height: 25)
|
||
.padding(.horizontal, 20)
|
||
.padding(.vertical, 15)
|
||
.cornerRadius(60)
|
||
.overlay(
|
||
RoundedRectangle(cornerRadius: 60)
|
||
.inset(by: 0.5)
|
||
.stroke(isNameFocused ? Color.orangeMain500 : Color.gray200, lineWidth: 1)
|
||
)
|
||
.padding(.bottom)
|
||
.focused($isNameFocused)
|
||
|
||
Text(String(localized: "password")+"*")
|
||
.default_text_style_700(styleSize: 15)
|
||
.padding(.bottom, -5)
|
||
|
||
ZStack(alignment: .trailing) {
|
||
Group {
|
||
if isSecured {
|
||
SecureField("password", text: $accountLoginViewModel.passwd)
|
||
.default_text_style(styleSize: 15)
|
||
.frame(height: 25)
|
||
.focused($isPasswordFocused)
|
||
} else {
|
||
TextField("password", text: $accountLoginViewModel.passwd)
|
||
.default_text_style(styleSize: 15)
|
||
.disableAutocorrection(true)
|
||
.autocapitalization(.none)
|
||
.frame(height: 25)
|
||
.focused($isPasswordFocused)
|
||
}
|
||
}
|
||
|
||
Button(action: {
|
||
isSecured.toggle()
|
||
}, label: {
|
||
Image(self.isSecured ? "eye-slash" : "eye")
|
||
.renderingMode(.template)
|
||
.resizable()
|
||
.foregroundStyle(Color.grayMain2c500)
|
||
.frame(width: 20, height: 20)
|
||
})
|
||
}
|
||
.disabled(coreContext.loggedIn)
|
||
.padding(.horizontal, 20)
|
||
.padding(.vertical, 15)
|
||
.cornerRadius(60)
|
||
.overlay(
|
||
RoundedRectangle(cornerRadius: 60)
|
||
.inset(by: 0.5)
|
||
.stroke(isPasswordFocused ? Color.orangeMain500 : Color.gray200, lineWidth: 1)
|
||
)
|
||
.padding(.bottom)
|
||
|
||
Button(action: {
|
||
sharedMainViewModel.changeDisplayProfileMode()
|
||
self.accountLoginViewModel.login()
|
||
coreContext.loggingInProgress = true
|
||
}, label: {
|
||
Text(coreContext.loggedIn ? "Log out" : "assistant_account_login")
|
||
.default_text_style_white_600(styleSize: 20)
|
||
.frame(height: 35)
|
||
.frame(maxWidth: .infinity)
|
||
})
|
||
.padding(.horizontal, 20)
|
||
.padding(.vertical, 10)
|
||
.background((accountLoginViewModel.username.isEmpty || accountLoginViewModel.passwd.isEmpty) ? Color.orangeMain100 : Color.orangeMain500)
|
||
.cornerRadius(60)
|
||
.disabled(accountLoginViewModel.username.isEmpty || accountLoginViewModel.passwd.isEmpty)
|
||
.padding(.bottom)
|
||
|
||
HStack {
|
||
Text("[Forgotten password?](https://subscribe.linphone.org/)")
|
||
.underline()
|
||
.tint(Color.grayMain2c600)
|
||
.default_text_style_600(styleSize: 15)
|
||
.foregroundStyle(Color.grayMain2c500)
|
||
}
|
||
.frame(maxWidth: .infinity)
|
||
.padding(.bottom, 30)
|
||
|
||
HStack {
|
||
VStack {
|
||
Divider()
|
||
}
|
||
Text(" or ")
|
||
.default_text_style(styleSize: 15)
|
||
.foregroundStyle(Color.grayMain2c500)
|
||
VStack {
|
||
Divider()
|
||
}
|
||
}
|
||
.padding(.bottom, 10)
|
||
|
||
NavigationLink(destination: {
|
||
QrCodeScannerFragment()
|
||
}, label: {
|
||
HStack {
|
||
Image("qr-code")
|
||
.renderingMode(.template)
|
||
.resizable()
|
||
.foregroundStyle(Color.orangeMain500)
|
||
.frame(width: 20, height: 20)
|
||
|
||
Text("Scan QR code")
|
||
.default_text_style_orange_600(styleSize: 20)
|
||
.frame(height: 35)
|
||
}
|
||
.frame(maxWidth: .infinity)
|
||
|
||
})
|
||
.padding(.horizontal, 20)
|
||
.padding(.vertical, 10)
|
||
.cornerRadius(60)
|
||
.overlay(
|
||
RoundedRectangle(cornerRadius: 60)
|
||
.inset(by: 0.5)
|
||
.stroke(Color.orangeMain500, lineWidth: 1)
|
||
)
|
||
.padding(.bottom)
|
||
|
||
NavigationLink(isActive: $isLinkSIPActive, destination: {
|
||
ThirdPartySipAccountWarningFragment(accountLoginViewModel: accountLoginViewModel)
|
||
}, label: {
|
||
Text("Use SIP Account")
|
||
.default_text_style_orange_600(styleSize: 20)
|
||
.frame(height: 35)
|
||
.frame(maxWidth: .infinity)
|
||
|
||
})
|
||
.disabled(!sharedMainViewModel.generalTermsAccepted)
|
||
.padding(.horizontal, 20)
|
||
.padding(.vertical, 10)
|
||
.cornerRadius(60)
|
||
.overlay(
|
||
RoundedRectangle(cornerRadius: 60)
|
||
.inset(by: 0.5)
|
||
.stroke(Color.orangeMain500, lineWidth: 1)
|
||
)
|
||
.padding(.bottom)
|
||
.simultaneousGesture(
|
||
TapGesture().onEnded {
|
||
self.linkActive = "SIP"
|
||
if !sharedMainViewModel.generalTermsAccepted {
|
||
withAnimation {
|
||
self.isShowPopup.toggle()
|
||
}
|
||
} else {
|
||
self.isLinkSIPActive = true
|
||
}
|
||
}
|
||
)
|
||
|
||
Spacer()
|
||
|
||
HStack(alignment: .center) {
|
||
|
||
Spacer()
|
||
|
||
Text("Not account yet?")
|
||
.default_text_style(styleSize: 15)
|
||
.foregroundStyle(Color.grayMain2c700)
|
||
.padding(.horizontal, 10)
|
||
|
||
NavigationLink(destination: RegisterFragment(registerViewModel: RegisterViewModel()), isActive: $isLinkREGActive, label: {Text("Register")
|
||
.default_text_style_white_600(styleSize: 20)
|
||
.frame(height: 35)
|
||
})
|
||
.disabled(!sharedMainViewModel.generalTermsAccepted)
|
||
.padding(.horizontal, 20)
|
||
.padding(.vertical, 10)
|
||
.background(Color.orangeMain500)
|
||
.cornerRadius(60)
|
||
.padding(.horizontal, 10)
|
||
.simultaneousGesture(
|
||
TapGesture().onEnded {
|
||
self.linkActive = "REG"
|
||
if !sharedMainViewModel.generalTermsAccepted {
|
||
withAnimation {
|
||
self.isShowPopup.toggle()
|
||
}
|
||
} else {
|
||
self.isLinkREGActive = true
|
||
}
|
||
}
|
||
)
|
||
|
||
Spacer()
|
||
}
|
||
.padding(.bottom)
|
||
}
|
||
.frame(maxWidth: sharedMainViewModel.maxWidth)
|
||
.padding(.horizontal, 20)
|
||
}
|
||
.frame(minHeight: geometry.size.height)
|
||
}
|
||
|
||
if self.isShowPopup {
|
||
let contentPopup1 = Text("En continuant, vous acceptez ces conditions, ")
|
||
let contentPopup2 = Text("[notre politique de confidentialité](https://linphone.org/privacy-policy)").underline()
|
||
let contentPopup3 = Text(" et ")
|
||
let contentPopup4 = Text("[nos conditions d’utilisation](https://linphone.org/general-terms)").underline()
|
||
let contentPopup5 = Text(".")
|
||
PopupView(isShowPopup: $isShowPopup,
|
||
title: Text("Conditions de service"),
|
||
content: contentPopup1 + contentPopup2 + contentPopup3 + contentPopup4 + contentPopup5,
|
||
titleFirstButton: Text("Deny all"),
|
||
actionFirstButton: {self.isShowPopup.toggle()},
|
||
titleSecondButton: Text("Accept all"),
|
||
actionSecondButton: {acceptGeneralTerms()})
|
||
.background(.black.opacity(0.65))
|
||
.onTapGesture {
|
||
self.isShowPopup.toggle()
|
||
}
|
||
}
|
||
}
|
||
|
||
if coreContext.loggingInProgress {
|
||
PopupLoadingView()
|
||
.background(.black.opacity(0.65))
|
||
}
|
||
}
|
||
.navigationTitle("")
|
||
.navigationBarHidden(true)
|
||
}
|
||
.navigationViewStyle(StackNavigationViewStyle())
|
||
}
|
||
|
||
func acceptGeneralTerms() {
|
||
sharedMainViewModel.changeGeneralTerms()
|
||
self.isShowPopup.toggle()
|
||
switch linkActive {
|
||
case "SIP":
|
||
self.isLinkSIPActive = true
|
||
case "REG":
|
||
self.isLinkREGActive = true
|
||
default:
|
||
print("Link Not Active")
|
||
}
|
||
}
|
||
}
|
||
|
||
#Preview {
|
||
LoginFragment(accountLoginViewModel: AccountLoginViewModel())
|
||
}
|