parent
5c1db04218
commit
deab2472dc
@ -0,0 +1,38 @@
|
||||
{
|
||||
"colors" : [
|
||||
{
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "1.000",
|
||||
"green" : "1.000",
|
||||
"red" : "1.000"
|
||||
}
|
||||
},
|
||||
"idiom" : "universal"
|
||||
},
|
||||
{
|
||||
"appearances" : [
|
||||
{
|
||||
"appearance" : "luminosity",
|
||||
"value" : "dark"
|
||||
}
|
||||
],
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0.149",
|
||||
"green" : "0.149",
|
||||
"red" : "0.149"
|
||||
}
|
||||
},
|
||||
"idiom" : "universal"
|
||||
}
|
||||
],
|
||||
"info" : {
|
||||
"author" : "xcode",
|
||||
"version" : 1
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,38 @@
|
||||
{
|
||||
"colors" : [
|
||||
{
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0xEB",
|
||||
"green" : "0xEB",
|
||||
"red" : "0xEB"
|
||||
}
|
||||
},
|
||||
"idiom" : "universal"
|
||||
},
|
||||
{
|
||||
"appearances" : [
|
||||
{
|
||||
"appearance" : "luminosity",
|
||||
"value" : "dark"
|
||||
}
|
||||
],
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0xEB",
|
||||
"green" : "0xEB",
|
||||
"red" : "0xEB"
|
||||
}
|
||||
},
|
||||
"idiom" : "universal"
|
||||
}
|
||||
],
|
||||
"info" : {
|
||||
"author" : "xcode",
|
||||
"version" : 1
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,38 @@
|
||||
{
|
||||
"colors" : [
|
||||
{
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0x5B",
|
||||
"green" : "0x5B",
|
||||
"red" : "0x5B"
|
||||
}
|
||||
},
|
||||
"idiom" : "universal"
|
||||
},
|
||||
{
|
||||
"appearances" : [
|
||||
{
|
||||
"appearance" : "luminosity",
|
||||
"value" : "dark"
|
||||
}
|
||||
],
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0x5B",
|
||||
"green" : "0x5B",
|
||||
"red" : "0x5B"
|
||||
}
|
||||
},
|
||||
"idiom" : "universal"
|
||||
}
|
||||
],
|
||||
"info" : {
|
||||
"author" : "xcode",
|
||||
"version" : 1
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,38 @@
|
||||
{
|
||||
"colors" : [
|
||||
{
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0xFF",
|
||||
"green" : "0xFF",
|
||||
"red" : "0xFF"
|
||||
}
|
||||
},
|
||||
"idiom" : "universal"
|
||||
},
|
||||
{
|
||||
"appearances" : [
|
||||
{
|
||||
"appearance" : "luminosity",
|
||||
"value" : "dark"
|
||||
}
|
||||
],
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0.149",
|
||||
"green" : "0.149",
|
||||
"red" : "0.149"
|
||||
}
|
||||
},
|
||||
"idiom" : "universal"
|
||||
}
|
||||
],
|
||||
"info" : {
|
||||
"author" : "xcode",
|
||||
"version" : 1
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,38 @@
|
||||
{
|
||||
"colors" : [
|
||||
{
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0x70",
|
||||
"green" : "0x70",
|
||||
"red" : "0x70"
|
||||
}
|
||||
},
|
||||
"idiom" : "universal"
|
||||
},
|
||||
{
|
||||
"appearances" : [
|
||||
{
|
||||
"appearance" : "luminosity",
|
||||
"value" : "dark"
|
||||
}
|
||||
],
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0x70",
|
||||
"green" : "0x70",
|
||||
"red" : "0x70"
|
||||
}
|
||||
},
|
||||
"idiom" : "universal"
|
||||
}
|
||||
],
|
||||
"info" : {
|
||||
"author" : "xcode",
|
||||
"version" : 1
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,38 @@
|
||||
{
|
||||
"colors" : [
|
||||
{
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0xF7",
|
||||
"green" : "0xF7",
|
||||
"red" : "0xF7"
|
||||
}
|
||||
},
|
||||
"idiom" : "universal"
|
||||
},
|
||||
{
|
||||
"appearances" : [
|
||||
{
|
||||
"appearance" : "luminosity",
|
||||
"value" : "dark"
|
||||
}
|
||||
],
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0xF7",
|
||||
"green" : "0xF7",
|
||||
"red" : "0xF7"
|
||||
}
|
||||
},
|
||||
"idiom" : "universal"
|
||||
}
|
||||
],
|
||||
"info" : {
|
||||
"author" : "xcode",
|
||||
"version" : 1
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,30 @@
|
||||
//
|
||||
// FriendsScreen.swift
|
||||
// AllIn
|
||||
//
|
||||
// Created by étudiant on 27/09/2023.
|
||||
//
|
||||
|
||||
import SwiftUI
|
||||
|
||||
struct Friends: View {
|
||||
@Binding var showMenu: Bool
|
||||
var body: some View {
|
||||
VStack(alignment: .center, spacing: 0) {
|
||||
TopBarView(showMenu: self.$showMenu)
|
||||
Text("Amis")
|
||||
.betTextStyle(weight: .bold, color: AllinColor.titleColor, size: 25)
|
||||
.padding([.top,.bottom],15)
|
||||
|
||||
ScrollView(showsIndicators: false){
|
||||
Friend(image: "https://picsum.photos/536/354", pseudo: "Lucas")
|
||||
Friend(image: "https://picsum.photos/536/354", pseudo: "Arthur")
|
||||
Friend(image: "https://picsum.photos/536/354", pseudo: "Lucase")
|
||||
Friend(image: "https://picsum.photos/536/354", pseudo: "Rayhan")
|
||||
|
||||
}.padding(.top, 25)
|
||||
Spacer()
|
||||
}
|
||||
.edgesIgnoringSafeArea(.bottom).background(AllinColor.backgroundWhite)
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,128 @@
|
||||
//
|
||||
// RankingScreen.swift
|
||||
// AllIn
|
||||
//
|
||||
// Created by étudiant on 27/09/2023.
|
||||
//
|
||||
|
||||
import SwiftUI
|
||||
|
||||
struct Ranking: View {
|
||||
|
||||
@Binding var showMenu: Bool
|
||||
var body: some View {
|
||||
VStack(alignment: .center, spacing: 0) {
|
||||
TopBarView(showMenu: self.$showMenu)
|
||||
Text("Classement")
|
||||
.betTextStyle(weight: .bold, color: AllinColor.titleColor, size: 25)
|
||||
.padding([.top,.bottom],15)
|
||||
|
||||
HStack {
|
||||
ZStack {
|
||||
VStack(spacing: 0){
|
||||
Spacer()
|
||||
Text("Pseudo")
|
||||
.fontWeight(.bold)
|
||||
.padding(.bottom, 4)
|
||||
.font(.system(size: 18))
|
||||
.lineLimit(1)
|
||||
Divider()
|
||||
.background(AllinColor.Gray_100)
|
||||
HStack{
|
||||
Spacer()
|
||||
Image("AllCoinsIcon")
|
||||
.resizable()
|
||||
.frame(width: 18, height: 18, alignment: .leading)
|
||||
.padding([.top,.bottom],10)
|
||||
Text(String("570"))
|
||||
.betTextStyle(weight: .black, color: AllinColor.PrimaryTextColor, size: 16)
|
||||
.padding(.trailing, 18)
|
||||
Spacer()
|
||||
}
|
||||
.frame(width: 167)
|
||||
.background(AllinColor.VeryLightGray)
|
||||
}
|
||||
.frame(width: 167, height: 110)
|
||||
.background(AllinColor.RankingRowBackground)
|
||||
.cornerRadius(41.5, corners: .topLeft)
|
||||
.cornerRadius(8, corners: .topRight)
|
||||
.cornerRadius(15, corners: [.bottomLeft, .bottomRight])
|
||||
|
||||
Image("DefaultUserIcon")
|
||||
.resizable()
|
||||
.frame(width: 70, height: 70)
|
||||
.scaledToFit()
|
||||
.cornerRadius(180)
|
||||
.offset(x: 0, y: -55)
|
||||
|
||||
Text("1")
|
||||
.frame(width: 28, height: 28)
|
||||
.foregroundColor(.white)
|
||||
.background(AllinColor.PrimaryTextColor)
|
||||
.cornerRadius(30)
|
||||
.font(.system(size: 18))
|
||||
.fontWeight(.bold)
|
||||
.offset(x: 0, y: -23)
|
||||
}
|
||||
Spacer()
|
||||
ZStack {
|
||||
VStack(spacing: 0){
|
||||
Spacer()
|
||||
Text("Pseudo")
|
||||
.fontWeight(.bold)
|
||||
.padding(.bottom, 4)
|
||||
.font(.system(size: 16))
|
||||
.lineLimit(1)
|
||||
Divider()
|
||||
.background(AllinColor.Gray_100)
|
||||
HStack{
|
||||
Spacer()
|
||||
Image("AllCoinsIcon")
|
||||
.resizable()
|
||||
.frame(width: 18, height: 18, alignment: .leading)
|
||||
.padding([.top,.bottom],10)
|
||||
Text(String("570"))
|
||||
.betTextStyle(weight: .black, color: AllinColor.PrimaryTextColor, size: 16)
|
||||
.padding(.trailing, 18)
|
||||
Spacer()
|
||||
}
|
||||
.frame(width: 167)
|
||||
.background(AllinColor.VeryLightGray)
|
||||
}
|
||||
.frame(width: 167, height: 95)
|
||||
.background(AllinColor.RankingRowBackground)
|
||||
.cornerRadius(27.5, corners: .topRight)
|
||||
.cornerRadius(8, corners: .topLeft)
|
||||
.cornerRadius(15, corners: [.bottomLeft, .bottomRight])
|
||||
|
||||
Image("DefaultUserIcon")
|
||||
.resizable()
|
||||
.frame(width: 60, height: 60)
|
||||
.scaledToFit()
|
||||
.cornerRadius(180)
|
||||
.offset(x: 0, y: -50)
|
||||
|
||||
Text("2")
|
||||
.frame(width: 23, height: 23)
|
||||
.foregroundColor(.white)
|
||||
.background(AllinColor.PrimaryTextColor)
|
||||
.cornerRadius(30)
|
||||
.font(.system(size: 15))
|
||||
.fontWeight(.bold)
|
||||
.offset(x: 0, y: -22)
|
||||
}
|
||||
.padding(.top, 10)
|
||||
|
||||
}
|
||||
.padding([.leading,.trailing,.top],20)
|
||||
|
||||
ScrollView(showsIndicators: false){
|
||||
RankingRowView(number: 3, image: "DefaultUserIcon", pseudo: "Lucas", allCoins: 541)
|
||||
RankingRowView(number: 4, image: "DefaultUserIcon", pseudo: "Arthur", allCoins: 542)
|
||||
}.padding(.top, 15)
|
||||
Spacer()
|
||||
}
|
||||
.edgesIgnoringSafeArea(.bottom).background(AllinColor.backgroundWhite)
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,36 @@
|
||||
//
|
||||
// FriendView.swift
|
||||
// AllIn
|
||||
//
|
||||
// Created by étudiant on 27/09/2023.
|
||||
//
|
||||
|
||||
import SwiftUI
|
||||
|
||||
struct Friend: View {
|
||||
|
||||
var image: String
|
||||
var pseudo: String
|
||||
var body: some View {
|
||||
HStack{
|
||||
AsyncImage(url: URL(string: image))
|
||||
.frame(width: 50, height: 50)
|
||||
.cornerRadius(180)
|
||||
.scaledToFit()
|
||||
Text(pseudo)
|
||||
.fontWeight(.medium)
|
||||
.padding(.leading, 5)
|
||||
.font(.system(size: 18))
|
||||
.lineLimit(1)
|
||||
Spacer()
|
||||
Button("Supprimer") {}
|
||||
.frame(width: 90, height: 30)
|
||||
.foregroundColor(AllinColor.Gray_400)
|
||||
.font(.system(size: 14))
|
||||
.background(AllinColor.DeleteButtonColor)
|
||||
.cornerRadius(5)
|
||||
|
||||
}
|
||||
.padding([.trailing,.leading], 25)
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,45 @@
|
||||
//
|
||||
// RankingRowView.swift
|
||||
// AllIn
|
||||
//
|
||||
// Created by étudiant on 27/09/2023.
|
||||
//
|
||||
|
||||
import SwiftUI
|
||||
|
||||
struct RankingRowView: View {
|
||||
|
||||
var number: Int
|
||||
var image: String
|
||||
var pseudo: String
|
||||
var allCoins: Int
|
||||
var body: some View {
|
||||
HStack(){
|
||||
Text(String(number))
|
||||
.padding(.leading, 15)
|
||||
.betTextStyle(weight: .bold, color: AllinColor.PrimaryTextColor, size: 18)
|
||||
|
||||
Image(image)
|
||||
.resizable()
|
||||
.scaledToFit()
|
||||
.frame(width: 40, height: 40)
|
||||
.cornerRadius(180)
|
||||
.padding([.bottom,.top], 10)
|
||||
Text(pseudo)
|
||||
.fontWeight(.medium)
|
||||
.font(.system(size: 16))
|
||||
.lineLimit(1)
|
||||
Spacer()
|
||||
Image("AllCoinsIcon")
|
||||
.resizable()
|
||||
.frame(width: 17, height: 17, alignment: .leading)
|
||||
Text(String(allCoins))
|
||||
.betTextStyle(weight: .black, color: AllinColor.PrimaryTextColor, size: 16)
|
||||
.padding(.trailing, 15)
|
||||
}
|
||||
.background(AllinColor.RankingRowBackground)
|
||||
.cornerRadius(8)
|
||||
.padding([.leading,.trailing],20)
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in new issue