//
// 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
if entry.isEmpty {
VStack(alignment: .center) {
Image(systemName: "checkmark")
.resizable()
.scaledToFit()
.frame(width: 50, height: 50)
Text(NSLocalizedString("_no_items_", comment: ""))
.font(.system(size: 25))
.padding()
Text(NSLocalizedString("_check_back_later_", comment: ""))
.font(.system(size: 15))
}
.frame(width: geo.size.width, height: geo.size.height)
}
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)
if !entry.isEmpty {
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 let color = element.imageColor {
Image(uiImage: element.icon)
.renderingMode(.template)
.resizable()
.frame(width: 20, height: 20)
.foregroundColor(Color(color))
} 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(.infinity)
})
}
}
.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)
.lineLimit(1)
.foregroundColor(entry.isPlaceholder ? Color(.systemGray4) : Color(NCBrandColor.shared.brand))
}
.padding(.horizontal, 15.0)
.frame(maxWidth: geo.size.width, maxHeight: geo.size.height - 2, alignment: .bottomTrailing)
}
}
.widgetBackground(Color(UIColor.systemBackground))
}
}
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, isEmpty: true, titleImage: titleImage, title: title, footerImage: "checkmark.icloud", footerText: "Nextcloud widget")
DashboardWidgetView(entry: entry).previewContext(WidgetPreviewContext(family: .systemLarge))
}
}