Proyectos de Subversion Iphone Microlearning - Nuevo Interface

Rev

Rev 1 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1 Rev 8
Línea 8... Línea 8...
8
import Foundation
8
import Foundation
9
import SwiftUI
9
import SwiftUI
Línea 10... Línea 10...
10
 
10
 
Línea -... Línea 11...
-
 
11
struct MyProgressView: View {
-
 
12
    
11
struct MyProgressView: View {
13
    @EnvironmentObject private var networkMonitor : NetworkMonitor
Línea 12... Línea 14...
12
    
14
    @EnvironmentObject private var appNavigation : AppNavigation
13
    @ObservedObject private var viewModel = ProgressViewModel()
15
    @ObservedObject private var viewModel = ProgressViewModel()
14
 
16
 
Línea 20... Línea 22...
20
    var body: some View {
22
    var body: some View {
Línea 21... Línea 23...
21
 
23
 
22
        GeometryReader { geometry in
24
        GeometryReader { geometry in
23
            VStack(spacing: 0) {
25
            VStack(spacing: 0) {
-
 
26
                HStack {
-
 
27
                    
24
                HStack {
28
                    
25
                    Image("logo")
29
                    Image("logo")
26
                    .resizable()
30
                    .resizable()
27
                    .frame(width: 32, height: 32, alignment: .center)
31
                    .frame(width: 32, height: 32, alignment: .center)
28
                    .aspectRatio(contentMode: .fit)
32
                    .aspectRatio(contentMode: .fit)
29
                    .foregroundColor(Color("color_app_bar_foreground"))
33
                        .foregroundColor(networkMonitor.status == .disconnected ? Color("color_network_disconnected_foreground") : Color("color_app_bar_foreground"))
Línea 30... Línea 34...
30
                    .padding(.leading, 16)
34
                    .padding(.leading, 16)
31
                 
35
                 
32
                    
36
                    
33
                    Text(Config.LANG_TAB_BAR_BUTTON_PROGRESS)
37
                    Text(networkMonitor.status == .disconnected ? Config.LANG_ERROR_NETWORK_MESSAGE_SHORT : Config.LANG_TAB_BAR_BUTTON_PROGRESS)
Línea 34... Línea 38...
34
                    .font(Font.custom(Config.FONT_NAME_REGULAR, size: Config.FONT_SIZE_APP_BAR_HEAD1 ))
38
                    .font(Font.custom(Config.FONT_NAME_REGULAR, size: Config.FONT_SIZE_APP_BAR_HEAD1 ))
35
                    .foregroundColor(Color("color_app_bar_foreground"))
-
 
Línea 36... Línea 39...
36
                    .padding(.leading, 4)
39
                        .foregroundColor(networkMonitor.status == .disconnected ? Color("color_network_disconnected_foreground") : Color("color_app_bar_foreground"))
37
                    
-
 
38
                    Spacer()
40
                    .padding(.leading, 4)
39
 
41
                    
40
                    
42
                    Spacer()
-
 
43
                    
-
 
44
                }
-
 
45
                .edgesIgnoringSafeArea(.top)
Línea 41... Línea 46...
41
                }
46
                .frame(height: 50)
42
                .background(Color("color_app_bar_background"))
47
                .background(networkMonitor.status == .disconnected ? Color("color_network_disconnected_background") : Color("color_app_bar_background"))
43
                .edgesIgnoringSafeArea(.top)
48
        
Línea 84... Línea 89...
84
                    Spacer()
89
                    Spacer()
85
                    VStack {
90
                    VStack {
86
                        Text(String(viewModel.capsuleTotal))
91
                        Text(String(viewModel.capsuleTotal))
87
                            .font(.subheadline)
92
                            .font(.subheadline)
88
                            .fontWeight(/*@START_MENU_TOKEN@*/.bold/*@END_MENU_TOKEN@*/)
93
                            .fontWeight(/*@START_MENU_TOKEN@*/.bold/*@END_MENU_TOKEN@*/)
89
                            .foregroundColor(Color("color_textview"))
94
                            .foregroundColor(Color("color_textview_foreground"))
Línea 90... Línea 95...
90
                        
95
                        
91
                        Text("Total")
96
                        Text("Total")
92
                            .font(.subheadline)
97
                            .font(.subheadline)
93
                            .foregroundColor(.gray)
98
                            .foregroundColor(.gray)
94
                    }
99
                    }
95
                    VStack {
100
                    VStack {
96
                        Text(String(viewModel.capsuleTotalStarted))
101
                        Text(String(viewModel.capsuleTotalStarted))
97
                            .font(.subheadline)
102
                            .font(.subheadline)
98
                            .fontWeight(/*@START_MENU_TOKEN@*/.bold/*@END_MENU_TOKEN@*/)
103
                            .fontWeight(/*@START_MENU_TOKEN@*/.bold/*@END_MENU_TOKEN@*/)
Línea 99... Línea 104...
99
                            .foregroundColor(Color("color_textview"))
104
                            .foregroundColor(Color("color_textview_foreground"))
100
                        
105
                        
101
                        Text("Iniciadas")
106
                        Text("Iniciadas")
102
                            .font(.subheadline)
107
                            .font(.subheadline)
103
                            .foregroundColor(.gray)
108
                            .foregroundColor(.gray)
104
                    }
109
                    }
105
                    VStack {
110
                    VStack {
106
                        Text(String(viewModel.capsuleTotalForStart))
111
                        Text(String(viewModel.capsuleTotalForStart))
107
                            .font(.subheadline)
112
                            .font(.subheadline)
Línea 108... Línea 113...
108
                            .fontWeight(/*@START_MENU_TOKEN@*/.bold/*@END_MENU_TOKEN@*/)
113
                            .fontWeight(/*@START_MENU_TOKEN@*/.bold/*@END_MENU_TOKEN@*/)
109
                            .foregroundColor(Color("color_textview"))
114
                            .foregroundColor(Color("color_textview_foreground"))
110
                        
115
                        
111
                        Text("Por realizar")
116
                        Text("Por realizar")
112
                            .font(.subheadline)
117
                            .font(.subheadline)
113
                            .foregroundColor(.gray)
118
                            .foregroundColor(.gray)
114
                    }
119
                    }
115
                    VStack {
120
                    VStack {
116
                        Text(String(viewModel.capsuleTotalCompleted))
121
                        Text(String(viewModel.capsuleTotalCompleted))
Línea 117... Línea 122...
117
                            .font(.subheadline)
122
                            .font(.subheadline)
118
                            .fontWeight(/*@START_MENU_TOKEN@*/.bold/*@END_MENU_TOKEN@*/)
123
                            .fontWeight(/*@START_MENU_TOKEN@*/.bold/*@END_MENU_TOKEN@*/)
119
                            .foregroundColor(Color("color_textview"))
124
                            .foregroundColor(Color("color_textview_foreground"))
120
                        
125
                        
Línea 128... Línea 133...
128
                
133
                
129
                HStack {
134
                HStack {
130
                    Text("Retorno")
135
                    Text("Retorno")
131
                        .fontWeight(/*@START_MENU_TOKEN@*/.bold/*@END_MENU_TOKEN@*/)
136
                        .fontWeight(/*@START_MENU_TOKEN@*/.bold/*@END_MENU_TOKEN@*/)
132
                        .font(.title3)
137
                        .font(.title3)
133
                        .foregroundColor(Color("color_textview"))
138
                        .foregroundColor(Color("color_textview_foreground"))
134
                    Spacer()
139
                    Spacer()
135
                }.padding([.top], 5)
140
                }.padding([.top], 5)
Línea 136... Línea 141...
136
                .padding(.horizontal, 10)
141
                .padding(.horizontal, 10)