|
|
|
|
@ -31,6 +31,7 @@ h2 {
|
|
|
|
|
color: #c60008;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* The starting CSS styles for the enter animation */
|
|
|
|
|
.fade.ng-enter {
|
|
|
|
|
transition:0.5s linear all;
|
|
|
|
|
@ -80,7 +81,8 @@ margin-bottom: 1px; }
|
|
|
|
|
|
|
|
|
|
<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"/>
|
|
|
|
|
|
|
|
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body layout="row" ng-controller="MpvRemote">
|
|
|
|
|
@ -100,26 +102,28 @@ margin-bottom: 1px; }
|
|
|
|
|
<md-content flex md-scroll-y>
|
|
|
|
|
<ui-view layout="column" layout-fill layout-padding>
|
|
|
|
|
|
|
|
|
|
<md-button class="md-raised md-primary" ng-click="togglePlay()">Play/Pause</md-button>
|
|
|
|
|
<md-button class="md-raised md-primary" ng-click="togglePlay()">
|
|
|
|
|
Play/Pause
|
|
|
|
|
</md-button>
|
|
|
|
|
|
|
|
|
|
<section layout="row" layout-sm="column" layout-align="center center" layout-wrap>
|
|
|
|
|
<div class="label">Skip</div>
|
|
|
|
|
<md-button class="md-fab" aria-label="Back" ng-click="back()">
|
|
|
|
|
<
|
|
|
|
|
<md-icon class="material-icons">fast_rewind</md-icon>
|
|
|
|
|
</md-button>
|
|
|
|
|
|
|
|
|
|
<md-button class="md-fab" aria-label="Forward" ng-click="forward()">
|
|
|
|
|
>
|
|
|
|
|
<md-icon class="material-icons">fast_forward</md-icon>
|
|
|
|
|
</md-button>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<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-icon class="material-icons">skip_previous</md-icon>
|
|
|
|
|
</md-button>
|
|
|
|
|
<md-button class="md-fab" aria-label="">
|
|
|
|
|
>
|
|
|
|
|
<md-icon class="material-icons">skip_next</md-icon>
|
|
|
|
|
</md-button>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
@ -127,13 +131,13 @@ margin-bottom: 1px; }
|
|
|
|
|
<section layout="row" layout-sm="column" layout-align="center center" layout-wrap>
|
|
|
|
|
<div class="label">Volume</div>
|
|
|
|
|
<md-button class="md-fab" aria-label="Volume down" ng-click="volumeDown()">
|
|
|
|
|
-
|
|
|
|
|
<md-icon class="material-icons">volume_down</md-icon>
|
|
|
|
|
</md-button>
|
|
|
|
|
<md-button class="md-fab" aria-label="Volume up" ng-click="volumeUp()">
|
|
|
|
|
+
|
|
|
|
|
<md-icon class="material-icons">volume_up</md-icon>
|
|
|
|
|
</md-button>
|
|
|
|
|
<md-button class="md-fab" aria-label="Toggle mute" ng-click="toggleMute()">
|
|
|
|
|
M
|
|
|
|
|
<md-icon class="material-icons">volume_off</md-icon>
|
|
|
|
|
</md-button>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
Jing
10 years ago