Added proper time seciton headers

Author: peterkos

BrickHack-Mobile/Base.lproj/Main.storyboard

@@ -21,10 +21,10 @@
                                 <rect key="frame" x="0.0" y="0.0" width="375" height="598"/>
                                 <subviews>
                                     <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="brickHack6Logo" translatesAutoresizingMaskIntoConstraints="NO" id="1am-Hz-qrF">
-                                        <rect key="frame" x="36" y="229.33333333333337" width="148" height="139.66666666666663"/>
+                                        <rect key="frame" x="36" y="159.66666666666663" width="296" height="279"/>
                                     </imageView>
                                     <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="loginShapes" translatesAutoresizingMaskIntoConstraints="NO" id="QYc-0X-ayY">
-                                        <rect key="frame" x="164" y="124.66666666666669" width="211" height="349"/>
+                                        <rect key="frame" x="-47" y="-50" width="422" height="698"/>
                                     </imageView>
                                 </subviews>
                                 <color key="backgroundColor" name="primaryColor"/>

BrickHack-Mobile/Controllers/ScheduleTableViewController.swift

@@ -165,7 +165,6 @@ class ScheduleTableViewController: UITableViewController {
             // This is a bit counterintuitive but it works ¯\_(ツ)_/¯
             cell.timeline.backColor = frontColor
             cell.bubbleEnabled = true
-            print("Current element: \(title)")
         } else {
 
             // Only current item gets button.
@@ -220,27 +219,38 @@ class ScheduleTableViewController: UITableViewController {
     // MARK: Section headers and view configuration
 
     override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
-        // @TODO:
-        // Implement header design, timeframes in each section in data model,
-        // make Description font bigger, move accessory margin (- instead of + in TimelineTableViewCell),
-        // Remove nasty bubble -- ask Chris about a good indicator to use for "active block".
-        // (maybe make bar bigger?)
-        return tableView.dequeueReusableCell(withIdentifier: "header")
 
+        print("Header for section \(section)")
+
+        // Get our dummy cell from IB
+        let cell = tableView.dequeueReusableCell(withIdentifier: "header")!
+
+        // Make date formatter for just time
+        let dateFormatter = DateFormatter()
+        dateFormatter.timeStyle = .short
+        dateFormatter.dateStyle = .none
+
+        // Return cell as-is if invlaid data
+        guard let sectionDate = sampleData[section]?.first?.date else {
+            cell.textLabel!.text = "Unknown Time"
+            return cell
+        }
+
+        // Otherwise set proper date
+        cell.textLabel!.text = dateFormatter.string(from: sectionDate)
+
+        return cell
 
     }
 
-    override func tableView(_ tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat {
-        //@TODO
-        return 44
+    // Defined height for the time header slot (e.g., "9am")
+    override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
+        return 60.0
     }
 
-    override func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
-        switch section {
-        case 0: return "9am"
-        case 1: return "10am"
-        default: return "Unknown"
-        }
+    // Remove margin between sections
+    override func tableView(_ tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat {
+        return .leastNormalMagnitude
     }
 
 }