Fix up example a little

fuse-compound · Jul 25, 2017 · fc10e26 · fc10e26
1 parent 5b7c8e2
commit fc10e26
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 10 deletions.
diff --git a/Examples/Basics/Artist.ux b/Examples/Basics/Artist.ux
@@ -2,7 +2,6 @@
     <Router ux:Dependency="router" />
     <JavaScript File="Artist.js"/>
     <DockPanel>
-        <StatusBarBackground Dock="Top"/>
         <ScrollView>
             <StackPanel>
                 <Button Text="Refresh" Clicked="{refreshClicked}" />
@@ -13,6 +12,5 @@
                 </Each>
             </StackPanel>
         </ScrollView>
-        <BottomBarBackground Dock="Bottom" />
     </DockPanel>
 </Page>
diff --git a/Examples/Basics/MainView.ux b/Examples/Basics/MainView.ux
@@ -2,8 +2,13 @@
     <iOS.StatusBarConfig Style="Light" />
     <Android.StatusBarConfig Color="#7f5ce6" />
     <Router ux:Name="router" />
-    <Navigator DefaultPath="artists">
-        <ArtistPage ux:Template="artists" router="router" />
-        <PlayPage ux:Template="play" router="router" />
-    </Navigator>
+
+    <DockPanel>
+        <StatusBarBackground Dock="Top"/>
+        <Navigator DefaultPath="artists">
+            <ArtistPage ux:Template="artists" router="router" />
+            <PlayPage ux:Template="play" router="router" />
+        </Navigator>
+        <BottomBarBackground Dock="Bottom" />
+    </DockPanel>
 </App>
diff --git a/Examples/Basics/PlayPage.ux b/Examples/Basics/PlayPage.ux
@@ -2,7 +2,6 @@
     <JavaScript File="play.js"/>
     <Router ux:Dependency="router" />
     <DockPanel>
-        <StatusBarBackground Dock="Top"/>
         <ScrollView>
             <StackPanel>
                 <Each Items="{tracks}">
@@ -22,12 +21,14 @@
             <StackPanel Orientation="Horizontal" ItemSpacing="40" ContentAlignment="Center" Padding="20">
                 <TextButton Value="Backward" Clicked="{backwardClicked}" />
                 <TextButton Value="Prev" Clicked="{prevClicked}" />
-                <TextButton Value="Stop" Clicked="{backClicked}" />
-                <TextButton Value="Play" Clicked="{playClicked}" />
                 <TextButton Value="Next" Clicked="{nextClicked}" />
                 <TextButton Value="Forward" Clicked="{forwardClicked}" />
             </StackPanel>
+            <StackPanel Orientation="Horizontal" ItemSpacing="40" ContentAlignment="Center" Padding="20">
+                <TextButton Value="Stop" Clicked="{backClicked}" />
+                <TextButton Value="Pause" Clicked="{pauseClicked}" />
+                <TextButton Value="Play" Clicked="{playClicked}" />
+            </StackPanel>
         </StackPanel>
-        <BottomBarBackground Dock="Bottom" />
     </DockPanel>
 </Page>
diff --git a/Examples/Basics/play.js b/Examples/Basics/play.js
@@ -37,6 +37,7 @@ module.exports = {
 
 	backClicked: backClicked,
 	playClicked: StreamingPlayer.play,
+	pauseClicked: StreamingPlayer.pause,
 
 	tracks: tracks
 };