From 2660f164c4e727f9c32b3bf58616bf149960563f Mon Sep 17 00:00:00 2001 From: Ryan Mason Date: Sun, 25 Aug 2019 11:47:56 -0400 Subject: [PATCH] cleanup --- website/src/components/Donations.vue | 50 ++++- website/src/components/Features.vue | 51 ++--- website/src/components/Gallery.vue | 21 +- website/src/components/GlanceFooter.vue | 17 +- website/src/components/GlanceHeader.vue | 31 ++- website/src/components/Navbar.vue | 66 +++--- website/src/components/Setup.vue | 116 ++++++++--- website/src/layouts/MyLayout.vue | 13 +- website/src/pages/Customize.vue | 262 ++++++++++++++++-------- website/src/pages/Index.vue | 12 +- website/src/pages/Troubleshooting.vue | 37 ++-- website/src/router/routes.js | 5 +- 12 files changed, 437 insertions(+), 244 deletions(-) diff --git a/website/src/components/Donations.vue b/website/src/components/Donations.vue index c1b6926e..71e718b8 100644 --- a/website/src/components/Donations.vue +++ b/website/src/components/Donations.vue @@ -4,22 +4,60 @@
Donations
- I developed Glance to help people with diabetes! 50% of all donations will go directly to the + I developed Glance to help people with diabetes! 50% of all donations + will go directly to the Faustman lab. - The remaining 50% will be dedicated to future research and development of Glance. + >Faustman lab. The remaining 50% will be dedicated to future research and + development of Glance.
- + - Donations can be made through PayPal + Donations can be made through PayPal +
+ + + + + + +
+ $1 -
Features
-
Glance is a watchface for use with Fitbit devices to view your blood glucose levels along with a variety of other health stats on the watch face. You can see your stats at a glance!
+
+ Glance is a watchface for use with Fitbit devices to view your blood + glucose levels along with a variety of other health stats on the watch + face. You can see your stats at a glance! +
@@ -15,9 +17,9 @@
Current BG
-
Receive blood glucose readings every 5 minutes.
+
+ Receive blood glucose readings every 5 minutes. +
@@ -27,10 +29,12 @@
-
Vibration Alerts
+
+ Vibration Alerts +
- Vibrates to alert you when your blood glucose falls below or rises above your high or low - thresholds. + Vibrates to alert you when your blood glucose falls below or + rises above your high or low thresholds.
@@ -42,9 +46,10 @@
Trend Direction
-
See a graph of trend data for the last 4 hours to better predict where your blood glucose is heading.
+
+ See a graph of trend data for the last 4 hours to better predict + where your blood glucose is heading. +
@@ -55,10 +60,10 @@
Customizations
-
- Customize Glance how you like it, change the background color, unit type (mgdl or mmol), various alerts you want to recieve, and so much more! +
+ Customize Glance how you like it, change the background color, + unit type (mgdl or mmol), various alerts you want to recieve, + and so much more!
@@ -70,10 +75,9 @@
Data Source Options
-
- Select from a variety of data sources, including Dexcom, Nightscout, Spike, xDrip and Tomato +
+ Select from a variety of data sources, including Dexcom, + Nightscout, Spike, xDrip and Tomato
@@ -85,10 +89,9 @@
Compatibility
-
- Glance is compatible with Fitbit smartwatchs that includes the Fitbit Versa, Versa lite, and Ionic. +
+ Glance is compatible with Fitbit smartwatchs that includes the + Fitbit Versa, Versa lite, and Ionic.
diff --git a/website/src/components/Gallery.vue b/website/src/components/Gallery.vue index 48c57b4c..e22a63f0 100644 --- a/website/src/components/Gallery.vue +++ b/website/src/components/Gallery.vue @@ -3,15 +3,24 @@
Gallery
-
- Glance is highly customizable allowing for you to change almost any aspect of the watch. +
+ Glance is highly customizable allowing for you to change almost any + aspect of the watch.
-
- +
+
diff --git a/website/src/components/GlanceFooter.vue b/website/src/components/GlanceFooter.vue index 802e2a1e..7b46c889 100644 --- a/website/src/components/GlanceFooter.vue +++ b/website/src/components/GlanceFooter.vue @@ -2,9 +2,10 @@
- This program is free software distributed under the terms of the GNU General Public License - as published by the Free Software Foundation, either version 3 of the License, or any later - version. See http://www.gnu.org/licenses/gpl.txt for more details + This program is free software distributed under the terms of the GNU + General Public License as published by the Free Software Foundation, + either version 3 of the License, or any later version. See + http://www.gnu.org/licenses/gpl.txt for more details
- Made by Ryan Mason | 2019 + Made by + Ryan Mason + | 2019
+ diff --git a/website/src/components/Setup.vue b/website/src/components/Setup.vue index 238c6206..06a23b9b 100644 --- a/website/src/components/Setup.vue +++ b/website/src/components/Setup.vue @@ -10,7 +10,8 @@ href="https://github.com/Rytiggy/Glance/wiki/User-Agreement/" target="_blank" class="text-grey-10" - >user agreement. + >user agreement.
- -
This guide will walk you through getting your CGM data to display on Glance.
+ +
+ This guide will walk you through getting your CGM data to display on + Glance. +
- +
Install Glance
Step 1:
@@ -49,12 +65,18 @@ class="text-grey-10" target="_blank" > - Download and install Glance + Download and install Glance
- +
@@ -86,7 +108,9 @@ >
Select Data Source
Step 2:
-
Select what data source you are going to be using:
+
+ Select what data source you are going to be using: +
{{ dataSoure.title }}
-
{{ dataSoure.shortDescription}}
- - {{ tag.title }} +
+ {{ dataSoure.shortDescription }} +
+ + {{ tag.title }} @@ -129,20 +164,28 @@ icon="settings" >
-
Configure {{ selectedDataSouce.title }} Settings
+
+ Configure {{ selectedDataSouce.title }} Settings +
Step 3:
-
Follow the steps below to setup your Glance settings for {{ selectedDataSouce.title }}:
+
+ Follow the steps below to setup your Glance settings for + {{ selectedDataSouce.title }}: +
Requirements
-
+
Steps
-
+
@@ -181,23 +224,36 @@
Finish
Review:
-
- You should now be receiving BG data on your watchface! +
+ You should now be receiving BG data on your watchface!
Customize Glance:
- Glance has a very dynamic set of settings allowing it to be used in a variety of - different use cases. Customize Glance how you like it, change the background color, - unit type (mgdl or mmol), various alerts you want to recieve, and so much more! + Glance has a very dynamic set of settings allowing it to be used in + a variety of different use cases. Customize Glance how you like it, + change the background color, unit type (mgdl or mmol), various + alerts you want to recieve, and so much more!
- Check out the Customization section + Check out the Customization section
Need help:
- Check out the troubleshooting section + Check out the troubleshooting section
Comunity Support:
@@ -370,7 +426,7 @@ export default { tags: [ { title: "iPhone Only", - color: 'primary', + color: "primary", textColor: "text-white" } ], @@ -414,7 +470,7 @@ export default { tags: [ { title: "Android Only", - color: 'primary', + color: "primary", textColor: "text-white" } ], @@ -459,7 +515,7 @@ export default { tags: [ { title: "Currently only working on Android", - color: 'primary', + color: "primary", textColor: "text-white" } ], diff --git a/website/src/layouts/MyLayout.vue b/website/src/layouts/MyLayout.vue index 543a6186..bf812db4 100644 --- a/website/src/layouts/MyLayout.vue +++ b/website/src/layouts/MyLayout.vue @@ -74,7 +74,7 @@ --> - + @@ -92,21 +92,18 @@ export default { name: "MyLayout", components: { navbar, - glanceFooter, + glanceFooter }, data() { return { leftDrawerOpen: false, - slide: 1, - + slide: 1 }; }, methods: { - openURL, + openURL } }; - - + diff --git a/website/src/pages/Customize.vue b/website/src/pages/Customize.vue index bf178905..e2936aae 100644 --- a/website/src/pages/Customize.vue +++ b/website/src/pages/Customize.vue @@ -3,161 +3,251 @@
Customize Glance
- Glance has a very dynamic set of settings allowing it to be used in a variety of different - use cases. below are the settings that you can change to your liking. + Glance has a very dynamic set of settings allowing it to be used in a + variety of different use cases. below are the settings that you can + change to your liking.
Settings glossary/key
  • - Data Source: Where your blood sugars are being hosted in the cloud. -
      -
    • - Dexcom + Data Source: Where your + blood sugars are being hosted in the cloud. +
        +
      • + Dexcom +
          +
        • Username: Your dexcom username
          • +
        • Password: your dexcom password
          • +
        • + International: Toggle to switch between international (not in + USA) share server and national share server +
          • +
        +
        • +
      • + Nightscout +
          +
        • + Site name: Nighscout app name or nightscout URL both will work + in 2.2 +
          • +
        • + Acceptable formates
            -
          • Username: Your dexcom username
            • -
          • Password: your dexcom password
            • -
          • International: Toggle to switch between international (not in USA) share server and national share server
            • -
          -
          • -
        • - Nightscout - -
          • -
        • xDrip+
          • -
        • Spike
          • -
        • - Tomato -
          • -
        • - Custom -
            -
          • a custom api URL with data formatted similar to nightscout
            • +
          • SiteName
          -
          • -
        +
        • +
      • + Nightscout host site: Where you're nightscout site is hosted + at. Heroku or Azure. +
        • +
      +
      • +
    • + xDrip+ +
      • +
    • + Spike +
      • +
    • + Tomato +
      • +
    • + Custom +
        +
      • + a custom api URL with data formatted similar to nightscout +
        • +
      +
      • +
  • - Glucose Units: The unit type you are in mgdl or mmol + Glucose Units: The unit + type you are in mgdl or mmol
  • - High threshold: The limit when the high alert will fire + High threshold: The + limit when the high alert will fire
  • - Low threshold: The limit when the low alert will fire + Low threshold: The limit + when the low alert will fire
  • - Disable Alerts: Disable all alerts + Disable Alerts: Disable + all alerts
  • - Extra glucose settings: Advanced glucose settings handling settings that don't normally need changed + Extra glucose settings: + Advanced glucose settings handling settings that don't normally need + changed
  • - High alerts: alert to high blood sugars when blood sugar is above high threshold + High alerts: alert to + high blood sugars when blood sugar is above high threshold
  • - Dismiss high alerts for n minutes: How long to dismiss the high alert for after user dismissal. + Dismiss high alerts for n minutes: + How long to dismiss the high alert for after user dismissal.
  • - Low alerts: alert to low blood sugars when blood sugar is below low threshold + Low alerts: alert to low + blood sugars when blood sugar is below low threshold
  • - Dismiss low alerts for n minutes: How long to dismiss the low alert for after user dismissal. + Dismiss low alerts for n minutes: + How long to dismiss the low alert for after user dismissal.
  • - Rapid rise alerts: Alert to rapid rises in blood sugars (double up) + Rapid rise alerts: Alert + to rapid rises in blood sugars (double up)
  • - High threshold: -

    **Rapid fall alerts:** Alert to rapid falls in blood sugars (double down)

    + High threshold: +

    + **Rapid fall alerts:** Alert to rapid falls in blood sugars + (double down) +

  • - Loop status alerts: Alert when loop status is in warning state + Loop status alerts: + Alert when loop status is in warning state
  • - Stale date alerts: Alert when data is more then 25 minutes old. + Stale date alerts: Alert + when data is more then 25 minutes old.
  • - Stale data alerts after n minutes: How long to wait before alerting to stale data + Stale data alerts after n minutes: + How long to wait before alerting to stale data
  • - Dismiss alarm when back in range:If alert - was fired in the last n minutes (based on users alert times) but blood sugar goes within - thresholds during that time. allow another alert to be fired if threshold is met. + Dismiss alarm when back in range:If alert was fired in the last n minutes (based on users alert times) + but blood sugar goes within thresholds during that time. allow another + alert to be fired if threshold is met.
  • - Time format: A time format to display time - in 24 or 12 hours + Time format: A time + format to display time in 24 or 12 hours
  • - Date format: A date formate based on users - preference + Date format: A date + formate based on users preference
  • - Day of week at end of date:Adds day of - week to end of date + Day of week at end of date:Adds day of week to end of date
    • - +
  • - Main Graph Predictions: Enable predictions on main graph (note this is only available if you have it enabled on your end points) + Main Graph Predictions: + Enable predictions on main graph (note this is only available if you + have it enabled on your end points)
  • - Large graph popup screen: Adds a more detailed large graph pop screen. to open and close the large graph tap the graph in the lower right hand corner -
      -
      • -
    + Large graph popup screen: + Adds a more detailed large graph pop screen. to open and close the + large graph tap the graph in the lower right hand corner +
      +
    • + +
      • +
  • -

    **Background color:** Select a color for the watch background

    -
      -
    • - The white circle color is used for randomly generating a color. you can also enter hex values for any color. -
        -
      • Hex Color One: A hex color code that is used for the top background color on the watch
        • -
      • Hex Color Two: A hex color code that is used for the bottom background color on the watch
        • -
      • Text Color: A hex color code that is used for changing the text color on the watch
        • -
      -
      • -
    +

    + **Background color:** Select a color for the watch background +

    +
      +
    • + The white circle color is used for randomly generating a color. + you can also enter + hex values + for any color. +
        +
      • + Hex Color One: A hex color code that is used + for the top background color on the watch +
        • +
      • + Hex Color Two: A hex color code that is used + for the bottom background color on the watch +
        • +
      • + Text Color: A hex color code that is used for + changing the text color on the watch +
        • +
      +
      • +
  • - Customize: The layouts are used to change the default values with other ones present from your data source.(currently only working for nightscout) + Customize: The layouts + are used to change the default values with other ones present from + your data source.(currently only working for nightscout)
- - - -
@@ -165,12 +255,8 @@ - - + diff --git a/website/src/pages/Index.vue b/website/src/pages/Index.vue index 9a3885b1..9c978168 100644 --- a/website/src/pages/Index.vue +++ b/website/src/pages/Index.vue @@ -13,7 +13,7 @@