chapter

client/static/index.html

@@ -71,7 +71,9 @@ margin-bottom: 1px; }
   font-size: 14px;
   opacity: 0.84; }
 
-
+.status-container {
+height: 50px;
+}
 </style>
     
     <meta charset="utf-8">
@@ -119,10 +121,10 @@ margin-bottom: 1px; }
 	
 	      <section layout="row" layout-sm="column" layout-align="center center" layout-wrap>
 		<div class="label">Chapter</div>
-            <md-button class="md-fab" aria-label="">
+            <md-button class="md-fab" aria-label="Previous chapter" ng-click="previousChapter()">
            	    <md-icon class="material-icons">skip_previous</md-icon>
             </md-button>
-              <md-button class="md-fab" aria-label="">
+              <md-button class="md-fab" aria-label="Next chapter" ng-click="nextChapter()">
               	    <md-icon class="material-icons">skip_next</md-icon>
               </md-button>
 	      </section>
@@ -140,13 +142,13 @@ margin-bottom: 1px; }
                	    <md-icon class="material-icons">volume_off</md-icon>
               </md-button>
 	      </section>
-	
+	 <div class="status-container">
 	 <div class="ng-scope fade" ng-if="status" id="status">
 	   <b layout="row" layout-align="center center" class="md-padding ng-binding layout-align-center-center layout-row">
 	     {{status}}
     </b>
   </div>
-
+</div>
       </ui-view>
     </md-content>
   </div>
@@ -191,10 +193,25 @@ var volume = function(delta) {
     showStatus("Volume " + direction + ": Error");
     });
 };
-			    
+
+var chapter = function(isNext) {
+  var direction = isNext ? "Next" : "Previous";
+  var delta = isNext ? 1 : -1;
+  $http({
+    method: 'GET',
+    url: '/seekChapter/' + delta
+  }).then(function successCallback(response) {
+    showStatus(direction + " chapter: Success");
+  }, function errorCallback(response) {
+    showStatus(direction + " chapter: Error");
+    });			  
+};
+// ---------------------------------------------------------			    
 $scope.status = '';
 
 $scope.alert = '';
+$scope.previousChapter	= function() { chapter(false) };
+$scope.nextChapter = function() { chapter(true) };
 $scope.back = function() { seek(-10) };
 $scope.togglePlay = function() {
     $http({