From 4a55d89e69f4d05119001f9f71bf74c27f42e1fb Mon Sep 17 00:00:00 2001
From: Alan Maynard <alan.maynard@uconn.edu>
Date: Tue, 23 Apr 2019 18:14:29 -0400
Subject: [PATCH] SWF-17 more wellness configuration

- added outlets for metric objects
- configured other UI elements
---
 .../Base.lproj/Interface.storyboard           | 80 ++++++++++++++-----
 .../AvgUtilizationInterfaceController.swift   |  3 +
 .../HealthyAccountsInterfaceController.swift  |  5 +-
 .../LastPaymentInterfaceController.swift      |  4 +
 4 files changed, 72 insertions(+), 20 deletions(-)

diff --git a/SynchronyFinancial/SynchronyFinancial WatchKit App/Base.lproj/Interface.storyboard b/SynchronyFinancial/SynchronyFinancial WatchKit App/Base.lproj/Interface.storyboard
index a985c9e..593f7bc 100644
--- a/SynchronyFinancial/SynchronyFinancial WatchKit App/Base.lproj/Interface.storyboard	
+++ b/SynchronyFinancial/SynchronyFinancial WatchKit App/Base.lproj/Interface.storyboard	
@@ -426,10 +426,30 @@
             <objects>
                 <controller identifier="LastPayment" id="mId-Ii-HO4" customClass="LastPaymentInterfaceController" customModule="SynchronyFinancial_WatchKit_Extension">
                     <items>
-                        <label width="1" alignment="center" text="Last Payment" textAlignment="center" id="s3f-G9-0Lf">
-                            <fontDescription key="font" type="boldSystem" pointSize="16"/>
-                        </label>
+                        <group width="1" height="1" alignment="left" layout="vertical" id="G5T-IP-lQx">
+                            <items>
+                                <label width="1" alignment="center" text="Last Payment" textAlignment="center" id="s3f-G9-0Lf">
+                                    <fontDescription key="font" type="boldSystem" pointSize="16"/>
+                                </label>
+                                <button width="1" alignment="center" verticalAlignment="bottom" title="Button" id="enb-nR-7wM">
+                                    <connections>
+                                        <action selector="showDetails" destination="mId-Ii-HO4" id="4pt-Zo-nOe"/>
+                                    </connections>
+                                </button>
+                                <label width="1" alignment="center" verticalAlignment="center" text="At this rate*, 0% utilization reached in 100 months." textAlignment="center" numberOfLines="3" minimumScaleFactor="0.90000000000000002" id="wEU-Km-ocd">
+                                    <fontDescription key="font" type="system" pointSize="15"/>
+                                </label>
+                                <label width="1" alignment="center" text="$99999.99" textAlignment="center" id="ITx-kl-hQ2">
+                                    <color key="textColor" red="0.54962974789999997" green="0.84553992749999995" blue="0.97530359030000002" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                    <fontDescription key="font" type="boldSystem" pointSize="22"/>
+                                </label>
+                            </items>
+                        </group>
                     </items>
+                    <connections>
+                        <outlet property="descriptionLabel" destination="wEU-Km-ocd" id="AtO-3n-6YH"/>
+                        <outlet property="valueLabel" destination="ITx-kl-hQ2" id="1ma-DO-GdU"/>
+                    </connections>
                 </controller>
             </objects>
             <point key="canvasLocation" x="888" y="602"/>
@@ -439,12 +459,23 @@
             <objects>
                 <controller identifier="AvgUtilization" id="WY4-SK-U7W" customClass="AvgUtilizationInterfaceController" customModule="SynchronyFinancial_WatchKit_Extension">
                     <items>
-                        <label width="1" alignment="center" text="Average Utilization" textAlignment="center" minimumScaleFactor="0.80000000000000004" id="UGo-Sz-lKo">
-                            <fontDescription key="font" type="boldSystem" pointSize="16"/>
-                        </label>
-                        <imageView width="1" height="93" alignment="center" verticalAlignment="center" id="JDC-go-3sn"/>
-                        <button width="1" alignment="left" verticalAlignment="center" title="Button" id="JxL-nb-z6E"/>
+                        <group width="1" height="1" alignment="left" layout="vertical" id="eJZ-qH-ca5">
+                            <items>
+                                <label width="1" alignment="center" text="Average Utilization" textAlignment="center" minimumScaleFactor="0.80000000000000004" id="UGo-Sz-lKo">
+                                    <fontDescription key="font" type="boldSystem" pointSize="16"/>
+                                </label>
+                                <imageView width="1" height="93" alignment="center" verticalAlignment="center" id="JDC-go-3sn"/>
+                                <button width="1" alignment="left" verticalAlignment="bottom" title="Button" id="JxL-nb-z6E">
+                                    <connections>
+                                        <action selector="showDetails" destination="WY4-SK-U7W" id="Hie-sR-PE3"/>
+                                    </connections>
+                                </button>
+                            </items>
+                        </group>
                     </items>
+                    <connections>
+                        <outlet property="avgUtilizationChart" destination="JDC-go-3sn" id="0wh-OU-qfs"/>
+                    </connections>
                 </controller>
             </objects>
             <point key="canvasLocation" x="1188" y="602"/>
@@ -454,22 +485,33 @@
             <objects>
                 <controller identifier="HealthyAccts" id="uKU-6b-2xO" customClass="HealthyAccountsInterfaceController" customModule="SynchronyFinancial_WatchKit_Extension">
                     <items>
-                        <label width="136" alignment="left" text="Healthy Accounts" textAlignment="center" minimumScaleFactor="0.80000000000000004" id="N2h-Jp-Si7">
-                            <fontDescription key="font" type="boldSystem" pointSize="16"/>
-                        </label>
-                        <group width="1" height="86" alignment="left" id="kkT-69-aei">
+                        <group width="1" height="1" alignment="left" layout="vertical" id="b56-QI-Lf9">
                             <items>
-                                <label width="0.5" height="1" alignment="center" text="99" textAlignment="center" id="tyj-DI-Sgf">
-                                    <color key="textColor" red="0.55326947770000001" green="0.94338613010000005" blue="0.18923908389999999" alpha="1" colorSpace="calibratedRGB"/>
-                                    <fontDescription key="font" type="system" weight="heavy" pointSize="55"/>
-                                </label>
-                                <label width="0.5" height="1" alignment="right" text="Accounts with Good or better Utilization" textAlignment="center" numberOfLines="5" id="W6T-4E-azA">
-                                    <fontDescription key="font" type="system" pointSize="12"/>
+                                <label width="136" alignment="center" text="Healthy Accounts" textAlignment="center" minimumScaleFactor="0.80000000000000004" id="N2h-Jp-Si7">
+                                    <fontDescription key="font" type="boldSystem" pointSize="16"/>
                                 </label>
+                                <group width="1" height="86" alignment="left" id="kkT-69-aei">
+                                    <items>
+                                        <label width="0.5" height="1" alignment="center" text="99" textAlignment="center" id="tyj-DI-Sgf">
+                                            <color key="textColor" red="0.55326947770000001" green="0.94338613010000005" blue="0.18923908389999999" alpha="1" colorSpace="calibratedRGB"/>
+                                            <fontDescription key="font" type="system" weight="heavy" pointSize="55"/>
+                                        </label>
+                                        <label width="0.5" height="1" alignment="right" text="Accounts with Good or better Utilization" textAlignment="center" numberOfLines="5" id="W6T-4E-azA">
+                                            <fontDescription key="font" type="system" pointSize="12"/>
+                                        </label>
+                                    </items>
+                                </group>
+                                <button width="1" alignment="left" verticalAlignment="bottom" title="Button" id="HTc-Qj-xOt">
+                                    <connections>
+                                        <action selector="showDetails" destination="uKU-6b-2xO" id="OWF-LN-TCt"/>
+                                    </connections>
+                                </button>
                             </items>
                         </group>
-                        <button width="1" alignment="left" title="Button" id="HTc-Qj-xOt"/>
                     </items>
+                    <connections>
+                        <outlet property="healthyCountLabel" destination="tyj-DI-Sgf" id="MW5-VH-vJ6"/>
+                    </connections>
                 </controller>
             </objects>
             <point key="canvasLocation" x="1460" y="602"/>
diff --git a/SynchronyFinancial/SynchronyFinancial WatchKit Extension/AvgUtilizationInterfaceController.swift b/SynchronyFinancial/SynchronyFinancial WatchKit Extension/AvgUtilizationInterfaceController.swift
index a30d1c1..ebba191 100644
--- a/SynchronyFinancial/SynchronyFinancial WatchKit Extension/AvgUtilizationInterfaceController.swift	
+++ b/SynchronyFinancial/SynchronyFinancial WatchKit Extension/AvgUtilizationInterfaceController.swift	
@@ -12,6 +12,7 @@ import Foundation
 
 class AvgUtilizationInterfaceController: WKInterfaceController {
 
+    @IBOutlet var avgUtilizationChart: WKInterfaceImage!
     override func awake(withContext context: Any?) {
         super.awake(withContext: context)
         
@@ -28,4 +29,6 @@ class AvgUtilizationInterfaceController: WKInterfaceController {
         super.didDeactivate()
     }
 
+    @IBAction func showDetails() {
+    }
 }
diff --git a/SynchronyFinancial/SynchronyFinancial WatchKit Extension/HealthyAccountsInterfaceController.swift b/SynchronyFinancial/SynchronyFinancial WatchKit Extension/HealthyAccountsInterfaceController.swift
index 13d28bd..3c859fd 100644
--- a/SynchronyFinancial/SynchronyFinancial WatchKit Extension/HealthyAccountsInterfaceController.swift	
+++ b/SynchronyFinancial/SynchronyFinancial WatchKit Extension/HealthyAccountsInterfaceController.swift	
@@ -12,6 +12,7 @@ import Foundation
 
 class HealthyAccountsInterfaceController: WKInterfaceController {
 
+    @IBOutlet var healthyCountLabel: WKInterfaceLabel!
     override func awake(withContext context: Any?) {
         super.awake(withContext: context)
         
@@ -27,5 +28,7 @@ class HealthyAccountsInterfaceController: WKInterfaceController {
         // This method is called when watch view controller is no longer visible
         super.didDeactivate()
     }
-
+    @IBAction func showDetails() {
+    }
+    
 }
diff --git a/SynchronyFinancial/SynchronyFinancial WatchKit Extension/LastPaymentInterfaceController.swift b/SynchronyFinancial/SynchronyFinancial WatchKit Extension/LastPaymentInterfaceController.swift
index bc73a39..284d63d 100644
--- a/SynchronyFinancial/SynchronyFinancial WatchKit Extension/LastPaymentInterfaceController.swift	
+++ b/SynchronyFinancial/SynchronyFinancial WatchKit Extension/LastPaymentInterfaceController.swift	
@@ -12,6 +12,8 @@ import Foundation
 
 class LastPaymentInterfaceController: WKInterfaceController {
 
+    @IBOutlet var descriptionLabel: WKInterfaceLabel!
+    @IBOutlet var valueLabel: WKInterfaceLabel!
     override func awake(withContext context: Any?) {
         super.awake(withContext: context)
         
@@ -28,4 +30,6 @@ class LastPaymentInterfaceController: WKInterfaceController {
         super.didDeactivate()
     }
 
+    @IBAction func showDetails() {
+    }
 }