|
|
|
|
@ -3,16 +3,8 @@
|
|
|
|
|
<head>
|
|
|
|
|
<title>mpv remote</title>
|
|
|
|
|
|
|
|
|
|
<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"/>
|
|
|
|
|
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
md-content.md-default-theme {
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
md-content {
|
|
|
|
|
background-color: #eee;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -38,7 +30,15 @@ h2 {
|
|
|
|
|
.md-toolbar-tools-bottom :last-child {
|
|
|
|
|
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>
|
|
|
|
|
|
|
|
|
|
@ -72,7 +72,7 @@ h2 {
|
|
|
|
|
<md-button class="md-fab" aria-label="Pause">
|
|
|
|
|
||
|
|
|
|
|
</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 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 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']);
|
|
|
|
|
|
|
|
|
|
app.controller('MpvRemote', ['$scope', '$mdBottomSheet', function($scope, $mdBottomSheet){
|
|
|
|
|
app.controller('MpvRemote', ['$scope', '$mdBottomSheet', '$http', function($scope, $mdBottomSheet, $http){
|
|
|
|
|
$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.alert = '';
|
|
|
|
|
$mdBottomSheet.show({
|
|
|
|
|
@ -133,12 +143,12 @@ app.config(function($mdThemingProvider) {
|
|
|
|
|
'default': '500',
|
|
|
|
|
'hue-1': '50'
|
|
|
|
|
})
|
|
|
|
|
.accentPalette('red');
|
|
|
|
|
.accentPalette('pink');
|
|
|
|
|
$mdThemingProvider.theme('input', 'default')
|
|
|
|
|
.primaryPalette('grey');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|