move / tweak sharing templates

This commit is contained in:
Trey t
2022-02-17 09:19:22 -06:00
parent 8076254d3d
commit 7bcad65419
7 changed files with 7 additions and 2 deletions

View File

@@ -146,6 +146,11 @@ struct SharingListView: View {
struct SharingView_Previews: PreviewProvider {
static var previews: some View {
SharingListView()
Group {
SharingListView()
SharingListView()
.preferredColorScheme(.dark)
}
}
}

View File

@@ -0,0 +1,200 @@
//
// AllMoods.swift
// Feels (iOS)
//
// Created by Trey Tartt on 2/6/22.
//
import SwiftUI
struct AllMoodsTotalTemplate: View, SharingTemplate {
static var description: String {
"All Time Count"
}
var isPreview: Bool
var startDate: Date
var endDate: Date
var totalEntryCount: Int = 0
@State var showSharingTemplate = false
@Environment(\.presentationMode) var presentationMode
private var entries = [MoodMetrics]()
init(isPreview: Bool, startDate: Date, endDate: Date, fakeData: Bool) {
self.isPreview = isPreview
self.startDate = startDate
self.endDate = endDate
var moodEntries: [MoodEntry]?
if fakeData {
moodEntries = PersistenceController.shared.randomEntries(count: 10)
} else {
moodEntries = PersistenceController.shared.getData(startDate:startDate,
endDate: endDate,
includedDays: [1,2,3,4,5,6,7])
}
totalEntryCount = moodEntries?.count ?? 0
if let moodEntries = moodEntries {
for (_, mood) in Mood.allValues.enumerated() {
let moodEntries = moodEntries.filter({
Int($0.moodValue) == mood.rawValue
})
let total = moodEntries.count
let perc = (Float(total) / Float(totalEntryCount)) * 100
entries.append(MoodMetrics(mood: mood, total: total, percent: perc))
}
entries = entries.sorted(by: {
$0.mood.rawValue > $1.mood.rawValue
})
} else {
fatalError("no data")
}
}
var image: UIImage {
let image = shareView.snapshot()
return image
}
var preview: some View {
circularViews
.frame(maxWidth: .infinity, alignment: .center)
.frame(height: 100)
}
private var circularViews: some View {
VStack {
HStack {
ForEach(Mood.allValues, id: \.self) { mood in
mood.icon
.resizable()
.aspectRatio(contentMode: .fit)
.foregroundColor(mood.color)
}
}
.frame(maxWidth: .infinity, alignment: .center)
.frame(height: 100)
HStack {
ForEach(entries, id: \.mood) { model in
ZStack {
Circle().fill(model.mood.color)
Text("\(model.percent, specifier: "%.0f")%")
.font(.title)
.fontWeight(.bold)
.scaledToFill()
.minimumScaleFactor(0.5)
.lineLimit(1)
.foregroundColor(Color(UIColor.white))
.padding(2)
}
.frame(maxWidth: .infinity, alignment: .center)
.frame(height: 100)
}
}
HStack {
ForEach(entries, id: \.mood) { model in
ZStack {
Circle().fill(model.mood.color)
Text("\(model.total)")
.font(.title)
.fontWeight(.bold)
.scaledToFill()
.minimumScaleFactor(0.5)
.lineLimit(1)
.foregroundColor(Color(UIColor.white))
.padding(2)
}
.frame(maxWidth: .infinity, alignment: .center)
.frame(height: 100)
}
}
}
}
var shareView: some View {
VStack {
Text(String(format: String(localized: "share_view_all_moods_total_template_title"), totalEntryCount))
.font(.title)
.foregroundColor(Color(UIColor.label))
.frame(maxWidth: .infinity, alignment: .center)
.padding(.top, 1)
circularViews
.padding([.trailing, .leading, .top])
Spacer()
}
}
var mainView: some View {
VStack {
shareView
Spacer()
HStack(alignment: .center) {
Button(action: {
showSharingTemplate = true
}, label: {
Text("Share")
.font(.title)
.fontWeight(.bold)
.foregroundColor(Color.white)
.padding(.top, 20)
})
.frame(maxWidth: .infinity, alignment: .center)
.background(
Color.green
)
.padding(.trailing, -5)
Button(action: {
presentationMode.wrappedValue.dismiss()
}, label: {
Text("Exit")
.font(.title)
.fontWeight(.bold)
.foregroundColor(Color.white)
.padding(.top, 20)
})
.frame(maxWidth: .infinity, alignment: .center)
.background(
Color.red
)
.padding(.leading, -5)
}
.padding([.leading, .trailing], -20)
}.sheet(isPresented: $showSharingTemplate) {
ActivityViewController(activityItems: [self.image])
}
}
var body: some View {
if isPreview {
preview
.padding([.leading, .trailing], -20)
} else {
mainView
.padding([.leading, .trailing])
}
}
}
struct AllMoodsSharingTemplate_Previews: PreviewProvider {
static var previews: some View {
AllMoodsTotalTemplate(isPreview: true, startDate: Date(), endDate: Date(), fakeData: true)
AllMoodsTotalTemplate(isPreview: false, startDate: Date(), endDate: Date(), fakeData: true)
}
}

View File

@@ -0,0 +1,153 @@
//
// CurrentStreakTemplate.swift
// Feels (iOS)
//
// Created by Trey Tartt on 2/9/22.
//
import SwiftUI
struct CurrentStreakTemplate: View, SharingTemplate {
var image: UIImage {
return UIImage(systemName: "square.and.arrow.up")!
}
static var description: String {
"Last 10 Days"
}
var isPreview: Bool
var startDate: Date
var endDate: Date
let moodEntries: [MoodEntry]
@State var showSharingTemplate = false
@Environment(\.presentationMode) var presentationMode
let columns = [
GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center)
]
init(isPreview: Bool, startDate: Date, endDate: Date, fakeData: Bool) {
self.isPreview = isPreview
self.startDate = startDate
self.endDate = endDate
var _moodEntries: [MoodEntry]?
if fakeData {
_moodEntries = PersistenceController.shared.randomEntries(count: 10)
} else {
_moodEntries = PersistenceController.shared.getData(startDate:startDate,
endDate: endDate,
includedDays: [1,2,3,4,5,6,7])
}
self.moodEntries = _moodEntries ?? [MoodEntry]()
}
var preview: some View {
HStack {
VStack {
LazyVGrid(columns: columns, spacing: 0) {
ForEach(moodEntries) { entry in
entry.mood.icon
.resizable()
.aspectRatio(contentMode: .fit)
.foregroundColor(entry.mood.color)
}
}
}
}
.frame(height: 100)
}
var shareView: some View {
VStack {
Text(String(format: String(localized: "share_view_current_streak_template_title")))
.font(.title)
.foregroundColor(Color(UIColor.label))
.frame(maxWidth: .infinity, alignment: .center)
.padding(.top, 1)
HStack {
VStack {
LazyVGrid(columns: columns, spacing: 0) {
ForEach(moodEntries) { entry in
entry.mood.icon
.resizable()
.aspectRatio(contentMode: .fit)
.foregroundColor(entry.mood.color)
}
}
}
}
.padding()
}
}
var mainView: some View {
VStack {
shareView
Spacer()
HStack(alignment: .center) {
Button(action: {
showSharingTemplate = true
}, label: {
Text("Share")
.font(.title)
.fontWeight(.bold)
.foregroundColor(Color.white)
.padding(.top, 20)
})
.frame(maxWidth: .infinity, alignment: .center)
.background(
Color.green
)
.padding(.trailing, -5)
Button(action: {
presentationMode.wrappedValue.dismiss()
}, label: {
Text("Exit")
.font(.title)
.fontWeight(.bold)
.foregroundColor(Color.white)
.padding(.top, 20)
})
.frame(maxWidth: .infinity, alignment: .center)
.background(
Color.red
)
.padding(.leading, -5)
}
.padding([.leading, .trailing], -20)
}.sheet(isPresented: $showSharingTemplate) {
ActivityViewController(activityItems: [self.image])
}
}
var body: some View {
if isPreview {
preview
.padding([.leading, .trailing], -20)
} else {
mainView
.padding([.leading, .trailing])
}
}
}
struct CurrentStreakTemplate_Previews: PreviewProvider {
static var previews: some View {
CurrentStreakTemplate(isPreview: true, startDate: Date(), endDate: Date(), fakeData: true)
CurrentStreakTemplate(isPreview: false, startDate: Date(), endDate: Date(), fakeData: true)
}
}

View File

@@ -0,0 +1,234 @@
//
// AllMoods.swift
// Feels (iOS)
//
// Created by Trey Tartt on 2/6/22.
//
import SwiftUI
import Algorithms
struct LongestStreakTemplate: View, SharingTemplate {
var image: UIImage {
return UIImage(systemName: "square.and.arrow.up")!
}
static var description: String {
"Longest Streak"
}
private let itemFormatter: DateFormatter = {
let formatter = DateFormatter()
formatter.dateStyle = .short
return formatter
}()
var isPreview: Bool
var startDate: Date
var endDate: Date
var fakeData: Bool
@State var moodEntries = [MoodEntry]()
@State var selectedMood: Mood = .great
@State var showSharingTemplate = false
@Environment(\.presentationMode) var presentationMode
let columns = [
GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center)
]
init(isPreview: Bool, startDate: Date, endDate: Date, fakeData: Bool) {
self.isPreview = isPreview
self.startDate = startDate
self.endDate = endDate
self.fakeData = fakeData
configureData(fakeData: self.fakeData, mood: self.selectedMood)
}
private func configureData(fakeData: Bool, mood: Mood) {
var _moodEntries: [MoodEntry]?
if fakeData {
_moodEntries = PersistenceController.shared.randomEntries(count: 10)
} else {
_moodEntries = PersistenceController.shared.getData(startDate:startDate,
endDate: endDate,
includedDays: [1,2,3,4,5,6,7])
}
let data = _moodEntries ?? [MoodEntry]()
var splitArrays = createSubArrays(fromMoodEntries: data, splitOn: mood)
splitArrays = splitArrays.sorted(by: {
$0.count > $1.count
} )
self.moodEntries = splitArrays.first ?? [MoodEntry]()
}
private func createSubArrays(fromMoodEntries: [MoodEntry], splitOn: Mood) -> [[MoodEntry]] {
var splitArrays = [[MoodEntry]]()
var currentSplit = [MoodEntry]()
for entry in fromMoodEntries {
if entry.mood == splitOn {
currentSplit.append(entry)
} else {
splitArrays.append(currentSplit)
currentSplit.removeAll()
}
}
// append the last grouping
splitArrays.append(currentSplit)
return splitArrays
}
var preview: some View {
HStack {
VStack {
LazyVGrid(columns: columns, spacing: 0) {
ForEach(moodEntries) { entry in
entry.mood.icon
.resizable()
.aspectRatio(contentMode: .fit)
.foregroundColor(entry.mood.color)
}
}
}
}
.frame(height: 88)
.clipped()
.onAppear(perform: {
self.configureData(fakeData: self.fakeData, mood: self.selectedMood)
})
}
var shareView: some View {
VStack {
Text(String(format: String(localized: "share_view_longest_streak_template_title"), self.selectedMood.strValue))
.font(.title)
.foregroundColor(Color(UIColor.label))
.frame(maxWidth: .infinity, alignment: .center)
.padding(.top, 1)
HStack {
Text(self.moodEntries.first?.forDate ?? Date(), formatter: itemFormatter)
.font(.title)
.foregroundColor(Color(UIColor.label))
.frame(maxWidth: .infinity, alignment: .center)
.padding(.top, 1)
Text("-")
.font(.title)
.foregroundColor(Color(UIColor.label))
.frame(maxWidth: .infinity, alignment: .center)
.padding(.top, 1)
Text(self.moodEntries.last?.forDate ?? Date(), formatter: itemFormatter)
.font(.title)
.foregroundColor(Color(UIColor.label))
.frame(maxWidth: .infinity, alignment: .center)
.padding(.top, 1)
}
HStack {
VStack {
LazyVGrid(columns: columns, spacing: 0) {
ForEach(moodEntries) { entry in
entry.mood.icon
.resizable()
.aspectRatio(contentMode: .fit)
.foregroundColor(entry.mood.color)
}
}
}
}
.padding()
}
.onAppear(perform: {
self.configureData(fakeData: self.fakeData, mood: self.selectedMood)
})
}
var mainView: some View {
VStack {
shareView
Spacer()
Menu(content: {
ForEach(Mood.allValues) { mood in
Button(mood.strValue, action: {
selectedMood = mood
configureData(fakeData: self.fakeData, mood: self.selectedMood)
})
}
}, label: {
Text("Moods")
.font(.title)
.fontWeight(.bold)
.foregroundColor(Color(UIColor.white))
})
.frame(maxWidth: .infinity, alignment: .center)
.background(
Color.green
)
.padding([.leading, .trailing], -5)
HStack(alignment: .center) {
Button(action: {
showSharingTemplate = true
}, label: {
Text("Share")
.font(.title)
.fontWeight(.bold)
.foregroundColor(Color.white)
.padding(.top, 20)
})
.frame(maxWidth: .infinity, alignment: .center)
.background(
Color.green
)
.padding(.trailing, -5)
Button(action: {
presentationMode.wrappedValue.dismiss()
}, label: {
Text("Exit")
.font(.title)
.fontWeight(.bold)
.foregroundColor(Color.white)
.padding(.top, 20)
})
.frame(maxWidth: .infinity, alignment: .center)
.background(
Color.red
)
.padding(.leading, -5)
}
.padding([.leading, .trailing], -20)
}.sheet(isPresented: $showSharingTemplate) {
ActivityViewController(activityItems: [self.image])
}
}
var body: some View {
if isPreview {
preview
.padding([.leading, .trailing], -20)
} else {
mainView
.padding([.leading, .trailing])
}
}
}
struct CurrentStreakSharingTemplate_Previews: PreviewProvider {
static var previews: some View {
LongestStreakTemplate(isPreview: false, startDate: Date(), endDate: Date(), fakeData: true)
LongestStreakTemplate(isPreview: true, startDate: Date(), endDate: Date(), fakeData: true)
}
}

View File

@@ -0,0 +1,192 @@
//
// MonthTotalTemplate.swift
// Feels (iOS)
//
// Created by Trey Tartt on 2/9/22.
//
import SwiftUI
struct MonthTotalTemplate: View, SharingTemplate {
static var description: String {
"This Month"
}
var isPreview: Bool
var startDate: Date
var endDate: Date
var totalEntryCount: Int = 0
private var month = Calendar.current.dateComponents([.month], from: Date()).month!
@State var showSharingTemplate = false
@Environment(\.presentationMode) var presentationMode
private var moodMetrics = [MoodMetrics]()
private var moodEntries = [MoodEntry]()
let columns = [
GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center)
]
init(isPreview: Bool, startDate: Date, endDate: Date, fakeData: Bool) {
self.isPreview = isPreview
self.startDate = startDate
self.endDate = endDate
var _moodEntries: [MoodEntry]?
if fakeData {
_moodEntries = PersistenceController.shared.randomEntries(count: 10)
} else {
_moodEntries = PersistenceController.shared.getData(startDate: startDate,
endDate: endDate,
includedDays: [1,2,3,4,5,6,7])
// _moodEntries = PersistenceController.shared.getData(startDate:Calendar.current.date(byAdding: .day, value: -33, to: Date())!,
// endDate: Date(),
// includedDays: [1,2,3,4,5,6,7])
}
moodEntries = _moodEntries ?? [MoodEntry]()
totalEntryCount = moodEntries.count
for (_, mood) in Mood.allValues.enumerated() {
let moodEntries = moodEntries.filter({
Int($0.moodValue) == mood.rawValue
})
let total = moodEntries.count
let perc = (Float(total) / Float(totalEntryCount)) * 100
moodMetrics.append(MoodMetrics(mood: mood, total: total, percent: perc))
}
moodMetrics = moodMetrics.sorted(by: {
$0.mood.rawValue > $1.mood.rawValue
})
}
var image: UIImage {
let image = shareView.snapshot()
return image
}
var preview: some View {
circularViews
.frame(maxWidth: .infinity, alignment: .center)
.frame(height: 100)
}
private var circularViews: some View {
HStack {
ForEach(moodMetrics, id: \.mood) { model in
ZStack {
Circle().fill(model.mood.color)
Text("\(model.percent, specifier: "%.0f")%")
.font(.title)
.fontWeight(.bold)
.minimumScaleFactor(0.5)
.lineLimit(1)
.foregroundColor(Color(UIColor.white))
.padding(5)
}
.frame(maxWidth: .infinity, alignment: .center)
.frame(height: 100)
}
}
}
var shareView: some View {
VStack {
Text(String(format: String(localized: "share_view_month_moods_total_template_title"), Random.monthName(fromMonthInt: month), moodEntries.count))
.font(.title)
.foregroundColor(Color(UIColor.label))
.frame(maxWidth: .infinity, alignment: .center)
.padding(.top, 1)
VStack {
LazyVGrid(columns: columns, spacing: 0) {
ForEach(moodEntries) { entry in
entry.mood.icon
.resizable()
.aspectRatio(contentMode: .fit)
.foregroundColor(entry.mood.color)
}
}
}
circularViews
.padding([.trailing, .leading, .top])
Spacer()
}
}
var mainView: some View {
VStack {
shareView
Spacer()
HStack(alignment: .center) {
Button(action: {
showSharingTemplate = true
}, label: {
Text("Share")
.font(.title)
.fontWeight(.bold)
.foregroundColor(Color.white)
.padding(.top, 20)
})
.frame(maxWidth: .infinity, alignment: .center)
.background(
Color.green
)
.padding(.trailing, -5)
Button(action: {
presentationMode.wrappedValue.dismiss()
}, label: {
Text("Exit")
.font(.title)
.fontWeight(.bold)
.foregroundColor(Color.white)
.padding(.top, 20)
})
.frame(maxWidth: .infinity, alignment: .center)
.background(
Color.red
)
.padding(.leading, -5)
}
.padding([.leading, .trailing], -20)
}.sheet(isPresented: $showSharingTemplate) {
ActivityViewController(activityItems: [self.image])
}
}
var body: some View {
if isPreview {
preview
.padding([.leading, .trailing], -20)
} else {
mainView
.padding([.leading, .trailing])
}
}
}
struct MonthTotalTemplate_Previews: PreviewProvider {
static var previews: some View {
MonthTotalTemplate(isPreview: true, startDate: Date().startOfMonth(), endDate: Date().endOfMonth(), fakeData: true)
MonthTotalTemplate(isPreview: false, startDate: Date().startOfMonth(), endDate: Date().endOfMonth(), fakeData: true)
}
}

View File

@@ -0,0 +1,48 @@
//
// WeekTotalTemplate.swift
// Feels (iOS)
//
// Created by Trey Tartt on 2/9/22.
//
import SwiftUI
struct WeekTotalTemplate: View, SharingTemplate {
static var description: String {
"WeekTotalTemplate"
}
var image: UIImage {
return UIImage(systemName: "square.and.arrow.up")!
}
var isPreview: Bool
var startDate: Date
var endDate: Date
var preview: some View {
Rectangle()
.frame(width: 150, height: 50, alignment: .leading)
}
var mainView: some View {
Text("WeekTotalTemplate body")
}
var body: some View {
if isPreview {
preview
} else {
mainView
}
}
}
struct WeekTotalTemplate_Previews: PreviewProvider {
static var previews: some View {
WeekTotalTemplate(isPreview: true, startDate: Date(), endDate: Date())
WeekTotalTemplate(isPreview: false, startDate: Date(), endDate: Date())
}
}