MovieWorld App, SingleMovieView

SingleMovieView.Swift

import SwiftUI
import KingfisherSwiftUI

struct SingleMovieView: View {

    var movieId: Int = -1
    @ObservedObject var model = MovieListViewModel()

    var body: some View {
        ScrollView(showsIndicators: false) {
            VStack(alignment: .leading)  {
                createPosterImage()
                MovieDetailView(movie: self.model.movie)

                if model.secSectionMoviesBundle.isEmpty {
                    Text("Loading")
                } else {
                    VStack(alignment: .leading, spacing: 12) {
                        CrewList(crews: (model.secSectionMoviesBundle[.Crew] as! [CrewViewModel]).filter {$0.job == "Director"} )
                        CastList(casts: model.secSectionMoviesBundle[.Cast] as! [CastViewModel])
                        ImageList(images: model.secSectionMoviesBundle[.Images] as! [ImageViewModel])
                        RecMovieList(movies: model.secSectionMoviesBundle[.Recomm] as! [MovieViewModel], model: model)
                    }
                }
            }
        }.edgesIgnoringSafeArea(.top)
        .onAppear() {
                self.model.getMovieDetail(id: self.movieId)
                self.model.getSecSectionMoviesBundle(id: self.movieId)
        }
    }

    struct CrewList: View {
        var crews: [CrewViewModel]
        var body: some View {

            VStack(alignment: .leading) {
                Text("Director")
                    .font(.headline)
                ScrollView(.horizontal) {
                    HStack(alignment: .top, spacing: 6) {
                        ForEach(crews, id: \.self) { crew in
                            VStack(alignment: .leading) {
                                KFImage(source: .network(crew.profileUrl))
                                .resizable()
                                .frame(maxWidth: 100, maxHeight: 150)
                                .aspectRatio(2/3, contentMode: .fill)
                                .cornerRadius(5)
                                
                                Text("\(crew.name)")
                                .lineLimit(nil)
                                .foregroundColor(.gray)
                            }
                        }
                    }
                }.frame(height: 180)
            }
            .padding(.horizontal).padding(.bottom)
        }
    }

    struct CastList: View {
        var casts: [CastViewModel]
        var body: some View {

            VStack(alignment: .leading) {
                Text("Cast")
                    .font(.headline)
                ScrollView(.horizontal) {
                    HStack(alignment: .top, spacing: 6) {
                        ForEach(casts, id: \.self) { cast in
                            VStack(alignment: .leading) {
                                KFImage(source: .network(cast.profileUrl))
                                    .resizable()
                                    .frame(width: 100, height: 150)
                                    .aspectRatio(2/3, contentMode: .fill)
                                    .cornerRadius(5)
                                Text("\(cast.name)")
                                .lineLimit(2)
                                .foregroundColor(.gray)
                                .frame(height: 50, alignment: .top)

                            }.frame(width: 100)
                        }
                    }
                }
            }
            .padding(.horizontal).padding(.bottom)
        }
    }
    
    struct ImageList: View {
        var images: [ImageViewModel]

        var body: some View {
            VStack(alignment: .leading) {
                Text("Images")
                    .font(.headline)
                ScrollView(.horizontal) {
                    HStack(alignment: .top, spacing: 6) {
                        ForEach(images, id: \.self) { image in
                            KFImage(source: .network(image.fileURL))
                                .resizable()
                                .frame(width: 200)
                                .aspectRatio(1.77, contentMode: .fit)
                        }
                    }
                }.frame(height: 120)
            }
            .padding(.horizontal).padding(.bottom)
        }
    }
    
    struct RecMovieList: View {
        var movies: [MovieViewModel]
        @ObservedObject var model: MovieListViewModel

        var body: some View {
            VStack(alignment: .leading) {
                Text("\(SecHomeSection.Recomm.rawValue)")
                    .font(.headline)
                ScrollView(.horizontal) {
                    HStack(alignment: .top, spacing: 10) {
                        ForEach(0..<movies.count) { i in
                            VStack(alignment: .leading) {
                                    KFImage(source: .network(self.movies[i].posterUrl))
                                    .renderingMode(.original)
                                    .resizable()
                                    .frame(width: 100, height: 150)
                                    .aspectRatio(2/3, contentMode: .fill)
                                    .onTapGesture {
                                        self.model.getMovieDetail(id: self.movies[i].id)
                                        self.model.getSecSectionMoviesBundle(id: self.movies[i].id)
                                    }
                                Text("\(self.movies[i].title)")
                                .lineLimit(2)
                                .foregroundColor(.gray)
                                .frame(height: 50, alignment: .top)
                            }.frame(width: 100)
                        }
                    }
                }
            }
            .padding(.horizontal).padding(.bottom)
        }
    }

    fileprivate func createPosterImage() -> some View {
        return KFImage(source: .network(model.movie.posterUrl))
            .resizable().aspectRatio(contentMode: .fit)
    }
}