Merge pull request 'REGISTER_LOGIN_PAGE' (#2) from REGISTER_LOGIN_PAGE into master
Reviewed-on: AllDev/Swift#2auth_manage
commit
e8ee58d957
@ -0,0 +1,38 @@
|
||||
{
|
||||
"colors" : [
|
||||
{
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0xF6",
|
||||
"green" : "0x45",
|
||||
"red" : "0x6E"
|
||||
}
|
||||
},
|
||||
"idiom" : "universal"
|
||||
},
|
||||
{
|
||||
"appearances" : [
|
||||
{
|
||||
"appearance" : "luminosity",
|
||||
"value" : "dark"
|
||||
}
|
||||
],
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0xF6",
|
||||
"green" : "0x45",
|
||||
"red" : "0x6E"
|
||||
}
|
||||
},
|
||||
"idiom" : "universal"
|
||||
}
|
||||
],
|
||||
"info" : {
|
||||
"author" : "xcode",
|
||||
"version" : 1
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,38 @@
|
||||
{
|
||||
"colors" : [
|
||||
{
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0x8A",
|
||||
"green" : "0x8A",
|
||||
"red" : "0x8A"
|
||||
}
|
||||
},
|
||||
"idiom" : "universal"
|
||||
},
|
||||
{
|
||||
"appearances" : [
|
||||
{
|
||||
"appearance" : "luminosity",
|
||||
"value" : "dark"
|
||||
}
|
||||
],
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0x8A",
|
||||
"green" : "0x8A",
|
||||
"red" : "0x8A"
|
||||
}
|
||||
},
|
||||
"idiom" : "universal"
|
||||
}
|
||||
],
|
||||
"info" : {
|
||||
"author" : "xcode",
|
||||
"version" : 1
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,101 @@
|
||||
//
|
||||
// LoginScreen.swift
|
||||
// AllIn
|
||||
//
|
||||
// Created by étudiant on 24/09/2023.
|
||||
//
|
||||
|
||||
import SwiftUI
|
||||
|
||||
struct Login: View {
|
||||
|
||||
@State private var isPasswordVisible = true
|
||||
@State private var username: String = ""
|
||||
@State private var password: String = ""
|
||||
var body: some View {
|
||||
GeometryReader { geometry in
|
||||
VStack(spacing: 15) {
|
||||
Spacer()
|
||||
Text("Te revoilà!")
|
||||
.betTextStyle(weight: .semibold, color: AllinColor.StartTextColor, size: 40)
|
||||
Text("Bon retour parmis nous tu nous as manqué!")
|
||||
.frame(width: 220)
|
||||
.multilineTextAlignment(.center)
|
||||
.betTextStyle(weight: .regular, color: AllinColor.StartTextColor, size: 20)
|
||||
.padding(.bottom, 60)
|
||||
|
||||
TextField("", text: $username, prompt: Text("Email").foregroundColor(.gray))
|
||||
.padding()
|
||||
.background(Color.white.cornerRadius(9))
|
||||
.frame(width: 300)
|
||||
.foregroundColor(.black)
|
||||
.overlay(
|
||||
RoundedRectangle(cornerRadius: 9, style: .continuous)
|
||||
.stroke(AllinColor.StrokeGrayColor, lineWidth: 1)
|
||||
)
|
||||
.padding(.bottom, 8)
|
||||
|
||||
Group {
|
||||
if isPasswordVisible {
|
||||
SecureField("", text: $password, prompt: Text("Mot de passe").foregroundColor(.gray))
|
||||
} else {
|
||||
TextField("", text: $password, prompt: Text("Mot de passe").foregroundColor(.gray))
|
||||
}
|
||||
}
|
||||
.padding()
|
||||
.background(Color.white.cornerRadius(9))
|
||||
.frame(width: 300)
|
||||
.overlay(
|
||||
RoundedRectangle(cornerRadius: 9, style: .continuous)
|
||||
.stroke(AllinColor.StrokeGrayColor, lineWidth: 1)
|
||||
)
|
||||
.overlay(
|
||||
HStack {
|
||||
Spacer()
|
||||
Button(action: {
|
||||
isPasswordVisible.toggle()
|
||||
}) {
|
||||
Image(systemName: isPasswordVisible ? "eye.slash" : "eye")
|
||||
.foregroundColor(.gray)
|
||||
}
|
||||
.padding(.trailing, 8)
|
||||
}
|
||||
)
|
||||
.foregroundColor(.black)
|
||||
|
||||
Text("Mot de passe oublié?")
|
||||
.frame(alignment: .trailing)
|
||||
.padding(.bottom, 20)
|
||||
.padding(.leading, 150)
|
||||
.betTextStyle(weight: .medium, color: AllinColor.StartTextColor, size: 14)
|
||||
|
||||
NavigationLink(destination: Home(page: "Bet").navigationBarBackButtonHidden(true))
|
||||
{
|
||||
Text("Se connecter")
|
||||
.betTextStyle(weight: .bold, color: .white, size: 17)
|
||||
.frame(width: 300, height: 60)
|
||||
.background(LinearGradient(gradient:
|
||||
Gradient(colors:[AllinColor.TopBarColorPink,AllinColor.TopBarColorPurple,AllinColor.TopBarColorBlue]),
|
||||
startPoint: .leading, endPoint: .trailing))
|
||||
.cornerRadius(13)
|
||||
}
|
||||
|
||||
Spacer()
|
||||
HStack(spacing: 0) {
|
||||
Text("Pas encore inscrit? ")
|
||||
.betTextStyle(weight: .regular, color: AllinColor.StartTextColor, size: 16)
|
||||
NavigationLink(destination: Register().navigationBarBackButtonHidden(true))
|
||||
{
|
||||
Text("S'inscrire")
|
||||
.betTextStyle(weight: .semibold, color: AllinColor.PurpleText, size: 16)
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.frame(width: geometry.size.width, height: geometry.size.height)
|
||||
.background(AllinColor.StartBackground)
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Loading…
Reference in new issue