Mess with the example some more

fuse-compound · Jun 14, 2017 · cef4d79 · cef4d79
1 parent a99ba24
commit cef4d79
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 13 deletions.
diff --git a/Examples/Basics/Artist.ux b/Examples/Basics/Artist.ux
@@ -13,5 +13,6 @@
                 </Each>
             </StackPanel>
         </ScrollView>
+        <BottomBarBackground Dock="Bottom" />
     </DockPanel>
 </Page>
diff --git a/Examples/Basics/PlayPage.ux b/Examples/Basics/PlayPage.ux
@@ -16,7 +16,9 @@
                     Padding="20">
             <TextButton Value="Prev" Clicked="{prevClicked}" />
             <TextButton Value="Stop" Clicked="{backClicked}" />
+            <TextButton Value="Play" Clicked="{playClicked}" />
             <TextButton Value="Next" Clicked="{nextClicked}" />
         </StackPanel>
+        <BottomBarBackground Dock="Bottom" />
     </DockPanel>
 </Page>
diff --git a/Examples/Basics/TextButton.ux b/Examples/Basics/TextButton.ux
@@ -1,4 +1,4 @@
-<Text ux:Class="TextButton" Value="Next" Clicked="{nextClicked}" >
+<Text ux:Class="TextButton" Value="Next" >
     <Pressed>
         <Scale Factor="1.2" Duration="0.1" />
     </Pressed>

diff --git a/Examples/Basics/play.js b/Examples/Basics/play.js
@@ -5,7 +5,7 @@ var StreamingPlayer = require("FuseJS/StreamingPlayer");
 var tracks = Observable();
 
 var paramObs = this.Parameter.onValueChanged(module, function(param) {
-    MediaQuery.tracks({ "artist": param["artistID"] }).then(function(tracksArray) {
+	MediaQuery.tracks({ "artist": param["artistID"] }).then(function(tracksArray) {
 		var tmp = tracksArray.map(function(track, index) {
 			return {
 				"id": index,
@@ -16,32 +16,39 @@ var paramObs = this.Parameter.onValueChanged(module, function(param) {
 				"duration": track["duration"]
 			};
 		});
-        tracks.addAll(tmp);
+		tracks.addAll(tmp);
 		StreamingPlayer.setPlaylist(tmp);
-		// StreamingPlayer.resume();
-		// StreamingPlayer.play(tmp[0]);
-    }).catch(function(e) {
-        console.log("Well damn:" + e);
-    });
+		StreamingPlayer.play();
+	}).catch(function(e) {
+		console.log("Well damn:" + e);
+	});
 });
 
 var backClicked = function() {
-    // stop stuff
+	console.log("JS BACK CLICKED");
 	StreamingPlayer.stop();
-    router.goto("artists");
+	router.goto("artists");
 };
 
 var prevClicked = function() {
-    StreamingPlayer.previous();
+	console.log("JS PREV CLICKED");
+	StreamingPlayer.previous();
 };
 
 var nextClicked = function() {
+	console.log("JS NEXT CLICKED");
 	StreamingPlayer.next();
 };
 
+var playClicked = function() {
+	console.log("JS PLAY CLICKED");
+	StreamingPlayer.play();
+};
+
 module.exports = {
-    backClicked: backClicked,
+	backClicked: backClicked,
 	prevClicked: prevClicked,
 	nextClicked: nextClicked,
-    tracks: tracks
+	playClicked: playClicked,
+	tracks: tracks
 };