outline for gui

Author: thecouchcoder

app/index.js

@@ -0,0 +1,10 @@
+/*
+ * Entry point for the watch app
+ */
+import document from "document";
+
+let background = document.getElementById("background");
+
+let currentIndex = background.value;
+
+background.value = 0;

companion/index.js

@@ -0,0 +1,5 @@
+/*
+ * Entry point for the companion app
+ */
+
+console.log("Companion code started");

package.json

@@ -0,0 +1,19 @@
+{
+  "fitbit": {
+    "appUUID": "fe63f225-3f27-47fc-9a8c-12261dcf0da9",
+    "appType": "app",
+    "appDisplayName": "ProductivityFlow",
+    "iconFile": "resources/icon.png",
+    "wipeColor": "#8bc34a",
+    "requestedPermissions": [],
+    "buildTargets": [
+      "higgs",
+      "meson"
+    ],
+    "i18n": {
+      "en": {
+        "name": "ProductivityFlow"
+      }
+    }
+  }
+}

resources/index.gui

@@ -0,0 +1,36 @@
+<svg>
+    <use id="background" href="#panoramaview">
+      <use id="color1" href="#panoramaview-item">
+        <rect width="100%" height="100%" fill="red"/>
+      </use>
+      <use id="color2" href="#panoramaview-item">
+        <rect width="100%" height="100%" fill="white"/>
+      </use>
+      <use id="color3" href="#panoramaview-item">
+        <rect width="100%" height="100%" fill="blue"/>
+      </use>
+        
+      <use id="pagination-dots" href="#pagination-widget" y="8">
+        <use href="#pagination-dot" />
+        <use href="#pagination-dot" />
+        <use href="#pagination-dot" />
+        <use href="#pagination-dot" />
+        <use href="#pagination-dot" />
+        <use href="#pagination-highlight-dot" />
+      </use>
+    </use>
+  
+    <use class="cornerButton" id="playButton" href="#combo-button-lower-right" fill="black">
+      <set href="combo-button-icon" attributeName="href" to="play.png"/>
+      <set href="combo-button-icon-press" attributeName="href" to="play_press.png"/>
+      <set href="combo-button-stroke" attributeName="display" to="inline"/>
+    </use>
+      
+    <use class="cornerButton" id="pauseButton" href="#combo-button-lower-left" fill="black">
+      <set href="combo-button-icon" attributeName="href" to="pause.png"/>
+      <set href="combo-button-icon-press" attributeName="href" to="pause_press.png"/>
+      <set href="combo-button-stroke" attributeName="display" to="inline"/>
+    </use>
+  
+    
+</svg>

resources/pause.png

@@ -0,0 +1,11 @@
+<svg>
+  <defs>
+    <link rel="stylesheet" href="styles.css" />
+    <link rel="import" href="/mnt/sysassets/widgets_common.gui" />
+    <!-- Additional Imports -->
+    <link rel="import" href="/mnt/sysassets/widgets/baseview_widget.gui" />
+    <link rel="import" href="/mnt/sysassets/widgets/panoramaview_widget.gui" />
+    <link rel="import" href="/mnt/sysassets/widgets/pagination_dots.gui" />
+    <link rel="import" href="/mnt/sysassets/widgets/combo_button_widget.gui" />
+  </defs>
+</svg>