forward calls seek

master
Jing 10 years ago
parent 193b2c190e
commit 964ea166f8

@ -13,7 +13,8 @@
"angular": "^1.4.9", "angular": "^1.4.9",
"angular-animate": "^1.4.9", "angular-animate": "^1.4.9",
"angular-aria": "^1.4.9", "angular-aria": "^1.4.9",
"angular-material": "^1.0.5" "angular-material": "^1.0.5",
"restify": "^4.0.4"
}, },
"scripts": { "scripts": {
"prestart": "npm update" "prestart": "npm update"

@ -3,16 +3,8 @@
<head> <head>
<title>mpv remote</title> <title>mpv remote</title>
<meta charset="utf-8"> <style type="text/css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> md-content {
<meta name="description" content="">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic">
<link rel="stylesheet" href="../node_modules/angular-material/angular-material.css"/>
<style type="text/css">
md-content.md-default-theme {
background-color: #eee; background-color: #eee;
} }
@ -38,7 +30,15 @@ h2 {
.md-toolbar-tools-bottom :last-child { .md-toolbar-tools-bottom :last-child {
opacity: 0.8; opacity: 0.8;
} }
</style> </style>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic">
<link rel="stylesheet" href="../node_modules/angular-material/angular-material.css"/>
</head> </head>
@ -72,7 +72,7 @@ h2 {
<md-button class="md-fab" aria-label="Pause"> <md-button class="md-fab" aria-label="Pause">
|| ||
</md-button> </md-button>
<md-button class="md-fab" aria-label="Forward 1 min"> <md-button class="md-fab" aria-label="Forward 1 min" ng-click="forward()">
> >
</md-button> </md-button>
<md-button class="md-fab" aria-label="To end of file"> <md-button class="md-fab" aria-label="To end of file">
@ -92,12 +92,22 @@ h2 {
<script type="text/javascript" src="../node_modules/angular-material/angular-material.js"></script> <script type="text/javascript" src="../node_modules/angular-material/angular-material.js"></script>
<script src="http://cdn.jsdelivr.net/angular-material-icons/0.4.0/angular-material-icons.min.js"></script> <script src="http://cdn.jsdelivr.net/angular-material-icons/0.4.0/angular-material-icons.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var app = angular.module('StarterApp', ['ngMaterial', 'ngMdIcons']); var app = angular.module('StarterApp', ['ngMaterial', 'ngMdIcons']);
app.controller('MpvRemote', ['$scope', '$mdBottomSheet', function($scope, $mdBottomSheet){ app.controller('MpvRemote', ['$scope', '$mdBottomSheet', '$http', function($scope, $mdBottomSheet, $http){
$scope.status = 'Playing'; $scope.status = 'Playing';
$scope.alert = 'FFFFF'; $scope.alert = 'FFFFF';
$scope.forward = function() {
$http({
method: 'GET',
url: '/seek/10'
}).then(function successCallback(response) {
alert("success");
}, function errorCallback(response) {
alert("fail");
});
}
$scope.showListBottomSheet = function($event) { $scope.showListBottomSheet = function($event) {
$scope.alert = ''; $scope.alert = '';
$mdBottomSheet.show({ $mdBottomSheet.show({
@ -133,12 +143,12 @@ app.config(function($mdThemingProvider) {
'default': '500', 'default': '500',
'hue-1': '50' 'hue-1': '50'
}) })
.accentPalette('red'); .accentPalette('pink');
$mdThemingProvider.theme('input', 'default') $mdThemingProvider.theme('input', 'default')
.primaryPalette('grey'); .primaryPalette('grey');
}); });
</script> </script>
</body> </body>
</html> </html>

Loading…
Cancel
Save