✨ Add DocC files for chapter 1 / Implementing Model, View, ViewModel …

…(MVVM)

Signed-off-by: Peter Friese <[email protected]>

code/frontend/MakeItSo/MakeItSo.docc/Resources/chapter01/02-implementing-mvvm/code/implementing-mvvm-02-reminderslistview-00.swift

@@ -0,0 +1,45 @@
+import SwiftUI
+
+struct RemindersListView: View {
+ @State
+ private var reminders = Reminder.samples
+
+ @State
+ private var isAddReminderDialogPresented = false
+
+ private func presentAddReminderView() {
+ isAddReminderDialogPresented.toggle()
+ }
+
+ var body: some View {
+ List($reminders) { $reminder in
+ HStack {
+ Image(systemName: reminder.isCompleted
+ ? "largecircle.fill.circle"
+ : "circle")
+ .imageScale(.large)
+ .foregroundColor(.accentColor)
+ .onTapGesture {
+ reminder.isCompleted.toggle()
+ }
+ Text(reminder.title)
+ }
+ }
+ .toolbar {
+ ToolbarItemGroup(placement: .bottomBar) {
+ Button(action: presentAddReminderView) {
+ HStack {
+ Image(systemName: "plus.circle.fill")
+ Text("New Reminder")
+ }
+ }
+ Spacer()
+ }
+ }
+ .sheet(isPresented: $isAddReminderDialogPresented) {
+ AddReminderView { reminder in
+ reminders.append(reminder)
+ }
+ }
+ }
+}

code/frontend/MakeItSo/MakeItSo.docc/Resources/chapter01/02-implementing-mvvm/code/implementing-mvvm-02-reminderslistview-01.swift

@@ -0,0 +1,48 @@
+import SwiftUI
+
+struct RemindersListView: View {
+ @State
+ private var reminders = Reminder.samples
+
+ @StateObject
+ private var viewModel = RemindersListViewModel()
+
+ @State
+ private var isAddReminderDialogPresented = false
+
+ private func presentAddReminderView() {
+ isAddReminderDialogPresented.toggle()
+ }
+
+ var body: some View {
+ List($reminders) { $reminder in
+ HStack {
+ Image(systemName: reminder.isCompleted
+ ? "largecircle.fill.circle"
+ : "circle")
+ .imageScale(.large)
+ .foregroundColor(.accentColor)
+ .onTapGesture {
+ reminder.isCompleted.toggle()
+ }
+ Text(reminder.title)
+ }
+ }
+ .toolbar {
+ ToolbarItemGroup(placement: .bottomBar) {
+ Button(action: presentAddReminderView) {
+ HStack {
+ Image(systemName: "plus.circle.fill")
+ Text("New Reminder")
+ }
+ }
+ Spacer()
+ }
+ }
+ .sheet(isPresented: $isAddReminderDialogPresented) {
+ AddReminderView { reminder in
+ reminders.append(reminder)
+ }
+ }
+ }
+}

code/frontend/MakeItSo/MakeItSo.docc/Resources/chapter01/02-implementing-mvvm/code/implementing-mvvm-02-reminderslistview-02.swift

@@ -0,0 +1,48 @@
+import SwiftUI
+
+struct RemindersListView: View {
+// @State
+// private var reminders = Reminder.samples
+
+ @StateObject
+ private var viewModel = RemindersListViewModel()
+
+ @State
+ private var isAddReminderDialogPresented = false
+
+ private func presentAddReminderView() {
+ isAddReminderDialogPresented.toggle()
+ }
+
+ var body: some View {
+ List($viewModel.reminders) { $reminder in
+ HStack {
+ Image(systemName: reminder.isCompleted
+ ? "largecircle.fill.circle"
+ : "circle")
+ .imageScale(.large)
+ .foregroundColor(.accentColor)
+ .onTapGesture {
+ reminder.isCompleted.toggle()
+ }
+ Text(reminder.title)
+ }
+ }
+ .toolbar {
+ ToolbarItemGroup(placement: .bottomBar) {
+ Button(action: presentAddReminderView) {
+ HStack {
+ Image(systemName: "plus.circle.fill")
+ Text("New Reminder")
+ }
+ }
+ Spacer()
+ }
+ }
+ .sheet(isPresented: $isAddReminderDialogPresented) {
+ AddReminderView { reminder in
+ viewModel.reminders.append(reminder)
+ }
+ }
+ }
+}

code/frontend/MakeItSo/MakeItSo.docc/Resources/chapter01/02-implementing-mvvm/code/implementing-mvvm-02-reminderslistviewmodel-01.swift

@@ -0,0 +1,4 @@
+import Foundation
+
+class RemindersListViewModel: ObservableObject {
+}

code/frontend/MakeItSo/MakeItSo.docc/Resources/chapter01/02-implementing-mvvm/code/implementing-mvvm-02-reminderslistviewmodel-02.swift

@@ -0,0 +1,5 @@
+import Foundation
+
+class RemindersListViewModel: ObservableObject {
+ var reminders = Reminder.samples
+}

code/frontend/MakeItSo/MakeItSo.docc/Resources/chapter01/02-implementing-mvvm/code/implementing-mvvm-02-reminderslistviewmodel-03.swift

@@ -0,0 +1,6 @@
+import Foundation
+
+class RemindersListViewModel: ObservableObject {
+ @Published
+ var reminders = Reminder.samples
+}

code/frontend/MakeItSo/MakeItSo.docc/Resources/chapter01/02-implementing-mvvm/code/implementing-mvvm-03-reminderslist-00.swift

@@ -0,0 +1,45 @@
+import SwiftUI
+
+struct RemindersListView: View {
+ @StateObject
+ private var viewModel = RemindersListViewModel()
+
+ @State
+ private var isAddReminderDialogPresented = false
+
+ private func presentAddReminderView() {
+ isAddReminderDialogPresented.toggle()
+ }
+
+ var body: some View {
+ List($viewModel.reminders) { $reminder in
+ HStack {
+ Image(systemName: reminder.isCompleted
+ ? "largecircle.fill.circle"
+ : "circle")
+ .imageScale(.large)
+ .foregroundColor(.accentColor)
+ .onTapGesture {
+ reminder.isCompleted.toggle()
+ }
+ Text(reminder.title)
+ }
+ }
+ .toolbar {
+ ToolbarItemGroup(placement: .bottomBar) {
+ Button(action: presentAddReminderView) {
+ HStack {
+ Image(systemName: "plus.circle.fill")
+ Text("New Reminder")
+ }
+ }
+ Spacer()
+ }
+ }
+ .sheet(isPresented: $isAddReminderDialogPresented) {
+ AddReminderView { reminder in
+ viewModel.reminders.append(reminder)
+ }
+ }
+ }
+}

code/frontend/MakeItSo/MakeItSo.docc/Resources/chapter01/02-implementing-mvvm/code/implementing-mvvm-03-reminderslist-01.swift

@@ -0,0 +1,45 @@
+import SwiftUI
+
+struct RemindersListView: View {
+ @StateObject
+ private var viewModel = RemindersListViewModel()
+
+ @State
+ private var isAddReminderDialogPresented = false
+
+ private func presentAddReminderView() {
+ isAddReminderDialogPresented.toggle()
+ }
+
+ var body: some View {
+ List($viewModel.reminders) { $reminder in
+ HStack {
+ Image(systemName: reminder.isCompleted
+ ? "largecircle.fill.circle"
+ : "circle")
+ .imageScale(.large)
+ .foregroundColor(.accentColor)
+ .onTapGesture {
+ reminder.isCompleted.toggle()
+ }
+ Text(reminder.title)
+ }
+ }
+ .toolbar {
+ ToolbarItemGroup(placement: .bottomBar) {
+ Button(action: presentAddReminderView) {
+ HStack {
+ Image(systemName: "plus.circle.fill")
+ Text("New Reminder")
+ }
+ }
+ Spacer()
+ }
+ }
+ .sheet(isPresented: $isAddReminderDialogPresented) {
+ AddReminderView { reminder in
+ viewModel.addReminder(reminder)
+ }
+ }
+ }
+}

code/frontend/MakeItSo/MakeItSo.docc/Resources/chapter01/02-implementing-mvvm/code/implementing-mvvm-03-reminderslistviewmodel-00.swift

@@ -0,0 +1,7 @@
+import Foundation
+
+class RemindersListViewModel: ObservableObject {
+ @Published
+ var reminders = Reminder.samples
+
+}

code/frontend/MakeItSo/MakeItSo.docc/Resources/chapter01/02-implementing-mvvm/code/implementing-mvvm-03-reminderslistviewmodel-01.swift

@@ -0,0 +1,10 @@
+import Foundation
+
+class RemindersListViewModel: ObservableObject {
+ @Published
+ var reminders = Reminder.samples
+
+ func addReminder(_ reminder: Reminder) {
+ reminders.append(reminder)
+ }
+}

code/frontend/MakeItSo/MakeItSo.docc/Resources/chapter01/02-implementing-mvvm/code/implementing-mvvm-04-reminderslist-00.swift

@@ -0,0 +1,45 @@
+import SwiftUI
+
+struct RemindersListView: View {
+ @StateObject
+ private var viewModel = RemindersListViewModel()
+
+ @State
+ private var isAddReminderDialogPresented = false
+
+ private func presentAddReminderView() {
+ isAddReminderDialogPresented.toggle()
+ }
+
+ var body: some View {
+ List($viewModel.reminders) { $reminder in
+ HStack {
+ Image(systemName: reminder.isCompleted
+ ? "largecircle.fill.circle"
+ : "circle")
+ .imageScale(.large)
+ .foregroundColor(.accentColor)
+ .onTapGesture {
+ reminder.isCompleted.toggle()
+ }
+ Text(reminder.title)
+ }
+ }
+ .toolbar {
+ ToolbarItemGroup(placement: .bottomBar) {
+ Button(action: presentAddReminderView) {
+ HStack {
+ Image(systemName: "plus.circle.fill")
+ Text("New Reminder")
+ }
+ }
+ Spacer()
+ }
+ }
+ .sheet(isPresented: $isAddReminderDialogPresented) {
+ AddReminderView { reminder in
+ viewModel.addReminder(reminder)
+ }
+ }
+ }
+}

code/frontend/MakeItSo/MakeItSo.docc/Resources/chapter01/02-implementing-mvvm/code/implementing-mvvm-04-reminderslist-01.swift

@@ -0,0 +1,45 @@
+import SwiftUI
+
+struct RemindersListView: View {
+ @StateObject
+ private var viewModel = RemindersListViewModel()
+
+ @State
+ private var isAddReminderDialogPresented = false
+
+ private func presentAddReminderView() {
+ isAddReminderDialogPresented.toggle()
+ }
+
+ var body: some View {
+ List($viewModel.reminders) { $reminder in
+ HStack {
+ Image(systemName: reminder.isCompleted
+ ? "largecircle.fill.circle"
+ : "circle")
+ .imageScale(.large)
+ .foregroundColor(.accentColor)
+ .onTapGesture {
+ viewModel.toggleCompleted(reminder)
+ }
+ Text(reminder.title)
+ }
+ }
+ .toolbar {
+ ToolbarItemGroup(placement: .bottomBar) {
+ Button(action: presentAddReminderView) {
+ HStack {
+ Image(systemName: "plus.circle.fill")
+ Text("New Reminder")
+ }
+ }
+ Spacer()
+ }
+ }
+ .sheet(isPresented: $isAddReminderDialogPresented) {
+ AddReminderView { reminder in
+ viewModel.addReminder(reminder)
+ }
+ }
+ }
+}

code/frontend/MakeItSo/MakeItSo.docc/Resources/chapter01/02-implementing-mvvm/code/implementing-mvvm-04-reminderslistviewmodel-00.swift

@@ -0,0 +1,7 @@
+import Foundation
+
+class RemindersListViewModel: ObservableObject {
+ @Published
+ var reminders = Reminder.samples
+
+}

code/frontend/MakeItSo/MakeItSo.docc/Resources/chapter01/02-implementing-mvvm/code/implementing-mvvm-04-reminderslistviewmodel-01.swift

@@ -0,0 +1,16 @@
+import Foundation
+
+class RemindersListViewModel: ObservableObject {
+ @Published
+ var reminders = Reminder.samples
+
+ func addReminder(_ reminder: Reminder) {
+ reminders.append(reminder)
+ }
+
+ func toggleCompleted(_ reminder: Reminder) {
+ if let index = reminders.firstIndex(where: { $0.id == reminder.id} ) {
+ reminders[index].isCompleted.toggle()
+ }
+ }
+}

code/frontend/MakeItSo/MakeItSo.docc/Tutorials/MakeItSo.tutorial

@@ -12,6 +12,7 @@
 
  In this chapter, you will learn how to use SwiftUI to create a simple UI for a todo list application. 
  @TutorialReference(tutorial: "doc:01-Building-a-Simple-Todo-List-UI")
+ @TutorialReference(tutorial: "doc:02-Implementing-MVVM")
  }
  }
 }