{"id":1198,"date":"2025-05-20T13:20:19","date_gmt":"2025-05-20T10:20:19","guid":{"rendered":"https:\/\/www.juustila.com\/antti\/?p=1198"},"modified":"2025-05-20T13:24:34","modified_gmt":"2025-05-20T10:24:34","slug":"plz-halp-dedlinz","status":"publish","type":"post","link":"https:\/\/www.juustila.com\/antti\/2025\/05\/20\/plz-halp-dedlinz\/","title":{"rendered":"Plz halp dedlinz"},"content":{"rendered":"\n

Apparently I like coding with the Course Deadline Counter app, now renamed to Course Deadlines app<\/a>. I really, really should stop doing this, and focus on something else more acute and important — that’s why the call for help. I need to be stopped!<\/p>\n\n\n\n

[I am aware of this being my own responsibility, thank you so much, so plz do not send halp.<\/em>]<\/p>\n\n\n\n

As a new feature, the app now has a timeline View:<\/p>\n\n\n\n

\"A<\/figure>\n\n\n\n

Where you can view the deadlines of courses currently ongoing. The view does not show courses that haven’t yet begun or courses where the last deadline already passed.<\/p>\n\n\n\n

For a student user, viewing all ongoing courses is more important, to be able to view the deadlines of the courses she is currently taking and how they relate between all the work she needs to do. <\/p>\n\n\n\n

For a teacher, it is more relevant to show the deadlines to students in a single course. So limiting the view to just that one course is more important, using the drop down list at the top of the view.<\/p>\n\n\n\n

Considering the needs and usage patterns of different groups of users is taught in our GUI design and programming course (Programming 4). So obviously I have to be able to do this stuff myself. Consider that done, at least in this case.<\/p>\n\n\n\n

For drawing the course and course deadlines, I used the SwiftUI Canvas<\/code> and for the gradient background, MeshGradient<\/code>. I should still test the colors with both light and dark modes and find a usable combination of colors and an overlay to mute the colors when and if they are in disagreement with the text.<\/p>\n\n\n\n

Drawing on the canvas is just simple drawing operations using the GraphicsContext<\/code>, plotting the text and symbols on calculated coordinates. For example, if there are no ongoing courses, the code draws only the text “No courses to show”, in the middle of the view:<\/p>\n\n\n\n

Canvas { context, size in\n\n   var origin = CGPoint(x: 0, y: 0)\n   let text = Text(\"No courses to show\").font(.title).bold()\n   let resolved = context.resolve(text)\n\n   if coursesToPlot.isEmpty {\n      \/\/ Draw info that there is no ongoing courses to show\n      var textSize = size\n      textSize = resolved.measure(in: size)\n      origin.x = size.width \/ 2 - textSize.width \/ 2\n      origin.y = size.height \/ 2 - textSize.height \/ 2\n      let rect = CGRect(origin: origin, size: textSize)\n      context.draw(resolved, in: rect)\n   } else {\n\/\/ ...<\/code><\/pre>\n\n\n\n
With the Picker<\/code>, choosing to show all courses or just one, I searched for different solutions from the internet, and chose this one:<\/p>\n\n\n\n
@State private var selectedCourse: Course? = nil\n\/\/ ...\nPicker(\"Show ongoing courses\", selection: $selectedCourse) {\n   Text(\"All\").tag(Optional<Course>(nil))\n   ForEach(deadlines.ongoing, id: \\.self) { course in\n      Text(course.name).tag(Optional(course))\n   }\n}<\/code><\/pre>\n\n\n\n
So there is the “show all” option where the course selection is then set to nil<\/code>. Otherwise, the selection is the selected course. This enables “no selection” or as it is handled in this case, “all are selected”.<\/p>\n\n\n\n
I think I got to use the Swift if<\/code> expression<\/a> (different from the usual if<\/code> conditional statement) here the first time, handling the above picker selection:<\/p>\n\n\n\n
let coursesToPlot = if let selectedCourse {\n   [selectedCourse]\n} else {\n   deadlines.ongoing.sorted(by: { $0.startDate < $1.startDate } )\n}<\/code><\/pre>\n\n\n\n
In plain English: if the selectedCourse<\/code> is not null, let the coursesToPlot<\/code> be an array containing only the selectedCourse<\/code>. Otherwise, get all the ongoing courses from the deadlines<\/code>, sorted by starting date ascending, and let the coursesToPlot<\/code> be those courses.<\/p>\n\n\n\n
The next time I touch this app should really be in the end of August or beginning of September, when I decide on the deadlines of the courses I am responsible for.<\/p>\n\n\n\n
In the other news, I was today awarded as the Distinguished Teacher of the Year (again) by the study program student guild Blanko. Thank you!  I am so humbled to receive this appreciation for the work we are doing here.<\/p>\n","protected":false},"excerpt":{"rendered":"
Apparently I like coding with the Course Deadline Counter app, now renamed to Course Deadlines app. I really, really should stop doing this, and focus on something else more acute and important — that’s why the call for help. I need to be stopped! [I am aware of this being my own responsibility, thank you … Continue reading “Plz halp dedlinz”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[2],"tags":[182,185,186,184,70,46,47],"class_list":["post-1198","post","type-post","status-publish","format-standard","hentry","category-coding","tag-canvas","tag-if-expression","tag-mesh-gradient","tag-picker","tag-programming","tag-swift","tag-swiftui"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.juustila.com\/antti\/wp-json\/wp\/v2\/posts\/1198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.juustila.com\/antti\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.juustila.com\/antti\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.juustila.com\/antti\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.juustila.com\/antti\/wp-json\/wp\/v2\/comments?post=1198"}],"version-history":[{"count":2,"href":"https:\/\/www.juustila.com\/antti\/wp-json\/wp\/v2\/posts\/1198\/revisions"}],"predecessor-version":[{"id":1202,"href":"https:\/\/www.juustila.com\/antti\/wp-json\/wp\/v2\/posts\/1198\/revisions\/1202"}],"wp:attachment":[{"href":"https:\/\/www.juustila.com\/antti\/wp-json\/wp\/v2\/media?parent=1198"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.juustila.com\/antti\/wp-json\/wp\/v2\/categories?post=1198"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.juustila.com\/antti\/wp-json\/wp\/v2\/tags?post=1198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}