REGISTER_LOGIN_PAGE #2
Merged
emre.kartal
merged 5 commits from REGISTER_LOGIN_PAGE into master 2 years ago
@ -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