diff options
Diffstat (limited to 'Widget/Dashboard/DashboardWidgetView.swift')
| -rw-r--r-- | Widget/Dashboard/DashboardWidgetView.swift | 182 |
1 files changed, 182 insertions, 0 deletions
diff --git a/Widget/Dashboard/DashboardWidgetView.swift b/Widget/Dashboard/DashboardWidgetView.swift new file mode 100644 index 000000000..8ebbe1fc7 --- /dev/null +++ b/Widget/Dashboard/DashboardWidgetView.swift @@ -0,0 +1,182 @@ +// +// DashboardWidgetView.swift +// Widget +// +// Created by Marino Faggiana on 20/08/22. +// Copyright © 2022 Marino Faggiana. All rights reserved. +// +// Author Marino Faggiana <marino.faggiana@nextcloud.com> +// +// This program is free software: you can redistribute it and/or modify +// it under the terms of the GNU General Public License as published by +// the Free Software Foundation, either version 3 of the License, or +// (at your option) any later version. +// +// This program is distributed in the hope that it will be useful, +// but WITHOUT ANY WARRANTY; without even the implied warranty of +// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +// GNU General Public License for more details. +// +// You should have received a copy of the GNU General Public License +// along with this program. If not, see <http://www.gnu.org/licenses/>. +// + +import SwiftUI +import WidgetKit + +struct DashboardWidgetView: View { + + var entry: DashboardDataEntry + + var body: some View { + + GeometryReader { geo in + + ZStack(alignment: .topLeading) { + + HStack() { + + Image(uiImage: entry.titleImage) + .renderingMode(.template) + .resizable() + .scaledToFill() + .frame(width: 20, height: 20) + + Text(entry.title) + .font(.system(size: 15)) + .fontWeight(.bold) + .multilineTextAlignment(.center) + .textCase(.uppercase) + .lineLimit(1) + } + .frame(width: geo.size.width - 20) + .padding([.top, .leading, .trailing], 10) + + VStack(alignment: .leading) { + + VStack(spacing: 0) { + + ForEach(entry.datas, id: \.id) { element in + + Link(destination: element.link) { + + HStack { + + let subTitleColor = Color(white: 0.5) + + if entry.isPlaceholder { + Circle() + .fill(Color(.systemGray4)) + .frame(width: 35, height: 35) + } else if element.template { + if entry.dashboard?.itemIconsRound ?? false { + Image(uiImage: element.icon) + .renderingMode(.template) + .resizable() + .scaledToFill() + .frame(width: 20, height: 20) + .foregroundColor(.white) + .padding(8 + ) + .background(Color(.systemGray4)) + .clipShape(Circle()) + } else { + Image(uiImage: element.icon) + .renderingMode(.template) + .resizable() + .scaledToFill() + .frame(width: 25, height: 25) + .clipped() + .cornerRadius(5) + } + } else { + if entry.dashboard?.itemIconsRound ?? false || element.avatar { + Image(uiImage: element.icon) + .resizable() + .scaledToFill() + .frame(width: 35, height: 35) + .clipShape(Circle()) + } else { + Image(uiImage: element.icon) + .resizable() + .scaledToFill() + .frame(width: 35, height: 35) + .clipped() + .cornerRadius(5) + } + } + + VStack(alignment: .leading, spacing: 2) { + + Text(element.title) + .font(.system(size: 12)) + .fontWeight(.regular) + + Text(element.subTitle) + .font(.system(size: CGFloat(10))) + .foregroundColor(subTitleColor) + } + Spacer() + } + .padding(.leading, 10) + .frame(height: 50) + } + Divider() + .padding(.leading, 54) + } + } + } + .padding(.top, 35) + .redacted(reason: entry.isPlaceholder ? .placeholder : []) + + if let buttons = entry.buttons, !buttons.isEmpty, !entry.isPlaceholder { + + HStack(spacing: 10) { + + let brandColor = Color(NCBrandColor.shared.brand) + let brandTextColor = Color(NCBrandColor.shared.brandText) + + ForEach(buttons, id: \.index) { element in + Link(destination: URL(string: element.link)! , label: { + + Text(element.text) + .font(.system(size: 15)) + .padding(7) + .background(brandColor) + .foregroundColor(brandTextColor) + .border(brandColor, width: 1) + .cornerRadius(16) + }) + } + } + .frame(width: geo.size.width - 10, height: geo.size.height - 25, alignment: .bottomTrailing) + } + + HStack { + + Image(systemName: entry.footerImage) + .resizable() + .scaledToFit() + .frame(width: 15, height: 15) + .foregroundColor(entry.isPlaceholder ? Color(.systemGray4) : Color(NCBrandColor.shared.brand)) + + Text(entry.footerText) + .font(.caption2) + .padding(.trailing, 13.0) + .foregroundColor(entry.isPlaceholder ? Color(.systemGray4) : Color(NCBrandColor.shared.brand)) + } + .frame(maxWidth: geo.size.width - 5, maxHeight: geo.size.height - 2, alignment: .bottomTrailing) + } + } + } +} + +struct DashboardWidget_Previews: PreviewProvider { + static var previews: some View { + let datas = Array(dashboardDatasTest[0...4]) + let title = "Dashboard" + let titleImage = UIImage(named: "widget")! + let entry = DashboardDataEntry(date: Date(), datas: datas, dashboard: nil, buttons: nil, isPlaceholder: false, titleImage: titleImage, title: title, footerImage: "checkmark.icloud", footerText: "Nextcloud widget") + DashboardWidgetView(entry: entry).previewContext(WidgetPreviewContext(family: .systemLarge)) + } +} |