Proyectos de Subversion Iphone Microlearning - Nuevo Interface

//

//  GridGalleryView.swift

//  twogetskills

//

//  Created by Efrain Yanez Recanatini on 3/7/22.

//

import Foundation

import SwiftUI

struct GridGalleryView: View {

    @EnvironmentObject private var networkMonitor : NetworkMonitor

    @EnvironmentObject private var appNavigation : AppNavigation

    @ObservedObject private var viewModel : GalleryGridViewModel = GalleryGridViewModel()

    private var appData = AppData.sharedInstance

    private var capsuleTitle : String = ""

    init()

    {

        self.viewModel.fetch(capsuleUuid: appData.capsuleUuidActive, userUuid: appData.userUuid)

        let capsuleDao = CapsuleDao.sharedInstance

        let capsule = capsuleDao.selectByUuid(uuid: appData.capsuleUuidActive)

        if capsule.name.count > Constants.APP_BAR_TITLE_MAX_LENGTH {

            capsuleTitle = String(Array(capsule.name)[0...Constants.APP_BAR_TITLE_MAX_LENGTH]) + "..."

        } else {

            capsuleTitle = capsule.name

        }

    }

    @ViewBuilder

    var body: some View {

        GeometryReader { geometry in

        ZStack {

            if self.viewModel.hasPrevious()  {

                Button(action: {

                    print("Button previouse")

                    self.viewModel.previous()

                    print("slideActiveIndex: \(self.viewModel.slideActiveIndex)")

                    self.completeSlide(position: self.viewModel.slideActiveIndex)

                    appData.slideUuidActive = self.viewModel.slides[self.viewModel.slideActiveIndex].uuid

                    appData.save()

                }, label: {

                    Image(systemName: "arrow.left")

                })

                .frame(width: 40.0, height: 40.0, alignment: .center)

                     .cornerRadius(/*@START_MENU_TOKEN@*/3.0/*@END_MENU_TOKEN@*/)

                .background(Color("color_button_gallery_background"))

                .foregroundColor(Color("color_button_gallery_foreground"))

                    .offset(x: -1 * ((geometry.size.width / 2) - 30), y :  25).zIndex(10000)

            }

            if self.viewModel.hasNext() {

                Button(action: {

                    print("Button next")

                    self.viewModel.next()

                    print("slideActiveIndex: \(self.viewModel.slideActiveIndex)")

                    self.completeSlide(position: self.viewModel.slideActiveIndex)

                    appData.slideUuidActive = self.viewModel.slides[self.viewModel.slideActiveIndex].uuid

                    appData.save()

                }, label: {

                    Image(systemName: "arrow.right")

                })

                .frame(width: 40.0, height: 40.0, alignment: .center)

                .background(Color("color_button_gallery_background"))

                .foregroundColor(Color("color_button_gallery_foreground"))

                .offset(x: ((geometry.size.width  / 2) - 30), y :  25).zIndex(10000)

            }

            VStack(spacing: 0) {

                HStack {

                    Button(action: {

                        appNavigation.subpageActive = .slides

                    }, label: {

                        Image(systemName: "chevron.backward")

                        .frame(width: 32, height: 32, alignment: /*@START_MENU_TOKEN@*/.center/*@END_MENU_TOKEN@*/)

                        .aspectRatio(contentMode: .fit)

                            .foregroundColor(networkMonitor.status == .disconnected ? Color("color_network_disconnected_foreground") : Color("color_app_bar_foreground"))

                    })

                    .padding(.leading, 16)

                    Text(networkMonitor.status == .disconnected ? Config.LANG_ERROR_NETWORK_MESSAGE_SHORT :  capsuleTitle)

                    .font(Font.custom(Config.FONT_NAME_REGULAR, size: Config.FONT_SIZE_APP_BAR_HEAD1 ))

                        .foregroundColor(networkMonitor.status == .disconnected ? Color("color_network_disconnected_foreground") : Color("color_app_bar_foreground"))

                        .padding(.leading, 4)

                    Spacer()

                }

                .edgesIgnoringSafeArea(.top)

                .frame(height: 50)

                .background(networkMonitor.status == .disconnected ? Color("color_network_disconnected_background") : Color("color_app_bar_background"))

                Divider().background(networkMonitor.status == .disconnected ? Color("color_network_disconnected_background") : Color("color_app_bar_background"))

                /*

                CardGalleryView(

                    slideUuid:  self.viewModel.slides[self.viewModel.slideActiveIndex].uuid

                )

                .environmentObject(appNavigation)

                Text("slideActive : \(viewModel.slideActiveIndex)")

 */

                GeometryReader { geometry in

                    let checkMarkX = (geometry.size.width - 50) / 2

                    let checkMarkY = -1 * ((geometry.size.height - 50) / 2)

                    let buttonX = (geometry.size.width - 180) / 2

                   // let buttonY = (geometry.size.height - 80) / 2

                    let buttonY = (geometry.size.height - 100) / 2

                    ZStack {

                        if self.viewModel.slides[self.viewModel.slideActiveIndex].completed == 1  {

                            Image(uiImage: UIImage(named: "ic_slide_completado_checkmark") ?? UIImage()).offset(x: checkMarkX, y: checkMarkY).zIndex(10000)

                        }

                        /*

                        if self.buttonShow {

                            Button(action: {

                                btnPlay()

                            }, label: {

                                Text(self.buttonTitle)

                                    .font(Font.custom(Config.FONT_NAME_BOLD, size: Config.FONT_SIZE_BUTTONS))

                                .foregroundColor(Color("color_button_gallery_foreground"))

                            })

                            .padding(.vertical, 15)

                            .padding(.horizontal, 10)

                            .background(Color("color_button_gallery_background"))

                            .cornerRadius(/*@START_MENU_TOKEN@*/3.0/*@END_MENU_TOKEN@*/)

                            .offset(x: buttonX, y: buttonY)

                            .zIndex(10000)

                        }

                        if (self.viewModel.progressCapsule >= 100 && self.viewModel.completedCapsule == 0)

                            || (self.viewModel.progressTopic >= 100 && self.viewModel.completedTopic == 0) {

                            Button(action: {

                                if self.viewModel.progressTopic >= 100 && self.viewModel.completedTopic == 0 {

                                    appNavigation.subpageActive = .finishtopic

                                } else {

                                    if self.viewModel.progressCapsule >= 100 && self.viewModel.completedCapsule == 0 {

                                        appNavigation.subpageActive = .finishcapsule

                                    }

                                }

                            }, label: {

                                Text(Config.LANG_BUTTON_FINISH_CAPSULE_OR_TOPIC)

                                .font(.callout)

                                .foregroundColor(.black)

                            })

                            .padding()

                            .background(Color("color_button_gallery_background"))

                            .cornerRadius(/*@START_MENU_TOKEN@*/3.0/*@END_MENU_TOKEN@*/)

                            .zIndex(10000)

                        }

                         */

                        VStack {

                            Spacer()

                            HStack {

                                if self.viewModel.slides[self.viewModel.slideActiveIndex].background.isEmpty && self.viewModel.slides[self.viewModel.slideActiveIndex].file.isEmpty {

                                    Image(uiImage: UIImage(named: "logo") ?? UIImage())

                                    .resizable()

                                    .aspectRatio(contentMode: .fit)

                                } else {

                                    CustomAsyncImage(

                                        url: URL(string: self.viewModel.slides[self.viewModel.slideActiveIndex].type == Constants.SLIDE_TYPE_IMAGE ? self.viewModel.slides[self.viewModel.slideActiveIndex].file : self.viewModel.slides[self.viewModel.slideActiveIndex].background)!,

                                        placeholder: {

                                            Spacer()

                                            Text(Config.LANG_COMMON_LOADING).font(.footnote).foregroundColor(.black)

                                            Spacer()

                                        },

                                        image: {

                                            Image(uiImage: $0).resizable()

                                        }

                                    )

                                }

                            }.padding(.horizontal, 5)

                            Spacer()

                        }

                       // .zIndex(500)

                    }

                }

                .transition(.slide)

                .gesture(

                    DragGesture(minimumDistance: 60).onEnded {

                        if $0.startLocation.x > $0.location.x {

                            print("left")

                            if self.viewModel.hasPrevious()  {

                                print("hasPrevious")

                                self.viewModel.previous()

                                print("slideActiveIndex: \(self.viewModel.slideActiveIndex)")

                                self.completeSlide(position: self.viewModel.slideActiveIndex)

                                appData.slideUuidActive = self.viewModel.slides[self.viewModel.slideActiveIndex].uuid

                                appData.save()

                            }

                        } else if $0.startLocation.x < $0.location.x {

                            print("right")

                            if self.viewModel.hasNext() {

                                print("hasNext")

                                self.viewModel.next()

                                print("slideActiveIndex: \(self.viewModel.slideActiveIndex)")

                                self.completeSlide(position: self.viewModel.slideActiveIndex)

                                appData.slideUuidActive = self.viewModel.slides[self.viewModel.slideActiveIndex].uuid

                                appData.save()

                            }

                        } else {

                            print("none")

                        }

                    })

                /*

                TabView(selection: self.$selectedTab) {

                    ForEach(0..<self.viewModel.slides.count) { index in

                        CardGalleryView(

                            slideUuid:  self.viewModel.slides[index].uuid

                        )

                        .environmentObject(appNavigation)

                        .tag(index)

                        .transition(.slide)

                    }

                }

                //.tabViewStyle(PageTabViewStyle(indexDisplayMode: .automatic))

                .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))

                .onChange(of: self.selectedTab) { selectedTab in

                    appData.slideUuidActive = self.viewModel.slides[selectedTab].uuid

                    appData.save()

                    completeSlide(position: self.selectedTab)

                }.onAppear {

                    var position : Int = 0

                    var i : Int = 0

                    while i < self.viewModel.slides.count {

                        if appData.slideUuidActive == self.viewModel.slides[i].uuid {

                            position = i

                        }

                        i += 1

                    }

                    self.selectedTab =  position

                    completeSlide(position: self.selectedTab)

                }*/

            }

            .onAppear {

                var position : Int = 0

                var i : Int = 0

                while i < self.viewModel.slides.count {

                    if appData.slideUuidActive == self.viewModel.slides[i].uuid {

                        position = i

                    }

                    i += 1

                }

                self.viewModel.slideActiveIndex = position

            }

            }

        }

    }

    private func completeSlide(position: Int)

    {

        if self.viewModel.slides[position].type == Constants.SLIDE_TYPE_IMAGE {

            let dataService = DataService()

            dataService.completeSlide(slide: self.viewModel.slides[position])

        }

    }

}

struct GridGalleryView_Previews: PreviewProvider {

    static var previews: some View {

        //GridGalleryView(capsuleUuid: "C123", position: 2)

        GridGalleryView()

    }

}