Proyectos de Subversion Iphone Microlearning - Nuevo Interface

Rev

Rev 14 | Rev 30 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
//
2 
//  CardTopicView.swift
3 
//  twogetskills
4 
//
5 
//  Created by Efrain Yanez Recanatini on 1/26/22.
6 
//
7 
 
8 
import SwiftUI
9 
 
10 
struct CardTopicView: View
11 
{
12 
    @EnvironmentObject private var appNavigation : AppNavigation
13 
    @ObservedObject private var viewModel = TopicCardViewModel()
14 
 
15 
 
14 efrain 16 
 
1 efrain 17 
    private var topicName : String = ""
18 
    private var preview : Bool = false
17 efrain 19 
    private var appData = AppData.sharedInstance
1 efrain 20 
 
14 efrain 21 
    private let userUuid : String
22 
 
1 efrain 23 
 
14 efrain 24 
    init(topicUuid : String)
1 efrain 25 
    {
17 efrain 26 
 
14 efrain 27 
        userUuid = appData.userUuid
1 efrain 28 
 
14 efrain 29 
        self.viewModel.fetch(topicUuid: topicUuid, userUuid: userUuid)
1 efrain 30 
        if viewModel.topic.name.count > Constants.CAPSULE_TITLE_MAX_LENGTH {
31 
            topicName = String(Array(viewModel.topic.name)[0...Constants.CAPSULE_TITLE_MAX_LENGTH]) + "..."
32 
        } else {
33 
            topicName = viewModel.topic.name
34 
        }
35 
    }
36 
 
37 
    var body: some View {
38 
 
39 
        Button(action: {
14 efrain 40 
 
17 efrain 41 
 
1 efrain 42 
            appData.topicUuidActive = self.viewModel.topic.uuid
43 
            appData.capsuleUuidActive = ""
44 
            appData.slideUuidActive = ""
17 efrain 45 
            appData.save()
1 efrain 46 
 
47 
 
11 efrain 48 
            appNavigation.subPageSource = .topics
1 efrain 49 
            appNavigation.subpageActive = .capsules
50 
 
51 
 
52 
        }) {
53 
 
54 
            VStack(spacing: 0) {
55 
 
56 
                Text(self.topicName)
57 
                .font(Font.custom(Config.FONT_NAME_REGULAR, size: Config.FONT_SIZE_CARD_VIEW_TITLE))
8 efrain 58 
                .foregroundColor(Color("color_textview_foreground"))
1 efrain 59 
                .padding(.horizontal, 5)
60 
                .padding(.top, 5)
61 
                .multilineTextAlignment(/*@START_MENU_TOKEN@*/.leading/*@END_MENU_TOKEN@*/)
62 
 
63 
                Spacer()
64 
 
65 
 
66 
                CardTopicImageGroup(requestImage: preview ? "": self.viewModel.topic.image )
67 
                .padding(.horizontal, 5)
68 
 
69 
                Spacer()
70 
 
71 
                Group() {
72 
                    HStack {
73 
                        ProgressBar(
74 
                            value: self.viewModel.topic.progress,
75 
                            maxValue: 100,
76 
                            backgroundColor: Color("color_card_view_progress_background"),
77 
                            foregroundColor: Color("color_card_view_progress_foreground")
78 
 
79 
                        )
80 
                        .frame(height: 6)
81 
                        .padding(10)
82 
 
83 
                        Text( String(format: "%.1f", self.viewModel.topic.progress) + "%")
84 
                            .font(Font.custom(Config.FONT_NAME_REGULAR, size: Config.FONT_SIZE_CARD_VIEW_FOOTER ))
8 efrain 85 
                        .foregroundColor(Color("color_textview_foreground"))
1 efrain 86 
                        .padding(5)
87 
                    }
88 
                }
89 
                .background(Color("color_card_view_background_footer"))
90 
 
91 
            }
92 
            .background(Color("color_card_view_background"))
93 
            .cornerRadius(16)
94 
            .overlay(
95 
                RoundedRectangle(cornerRadius: 16)
96 
                    .stroke(Color("color_card_view_border"), lineWidth:1)
97 
            )
98 
            .padding(.horizontal, 5)
14 efrain 99 
        }.onAppear {
100 
            self.viewModel.fetchProgress(topicUuid: self.viewModel.topic.uuid, userUuid: self.userUuid)
101 
 
102 
        }
17 efrain 103 
 
14 efrain 104 
        .padding(.top, 5)
1 efrain 105 
    }
106 
}
107 
 
108 
 
109 
 
110 
struct CardTopicView_Previews: PreviewProvider {
111 
    static var previews: some View {
112 
 
14 efrain 113 
        CardTopicView(topicUuid: "T123")
1 efrain 114 
    }
115 
}
116 
 
117 
struct CardTopicImageGroup : View {
118 
 
119 
    var requestImage : String
120 
 
121 
    var body: some View {
122 
        HStack {
123 
            if requestImage.isEmpty {
124 
 
125 
 
126 
                Image(uiImage: UIImage(named: "logo") ?? UIImage())
127 
                    .resizable()
128 
                    .aspectRatio(contentMode: .fit)
129 
 
130 
 
131 
            } else {
132 
                CustomAsyncImage(
133 
                    url: URL(string: requestImage)!,
134 
                    placeholder: { Text(Config.LANG_COMMON_LOADING).font(.footnote).foregroundColor(.black)},
135 
                    image: {
136 
                        Image(uiImage: $0).resizable()
137 
                    }
138 
                )
139 
            }
140 
        }
141 
    }
142 
}
143