You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
116 lines
3.7 KiB
116 lines
3.7 KiB
//
|
|
// List.swift
|
|
// MySwiftUi
|
|
//
|
|
// Created by etudiant on 21/05/2023.
|
|
//
|
|
|
|
import SwiftUI
|
|
|
|
struct List: View {
|
|
@State var episodes: [Episode] = []
|
|
|
|
let gridLayout = [
|
|
GridItem(.flexible())
|
|
|
|
]
|
|
|
|
var body: some View {
|
|
|
|
ZStack{
|
|
ScrollView {
|
|
|
|
VStack(alignment: .leading){
|
|
Spacer()
|
|
HStack{
|
|
|
|
Text("Episodes")
|
|
.font(.title)
|
|
.fontWeight(.bold)
|
|
.foregroundColor(Color.purple)
|
|
.padding(.leading, 15.0)
|
|
|
|
|
|
Image(systemName: "chevron.down")
|
|
.foregroundColor(Color.pink)
|
|
|
|
Spacer()
|
|
Text("Tout Voir")
|
|
.fontWeight(.bold)
|
|
.foregroundColor(Color.purple)
|
|
.padding(.trailing, 22.0)
|
|
|
|
}
|
|
Divider()
|
|
|
|
LazyVGrid(columns: gridLayout, spacing: 16) {
|
|
ForEach(episodes) { episode in
|
|
VStack(alignment: .leading) {
|
|
Text(episode.date)
|
|
.font(.subheadline)
|
|
.fontWeight(.bold)
|
|
.foregroundColor(Color.gray)
|
|
Text(episode.titre)
|
|
.font(.title2)
|
|
.fontWeight(.bold)
|
|
|
|
Text(episode.description)
|
|
.fontWeight(.medium)
|
|
.foregroundColor(Color.gray)
|
|
.lineLimit(2)
|
|
.padding(.vertical, 0.0)
|
|
|
|
HStack{
|
|
Image(systemName: "play.circle")
|
|
.padding(.trailing, 2.0)
|
|
.scaleEffect(1.7)
|
|
.foregroundColor(Color.purple)
|
|
Text(episode.heure)
|
|
.font(.headline)
|
|
.foregroundColor(Color.purple)
|
|
Spacer()
|
|
Image(systemName: "ellipsis")
|
|
|
|
}.padding(1.0)
|
|
|
|
|
|
}
|
|
.padding()
|
|
Divider()
|
|
|
|
|
|
}
|
|
}
|
|
.listStyle(.plain)
|
|
.onAppear {
|
|
let stub = Stub()
|
|
stub.getEpisodes { (episodes, error) in
|
|
if let episodes = episodes {
|
|
self.episodes = episodes
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
struct List_Previews: PreviewProvider {
|
|
static var previews: some View {
|
|
List()
|
|
List().preferredColorScheme(.dark)
|
|
}
|
|
}
|
|
|
|
|