Proyectos de Subversion Iphone Microlearning - Nuevo Interface

//
//  ProgressView.swift
//  twogetskills
//
//  Created by Efrain Yanez Recanatini on 5/5/22.
//

import Foundation
import SwiftUI

struct MyProgressView: View {
    
    @ObservedObject private var viewModel = ProgressViewModel()

    init()
    {
        viewModel.load()
    }
    
    var body: some View {

        GeometryReader { geometry in
            VStack(spacing: 0) {
                HStack {
                    Image("logo")
                    .resizable()
                    .frame(width: 32, height: 32, alignment: .center)
                    .aspectRatio(contentMode: .fit)
                    .foregroundColor(Color("color_app_bar_foreground"))
                    .padding(.leading, 16)
                 
                    
                    Text(Config.LANG_TAB_BAR_BUTTON_PROGRESS)
                    .font(Font.custom(Config.FONT_NAME_REGULAR, size: Config.FONT_SIZE_APP_BAR_HEAD1 ))
                    .foregroundColor(Color("color_app_bar_foreground"))
                    .padding(.leading, 4)
                    
                    Spacer()

                    
                }
                .background(Color("color_app_bar_background"))
                .edgesIgnoringSafeArea(.top)
                .frame(height: 50)
                Divider()
                
                
                HStack {
                    Text("Cápsulas")
                        .font(.title3)
                        .fontWeight(/*@START_MENU_TOKEN@*/.bold/*@END_MENU_TOKEN@*/)
                        .foregroundColor(Color("color_app_bar_foreground"))
                    Spacer()
                }.padding([.top], 10)
                .padding(.horizontal, 10)


                HStack {
                    Spacer()


                    PieChartView(
                        values:[viewModel.percentajeCapsuleIncomplete, viewModel.percentajeCapsuleComplete],
                        names: ["", ""],
                        formatter: {value in String(format: "%.2f%%", value)},
                        colors: [
                            .gray,
                            Color("color_app_bar_foreground")
                        ],
                        backgroundColor: Color("color_window_background"),
                        widthFraction: 0.75,
                        innerRadiusFraction: 0.60,
                        chartSize : 250,
                        total : viewModel.percentajeCapsuleComplete
                    )
                    .frame(width: 190, height: 190,  alignment: .center)

                    Spacer()
                }

                

                HStack {
                    Spacer()
                    VStack {
                        Text(String(viewModel.capsuleTotal))
                            .font(.subheadline)
                            .fontWeight(/*@START_MENU_TOKEN@*/.bold/*@END_MENU_TOKEN@*/)
                            .foregroundColor(Color("color_textview"))
                        
                        Text("Total")
                            .font(.subheadline)
                            .foregroundColor(.gray)
                    }
                    VStack {
                        Text(String(viewModel.capsuleTotalStarted))
                            .font(.subheadline)
                            .fontWeight(/*@START_MENU_TOKEN@*/.bold/*@END_MENU_TOKEN@*/)
                            .foregroundColor(Color("color_textview"))
                        
                        Text("Iniciadas")
                            .font(.subheadline)
                            .foregroundColor(.gray)
                    }
                    VStack {
                        Text(String(viewModel.capsuleTotalForStart))
                            .font(.subheadline)
                            .fontWeight(/*@START_MENU_TOKEN@*/.bold/*@END_MENU_TOKEN@*/)
                            .foregroundColor(Color("color_textview"))
                        
                        Text("Por realizar")
                            .font(.subheadline)
                            .foregroundColor(.gray)
                    }
                    VStack {
                        Text(String(viewModel.capsuleTotalCompleted))
                            .font(.subheadline)
                            .fontWeight(/*@START_MENU_TOKEN@*/.bold/*@END_MENU_TOKEN@*/)
                            .foregroundColor(Color("color_textview"))
                        
                        Text("Completadas")
                            .font(.subheadline)
                            .foregroundColor(.gray)
                    }
                    Spacer()
                    
                }.padding([.top], 5)
                
                HStack {
                    Text("Retorno")
                        .fontWeight(/*@START_MENU_TOKEN@*/.bold/*@END_MENU_TOKEN@*/)
                        .font(.title3)
                        .foregroundColor(Color("color_textview"))
                    Spacer()
                }.padding([.top], 5)
                .padding(.horizontal, 10)
   
                HStack {
                    Spacer()
                 
                    PieChartView(
                            values:[
                                Double(viewModel.capsuleTotalWithoutReturning),
                                Double(viewModel.capsuleTotalWithReturning)
                            ],
                            names: ["", ""],
                            formatter: {value in String(format: "%.0f", value)},
                            colors: [
                                .gray,
                                Color("color_app_bar_background")
                            ],
                            backgroundColor: Color("color_window_background"),
                            widthFraction: 0.75,
                            innerRadiusFraction: 0.60,
                            chartSize : 250,
                            total : Double(viewModel.capsuleTotalWithReturning)
                            
                        )
                        .frame(width: 190, height: 190,  alignment: .center)
          
                
 
                    Spacer()
                }
                
                Spacer()
                
            }.onAppear {
                viewModel.load()
            }
            .frame(width: geometry.size.width, height: geometry.size.height, alignment: /*@START_MENU_TOKEN@*/.center/*@END_MENU_TOKEN@*/)
            .background(Color("color_window_background"))
            .navigationTitle("Progreso")
            .navigationBarTitleDisplayMode(.inline)
            .navigationBarBackButtonHidden(true)
           
        }
    }
}


struct MyProgressView_Previews: PreviewProvider {
    static var previews: some View {
        MyProgressView()
    }
}