mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

update button styles

Browse source
This commit is contained in:
Luke Pulverenti 2016-06-04 23:50:07 -04:00
parent 217234f89d
commit b33a3302ed
109 changed files with 474 additions and 733 deletions
Download patch file Download diff file Expand all files Collapse all files

8
dashboard-ui/addplugin.html
View file

@ -63,11 +63,9 @@
<input type="hidden" id="featureId" name="item_number" value=""> <input type="hidden" id="featureId" name="item_number" value="">
<input type="hidden" name="notify_url" value="https://mb3admin.com/admin/service/services/ppipn.php"> <input type="hidden" name="notify_url" value="https://mb3admin.com/admin/service/services/ppipn.php">
<input type="hidden" name="return" id="paypalReturnUrl" value="#"> <input type="hidden" name="return" id="paypalReturnUrl" value="#">
<button type="submit" id="ppButton" class="clearButton"> <button is="emby-button" type="submit" id="ppButton" class="raised block" style="background-color: #179BD7;color:#fff;">
<paper-button raised class="block" style="background-color: #179BD7;color:#fff;"> <iron-icon icon="check"></iron-icon>
<iron-icon icon="check"></iron-icon> <span>${RegisterWithPayPal}</span>
<span>${RegisterWithPayPal}</span>
</paper-button>
</button> </button>
</div> </div>

4
dashboard-ui/autoorganizelog.html
View file

@ -7,8 +7,8 @@
</div> </div>
<div style="float: right; position: relative; top: 15px;margin-top: -5px;display:none;" class="organizeTaskPanel"> <div style="float: right; position: relative; top: 15px;margin-top: -5px;display:none;" class="organizeTaskPanel">
<paper-button type="button" class="btnClearLog" raised style="display: inline-block;"><iron-icon icon="clear-all"></iron-icon><span>${ButtonClear}</span></paper-button> <button is="emby-button" type="button" type="button" class="btnClearLog" raised style="display: inline-block;"><iron-icon icon="clear-all"></iron-icon><span>${ButtonClear}</span></button>
<paper-button type="button" class="btnOrganize" raised><iron-icon icon="check"></iron-icon><span>${ButtonOrganize}</span></paper-button> <button is="emby-button" type="button" type="button" class="btnOrganize" raised><iron-icon icon="check"></iron-icon><span>${ButtonOrganize}</span></button>
<progress max="100" min="0" style="width:100px;display:none;" class="organizeProgress"></progress> <progress max="100" min="0" style="width:100px;display:none;" class="organizeProgress"></progress>
</div> </div>
<br /> <br />

4
dashboard-ui/autoorganizetv.html
View file

@ -151,9 +151,7 @@
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li> </li>
</ul> </ul>

5
dashboard-ui/bower_components/emby-collapsible/emby-collapsible.html vendored
View file

@ -1,6 +1,5 @@
<link rel="import" href="../polymer/polymer.html"> <link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../iron-icon/iron-icon.html"> <link rel="import" href="../iron-icon/iron-icon.html">
<link rel="import" href="../paper-button/paper-button.html">
<link rel="import" href="../neon-animation/neon-animation-runner-behavior.html"> <link rel="import" href="../neon-animation/neon-animation-runner-behavior.html">
<link rel="import" href="../neon-animation/animations/transform-animation.html"> <link rel="import" href="../neon-animation/animations/transform-animation.html">
<link rel="import" href="../iron-collapse/iron-collapse.html"> <link rel="import" href="../iron-collapse/iron-collapse.html">
@ -37,11 +36,11 @@
} }
</style> </style>
<div> <div>
<paper-button on-tap="toggleExpand" id="expandButton" class="emby-collapsible-button"> <button is="emby-button" type="button" on-click="toggleExpand" id="expandButton" class="emby-collapsible-button block">
<iron-icon id="titleIcon" icon="[[icon]]" style="[[iconstyle]]"></iron-icon> <iron-icon id="titleIcon" icon="[[icon]]" style="[[iconstyle]]"></iron-icon>
<h3 class="emby-collapsible-title" title="[[title]]">[[title]]</h3> <h3 class="emby-collapsible-title" title="[[title]]">[[title]]</h3>
<iron-icon id="expandIcon" style="margin-left: auto; margin-right: .5em;"></iron-icon> <iron-icon id="expandIcon" style="margin-left: auto; margin-right: .5em;"></iron-icon>
</paper-button> </button>
<iron-collapse id="contentCollapse" class="emby-collapsible-content" opened="{{expanded}}"> <iron-collapse id="contentCollapse" class="emby-collapsible-content" opened="{{expanded}}">
<content></content> <content></content>
</iron-collapse> </iron-collapse>

8
dashboard-ui/bower_components/emby-webcomponents/.bower.json vendored
View file

@ -15,12 +15,12 @@
}, },
"devDependencies": {}, "devDependencies": {},
"ignore": [], "ignore": [],
"version": "1.4.24", "version": "1.4.25",
"_release": "1.4.24", "_release": "1.4.25",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "1.4.24", "tag": "1.4.25",
"commit": "05159909e71faf74eb1d39f3cac661614b0a5d5b" "commit": "aa53e6de589581ac2cd9773b464c59a79ab45486"
}, },
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git", "_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
"_target": "^1.2.0", "_target": "^1.2.0",

2
dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.css vendored
View file

@ -31,7 +31,7 @@
top: 50%; top: 50%;
left: 50%; left: 50%;
max-width: 70%; max-width: 70%;
max-height: 80%; max-height: 84%;
} }
@media all and (min-width: 1280px) and (min-height: 720px) { @media all and (min-width: 1280px) and (min-height: 720px) {

19
dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.css vendored
View file

@ -6,7 +6,8 @@
margin: 0 .29em; margin: 0 .29em;
background: transparent; background: transparent;
text-align: center; text-align: center;
font: inherit; font-size: inherit;
font-family: inherit;
color: inherit; color: inherit;
outline-width: 0; outline-width: 0;
-moz-user-select: none; -moz-user-select: none;
@ -25,6 +26,8 @@
outline: none !important; outline: none !important;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
font-weight: 500;
text-transform: uppercase;
} }
[is="emby-button"].raised { [is="emby-button"].raised {
@ -35,7 +38,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin: .25em .29em; margin: .25em 0;
width: 100%; width: 100%;
} }
@ -55,19 +58,21 @@
height: 50px; height: 50px;
top: 50%; top: 50%;
left: 50%; left: 50%;
background: white; background: currentcolor;
animation: ripple-animation 2s; animation: ripple-animation .8s;
opacity: 0.4; opacity: 0.25;
-webkit-transform: translate(0, 0);
transform: translate3d(0, 0, 0);
} }
@keyframes ripple-animation { @keyframes ripple-animation {
from { from {
transform: none; transform: none;
opacity: 0.4; opacity: 0.5;
} }
to { to {
transform: scale(100); transform: scale(20);
opacity: 0; opacity: 0;
} }
} }

14
dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.js vendored
View file

@ -18,9 +18,9 @@
this.appendChild(div); this.appendChild(div);
setTimeout(function () { div.addEventListener("animationend", function() {
div.parentNode.removeChild(div); div.parentNode.removeChild(div);
}, 2000); }, false);
} }
function onKeyDown(e) { function onKeyDown(e) {
@ -30,6 +30,13 @@
} }
} }
function onMouseDown(e) {
if (e.button == 0) {
animateButton.call(this, e);
}
}
EmbyButtonPrototype.attachedCallback = function () { EmbyButtonPrototype.attachedCallback = function () {
if (this.getAttribute('data-embybutton') == 'true') { if (this.getAttribute('data-embybutton') == 'true') {
@ -39,7 +46,8 @@
this.setAttribute('data-embybutton', 'true'); this.setAttribute('data-embybutton', 'true');
this.addEventListener('keydown', onKeyDown); this.addEventListener('keydown', onKeyDown);
this.addEventListener('mousedown', animateButton); this.addEventListener('mousedown', onMouseDown);
this.addEventListener('touchstart', animateButton);
//this.addEventListener('click', animateButton); //this.addEventListener('click', animateButton);
}; };

7
dashboard-ui/bower_components/emby-webcomponents/focusmanager.js vendored
View file

@ -20,11 +20,6 @@ define([], function () {
function focus(element) { function focus(element) {
var tagName = element.tagName;
if (tagName == 'PAPER-INPUT') {
element = element.querySelector('input') || element;
}
try { try {
element.focus(); element.focus();
} catch (err) { } catch (err) {
@ -32,7 +27,7 @@ define([], function () {
} }
} }
var focusableTagNames = ['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON', 'A', 'PAPER-BUTTON', 'PAPER-INPUT', 'PAPER-CHECKBOX']; var focusableTagNames = ['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON', 'A', 'PAPER-CHECKBOX'];
var focusableContainerTagNames = ['BODY', 'DIALOG']; var focusableContainerTagNames = ['BODY', 'DIALOG'];
var focusableQuery = focusableTagNames.join(',') + ',.focusable'; var focusableQuery = focusableTagNames.join(',') + ',.focusable';

24
dashboard-ui/bower_components/emby-webcomponents/images/imagehelper.js vendored
View file

@ -109,29 +109,25 @@ define(['visibleinviewport', 'imageFetcher', 'layoutManager', 'events', 'browser
target.addEventListener(type, handler, optionsOrCapture); target.addEventListener(type, handler, optionsOrCapture);
} }
function unveilWithIntersection(images) { function unveilWithIntersection(images, root) {
var filledCount = 0; var filledCount = 0;
var options = {}; var options = {};
options.rootMargin = "150%"; //options.rootMargin = "300%";
var observer = new IntersectionObserver(function (entries) { var observer = new IntersectionObserver(function (entries) {
for (var j = 0, length2 = entries.length; j < length2; j++) { for (var j = 0, length2 = entries.length; j < length2; j++) {
var entry = entries[j]; var entry = entries[j];
var intersectionRatio = entry.intersectionRatio; var target = entry.target;
if (intersectionRatio) { observer.unobserve(target);
fillImage(target);
var target = entry.target; filledCount++;
observer.unobserve(target);
fillImage(target);
filledCount++;
}
} }
if (filledCount >= images.length) { if (filledCount >= images.length) {
//observer.disconnect(); observer.disconnect();
} }
}, },
options options
@ -142,14 +138,14 @@ define(['visibleinviewport', 'imageFetcher', 'layoutManager', 'events', 'browser
} }
} }
function unveilElements(images) { function unveilElements(images, root) {
if (!images.length) { if (!images.length) {
return; return;
} }
if (supportsIntersectionObserver) { if (supportsIntersectionObserver) {
unveilWithIntersection(images); unveilWithIntersection(images, root);
return; return;
} }
@ -223,7 +219,7 @@ define(['visibleinviewport', 'imageFetcher', 'layoutManager', 'events', 'browser
function lazyChildren(elem) { function lazyChildren(elem) {
unveilElements(elem.getElementsByClassName('lazy')); unveilElements(elem.getElementsByClassName('lazy'), elem);
} }
function getPrimaryImageAspectRatio(items) { function getPrimaryImageAspectRatio(items) {

6
dashboard-ui/bower_components/iron-meta/.bower.json vendored
View file

@ -26,14 +26,14 @@
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}, },
"main": "iron-meta.html", "main": "iron-meta.html",
"homepage": "https://github.com/PolymerElements/iron-meta", "homepage": "https://github.com/polymerelements/iron-meta",
"_release": "1.1.1", "_release": "1.1.1",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.1.1", "tag": "v1.1.1",
"commit": "e171ee234b482219c9514e6f9551df48ef48bd9f" "commit": "e171ee234b482219c9514e6f9551df48ef48bd9f"
}, },
"_source": "git://github.com/PolymerElements/iron-meta.git", "_source": "git://github.com/polymerelements/iron-meta.git",
"_target": "^1.0.0", "_target": "^1.0.0",
"_originalSource": "PolymerElements/iron-meta" "_originalSource": "polymerelements/iron-meta"
} }

6
dashboard-ui/bower_components/iron-resizable-behavior/.bower.json vendored
View file

@ -28,14 +28,14 @@
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}, },
"ignore": [], "ignore": [],
"homepage": "https://github.com/polymerelements/iron-resizable-behavior", "homepage": "https://github.com/PolymerElements/iron-resizable-behavior",
"_release": "1.0.3", "_release": "1.0.3",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.3", "tag": "v1.0.3",
"commit": "dda1df6aaf452aedf3e52ff0cf69e72439452216" "commit": "dda1df6aaf452aedf3e52ff0cf69e72439452216"
}, },
"_source": "git://github.com/polymerelements/iron-resizable-behavior.git", "_source": "git://github.com/PolymerElements/iron-resizable-behavior.git",
"_target": "^1.0.0", "_target": "^1.0.0",
"_originalSource": "polymerelements/iron-resizable-behavior" "_originalSource": "PolymerElements/iron-resizable-behavior"
} }

33
dashboard-ui/bower_components/paper-button/.bower.json vendored
View file

@ -1,6 +1,6 @@
{ {
"name": "paper-button", "name": "paper-button",
"version": "1.0.11", "version": "1.0.12",
"description": "Material design button", "description": "Material design button",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"
@ -16,34 +16,33 @@
"private": true, "private": true,
"repository": { "repository": {
"type": "git", "type": "git",
"url": "git://github.com/PolymerElements/paper-button" "url": "git://github.com/PolymerElements/paper-button.git"
}, },
"license": "http://polymer.github.io/LICENSE.txt", "license": "http://polymer.github.io/LICENSE.txt",
"homepage": "https://github.com/PolymerElements/paper-button", "homepage": "https://github.com/PolymerElements/paper-button",
"dependencies": { "dependencies": {
"polymer": "Polymer/polymer#^1.1.0", "polymer": "Polymer/polymer#^1.1.0",
"paper-ripple": "polymerelements/paper-ripple#^1.0.0", "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
"paper-material": "polymerelements/paper-material#^1.0.0", "paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0",
"paper-behaviors": "polymerelements/paper-behaviors#^1.0.0", "paper-material": "PolymerElements/paper-material#^1.0.0"
"iron-flex-layout": "polymerelements/iron-flex-layout#^1.0.0"
}, },
"devDependencies": { "devDependencies": {
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0", "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
"web-component-tester": "polymer/web-component-tester#^3.4.0",
"test-fixture": "polymerelements/test-fixture#^1.0.0",
"iron-component-page": "polymerelements/iron-component-page#^1.0.0",
"iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0", "iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
"iron-icon": "polymerelements/iron-icon#^1.0.0", "iron-icon": "PolymerElements/iron-icon#^1.0.0",
"iron-icons": "polymerelements/iron-icons#^1.0.0", "iron-icons": "PolymerElements/iron-icons#^1.0.0",
"iron-test-helpers": "polymerelements/iron-test-helpers#^1.0.0", "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0",
"paper-styles": "polymerelements/paper-styles#^1.0.0" "paper-styles": "PolymerElements/paper-styles#^1.0.0",
"test-fixture": "PolymerElements/test-fixture#^1.0.0",
"web-component-tester": "^4.0.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}, },
"ignore": [], "ignore": [],
"_release": "1.0.11", "_release": "1.0.12",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.11", "tag": "v1.0.12",
"commit": "7d0f75300372d91835ae7298593d50987d4a610f" "commit": "96c3a2661c355223d0b41e1d34126f9c62d544dc"
}, },
"_source": "git://github.com/PolymerElements/paper-button.git", "_source": "git://github.com/PolymerElements/paper-button.git",
"_target": "~1.0.1", "_target": "~1.0.1",

11
dashboard-ui/bower_components/paper-button/.travis.yml vendored
View file

@ -1,15 +1,14 @@
language: node_js language: node_js
sudo: false sudo: required
before_script: before_script:
- npm install web-component-tester - npm install -g bower polylint web-component-tester
- npm install bower
- 'export PATH=$PWD/node_modules/.bin:$PATH'
- bower install - bower install
- polylint
env: env:
global: global:
- secure: geFs7Ipj7/9knSKT2FEYAB7b/zbmgWFXCgZm7cEcrG71EX/HB1do3spANGOlRly77xaZtNNF1OGYBHIP36DSyMEHRYj6TYtTrPIr2ySeHvoOv0nzYakXdscxBvfI5HJrNiFpld80KoGl8vKfroLNpVLallgumX3diydypolvW1I= - secure: geFs7Ipj7/9knSKT2FEYAB7b/zbmgWFXCgZm7cEcrG71EX/HB1do3spANGOlRly77xaZtNNF1OGYBHIP36DSyMEHRYj6TYtTrPIr2ySeHvoOv0nzYakXdscxBvfI5HJrNiFpld80KoGl8vKfroLNpVLallgumX3diydypolvW1I=
- secure: IILEhg3m49exN5hpxbPP1JA/q+s4v/QpOMbDiXVRV4Uz1XwOPGLCyrAB0ENjwzMCyeOah1Z2MyQSUiPisLheHKvZifhviNqizWN//8EDkg1gkU0R6egGdotD5mBb3UpCD0CNZ8+D0FYwOpdCWCruwr7N+zDUN+6r5H07KP/VeUU= - secure: IILEhg3m49exN5hpxbPP1JA/q+s4v/QpOMbDiXVRV4Uz1XwOPGLCyrAB0ENjwzMCyeOah1Z2MyQSUiPisLheHKvZifhviNqizWN//8EDkg1gkU0R6egGdotD5mBb3UpCD0CNZ8+D0FYwOpdCWCruwr7N+zDUN+6r5H07KP/VeUU=
node_js: 4 node_js: stable
addons: addons:
firefox: latest firefox: latest
apt: apt:
@ -17,6 +16,8 @@ addons:
- google-chrome - google-chrome
packages: packages:
- google-chrome-stable - google-chrome-stable
sauce_connect: true
script: script:
- xvfb-run wct - xvfb-run wct
- "if [ \"${TRAVIS_PULL_REQUEST}\" = \"false\" ]; then wct -s 'default'; fi" - "if [ \"${TRAVIS_PULL_REQUEST}\" = \"false\" ]; then wct -s 'default'; fi"
dist: trusty

13
dashboard-ui/bower_components/paper-button/CONTRIBUTING.md vendored
View file

@ -1,11 +1,16 @@
<!-- <!--
This file is autogenerated based on This file is autogenerated based on
https://github.com/PolymerElements/ContributionGuide/blob/master/CONTRIBUTING.md https://github.com/PolymerElements/ContributionGuide/blob/master/CONTRIBUTING.md
If you edit that file, it will get updated everywhere else. If you edit that file, it will get updated everywhere else.
If you edit this file, your changes will get overridden :) If you edit this file, your changes will get overridden :)
You can however override the jsbin link with one that's customized to this
specific element:
jsbin=https://jsbin.com/cagaye/edit?html,output
--> -->
# Polymer Elements # Polymer Elements
## Guide for Contributors ## Guide for Contributors
@ -41,7 +46,7 @@ Polymer Elements are built in the open, and the Polymer authors eagerly encourag
3. Click the `paper-foo` element. 3. Click the `paper-foo` element.
``` ```
2. **A reduced test case that demonstrates the problem.** If possible, please include the test case as a JSBin. Start with this template to easily import and use relevant Polymer Elements: [http://jsbin.com/cagaye](http://jsbin.com/cagaye/edit?html,output). 2. **A reduced test case that demonstrates the problem.** If possible, please include the test case as a JSBin. Start with this template to easily import and use relevant Polymer Elements: [https://jsbin.com/cagaye/edit?html,output](https://jsbin.com/cagaye/edit?html,output).
3. **A list of browsers where the problem occurs.** This can be skipped if the problem is the same across all browsers. 3. **A list of browsers where the problem occurs.** This can be skipped if the problem is the same across all browsers.
@ -51,14 +56,14 @@ Polymer Elements are built in the open, and the Polymer authors eagerly encourag
When submitting pull requests, please provide: When submitting pull requests, please provide:
1. **A reference to the corresponding issue** or issues that will be closed by the pull request. Please refer to these issues using the following syntax: 1. **A reference to the corresponding issue** or issues that will be closed by the pull request. Please refer to these issues in the pull request description using the following syntax:
```markdown ```markdown
(For a single issue) (For a single issue)
Fixes #20 Fixes #20
(For multiple issues) (For multiple issues)
Fixes #32, #40 Fixes #32, fixes #40
``` ```
2. **A succinct description of the design** used to fix any related issues. For example: 2. **A succinct description of the design** used to fix any related issues. For example:

27
dashboard-ui/bower_components/paper-button/bower.json vendored
View file

@ -1,6 +1,6 @@
{ {
"name": "paper-button", "name": "paper-button",
"version": "1.0.11", "version": "1.0.12",
"description": "Material design button", "description": "Material design button",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"
@ -16,27 +16,26 @@
"private": true, "private": true,
"repository": { "repository": {
"type": "git", "type": "git",
"url": "git://github.com/PolymerElements/paper-button" "url": "git://github.com/PolymerElements/paper-button.git"
}, },
"license": "http://polymer.github.io/LICENSE.txt", "license": "http://polymer.github.io/LICENSE.txt",
"homepage": "https://github.com/PolymerElements/paper-button", "homepage": "https://github.com/PolymerElements/paper-button",
"dependencies": { "dependencies": {
"polymer": "Polymer/polymer#^1.1.0", "polymer": "Polymer/polymer#^1.1.0",
"paper-ripple": "polymerelements/paper-ripple#^1.0.0", "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
"paper-material": "polymerelements/paper-material#^1.0.0", "paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0",
"paper-behaviors": "polymerelements/paper-behaviors#^1.0.0", "paper-material": "PolymerElements/paper-material#^1.0.0"
"iron-flex-layout": "polymerelements/iron-flex-layout#^1.0.0"
}, },
"devDependencies": { "devDependencies": {
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0", "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
"web-component-tester": "polymer/web-component-tester#^3.4.0",
"test-fixture": "polymerelements/test-fixture#^1.0.0",
"iron-component-page": "polymerelements/iron-component-page#^1.0.0",
"iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0", "iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
"iron-icon": "polymerelements/iron-icon#^1.0.0", "iron-icon": "PolymerElements/iron-icon#^1.0.0",
"iron-icons": "polymerelements/iron-icons#^1.0.0", "iron-icons": "PolymerElements/iron-icons#^1.0.0",
"iron-test-helpers": "polymerelements/iron-test-helpers#^1.0.0", "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0",
"paper-styles": "polymerelements/paper-styles#^1.0.0" "paper-styles": "PolymerElements/paper-styles#^1.0.0",
"test-fixture": "PolymerElements/test-fixture#^1.0.0",
"web-component-tester": "^4.0.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}, },
"ignore": [] "ignore": []
} }

16
dashboard-ui/bower_components/paper-button/demo/index.html vendored
View file

@ -117,6 +117,22 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
</style> </style>
</template> </template>
</demo-snippet> </demo-snippet>
<h3>Buttons can be used as a link</h3>
<demo-snippet class="centered-demo">
<template>
<a href="https://www.polymer-project.org/" tabindex="-1">
<paper-button raised>Polymer Project</paper-button>
</a>
<style>
a paper-button,
a:active paper-button,
a:visited paper-button {
color: #000;
}
</style>
</template>
</demo-snippet>
</div> </div>
</body> </body>
</html> </html>

96
dashboard-ui/bower_components/paper-button/paper-button.html vendored
View file

@ -9,10 +9,9 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
--> -->
<link rel="import" href="../polymer/polymer.html"> <link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../paper-material/paper-material.html">
<link rel="import" href="../paper-ripple/paper-ripple.html">
<link rel="import" href="../paper-behaviors/paper-button-behavior.html">
<link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
<link rel="import" href="../paper-behaviors/paper-button-behavior.html">
<link rel="import" href="../paper-material/paper-material.html">
<!-- <!--
Material design: [Buttons](https://www.google.com/design/spec/components/buttons.html) Material design: [Buttons](https://www.google.com/design/spec/components/buttons.html)
@ -40,6 +39,14 @@ create a button with an icon and some text:
custom button content custom button content
</paper-button> </paper-button>
To use `paper-button` as a link, wrap it in an anchor tag. Since `paper-button` will already
receive focus, you may want to prevent the anchor tag from receiving focus as well by setting
its tabindex to -1.
<a href="https://www.polymer-project.org/" tabindex="-1">
<paper-button raised>Polymer Project</paper-button>
</a>
### Styling ### Styling
Style the button with CSS as you would a normal DOM element. Style the button with CSS as you would a normal DOM element.
@ -76,16 +83,17 @@ Custom property | Description | Default
<dom-module id="paper-button"> <dom-module id="paper-button">
<template strip-whitespace> <template strip-whitespace>
<style include="paper-material"> <style include="paper-material">
:host { :host {
display: inline-block; @apply(--layout-inline);
@apply(--layout-center-center);
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
min-width: 5.14em; min-width: 5.14em;
margin: 0 0.29em; margin: 0 0.29em;
background: transparent; background: transparent;
text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
font: inherit; font: inherit;
text-transform: uppercase; text-transform: uppercase;
outline-width: 0; outline-width: 0;
@ -98,6 +106,7 @@ Custom property | Description | Default
z-index: 0; z-index: 0;
padding: 0.7em 0.57em; padding: 0.7em 0.57em;
@apply(--paper-font-common-base);
@apply(--paper-button); @apply(--paper-button);
} }
@ -123,50 +132,47 @@ Custom property | Description | Default
paper-ripple { paper-ripple {
color: var(--paper-button-ink-color); color: var(--paper-button-ink-color);
} }
:host > ::content * {
text-transform: inherit;
}
</style> </style>
<content></content> <content></content>
</template> </template>
</dom-module>
<script> <script>
Polymer({ Polymer({
is: 'paper-button', is: 'paper-button',
behaviors: [ behaviors: [
Polymer.PaperButtonBehavior Polymer.PaperButtonBehavior
], ],
properties: {
/**
* If true, the button should be styled with a shadow.
*/
raised: {
type: Boolean,
reflectToAttribute: true,
value: false,
observer: '_calculateElevation'
}
},
_calculateElevation: function() {
if (!this.raised) {
this._setElevation(0);
} else {
Polymer.PaperButtonBehaviorImpl._calculateElevation.apply(this);
}
}
properties: {
/** /**
* If true, the button should be styled with a shadow. Fired when the animation finishes.
*/ This is useful if you want to wait until
raised: { the ripple animation finishes to perform some action.
type: Boolean,
reflectToAttribute: true,
value: false,
observer: '_calculateElevation'
}
},
_calculateElevation: function() { @event transitionend
if (!this.raised) { Event param: {{node: Object}} detail Contains the animated node.
this._setElevation(0); */
} else { });
Polymer.PaperButtonBehaviorImpl._calculateElevation.apply(this); </script>
} </dom-module>
}
/**
Fired when the animation finishes.
This is useful if you want to wait until
the ripple animation finishes to perform some action.
@event transitionend
@param {{node: Object}} detail Contains the animated node.
*/
});
</script>

6
dashboard-ui/cinemamodeconfiguration.html
View file

@ -1,4 +1,4 @@
<div id="cinemaModeConfigurationPage" data-role="page" class="page type-interior playbackConfigurationPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Cinema-Mode" data-require="scripts/cinemamodeconfiguration,paper-checkbox,paper-input,paper-button"> <div id="cinemaModeConfigurationPage" data-role="page" class="page type-interior playbackConfigurationPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Cinema-Mode" data-require="scripts/cinemamodeconfiguration,paper-checkbox,paper-input,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -66,9 +66,7 @@
</div> </div>
<br /> <br />
<br /> <br />
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<p>${CinemaModeConfigurationHelp2}</p> <p>${CinemaModeConfigurationHelp2}</p>
</form> </form>
</div> </div>

2
dashboard-ui/components/directorybrowser/directorybrowser.js
View file

@ -143,7 +143,7 @@
html += '<div class="results paperList" style="height: 180px; overflow-y: auto;"></div>'; html += '<div class="results paperList" style="height: 180px; overflow-y: auto;"></div>';
html += '<div>'; html += '<div>';
html += '<button type="submit" class="clearButton" data-role="none"><paper-button raised class="submit block">' + Globalize.translate('ButtonOk') + '</paper-button></button>'; html += '<button is="emby-button" type="submit" class="raised submit block">' + Globalize.translate('ButtonOk') + '</button>';
html += '</div>'; html += '</div>';
html += '</form>'; html += '</form>';

2
dashboard-ui/components/favoriteitems.js
View file

@ -76,7 +76,7 @@
if (result.TotalRecordCount > result.Items.length) { if (result.TotalRecordCount > result.Items.length) {
var href = "secondaryitems.html?type=" + section.types + "&filters=IsFavorite&titlekey=" + section.name; var href = "secondaryitems.html?type=" + section.types + "&filters=IsFavorite&titlekey=" + section.name;
html += '<a class="clearLink" href="' + href + '" style="margin-left:2em;"><paper-button raised class="more mini">' + Globalize.translate('ButtonMore') + '</paper-button></a>'; html += '<a class="clearLink" href="' + href + '" style="margin-left:2em;"><button is="emby-button" type="button" class="raised more mini">' + Globalize.translate('ButtonMore') + '</button></a>';
} }
html += '</div>'; html += '</div>';

4
dashboard-ui/components/fileorganizer/fileorganizer.template.html
View file

@ -36,8 +36,6 @@
<paper-checkbox type="checkbox" id="chkRememberCorrection">${OptionRememberOrganizeCorrection} <span class="extractedName" style="font-weight: bold; font-style: italic" /></paper-checkbox> <paper-checkbox type="checkbox" id="chkRememberCorrection">${OptionRememberOrganizeCorrection} <span class="extractedName" style="font-weight: bold; font-style: italic" /></paper-checkbox>
</div> </div>
<br /> <br />
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonOk}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonOk}</span></paper-button>
</button>
<input id="hfResultId" type="hidden" /> <input id="hfResultId" type="hidden" />
</form> </form>

4
dashboard-ui/components/guestinviter/guestinviter.template.html
View file

@ -24,7 +24,5 @@
</emby-collapsible> </emby-collapsible>
<p class="fieldDescription" style="margin-top:.5em;">${MessageGuestSharingPermissionsHelp}</p> <p class="fieldDescription" style="margin-top:.5em;">${MessageGuestSharingPermissionsHelp}</p>
<br /> <br />
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSendInvitation}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSendInvitation}</span></paper-button>
</button>
</form> </form>

4
dashboard-ui/components/imageuploader/imageuploader.template.html
View file

@ -27,9 +27,7 @@
<option value="Thumb">${OptionThumb}</option> <option value="Thumb">${OptionThumb}</option>
</select> </select>
</div> </div>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonUpload}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonUpload}</span></paper-button>
</button>
</div> </div>
</div> </div>
</form> </form>

10
dashboard-ui/components/itemidentifier/itemidentifier.template.html
View file

@ -11,16 +11,14 @@
<input is="emby-input" type="text" id="txtLookupName" class="identifyField" data-lookup="Name" label="${LabelName}" /> <input is="emby-input" type="text" id="txtLookupName" class="identifyField" data-lookup="Name" label="${LabelName}" />
</div> </div>
<div class="fldLookupYear inputContainer"> <div class="fldLookupYear inputContainer">
<input is="emby-input" type="number" id="txtLookupYear" class="identifyField" data-lookup="Year" pattern="[0-9]*" min="1800" label="${LabelYear}"/> <input is="emby-input" type="number" id="txtLookupYear" class="identifyField" data-lookup="Year" pattern="[0-9]*" min="1800" label="${LabelYear}" />
</div> </div>
<div class="identifyProviderIds"> <div class="identifyProviderIds">
</div> </div>
<p> <p>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="search"></iron-icon><span>${ButtonSearch}</span></button>
<paper-button raised class="submit block"><iron-icon icon="search"></iron-icon><span>${ButtonSearch}</span></paper-button>
</button>
</p> </p>
</form> </form>
<div class="identificationSearchResults" style="display:none; text-align: center;"> <div class="identificationSearchResults" style="display:none; text-align: center;">
@ -36,7 +34,5 @@
<paper-checkbox id="chkIdentifyReplaceImages" checked>${OptionReplaceExistingImages}</paper-checkbox> <paper-checkbox id="chkIdentifyReplaceImages" checked>${OptionReplaceExistingImages}</paper-checkbox>
</div> </div>
<br /> <br />
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSubmit}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSubmit}</span></paper-button>
</button>
</form> </form>

12
dashboard-ui/components/medialibrarycreator/medialibrarycreator.template.html
View file

@ -16,20 +16,18 @@
</div> </div>
<div> <div>
<h1 style="display:inline-block;vertical-align:middle;">${HeadersFolders}</h1> <h1 style="display:inline-block;vertical-align:middle;">${HeadersFolders}</h1>
<paper-button raised class="btnAddFolder submit mini" style="margin-left:1em;" title="${ButtonAdd}"> <button is="emby-button" type="button" class="raised btnAddFolder submit mini" style="margin-left:1em;" title="${ButtonAdd}">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonAdd}</span> <span>${ButtonAdd}</span>
</paper-button> </button>
</div> </div>
<div class="paperList folderList hide" style="padding: .7em 0;"></div> <div class="paperList folderList hide" style="padding: .7em 0;"></div>
<br /> <br />
<div> <div>
<button type="submit" class="clearButton" data-role="none"> <button is="emby-button" type="submit" class="raised submit block">
<paper-button raised class="submit block"> <iron-icon icon="check"></iron-icon>
<iron-icon icon="check"></iron-icon> <span>${ButtonOk}</span>
<span>${ButtonOk}</span>
</paper-button>
</button> </button>
</div> </div>
</form> </form>

4
dashboard-ui/components/medialibraryeditor/medialibraryeditor.template.html
View file

@ -1,8 +1,8 @@
<div> <div>
<h1 style="display:inline-block;vertical-align:middle;">${HeadersFolders}</h1> <h1 style="display:inline-block;vertical-align:middle;">${HeadersFolders}</h1>
<paper-button raised class="btnAddFolder submit mini" style="margin-left:1em;" title="${ButtonAdd}"> <button is="emby-button" type="button" class="raised btnAddFolder submit mini" style="margin-left:1em;" title="${ButtonAdd}">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonAdd}</span> <span>${ButtonAdd}</span>
</paper-button> </button>
</div> </div>
<div class="paperList folderList" style="padding:.7em 0;"></div> <div class="paperList folderList" style="padding:.7em 0;"></div>

34
dashboard-ui/components/metadataeditor/metadataeditor.template.html
View file

@ -4,10 +4,10 @@
${ButtonEdit} ${ButtonEdit}
</div> </div>
<div style="margin-left:auto; display: flex; align-items: center; justify-content: center;"> <div style="margin-left:auto; display: flex; align-items: center; justify-content: center;">
<paper-button class="btnHeaderSave accent" tabindex="-1"> <button is="emby-button" type="button" class="btnHeaderSave accent" tabindex="-1">
<iron-icon icon="check"></iron-icon> <iron-icon icon="check"></iron-icon>
<span>${ButtonSave}</span> <span>${ButtonSave}</span>
</paper-button> </button>
<button is="paper-icon-button-light" class="btnMore" tabindex="-1"><iron-icon icon="more-vert"></iron-icon></button> <button is="paper-icon-button-light" class="btnMore" tabindex="-1"><iron-icon icon="more-vert"></iron-icon></button>
</div> </div>
</div> </div>
@ -35,7 +35,7 @@
<div id="fldDateAdded" style="display: none;"> <div id="fldDateAdded" style="display: none;">
<paper-input id="txtDateAdded" type="date" label="${LabelDateAdded}"></paper-input> <paper-input id="txtDateAdded" type="date" label="${LabelDateAdded}"></paper-input>
<div class="fieldDescription">${ConfigureDateAdded}</div> <div class="fieldDescription">${ConfigureDateAdded}</div>
<br/> <br />
</div> </div>
<div id="fldStatus" style="display: none;margin:1em 0;"> <div id="fldStatus" style="display: none;margin:1em 0;">
<label for="selectStatus" class="selectLabel">${LabelStatus}</label> <label for="selectStatus" class="selectLabel">${LabelStatus}</label>
@ -223,30 +223,30 @@
<h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;"> <h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
${HeaderCountries} ${HeaderCountries}
</h1> </h1>
<paper-button raised class="btnAddTextItem submit mini" style="margin-left:1em;" title="${ButtonAdd}"> <button is="emby-button" type="button" class="raised btnAddTextItem submit mini" style="margin-left:1em;" title="${ButtonAdd}">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonAdd}</span> <span>${ButtonAdd}</span>
</paper-button> </button>
<div class="paperList" id="listCountries"></div> <div class="paperList" id="listCountries"></div>
</div> </div>
<div id="genresCollapsible" class="editableListviewContainer" style="display: none; margin-top: 3em;"> <div id="genresCollapsible" class="editableListviewContainer" style="display: none; margin-top: 3em;">
<h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;"> <h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
${HeaderGenres} ${HeaderGenres}
</h1> </h1>
<paper-button raised class="btnAddTextItem submit mini" style="margin-left:1em;" title="${ButtonAdd}"> <button is="emby-button" type="button" class="raised btnAddTextItem submit mini" style="margin-left:1em;" title="${ButtonAdd}">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonAdd}</span> <span>${ButtonAdd}</span>
</paper-button> </button>
<div class="paperList" id="listGenres"></div> <div class="paperList" id="listGenres"></div>
</div> </div>
<div data-mini="true" data-role="collapsible" id="peopleCollapsible" style="display: none; margin-top: 3em;"> <div data-mini="true" data-role="collapsible" id="peopleCollapsible" style="display: none; margin-top: 3em;">
<h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;"> <h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
${HeaderPeople} ${HeaderPeople}
</h1> </h1>
<paper-button raised id="btnAddPerson" class="btnAddPerson submit mini" style="margin-left:1em;" title="${ButtonAdd}"> <button is="emby-button" type="button" raised id="btnAddPerson" class="btnAddPerson submit mini" style="margin-left:1em;" title="${ButtonAdd}">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonAdd}</span> <span>${ButtonAdd}</span>
</paper-button> </button>
<div id="peopleList" class="paperList"> <div id="peopleList" class="paperList">
</div> </div>
</div> </div>
@ -254,30 +254,30 @@
<h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;"> <h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
${HeaderPlotKeywords} ${HeaderPlotKeywords}
</h1> </h1>
<paper-button raised class="btnAddTextItem submit mini" style="margin-left:1em;" title="${ButtonAdd}"> <button is="emby-button" type="button" class="raised btnAddTextItem submit mini" style="margin-left:1em;" title="${ButtonAdd}">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonAdd}</span> <span>${ButtonAdd}</span>
</paper-button> </button>
<div class="paperList" id="listKeywords"></div> <div class="paperList" id="listKeywords"></div>
</div> </div>
<div id="studiosCollapsible" class="editableListviewContainer" style="display: none; margin-top: 3em;"> <div id="studiosCollapsible" class="editableListviewContainer" style="display: none; margin-top: 3em;">
<h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;"> <h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
${HeaderStudios} ${HeaderStudios}
</h1> </h1>
<paper-button raised class="btnAddTextItem submit mini" style="margin-left:1em;" title="${ButtonAdd}"> <button is="emby-button" type="button" class="raised btnAddTextItem submit mini" style="margin-left:1em;" title="${ButtonAdd}">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonAdd}</span> <span>${ButtonAdd}</span>
</paper-button> </button>
<div class="paperList" id="listStudios"></div> <div class="paperList" id="listStudios"></div>
</div> </div>
<div id="tagsCollapsible" class="editableListviewContainer" style="display: none; margin-top: 3em;"> <div id="tagsCollapsible" class="editableListviewContainer" style="display: none; margin-top: 3em;">
<h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;"> <h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
${HeaderTags} ${HeaderTags}
</h1> </h1>
<paper-button raised class="btnAddTextItem submit mini" style="margin-left:1em;" title="${ButtonAdd}"> <button is="emby-button" type="button" class="raised btnAddTextItem submit mini" style="margin-left:1em;" title="${ButtonAdd}">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonAdd}</span> <span>${ButtonAdd}</span>
</paper-button> </button>
<div class="paperList" id="listTags"></div> <div class="paperList" id="listTags"></div>
</div> </div>
<div id="metadataSettingsCollapsible" style="display: none; margin-top: 3em;"> <div id="metadataSettingsCollapsible" style="display: none; margin-top: 3em;">
@ -305,9 +305,7 @@
</div> </div>
</div> </div>
<br /> <br />
<button type="submit" data-role="none" class="clearButton btnSave"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</div> </div>
<br /> <br />
<br /> <br />

4
dashboard-ui/components/metadataeditor/personeditor.template.html
View file

@ -29,7 +29,5 @@
<div class="fieldDescription">${LabelPersonRoleHelp}</div> <div class="fieldDescription">${LabelPersonRoleHelp}</div>
</div> </div>
<br /> <br />
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonOk}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonOk}</span></paper-button>
</button>
</form> </form>

10
dashboard-ui/components/tvproviders/schedulesdirect.template.html
View file

@ -20,9 +20,7 @@
<paper-input class="txtPass" label="${LabelPassword}" required="required" autocomplete="off" type="password"></paper-input> <paper-input class="txtPass" label="${LabelPassword}" required="required" autocomplete="off" type="password"></paper-input>
</div> </div>
<div> <div>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</div> </div>
</div> </div>
@ -66,10 +64,8 @@
</div> </div>
<br /><br /> <br /><br />
<div> <div>
<button type="submit" data-role="none" class="clearButton btnSubmitListingsContainer"> <button is="emby-button" type="submit" class="raised submit block btnSubmitListingsContainer btnSubmitListings hide"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block btnSubmitListings hide"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block btnCancel hide" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></button>
</button>
<paper-button raised class="cancel block btnCancel hide" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div> </div>
</div> </div>
</form> </form>

7
dashboard-ui/components/tvproviders/xmltv.template.html
View file

@ -37,10 +37,7 @@
</div> </div>
<br /><br /> <br /><br />
<div> <div>
<button type="submit" data-role="none" class="clearButton btnSubmitListingsContainer"> <button is="emby-button" type="submit" class="raised submit block btnSubmitListings hide"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block btnSubmitListings hide"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block btnCancel hide" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></button>
</button>
<paper-button raised class="cancel block btnCancel hide" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div>
</div> </div>
</form> </form>

42
dashboard-ui/connectlogin.html
View file

@ -1,4 +1,4 @@
<div id="connectLoginPage" data-role="page" class="page standalonePage connectLoginPage" data-theme="b" data-require="scripts/connectlogin,emby-input,paper-button"> <div id="connectLoginPage" data-role="page" class="page standalonePage connectLoginPage" data-theme="b" data-require="scripts/connectlogin,emby-input,emby-button">
<div data-role="content"> <div data-role="content">
@ -8,30 +8,28 @@
<h1 style="text-align: left;">${HeaderSignInWithConnect}</h1> <h1 style="text-align: left;">${HeaderSignInWithConnect}</h1>
<div class="inputContainer"> <div class="inputContainer">
<input is="emby-input" type="text" id="txtManualName" required="required" label="${LabelUser}" autocomplete="off"/> <input is="emby-input" type="text" id="txtManualName" required="required" label="${LabelUser}" autocomplete="off" />
<div class="fieldDescription" style="text-align:left;">${LabelEnterConnectUserNameHelp}</div> <div class="fieldDescription" style="text-align:left;">${LabelEnterConnectUserNameHelp}</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<input is="emby-input" type="password" id="txtManualPassword" required="required" label="${LabelPassword}" autocomplete="off"/> <input is="emby-input" type="password" id="txtManualPassword" required="required" label="${LabelPassword}" autocomplete="off" />
</div> </div>
<br /> <br />
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised accent block"><iron-icon icon="check"></iron-icon><span>${ButtonSignIn}</span></button>
<paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${ButtonSignIn}</span></paper-button>
</button>
<div class="forgotPassword"> <div class="forgotPassword">
<a href="https://emby.media/community/index.php?app=core&module=global&section=lostpass" target="_blank" class="clearLink"> <a href="https://emby.media/community/index.php?app=core&module=global&section=lostpass" target="_blank" class="clearLink">
<paper-button raised class="cancel block"><iron-icon icon="close"></iron-icon><span>${ButtonForgotPassword}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block"><iron-icon icon="close"></iron-icon><span>${ButtonForgotPassword}</span></button>
</a> </a>
</div> </div>
<div class="skip"> <div class="skip">
<paper-button raised class="cancel block btnSkipConnect"><iron-icon icon="close"></iron-icon><span>${ButtonSkip}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block btnSkipConnect"><iron-icon icon="close"></iron-icon><span>${ButtonSkip}</span></button>
<div class="fieldDescription" style="text-align:center;">${TextConnectToServerManually}</div> <div class="fieldDescription" style="text-align:center;">${TextConnectToServerManually}</div>
</div> </div>
<div class="newUsers" style="margin-top: 2em;"> <div class="newUsers" style="margin-top: 2em;">
<h2 style="text-align: left;">${HeaderNewUsers}</h2> <h2 style="text-align: left;">${HeaderNewUsers}</h2>
<a href="https://emby.media/community/index.php?app=core&module=global&section=register" target="_blank" class="clearLink"> <a href="https://emby.media/community/index.php?app=core&module=global&section=register" target="_blank" class="clearLink">
<paper-button raised class="submit block btnSignupForConnect"><iron-icon icon="add"></iron-icon><span>${ButtonSignUp}</span></paper-button> <button is="emby-button" type="button" class="raised submit block btnSignupForConnect"><iron-icon icon="add"></iron-icon><span>${ButtonSignUp}</span></button>
</a> </a>
</div> </div>
<div class="terms hide fieldDescription" style="margin-top: 2em; color: #ccc;"></div> <div class="terms hide fieldDescription" style="margin-top: 2em; color: #ccc;"></div>
@ -46,19 +44,17 @@
<h1 style="text-align: left;">${HeaderConnectToServer}</h1> <h1 style="text-align: left;">${HeaderConnectToServer}</h1>
<div class="inputContainer"> <div class="inputContainer">
<input is="emby-input" type="text" id="txtServerHost" required="required" label="${LabelServerHost}"/> <input is="emby-input" type="text" id="txtServerHost" required="required" label="${LabelServerHost}" />
<div class="fieldDescription" style="text-align:left;">${LabelServerHostHelp}</div> <div class="fieldDescription" style="text-align:left;">${LabelServerHostHelp}</div>
</div> </div>
<br /> <br />
<div class="inputContainer"> <div class="inputContainer">
<input is="emby-input" type="number" id="txtServerPort" step="1" min="0" value="8096" label="${LabelServerPort}"/> <input is="emby-input" type="number" id="txtServerPort" step="1" min="0" value="8096" label="${LabelServerPort}" />
</div> </div>
<br /> <br />
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised accent block"><iron-icon icon="check"></iron-icon><span>${ButtonConnect}</span></button>
<paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${ButtonConnect}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block btnCancelManualServer"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></button>
</button>
<paper-button raised class="cancel block btnCancelManualServer"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</form> </form>
<form class="signupForm" style="margin: 0 auto;display:none;"> <form class="signupForm" style="margin: 0 auto;display:none;">
@ -70,25 +66,23 @@
<h1 style="text-align: left;">${HeaderSignUp}</h1> <h1 style="text-align: left;">${HeaderSignUp}</h1>
<br /> <br />
<div class="inputContainer"> <div class="inputContainer">
<input is="emby-input" type="text" id="txtSignupEmail" required="required" label="${LabelEmail}"/> <input is="emby-input" type="text" id="txtSignupEmail" required="required" label="${LabelEmail}" />
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<input is="emby-input" type="text" id="txtSignupUsername" required="required" label="${LabelUsername}"/> <input is="emby-input" type="text" id="txtSignupUsername" required="required" label="${LabelUsername}" />
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<input is="emby-input" type="password" id="txtSignupPassword" required="required" label="${LabelPassword}" autocomplete="off"/> <input is="emby-input" type="password" id="txtSignupPassword" required="required" label="${LabelPassword}" autocomplete="off" />
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<input is="emby-input" type="password" id="txtSignupPasswordConfirm" required="required" label="${LabelPasswordConfirm}" autocomplete="off"/> <input is="emby-input" type="password" id="txtSignupPasswordConfirm" required="required" label="${LabelPasswordConfirm}" autocomplete="off" />
</div> </div>
<div class="g-recaptcha" id="recaptchaWidget" data-sitekey="6Le2LAgTAAAAAK06Wvttt_yUnbISTy6q3Azqp9po" data-theme="dark"></div> <div class="g-recaptcha" id="recaptchaWidget" data-sitekey="6Le2LAgTAAAAAK06Wvttt_yUnbISTy6q3Azqp9po" data-theme="dark"></div>
<br /> <br />
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised accent block"><iron-icon icon="check"></iron-icon><span>${ButtonSignUp}</span></button>
<paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${ButtonSignUp}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block btnCancelSignup"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></button>
</button>
<paper-button raised class="cancel block btnCancelSignup"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</form> </form>
<div class="welcomeContainer readOnlyContent" style="text-align: center; margin: 0 auto; display: none;"> <div class="welcomeContainer readOnlyContent" style="text-align: center; margin: 0 auto; display: none;">
@ -99,7 +93,7 @@
<p style="margin: 2em 0;" class="embyIntroDownloadMessage"></p> <p style="margin: 2em 0;" class="embyIntroDownloadMessage"></p>
<paper-button raised class="accent block btnWelcomeNext iconRight"><iron-icon icon="arrow-forward"></iron-icon><span>${ButtonNext}</span></paper-button> <button is="emby-button" type="button" class="raised accent block btnWelcomeNext iconRight"><iron-icon icon="arrow-forward"></iron-icon><span>${ButtonNext}</span></button>
</div> </div>
</div> </div>
</div> </div>

4
dashboard-ui/css/librarybrowser.css
View file

@ -96,7 +96,7 @@
} }
} }
.listHeader + paper-button { .listHeader + button {
margin-left: 2em; margin-left: 2em;
} }
@ -572,7 +572,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
font-size: 20px; font-size: 20px;
} }
.detailSectionHeader paper-button { .detailSectionHeader button {
font-size: 13px; font-size: 13px;
} }

8
dashboard-ui/dashboard.html
View file

@ -1,4 +1,4 @@
<div id="dashboardPage" data-role="page" class="page type-interior dashboardHomePage" data-require="scripts/dashboardpage,humanedate,buttonenabled,paper-icon-item,paper-item-body,paper-fab,emby-collapsible,paper-button"> <div id="dashboardPage" data-role="page" class="page type-interior dashboardHomePage" data-require="scripts/dashboardpage,humanedate,buttonenabled,paper-icon-item,paper-item-body,paper-fab,emby-collapsible,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -41,8 +41,8 @@
<p class="externalUrl"></p> <p class="externalUrl"></p>
<div style="margin-top: 1em;"> <div style="margin-top: 1em;">
<paper-button raised class="subdued btnRestartContainer hide" onclick="DashboardPage.restart();"><iron-icon icon="refresh"></iron-icon><span>${ButtonRestart}</span></paper-button> <button is="emby-button" type="button" class="raised subdued btnRestartContainer hide" onclick="DashboardPage.restart();"><iron-icon icon="refresh"></iron-icon><span>${ButtonRestart}</span></button>
<paper-button id="btnShutdown" raised class="subdued" onclick="DashboardPage.shutdown();"><iron-icon icon="close"></iron-icon><span>${ButtonShutdown}</span></paper-button> <button is="emby-button" type="button" id="btnShutdown" class="raised subdued" onclick="DashboardPage.shutdown();"><iron-icon icon="close"></iron-icon><span>${ButtonShutdown}</span></button>
</div> </div>
</div> </div>
</div> </div>
@ -57,7 +57,7 @@
</div> </div>
<p>${MessagePleaseRestartServerToFinishUpdating}</p> <p>${MessagePleaseRestartServerToFinishUpdating}</p>
<div class="btnRestartContainer hide"> <div class="btnRestartContainer hide">
<paper-button raised class="submit" onclick="DashboardPage.restart();"><iron-icon icon="refresh"></iron-icon><span>${ButtonRestartNow}</span></paper-button> <button is="emby-button" type="button" class="raised submit" onclick="DashboardPage.restart();"><iron-icon icon="refresh"></iron-icon><span>${ButtonRestartNow}</span></button>
</div> </div>
</emby-collapsible> </emby-collapsible>
</div> </div>

4
dashboard-ui/dashboardgeneral.html
View file

@ -122,9 +122,7 @@
<br /> <br />
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li> </li>
</ul> </ul>

4
dashboard-ui/dashboardhosting.html
View file

@ -43,9 +43,7 @@
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li> </li>
</ul> </ul>

6
dashboard-ui/device.html
View file

@ -1,4 +1,4 @@
<div id="devicePage" data-role="page" class="page type-interior devicesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Devices" data-require="scripts/device,paper-input,paper-button"> <div id="devicePage" data-role="page" class="page type-interior devicesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Devices" data-require="scripts/device,paper-input,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -24,9 +24,7 @@
</ul><br /> </ul><br />
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li> </li>
</ul> </ul>

6
dashboard-ui/devicesupload.html
View file

@ -1,4 +1,4 @@
<div id="devicesUploadPage" data-role="page" class="page type-interior devicesPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Camera%20upload" data-require="scripts/devicesupload,paper-input,paper-checkbox,paper-button"> <div id="devicesUploadPage" data-role="page" class="page type-interior devicesPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Camera%20upload" data-require="scripts/devicesupload,paper-input,paper-checkbox,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -24,9 +24,7 @@
</ul><br /> </ul><br />
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li> </li>
</ul> </ul>

10
dashboard-ui/dlnaprofile.html
View file

@ -1,4 +1,4 @@
<div id="dlnaProfilePage" data-role="page" class="page type-interior dlnaPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Dlna%20profiles" data-require="jqmcollapsible,jqmpopup,scripts/dlnaprofile,jqmcheckbox,paper-button"> <div id="dlnaProfilePage" data-role="page" class="page type-interior dlnaPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Dlna%20profiles" data-require="jqmcollapsible,jqmpopup,scripts/dlnaprofile,jqmcheckbox,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -102,10 +102,10 @@
<div> <div>
<h2 style="vertical-align:middle;display:inline-block;">${HeaderHttpHeaders}</h2> <h2 style="vertical-align:middle;display:inline-block;">${HeaderHttpHeaders}</h2>
<paper-button raised class="submit mini btnAddIdentificationHttpHeader" style="margin-left:1em;"> <button is="emby-button" type="button" class="raised submit mini btnAddIdentificationHttpHeader" style="margin-left:1em;">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonNew}</span> <span>${ButtonNew}</span>
</paper-button> </button>
</div> </div>
<div class="httpHeaderIdentificationList"></div> <div class="httpHeaderIdentificationList"></div>
</div> </div>
@ -273,10 +273,10 @@
<div> <div>
<div> <div>
<h2 style="vertical-align:middle;display:inline-block;">${HeaderXmlDocumentAttributes}</h2> <h2 style="vertical-align:middle;display:inline-block;">${HeaderXmlDocumentAttributes}</h2>
<paper-button raised class="submit mini btnAddXmlDocumentAttribute" style="margin-left:1em;"> <button is="emby-button" type="button" class="raised submit mini btnAddXmlDocumentAttribute" style="margin-left:1em;">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonNew}</span> <span>${ButtonNew}</span>
</paper-button> </button>
</div> </div>
<div class="xmlDocumentAttributeList"></div> <div class="xmlDocumentAttributeList"></div>
<div class="fieldDescription">${XmlDocumentAttributeListHelp}</div> <div class="fieldDescription">${XmlDocumentAttributeListHelp}</div>

6
dashboard-ui/dlnaprofiles.html
View file

@ -1,4 +1,4 @@
<div id="dlnaProfilesPage" data-role="page" class="page type-interior dlnaPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Dlna%20profiles" data-require="scripts/dlnaprofiles,paper-button"> <div id="dlnaProfilesPage" data-role="page" class="page type-interior dlnaPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Dlna%20profiles" data-require="scripts/dlnaprofiles,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -9,10 +9,10 @@
<h2>${HeaderCustomDlnaProfiles}</h2> <h2>${HeaderCustomDlnaProfiles}</h2>
<div style="position: absolute; right: 0; top: -12px;"> <div style="position: absolute; right: 0; top: -12px;">
<a class="clearLink" href="dlnaprofile.html"> <a class="clearLink" href="dlnaprofile.html">
<paper-button raised class="submit mini"> <button is="emby-button" type="button" class="raised submit mini">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonNew}</span> <span>${ButtonNew}</span>
</paper-button> </button>
</a> </a>
</div> </div>
</div> </div>

6
dashboard-ui/dlnasettings.html
View file

@ -1,4 +1,4 @@
<div id="dlnaSettingsPage" data-role="page" class="page type-interior withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Play%20to" data-require="scripts/dlnasettings,paper-input,paper-checkbox,paper-button"> <div id="dlnaSettingsPage" data-role="page" class="page type-interior withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Play%20to" data-require="scripts/dlnasettings,paper-input,paper-checkbox,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -44,9 +44,7 @@
</ul> </ul>
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li> </li>
</ul> </ul>
</form> </form>

6
dashboard-ui/encodingsettings.html
View file

@ -1,4 +1,4 @@
<div id="encodingSettingsPage" data-role="page" class="page type-interior playbackConfigurationPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Transcoding" data-require="scripts/encodingsettings,paper-input,paper-checkbox,paper-button"> <div id="encodingSettingsPage" data-role="page" class="page type-interior playbackConfigurationPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Transcoding" data-require="scripts/encodingsettings,paper-input,paper-checkbox,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -55,9 +55,7 @@
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li> </li>
</ul> </ul>
</form> </form>

8
dashboard-ui/forgotpassword.html
View file

@ -1,4 +1,4 @@
<div data-role="page" id="forgotPasswordPage" class="page standalonePage forgotPasswordPage" data-theme="b" data-require="scripts/forgotpassword,paper-input,paper-button"> <div data-role="page" id="forgotPasswordPage" class="page standalonePage forgotPasswordPage" data-theme="b" data-require="scripts/forgotpassword,paper-input,emby-button">
<div data-role="content"> <div data-role="content">
@ -15,11 +15,9 @@
<br /> <br />
<div> <div>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSubmit}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSubmit}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></button>
</div> </div>
</div> </div>
</form> </form>

8
dashboard-ui/forgotpasswordpin.html
View file

@ -1,4 +1,4 @@
<div data-role="page" class="page standalonePage forgotPasswordPinPage" data-theme="b" data-require="scripts/forgotpasswordpin,paper-input,paper-button"> <div data-role="page" class="page standalonePage forgotPasswordPinPage" data-theme="b" data-require="scripts/forgotpasswordpin,paper-input,emby-button">
<div data-role="content"> <div data-role="content">
@ -14,11 +14,9 @@
<br /> <br />
<div> <div>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSubmit}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSubmit}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></button>
</div> </div>
</div> </div>
</form> </form>

4
dashboard-ui/home.html
View file

@ -10,7 +10,7 @@
<div class="ui-bar-b readOnlyContent welcomeMessage hide" style="padding: 2em; border-radius: 10px; margin: 2em auto; font-weight: normal;"> <div class="ui-bar-b readOnlyContent welcomeMessage hide" style="padding: 2em; border-radius: 10px; margin: 2em auto; font-weight: normal;">
<h1 style="margin-top: 0;" class="tourHeader"></h1> <h1 style="margin-top: 0;" class="tourHeader"></h1>
<p> <p>
<paper-button raised class="submit block btnTakeTour"><iron-icon icon="check"></iron-icon><span class="tourButtonText"></span></paper-button> <button is="emby-button" type="button" class="raised submit block btnTakeTour"><iron-icon icon="check"></iron-icon><span class="tourButtonText"></span></button>
</p> </p>
</div> </div>
@ -20,7 +20,7 @@
<div class="homePageSection"> <div class="homePageSection">
<div> <div>
<h1 class="listHeader nextUpHeader" style="display: inline-block; vertical-align: middle;">${HeaderNextUp}</h1> <h1 class="listHeader nextUpHeader" style="display: inline-block; vertical-align: middle;">${HeaderNextUp}</h1>
<paper-button raised class="submit mini categorySyncButton" data-category="NextUp"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button> <button is="emby-button" type="button" class="raised submit mini categorySyncButton" data-category="NextUp"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></button>
</div> </div>
<div id="nextUpItems" class="itemsContainer"> <div id="nextUpItems" class="itemsContainer">
</div> </div>

30
dashboard-ui/itemdetails.html
View file

@ -3,8 +3,8 @@
<div id="itemBackdrop" class="itemBackdrop noBackdrop"> <div id="itemBackdrop" class="itemBackdrop noBackdrop">
<div class="itemBackdropContent"> <div class="itemBackdropContent">
</div> </div>
<a href="#" id="lnkPreviousItem" class="lnkPreviousItem lnkSibling hide clearLink"><paper-button raised class="subdued notext"><iron-icon icon="arrow-back"></iron-icon></paper-button></a> <a href="#" id="lnkPreviousItem" class="lnkPreviousItem lnkSibling hide clearLink"><button is="emby-button" type="button" class="raised subdued notext"><iron-icon icon="arrow-back"></iron-icon></button></a>
<a href="#" id="lnkNextItem" class="lnkNextItem lnkSibling hide clearLink"><paper-button raised class="subdued notext"><iron-icon icon="arrow-forward"></iron-icon></paper-button></a> <a href="#" id="lnkNextItem" class="lnkNextItem lnkSibling hide clearLink"><button is="emby-button" type="button" class="raised subdued notext"><iron-icon icon="arrow-forward"></iron-icon></button></a>
</div> </div>
<div class="detailPageContent" style="position:relative;"> <div class="detailPageContent" style="position:relative;">
@ -27,12 +27,12 @@
<p class="artist"></p> <p class="artist"></p>
<p class="itemGenres"></p> <p class="itemGenres"></p>
<div class="detailButtonsContainer"> <div class="detailButtonsContainer">
<paper-button raised class="subdued btnPlayTrailer hide"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonTrailer}</span></paper-button> <button is="emby-button" type="button" class="raised subdued btnPlayTrailer hide"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonTrailer}</span></button>
<a class="btnPlayExternalTrailer hide clearLink" href="#" target="_blank"><paper-button raised class="subdued"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonTrailer}</span></paper-button></a> <a class="btnPlayExternalTrailer hide clearLink" href="#" target="_blank"><button is="emby-button" type="button" class="raised subdued"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonTrailer}</span></button></a>
<paper-button raised class="subdued btnRecord hide"><iron-icon icon="videocam"></iron-icon><span>${ButtonRecord}</span></paper-button> <button is="emby-button" type="button" class="raised subdued btnRecord hide"><iron-icon icon="videocam"></iron-icon><span>${ButtonRecord}</span></button>
<paper-button raised class="subdued hide btnCancelRecording"><iron-icon icon="delete"></iron-icon><span>${ButtonCancelRecording}</span></paper-button> <button is="emby-button" type="button" class="raised subdued hide btnCancelRecording"><iron-icon icon="delete"></iron-icon><span>${ButtonCancelRecording}</span></button>
<paper-button raised class="subdued btnSync hide"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button> <button is="emby-button" type="button" class="raised subdued btnSync hide"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></button>
<paper-button raised class="subdued btnMoreCommands hide notext"><iron-icon icon="more-vert"></iron-icon></paper-button> <button is="emby-button" type="button" class="raised subdued btnMoreCommands hide notext"><iron-icon icon="more-vert"></iron-icon></button>
<div class="detailUserDataIcons userDataIcons"></div> <div class="detailUserDataIcons userDataIcons"></div>
</div> </div>
</div> </div>
@ -45,12 +45,12 @@
</div> </div>
<div class="detailButtonsContainer"> <div class="detailButtonsContainer">
<br /> <br />
<paper-button raised class="subdued btnPlayTrailer hide"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonTrailer}</span></paper-button> <button is="emby-button" type="button" class="raised subdued btnPlayTrailer hide"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonTrailer}</span></button>
<a class="btnPlayExternalTrailer hide clearLink" href="#" target="_blank"><paper-button raised class="subdued"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonTrailer}</span></paper-button></a> <a class="btnPlayExternalTrailer hide clearLink" href="#" target="_blank"><button is="emby-button" type="button" class="raised subdued"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonTrailer}</span></button></a>
<paper-button raised class="subdued btnRecord hide"><iron-icon icon="videocam"></iron-icon><span>${ButtonRecord}</span></paper-button> <button is="emby-button" type="button" class="raised subdued btnRecord hide"><iron-icon icon="videocam"></iron-icon><span>${ButtonRecord}</span></button>
<paper-button raised class="subdued hide btnCancelRecording"><iron-icon icon="delete"></iron-icon><span>${ButtonCancelRecording}</span></paper-button> <button is="emby-button" type="button" class="raised subdued hide btnCancelRecording"><iron-icon icon="delete"></iron-icon><span>${ButtonCancelRecording}</span></button>
<paper-button raised class="subdued btnSync hide"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button> <button is="emby-button" type="button" class="raised subdued btnSync hide"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></button>
<paper-button raised class="subdued btnMoreCommands hide notext"><iron-icon icon="more-vert"></iron-icon></paper-button> <button is="emby-button" type="button" class="raised subdued btnMoreCommands hide notext"><iron-icon icon="more-vert"></iron-icon></button>
<div class="detailUserDataIcons userDataIcons"></div> <div class="detailUserDataIcons userDataIcons"></div>
</div> </div>
</div> </div>
@ -183,7 +183,7 @@
<h1>${HeaderMediaInfo}</h1> <h1>${HeaderMediaInfo}</h1>
<div> <div>
<div class="splitVersionContainer" style="border-bottom: 1px solid #444;padding:1em 0;"> <div class="splitVersionContainer" style="border-bottom: 1px solid #444;padding:1em 0;">
<paper-button raised class="btnSplitVersions subdued">${ButtonSplitVersionsApart}</paper-button> <button is="emby-button" type="button" class="raised btnSplitVersions subdued">${ButtonSplitVersionsApart}</button>
</div> </div>
<div id="mediaInfoContent" class="mediaInfoContent"></div> <div id="mediaInfoContent" class="mediaInfoContent"></div>
</div> </div>

2
dashboard-ui/library.html
View file

@ -6,7 +6,7 @@
<br /> <br />
<div> <div>
<paper-button raised class="btnRefresh subdued"><iron-icon icon="refresh"></iron-icon><span>${ButtonScanLibrary}</span></paper-button> <button is="emby-button" type="button" class="raised btnRefresh subdued"><iron-icon icon="refresh"></iron-icon><span>${ButtonScanLibrary}</span></button>
<progress max="100" min="0" style="display: inline-block; vertical-align: middle;" class="refreshProgress"></progress> <progress max="100" min="0" style="display: inline-block; vertical-align: middle;" class="refreshProgress"></progress>
</div> </div>
</div> </div>

4
dashboard-ui/librarydisplay.html
View file

@ -9,9 +9,7 @@
</div> </div>
<br /> <br />
<br /> <br />
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</form> </form>
</div> </div>

4
dashboard-ui/librarypathmapping.html
View file

@ -26,9 +26,7 @@
<div class="fieldDescription">${LabelToHelp}</div> <div class="fieldDescription">${LabelToHelp}</div>
</div> </div>
<br /> <br />
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="add"></iron-icon><span>${ButtonAdd}</span></button>
<paper-button raised class="submit block"><iron-icon icon="add"></iron-icon><span>${ButtonAdd}</span></paper-button>
</button>
</div> </div>
</form> </form>

4
dashboard-ui/librarysettings.html
View file

@ -123,9 +123,7 @@
<br /> <br />
<br /> <br />
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</form> </form>

8
dashboard-ui/livetv.html
View file

@ -21,7 +21,7 @@
<div id="upcomingTvMovies" class="homePageSection" style="margin-top: 1em;"> <div id="upcomingTvMovies" class="homePageSection" style="margin-top: 1em;">
<div> <div>
<h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderUpcomingMovies}</h1> <h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderUpcomingMovies}</h1>
<a href="livetvitems.html?type=movies" class="clearLink" style="margin-left: 1em; vertical-align: middle;"><paper-button raised class="more mini noIcon">${ButtonMoreItems}</paper-button></a> <a href="livetvitems.html?type=movies" class="clearLink" style="margin-left: 1em; vertical-align: middle;"><button is="emby-button" type="button" class="raised more mini noIcon">${ButtonMoreItems}</button></a>
</div> </div>
<div class="upcomingTvMovieItems itemsContainer noautoinit"></div> <div class="upcomingTvMovieItems itemsContainer noautoinit"></div>
<br /> <br />
@ -29,7 +29,7 @@
<div id="upcomingSports" class="homePageSection" style="margin-top: 1em;"> <div id="upcomingSports" class="homePageSection" style="margin-top: 1em;">
<div> <div>
<h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderUpcomingSports}</h1> <h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderUpcomingSports}</h1>
<a href="livetvitems.html?type=sports" class="clearLink" style="margin-left: 1em; vertical-align: middle;"><paper-button raised class="more mini noIcon">${ButtonMoreItems}</paper-button></a> <a href="livetvitems.html?type=sports" class="clearLink" style="margin-left: 1em; vertical-align: middle;"><button is="emby-button" type="button" class="raised more mini noIcon">${ButtonMoreItems}</button></a>
</div> </div>
<div class="upcomingSportsItems itemsContainer noautoinit"></div> <div class="upcomingSportsItems itemsContainer noautoinit"></div>
<br /> <br />
@ -37,7 +37,7 @@
<div id="upcomingKids" class="homePageSection" style="margin-top: 1em;"> <div id="upcomingKids" class="homePageSection" style="margin-top: 1em;">
<div> <div>
<h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderUpcomingForKids}</h1> <h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderUpcomingForKids}</h1>
<a href="livetvitems.html?type=kids" class="clearLink" style="margin-left: 1em; vertical-align: middle;"><paper-button raised class="more mini noIcon">${ButtonMoreItems}</paper-button></a> <a href="livetvitems.html?type=kids" class="clearLink" style="margin-left: 1em; vertical-align: middle;"><button is="emby-button" type="button" class="raised more mini noIcon">${ButtonMoreItems}</button></a>
</div> </div>
<div class="upcomingKidsItems itemsContainer noautoinit"></div> <div class="upcomingKidsItems itemsContainer noautoinit"></div>
<br /> <br />
@ -61,7 +61,7 @@
<div id="latestRecordings" class="homePageSection hide"> <div id="latestRecordings" class="homePageSection hide">
<div> <div>
<h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderLatestRecordings}</h1> <h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderLatestRecordings}</h1>
<paper-button raised class="submit mini categorySyncButton" data-category="Latest"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button> <button is="emby-button" type="button" class="raised submit mini categorySyncButton" data-category="Latest"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></button>
</div> </div>
<div class="recordingItems itemsContainer"></div> <div class="recordingItems itemsContainer"></div>
<br /> <br />

8
dashboard-ui/livetvseriestimer.html
View file

@ -1,4 +1,4 @@
<div id="liveTvSeriesTimerPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="jqmcheckbox,jqmcontrolgroup,paper-button,jqmcollapsible,scripts/livetvcomponents,scripts/livetvseriestimer,livetvcss,paper-checkbox,paper-input" data-backbutton="true" data-menubutton="false"> <div id="liveTvSeriesTimerPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="jqmcheckbox,jqmcontrolgroup,emby-button,jqmcollapsible,scripts/livetvcomponents,scripts/livetvseriestimer,livetvcss,paper-checkbox,paper-input" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
@ -58,11 +58,9 @@
</div> </div>
<br /> <br />
<div> <div>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></button>
</div> </div>
</form> </form>

11
dashboard-ui/livetvsettings.html
View file

@ -1,10 +1,7 @@
<div id="liveTvSettingsPage" data-role="page" class="page type-interior liveTvPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvsettings,paper-checkbox,paper-input,emby-collapsible,paper-button"> <div id="liveTvSettingsPage" data-role="page" class="page type-interior liveTvPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvsettings,paper-checkbox,paper-input,emby-collapsible,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<form class="liveTvSettingsForm"> <form class="liveTvSettingsForm">
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<label for="selectGuideDays" class="selectLabel">${LabelNumberOfGuideDays}</label> <label for="selectGuideDays" class="selectLabel">${LabelNumberOfGuideDays}</label>
@ -77,18 +74,14 @@
<div> <div>
<paper-input type="number" id="txtPostPaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPostPaddingMinutes}"></paper-input> <paper-input type="number" id="txtPostPaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPostPaddingMinutes}"></paper-input>
</div> </div>
</div> </div>
<br /> <br />
<br /> <br />
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li> </li>
</ul> </ul>
</form> </form>
</div> </div>
</div> </div>

12
dashboard-ui/livetvstatus.html
View file

@ -1,4 +1,4 @@
<div id="liveTvStatusPage" data-role="page" class="page type-interior liveTvSettingsPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvstatus,scripts/taskbutton,paper-fab,paper-item-body,paper-icon-item,paper-checkbox,paper-button"> <div id="liveTvStatusPage" data-role="page" class="page type-interior liveTvSettingsPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvstatus,scripts/taskbutton,paper-fab,paper-item-body,paper-icon-item,paper-checkbox,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -9,10 +9,10 @@
<div> <div>
<h1 style="display:inline-block;vertical-align:middle;">${HeaderTunerDevices}</h1> <h1 style="display:inline-block;vertical-align:middle;">${HeaderTunerDevices}</h1>
<paper-button raised class="btnAddDevice submit mini" style="margin-left:1em;" title="${ButtonAdd}"> <button is="emby-button" type="button" class="raised btnAddDevice submit mini" style="margin-left:1em;" title="${ButtonAdd}">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonAdd}</span> <span>${ButtonAdd}</span>
</paper-button> </button>
</div> </div>
<div class="devicesList"> <div class="devicesList">
</div> </div>
@ -21,17 +21,17 @@
<br /> <br />
<div> <div>
<h1 style="display:inline-block;vertical-align:middle;">${HeaderGuideProviders}</h1> <h1 style="display:inline-block;vertical-align:middle;">${HeaderGuideProviders}</h1>
<paper-button raised class="btnAddProvider submit mini" style="margin-left:1em;" title="${ButtonAdd}"> <button is="emby-button" type="button" class="raised btnAddProvider submit mini" style="margin-left:1em;" title="${ButtonAdd}">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonAdd}</span> <span>${ButtonAdd}</span>
</paper-button> </button>
</div> </div>
<p>${AddGuideProviderHelp}</p> <p>${AddGuideProviderHelp}</p>
<div class="providerList"> <div class="providerList">
</div> </div>
<div> <div>
<paper-button raised class="btnRefresh block subdued"><iron-icon icon="refresh"></iron-icon><span>${ButtonRefreshGuideData}</span></paper-button> <button is="emby-button" type="button" class="raised btnRefresh block subdued"><iron-icon icon="refresh"></iron-icon><span>${ButtonRefreshGuideData}</span></button>
<progress max="100" min="0" style="width: 100%;" class="refreshGuideProgress"></progress> <progress max="100" min="0" style="width: 100%;" class="refreshGuideProgress"></progress>
</div> </div>
</div> </div>

8
dashboard-ui/livetvtunerprovider-hdhomerun.html
View file

@ -1,4 +1,4 @@
<div id="liveTvTunerProviderHdHomerunPage" data-role="page" class="page type-interior liveTvSettingsPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvtunerprovider-hdhomerun,paper-input,paper-checkbox,paper-button"> <div id="liveTvTunerProviderHdHomerunPage" data-role="page" class="page type-interior liveTvSettingsPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvtunerprovider-hdhomerun,paper-input,paper-checkbox,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -31,10 +31,8 @@
<p>${DrmChannelsNotImported}</p> <p>${DrmChannelsNotImported}</p>
<br /> <br />
<div> <div>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div> </div>
</div> </div>
</form> </form>

8
dashboard-ui/livetvtunerprovider-m3u.html
View file

@ -1,4 +1,4 @@
<div id="liveTvTunerProviderM3UPage" data-role="page" class="page type-interior liveTvSettingsPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvtunerprovider-m3u,paper-input,paper-button"> <div id="liveTvTunerProviderM3UPage" data-role="page" class="page type-interior liveTvSettingsPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvtunerprovider-m3u,paper-input,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -15,10 +15,8 @@
</div> </div>
<br /> <br />
<div> <div>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div> </div>
</div> </div>
</form> </form>

6
dashboard-ui/livetvtunerprovider-satip.html
View file

@ -61,10 +61,8 @@
</div> </div>
<br /><br /> <br /><br />
<div> <div>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div> </div>
</div> </div>
</form> </form>

16
dashboard-ui/login.html
View file

@ -9,19 +9,17 @@
<div style="height:0; overflow: hidden;"><input type="text" name="fakeusernameremembered" tabindex="-1" /><input type="password" name="fakepasswordremembered" tabindex="-1" /></div> <div style="height:0; overflow: hidden;"><input type="text" name="fakeusernameremembered" tabindex="-1" /><input type="password" name="fakepasswordremembered" tabindex="-1" /></div>
<div class="inputContainer"> <div class="inputContainer">
<input is="emby-input" type="text" id="txtManualName" required="required" label="${LabelUser}" autocomplete="off"/> <input is="emby-input" type="text" id="txtManualName" required="required" label="${LabelUser}" autocomplete="off" />
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<input is="emby-input" id="txtManualPassword" type="password" label="${LabelPassword}" autocomplete="off"/> <input is="emby-input" id="txtManualPassword" type="password" label="${LabelPassword}" autocomplete="off" />
</div> </div>
<br /> <br />
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised accent block"><iron-icon icon="check"></iron-icon><span>${ButtonSignIn}</span></button>
<paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${ButtonSignIn}</span></paper-button>
</button>
<div style="margin-top:.5em;"> <div style="margin-top:.5em;">
<paper-button raised class="cancel block btnCancel"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block btnCancel"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></button>
</div> </div>
<br /> <br />
<br /> <br />
@ -36,16 +34,16 @@
<br /> <br />
<div class="readOnlyContent" style="margin: 2em auto 0;"> <div class="readOnlyContent" style="margin: 2em auto 0;">
<paper-button raised class="cancel block btnManual"><iron-icon icon="lock"></iron-icon><span>${ButtonManualLogin}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block btnManual"><iron-icon icon="lock"></iron-icon><span>${ButtonManualLogin}</span></button>
</div> </div>
</div> </div>
<div class="readOnlyContent" style="margin: .5em auto 1em;"> <div class="readOnlyContent" style="margin: .5em auto 1em;">
<paper-button raised class="cancel block btnForgotPassword"><iron-icon icon="info"></iron-icon><span>${ButtonForgotPassword}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block btnForgotPassword"><iron-icon icon="info"></iron-icon><span>${ButtonForgotPassword}</span></button>
<div class="connectButtons" style="display:none;"> <div class="connectButtons" style="display:none;">
<a href="selectserver.html" class="clearLink"> <a href="selectserver.html" class="clearLink">
<paper-button raised class="cancel block"><iron-icon icon="settings"></iron-icon><span>${ButtonChangeServer}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block"><iron-icon icon="settings"></iron-icon><span>${ButtonChangeServer}</span></button>
</a> </a>
</div> </div>

6
dashboard-ui/metadata.html
View file

@ -1,4 +1,4 @@
<div id="metadataConfigurationPage" data-role="page" class="page type-interior metadataConfigurationPage withTabs" data-require="scripts/metadataconfigurationpage,paper-checkbox,paper-button"> <div id="metadataConfigurationPage" data-role="page" class="page type-interior metadataConfigurationPage withTabs" data-require="scripts/metadataconfigurationpage,paper-checkbox,emby-button">
<div data-role="content"> <div data-role="content">
@ -29,9 +29,7 @@
<select name="selectCountry" id="selectCountry" data-mini="true" required="required"></select> <select name="selectCountry" id="selectCountry" data-mini="true" required="required"></select>
</li> </li>
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li> </li>
</ul> </ul>
</form> </form>

6
dashboard-ui/metadataimages.html
View file

@ -1,4 +1,4 @@
<div id="metadataImagesConfigurationPage" data-role="page" class="page type-interior metadataConfigurationPage withTabs" data-require="emby-collapsible,scripts/metadataimagespage,paper-checkbox,paper-input,paper-fab,paper-icon-item,paper-item-body,paper-button"> <div id="metadataImagesConfigurationPage" data-role="page" class="page type-interior metadataConfigurationPage withTabs" data-require="emby-collapsible,scripts/metadataimagespage,paper-checkbox,paper-input,paper-fab,paper-icon-item,paper-item-body,emby-button">
<div data-role="content"> <div data-role="content">
@ -63,9 +63,7 @@
<br /> <br />
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li> </li>
</ul> </ul>
</form> </form>

6
dashboard-ui/metadatanfo.html
View file

@ -1,4 +1,4 @@
<div id="metadataNfoPage" data-role="page" class="page type-interior metadataConfigurationPage withTabs" data-require="scripts/metadatanfo,paper-checkbox,paper-button"> <div id="metadataNfoPage" data-role="page" class="page type-interior metadataConfigurationPage withTabs" data-require="scripts/metadatanfo,paper-checkbox,emby-button">
<div data-role="content"> <div data-role="content">
@ -42,9 +42,7 @@
<br /> <br />
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li> </li>
</ul> </ul>
</form> </form>

6
dashboard-ui/metadatasubtitles.html
View file

@ -1,4 +1,4 @@
<div id="metadataSubtitlesPage" data-role="page" class="page type-interior metadataConfigurationPage" data-require="scripts/metadatasubtitles,paper-input,paper-checkbox,paper-button"> <div id="metadataSubtitlesPage" data-role="page" class="page type-interior metadataConfigurationPage" data-require="scripts/metadatasubtitles,paper-input,paper-checkbox,emby-button">
<div data-role="content"> <div data-role="content">
@ -45,9 +45,7 @@
</ul> </ul>
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li> </li>
</ul> </ul>
</form> </form>

4
dashboard-ui/movies.html
View file

@ -12,7 +12,7 @@
<div id="resumableSection" class="homePageSection hide"> <div id="resumableSection" class="homePageSection hide">
<div> <div>
<h1 class="listHeader" style="display:inline-block;vertical-align:middle;">${HeaderResume}</h1> <h1 class="listHeader" style="display:inline-block;vertical-align:middle;">${HeaderResume}</h1>
<paper-button raised class="submit mini categorySyncButton" data-category="Resume"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button> <button is="emby-button" type="button" class="raised submit mini categorySyncButton" data-category="Resume"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></button>
</div> </div>
<div id="resumableItems" class="itemsContainer noautoinit"> <div id="resumableItems" class="itemsContainer noautoinit">
@ -22,7 +22,7 @@
<div class="homePageSection"> <div class="homePageSection">
<div> <div>
<h1 class="listHeader" style="display:inline-block;vertical-align:middle;">${HeaderLatestMovies}</h1> <h1 class="listHeader" style="display:inline-block;vertical-align:middle;">${HeaderLatestMovies}</h1>
<paper-button raised class="submit mini categorySyncButton" data-category="Latest"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button> <button is="emby-button" type="button" class="raised submit mini categorySyncButton" data-category="Latest"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></button>
</div> </div>
<div id="recentlyAddedItems" class="itemsContainer noautoinit"> <div id="recentlyAddedItems" class="itemsContainer noautoinit">

6
dashboard-ui/mypreferencesdisplay.html
View file

@ -1,4 +1,4 @@
<div id="displayPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${HeaderDisplaySettings}" data-require="scripts/mypreferencesdisplay,paper-checkbox,paper-button,emby-select" data-backbutton="true" data-menubutton="false"> <div id="displayPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${HeaderDisplaySettings}" data-require="scripts/mypreferencesdisplay,paper-checkbox,emby-button,emby-select" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
<form class="displayPreferencesForm userProfileSettingsForm" style="margin: 0 auto;"> <form class="displayPreferencesForm userProfileSettingsForm" style="margin: 0 auto;">
<div class="detailSection languageSection hide"> <div class="detailSection languageSection hide">
@ -97,9 +97,7 @@
</div> </div>
</div> </div>
</div> </div>
<button type="submit" data-role="none" class="clearButton block btnSave hide"> <button is="emby-button" type="submit" class="raised submit block btnSave hide"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</form> </form>
</div> </div>
</div> </div>

6
dashboard-ui/mypreferenceshome.html
View file

@ -1,4 +1,4 @@
<div id="homeScreenPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${HeaderHomeScreenSettings}" data-require="scripts/mypreferenceshome,paper-checkbox,paper-fab,paper-item-body,paper-icon-item,paper-button" data-backbutton="true" data-menubutton="false"> <div id="homeScreenPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${HeaderHomeScreenSettings}" data-require="scripts/mypreferenceshome,paper-checkbox,paper-fab,paper-item-body,paper-icon-item,emby-button" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
<form class="homeScreenPreferencesForm userProfileSettingsForm" style="margin: 0 auto;"> <form class="homeScreenPreferencesForm userProfileSettingsForm" style="margin: 0 auto;">
@ -123,9 +123,7 @@
</div> </div>
</div> </div>
<button type="submit" data-role="none" class="clearButton block btnSave hide"> <button is="emby-button" type="submit" class="raised submit block btnSave hide"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</form> </form>
</div> </div>
</div> </div>

6
dashboard-ui/mypreferenceslanguages.html
View file

@ -1,4 +1,4 @@
<div id="languagePreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${HeaderPlaybackSettings}" data-require="scripts/mypreferenceslanguages,paper-checkbox,paper-button" data-backbutton="true" data-menubutton="false"> <div id="languagePreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${HeaderPlaybackSettings}" data-require="scripts/mypreferenceslanguages,paper-checkbox,emby-button" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
@ -89,9 +89,7 @@
</div> </div>
</div> </div>
<button type="submit" data-role="none" class="clearButton block btnSave hide"> <button is="emby-button" type="submit" class="raised submit block btnSave hide"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</form> </form>
</div> </div>
</div> </div>

16
dashboard-ui/myprofile.html
View file

@ -1,4 +1,4 @@
<div id="userImagePage" data-role="page" class="page libraryPage userPreferencesPage userPasswordPage noSecondaryNavPage" data-title="${HeaderProfile}" data-require="emby-collapsible,scripts/myprofile,paper-checkbox,paper-input,paper-button" data-backbutton="true" data-menubutton="false"> <div id="userImagePage" data-role="page" class="page libraryPage userPreferencesPage userPasswordPage noSecondaryNavPage" data-title="${HeaderProfile}" data-require="emby-collapsible,scripts/myprofile,paper-checkbox,paper-input,emby-button" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
<br /> <br />
@ -8,7 +8,7 @@
<div style="vertical-align:top;margin: .5em 0 0 1em;display:inline-block;"> <div style="vertical-align:top;margin: .5em 0 0 1em;display:inline-block;">
<h2 class="username" style="margin: 0;"></h2> <h2 class="username" style="margin: 0;"></h2>
<br /> <br />
<paper-button raised class="cancel hide" id="btnDeleteImage"><iron-icon icon="delete"></iron-icon><span>${ButtonDeleteImage}</span></paper-button> <button is="emby-button" type="button" class="raised cancel hide" id="btnDeleteImage"><iron-icon icon="delete"></iron-icon><span>${ButtonDeleteImage}</span></button>
</div> </div>
</div> </div>
@ -59,11 +59,9 @@
</div> </div>
<br /> <br />
<div> <div>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<div id="btnResetPassword" style="display: none;"> <div id="btnResetPassword" style="display: none;">
<paper-button raised class="cancel block" onclick="UpdatePasswordPage.resetPassword();"><iron-icon icon="lock"></iron-icon><span>${ButtonResetPassword}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block" onclick="UpdatePasswordPage.resetPassword();"><iron-icon icon="lock"></iron-icon><span>${ButtonResetPassword}</span></button>
</div> </div>
</div> </div>
</div> </div>
@ -88,10 +86,8 @@
</div> </div>
<br /><br /> <br /><br />
<div> <div>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button> <button is="emby-button" type="button" id="btnResetEasyPassword" class="raised cancel block hide" onclick="UpdatePasswordPage.resetEasyPassword();"><iron-icon icon="lock"></iron-icon><span>${ButtonResetEasyPassword}</span></button>
</button>
<paper-button id="btnResetEasyPassword" raised class="cancel block hide" onclick="UpdatePasswordPage.resetEasyPassword();"><iron-icon icon="lock"></iron-icon><span>${ButtonResetEasyPassword}</span></paper-button>
</div> </div>
</div> </div>
</div> </div>

6
dashboard-ui/mysync.html
View file

@ -1,16 +1,16 @@
<div id="mySyncActivityPage" data-role="page" class="page libraryPage syncActivityPage mySyncPage noSecondaryNavPage" data-contextname="${TitleSync}" data-require="scripts/syncactivity,scripts/taskbutton,scripts/mysync,paper-spinner,paper-fab,paper-button"> <div id="mySyncActivityPage" data-role="page" class="page libraryPage syncActivityPage mySyncPage noSecondaryNavPage" data-contextname="${TitleSync}" data-require="scripts/syncactivity,scripts/taskbutton,scripts/mysync,paper-spinner,paper-fab,emby-button">
<div data-role="content"> <div data-role="content">
<div class="supporterPromotionContainer" style="display:none;text-align: right;"> <div class="supporterPromotionContainer" style="display:none;text-align: right;">
<div class="customSupporterPromotion supporterPromotion inlineSupporterPromotion"> <div class="customSupporterPromotion supporterPromotion inlineSupporterPromotion">
<paper-button raised class="accent block btnSyncSupporter"> <button is="emby-button" type="button" class="raised accent block btnSyncSupporter">
<div class="mainText"> <div class="mainText">
</div> </div>
<div class="btnLearnMore" style="font-weight: normal; margin-top: .25em;"> <div class="btnLearnMore" style="font-weight: normal; margin-top: .25em;">
${ButtonLearnMore} ${ButtonLearnMore}
</div> </div>
</paper-button> </button>
</div> </div>
</div> </div>
<div class="ehsContent" style="clear:both;"> <div class="ehsContent" style="clear:both;">

6
dashboard-ui/mysyncsettings.html
View file

@ -1,4 +1,4 @@
<div id="syncPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${ButtonSyncSettings}" data-require="scripts/mysyncsettings,paper-checkbox,paper-input,paper-button,paper-icon-button-light" data-backbutton="true" data-menubutton="false"> <div id="syncPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${ButtonSyncSettings}" data-require="scripts/mysyncsettings,paper-checkbox,paper-input,emby-button,paper-icon-button-light" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
<form class="userProfileSettingsForm" style="margin: 0 auto;"> <form class="userProfileSettingsForm" style="margin: 0 auto;">
@ -34,9 +34,7 @@
<br /> <br />
<br /> <br />
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</form> </form>
</div> </div>
</div> </div>

8
dashboard-ui/notificationsetting.html
View file

@ -1,4 +1,4 @@
<div id="notificationSettingPage" data-role="page" class="page type-interior notificationConfigurationPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Notifications" data-require="scripts/notificationsetting,paper-input,paper-checkbox,paper-button"> <div id="notificationSettingPage" data-role="page" class="page type-interior notificationConfigurationPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Notifications" data-require="scripts/notificationsetting,paper-input,paper-checkbox,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -59,11 +59,9 @@
</li> </li>
<li> <li>
<br /> <br />
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></button>
</li> </li>
</ul> </ul>

4
dashboard-ui/nowplaying.html
View file

@ -99,7 +99,7 @@
<paper-input class="sendMessageElement" type="text" id="txtMessageText" label="${LabelMessageText}" required></paper-input> <paper-input class="sendMessageElement" type="text" id="txtMessageText" label="${LabelMessageText}" required></paper-input>
</div> </div>
<p> <p>
<button class="sendMessageElement clearButton" type="submit" data-role="none" style="display:block;"><paper-button class="sendMessageElement accent" type="submit" raised style="display:block;">${ButtonSend}</paper-button></button> <button is="emby-button" class="sendMessageElement accent" type="submit" raised style="display: block;">${ButtonSend}</button>
</p> </p>
</form> </form>
</div> </div>
@ -112,7 +112,7 @@
<paper-input class="typeTextElement" type="text" id="txtTypeText" label="${LabelTypeText}" required></paper-input> <paper-input class="typeTextElement" type="text" id="txtTypeText" label="${LabelTypeText}" required></paper-input>
</div> </div>
<p> <p>
<button class="typeTextElement clearButton" type="submit" data-role="none" style="display:block;"><paper-button class="typeTextElement accent" type="submit" raised style="display:block;">${ButtonSend}</paper-button></button> <button is="emby-button" class="typeTextElement accent" type="submit" raised style="display: block;">${ButtonSend}</button>
</p> </p>
</form> </form>
</div> </div>

6
dashboard-ui/playbackconfiguration.html
View file

@ -1,4 +1,4 @@
<div id="playbackConfigurationPage" data-role="page" class="page type-interior playbackConfigurationPage withTabs" data-require="scripts/playbackconfiguration,paper-input,paper-button"> <div id="playbackConfigurationPage" data-role="page" class="page type-interior playbackConfigurationPage withTabs" data-require="scripts/playbackconfiguration,paper-input,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -29,9 +29,7 @@
<br /> <br />
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li> </li>
</ul> </ul>

6
dashboard-ui/scheduledtask.html
View file

@ -1,4 +1,4 @@
<div id="scheduledTaskPage" data-role="page" class="page type-interior scheduledTasksConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Scheduled%20tasks" data-require="jqmpopup,scripts/scheduledtaskpage,paper-input,paper-button"> <div id="scheduledTaskPage" data-role="page" class="page type-interior scheduledTasksConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Scheduled%20tasks" data-require="jqmpopup,scripts/scheduledtaskpage,paper-input,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -10,10 +10,10 @@
<h1 style="margin: .6em 0; vertical-align: middle; display: inline-block;"> <h1 style="margin: .6em 0; vertical-align: middle; display: inline-block;">
${HeaderTaskTriggers} ${HeaderTaskTriggers}
</h1> </h1>
<paper-button raised class="btnInvite submit mini" style="margin-left: 1em;" title="${ButtonAddScheduledTaskTrigger}" onclick="ScheduledTaskPage.showAddTriggerPopup();"> <button is="emby-button" type="button" class="raised btnInvite submit mini" style="margin-left: 1em;" title="${ButtonAddScheduledTaskTrigger}" onclick="ScheduledTaskPage.showAddTriggerPopup();">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonAdd}</span> <span>${ButtonAdd}</span>
</paper-button> </button>
</div> </div>
<div class="taskTriggers"></div> <div class="taskTriggers"></div>
</div> </div>

2
dashboard-ui/scripts/dashboardpage.js
View file

@ -1326,7 +1326,7 @@
if (!pluginSecurityInfo.IsMBSupporter && AppInfo.enableSupporterMembership) { if (!pluginSecurityInfo.IsMBSupporter && AppInfo.enableSupporterMembership) {
var html = '<div class="supporterPromotion"><a class="clearLink" href="http://emby.media/premiere" target="_blank"><paper-button raised class="block" style="text-transform:none;background-color:#52B54B;color:#fff;"><div>' + Globalize.translate('HeaderSupportTheTeam') + '</div><div style="font-weight:normal;margin-top:5px;">' + Globalize.translate('TextEnjoyBonusFeatures') + '</div></paper-button></a></div>'; var html = '<div class="supporterPromotion"><a class="clearLink" href="http://emby.media/premiere" target="_blank"><button is="emby-button" type="button" class="raised block" style="text-transform:none;background-color:#52B54B;color:#fff;"><div>' + Globalize.translate('HeaderSupportTheTeam') + '</div><div style="font-weight:normal;margin-top:5px;">' + Globalize.translate('TextEnjoyBonusFeatures') + '</div></button></a></div>';
$('.content-primary', page).append(html); $('.content-primary', page).append(html);
} }

4
dashboard-ui/scripts/externalplayer.js
View file

@ -1,4 +1,4 @@
define(['appSettings', 'datetime', 'jQuery', 'paper-slider', 'paper-button'], function (appSettings, datetime, $) { define(['appSettings', 'datetime', 'jQuery', 'paper-slider', 'emby-button'], function (appSettings, datetime, $) {
function getDeviceProfile(serverAddress, deviceId, item, startPositionTicks, maxBitrate, mediaSourceId, audioStreamIndex, subtitleStreamIndex) { function getDeviceProfile(serverAddress, deviceId, item, startPositionTicks, maxBitrate, mediaSourceId, audioStreamIndex, subtitleStreamIndex) {
@ -267,7 +267,7 @@
html += '<br/>'; html += '<br/>';
} }
html += '<paper-button class="block submit btnDone" raised>' + Globalize.translate('ButtonImDone') + '</paper-button>'; html += '<button is="emby-button" type="button" class="block submit btnDone" raised>' + Globalize.translate('ButtonImDone') + '</button>';
html += '</div>'; html += '</div>';

2
dashboard-ui/scripts/itembynamedetailpage.js
View file

@ -79,7 +79,7 @@
html += '<h1 class="listHeader" style="display:inline-block;vertical-align:middle;">'; html += '<h1 class="listHeader" style="display:inline-block;vertical-align:middle;">';
html += section.name; html += section.name;
html += '</h1>'; html += '</h1>';
html += '<a href="#" class="clearLink hide" style="margin-left:1em;vertical-align:middle;"><paper-button raised class="more mini noIcon">' + Globalize.translate('ButtonMore') + '</paper-button></a>'; html += '<a href="#" class="clearLink hide" style="margin-left:1em;vertical-align:middle;"><button is="emby-button" type="button" class="raised more mini noIcon">' + Globalize.translate('ButtonMore') + '</button></a>';
html += '</div>'; html += '</div>';
html += '<div class="itemsContainer">'; html += '<div class="itemsContainer">';

8
dashboard-ui/scripts/itemdetailpage.js
View file

@ -1254,7 +1254,7 @@
} }
if (limit && result.TotalRecordCount > limit) { if (limit && result.TotalRecordCount > limit) {
html += '<p style="margin: 0;"><paper-button raised class="more moreCriticReviews">' + Globalize.translate('ButtonMore') + '</paper-button></p>'; html += '<p style="margin: 0;"><button is="emby-button" type="button" class="raised more moreCriticReviews">' + Globalize.translate('ButtonMore') + '</button></p>';
} }
var criticReviewsContent = page.querySelector('#criticReviewsContent'); var criticReviewsContent = page.querySelector('#criticReviewsContent');
@ -1434,7 +1434,7 @@
html += '</div>'; html += '</div>';
if (limit && chapters.length > limit) { if (limit && chapters.length > limit) {
html += '<p style="margin: 0;"><paper-button raised class="more moreScenes">' + Globalize.translate('ButtonMore') + '</paper-button></p>'; html += '<p style="margin: 0;"><button is="emby-button" type="button" class="raised more moreScenes">' + Globalize.translate('ButtonMore') + '</button></p>';
} }
var scenesContent = page.querySelector('#scenesContent'); var scenesContent = page.querySelector('#scenesContent');
@ -1677,7 +1677,7 @@
} }
if (limit && items.length > limit) { if (limit && items.length > limit) {
html += '<p style="margin: 0;padding-left:5px;"><paper-button raised class="more ' + moreButtonClass + '">' + Globalize.translate('ButtonMore') + '</paper-button></p>'; html += '<p style="margin: 0;padding-left:5px;"><button is="emby-button" type="button" class="raised more ' + moreButtonClass + '">' + Globalize.translate('ButtonMore') + '</button></p>';
} }
return html; return html;
@ -1765,7 +1765,7 @@
} }
if (limit && casts.length > limit) { if (limit && casts.length > limit) {
html += '<p style="margin: 0;padding-left:5px;"><paper-button raised class="more morePeople">' + Globalize.translate('ButtonMore') + '</paper-button></p>'; html += '<p style="margin: 0;padding-left:5px;"><button is="emby-button" type="button" class="raised more morePeople">' + Globalize.translate('ButtonMore') + '</button></p>';
} }
var castContent = page.querySelector('#castContent'); var castContent = page.querySelector('#castContent');

2
dashboard-ui/scripts/librarymenu.js
View file

@ -742,7 +742,7 @@
var helpUrl = page.getAttribute('data-helpurl'); var helpUrl = page.getAttribute('data-helpurl');
if (helpUrl) { if (helpUrl) {
html += '<a href="' + helpUrl + '" target="_blank" class="clearLink" style="margin-left:2em;" title="' + Globalize.translate('ButtonHelp') + '"><paper-button class="accent" style="margin:0;font-weight:normal;font-size:13px;padding:.25em;display:flex;align-items:center;"><iron-icon icon="info"></iron-icon><span>' + Globalize.translate('ButtonHelp') + '</span></paper-button></a>'; html += '<a href="' + helpUrl + '" target="_blank" class="clearLink" style="margin-left:2em;" title="' + Globalize.translate('ButtonHelp') + '"><button is="emby-button" type="button" class="accent" style="margin:0;font-weight:normal;font-size:13px;padding:.25em;display:flex;align-items:center;"><iron-icon icon="info"></iron-icon><span>' + Globalize.translate('ButtonHelp') + '</span></button></a>';
} }
} }

6
dashboard-ui/scripts/mediacontroller.js
View file

@ -159,11 +159,11 @@
// On small layouts papepr dialog doesn't respond very well. this button isn't that important here anyway. // On small layouts papepr dialog doesn't respond very well. this button isn't that important here anyway.
if (screen.availWidth >= 600) { if (screen.availWidth >= 600) {
html += '<paper-button class="btnRemoteControl">' + Globalize.translate('ButtonRemoteControl') + '</paper-button>'; html += '<button is="emby-button" type="button" class="btnRemoteControl">' + Globalize.translate('ButtonRemoteControl') + '</button>';
} }
html += '<paper-button class="btnDisconnect">' + Globalize.translate('ButtonDisconnect') + '</paper-button>'; html += '<button is="emby-button" type="button" class="btnDisconnect">' + Globalize.translate('ButtonDisconnect') + '</button>';
html += '<paper-button class="btnCancel">' + Globalize.translate('ButtonCancel') + '</paper-button>'; html += '<button is="emby-button" type="button" class="btnCancel">' + Globalize.translate('ButtonCancel') + '</button>';
html += '</div>'; html += '</div>';
dlg.innerHTML = html; dlg.innerHTML = html;

6
dashboard-ui/scripts/registrationservices.js
View file

@ -90,7 +90,7 @@
function showPlaybackOverlay(resolve, reject) { function showPlaybackOverlay(resolve, reject) {
require(['dialogHelper', 'paper-fab', 'paper-item-body', 'paper-icon-item', 'paper-button'], function (dialogHelper) { require(['dialogHelper', 'paper-fab', 'paper-item-body', 'paper-icon-item', 'emby-button'], function (dialogHelper) {
var dlg = dialogHelper.createDialog({ var dlg = dialogHelper.createDialog({
size: 'fullscreen-border' size: 'fullscreen-border'
@ -122,8 +122,8 @@
html += '<br/>'; html += '<br/>';
html += '<a class="clearLink" href="http://emby.media/premiere" target="_blank"><paper-button raised class="submit block" autoFocus><iron-icon icon="check"></iron-icon><span>' + Globalize.translate('ButtonBecomeSupporter') + '</span></paper-button></a>'; html += '<a class="clearLink" href="http://emby.media/premiere" target="_blank"><button is="emby-button" type="button" class="raised submit block" autoFocus><iron-icon icon="check"></iron-icon><span>' + Globalize.translate('ButtonBecomeSupporter') + '</span></button></a>';
html += '<paper-button raised class="subdued block btnCancelSupporterInfo" style="background:#444;"><iron-icon icon="close"></iron-icon><span>' + Globalize.translate('ButtonClosePlayVideo') + '</span></paper-button>'; html += '<button is="emby-button" type="button" class="raised subdued block btnCancelSupporterInfo" style="background:#444;"><iron-icon icon="close"></iron-icon><span>' + Globalize.translate('ButtonClosePlayVideo') + '</span></button>';
html += '</div>'; html += '</div>';

6
dashboard-ui/scripts/sections.js
View file

@ -1,4 +1,4 @@
define(['libraryBrowser', 'appSettings', 'scrollStyles', 'paper-button', 'paper-icon-button-light'], function (LibraryBrowser, appSettings) { define(['libraryBrowser', 'appSettings', 'scrollStyles', 'emby-button', 'paper-icon-button-light'], function (LibraryBrowser, appSettings) {
function getUserViews(userId) { function getUserViews(userId) {
@ -622,7 +622,7 @@
html += '<div>'; html += '<div>';
var text = Globalize.translate('HeaderLatestFromChannel').replace('{0}', channel.Name); var text = Globalize.translate('HeaderLatestFromChannel').replace('{0}', channel.Name);
html += '<h1 style="display:inline-block; vertical-align:middle;" class="listHeader">' + text + '</h1>'; html += '<h1 style="display:inline-block; vertical-align:middle;" class="listHeader">' + text + '</h1>';
html += '<a href="channelitems.html?id=' + channel.Id + '" class="clearLink" style="margin-left:2em;"><paper-button raised class="more mini"><span>' + Globalize.translate('ButtonMore') + '</span></paper-button></a>'; html += '<a href="channelitems.html?id=' + channel.Id + '" class="clearLink" style="margin-left:2em;"><button is="emby-button" type="button" class="raised more mini"><span>' + Globalize.translate('ButtonMore') + '</span></button></a>';
html += '</div>'; html += '</div>';
html += '<div class="itemsContainer">'; html += '<div class="itemsContainer">';
@ -667,7 +667,7 @@
html += '<div>'; html += '<div>';
html += '<h1 style="display:inline-block; vertical-align:middle;" class="' + cssClass + '">' + Globalize.translate('HeaderLatestTvRecordings') + '</h1>'; html += '<h1 style="display:inline-block; vertical-align:middle;" class="' + cssClass + '">' + Globalize.translate('HeaderLatestTvRecordings') + '</h1>';
html += '<a href="livetv.html?tab=3" onclick="LibraryBrowser.showTab(\'livetv.html\',3);" class="clearLink" style="margin-left:2em;"><paper-button raised class="more mini"><span>' + Globalize.translate('ButtonMore') + '</span></paper-button></a>'; html += '<a href="livetv.html?tab=3" onclick="LibraryBrowser.showTab(\'livetv.html\',3);" class="clearLink" style="margin-left:2em;"><button is="emby-button" type="button" class="raised more mini"><span>' + Globalize.translate('ButtonMore') + '</span></button></a>';
html += '</div>'; html += '</div>';
} }

42
dashboard-ui/scripts/site.js
View file

@ -255,7 +255,7 @@ var Dashboard = {
var html = '<span style="margin-right: 1em;">' + Globalize.translate('MessagePleaseRestart') + '</span>'; var html = '<span style="margin-right: 1em;">' + Globalize.translate('MessagePleaseRestart') + '</span>';
if (systemInfo.CanSelfRestart) { if (systemInfo.CanSelfRestart) {
html += '<paper-button raised class="submit mini" onclick="this.disabled=\'disabled\';Dashboard.restartServer();"><iron-icon icon="refresh"></iron-icon><span>' + Globalize.translate('ButtonRestart') + '</span></paper-button>'; html += '<button is="emby-button" type="button" class="raised submit mini" onclick="this.disabled=\'disabled\';Dashboard.restartServer();"><iron-icon icon="refresh"></iron-icon><span>' + Globalize.translate('ButtonRestart') + '</span></button>';
} }
Dashboard.showFooterNotification({ id: "serverRestartWarning", html: html, forceShow: true, allowHide: false }); Dashboard.showFooterNotification({ id: "serverRestartWarning", html: html, forceShow: true, allowHide: false });
@ -277,7 +277,7 @@ var Dashboard = {
var html = '<span style="margin-right: 1em;">' + Globalize.translate('MessagePleaseRefreshPage') + '</span>'; var html = '<span style="margin-right: 1em;">' + Globalize.translate('MessagePleaseRefreshPage') + '</span>';
html += '<paper-button raised class="submit mini" onclick="this.disabled=\'disabled\';Dashboard.reloadPage();"><iron-icon icon="refresh"></iron-icon><span>' + Globalize.translate('ButtonRefresh') + '</span></paper-button>'; html += '<button is="emby-button" type="button" class="raised submit mini" onclick="this.disabled=\'disabled\';Dashboard.reloadPage();"><iron-icon icon="refresh"></iron-icon><span>' + Globalize.translate('ButtonRefresh') + '</span></button>';
Dashboard.showFooterNotification({ id: "dashboardVersionWarning", html: html, forceShow: true, allowHide: false }); Dashboard.showFooterNotification({ id: "dashboardVersionWarning", html: html, forceShow: true, allowHide: false });
}, },
@ -327,7 +327,7 @@ var Dashboard = {
var onclick = removeOnHide ? "jQuery(\"#" + options.id + "\").trigger(\"notification.remove\").remove();" : "jQuery(\"#" + options.id + "\").trigger(\"notification.hide\").hide();"; var onclick = removeOnHide ? "jQuery(\"#" + options.id + "\").trigger(\"notification.remove\").remove();" : "jQuery(\"#" + options.id + "\").trigger(\"notification.hide\").hide();";
if (options.allowHide !== false) { if (options.allowHide !== false) {
options.html += '<span style="margin-left: 1em;"><paper-button class="submit" onclick="' + onclick + '">' + Globalize.translate('ButtonHide') + "</paper-button></span>"; options.html += '<span style="margin-left: 1em;"><button is="emby-button" type="button" class="submit" onclick="' + onclick + '">' + Globalize.translate('ButtonHide') + "</button></span>";
} }
if (options.forceShow) { if (options.forceShow) {
@ -1004,7 +1004,7 @@ var Dashboard = {
html += '</progress>'; html += '</progress>';
if (percentComplete < 100) { if (percentComplete < 100) {
html += '<paper-button raised class="cancelDark mini" onclick="this.disabled=\'disabled\';Dashboard.cancelInstallation(\'' + installation.Id + '\');"><iron-icon icon="cancel"></iron-icon><span>' + Globalize.translate('ButtonCancel') + '</span></paper-button>'; html += '<button is="emby-button" type="button" class="raised cancelDark mini" onclick="this.disabled=\'disabled\';Dashboard.cancelInstallation(\'' + installation.Id + '\');"><iron-icon icon="cancel"></iron-icon><span>' + Globalize.translate('ButtonCancel') + '</span></button>';
} }
} }
@ -1887,7 +1887,7 @@ var AppInfo = {};
define("paper-item-body", ["html!" + bowerPath + "/paper-item/paper-item-body.html"]); define("paper-item-body", ["html!" + bowerPath + "/paper-item/paper-item-body.html"]);
define("paper-collapse-item", ["html!" + bowerPath + "/paper-collapse-item/paper-collapse-item.html"]); define("paper-collapse-item", ["html!" + bowerPath + "/paper-collapse-item/paper-collapse-item.html"]);
define("emby-collapsible", ["html!" + bowerPath + "/emby-collapsible/emby-collapsible.html"]); define("emby-collapsible", ["emby-button", "html!" + bowerPath + "/emby-collapsible/emby-collapsible.html"]);
define("jstree", [bowerPath + "/jstree/dist/jstree", "css!thirdparty/jstree/themes/default/style.min.css"]); define("jstree", [bowerPath + "/jstree/dist/jstree", "css!thirdparty/jstree/themes/default/style.min.css"]);
@ -2392,7 +2392,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/connectlogin.html', path: '/connectlogin.html',
dependencies: ['paper-button'], dependencies: ['emby-button'],
autoFocus: false, autoFocus: false,
anonymous: true anonymous: true
}); });
@ -2414,7 +2414,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/dashboardhosting.html', path: '/dashboardhosting.html',
dependencies: ['paper-checkbox', 'paper-input', 'paper-button'], dependencies: ['paper-checkbox', 'paper-input', 'emby-button'],
autoFocus: false, autoFocus: false,
roles: 'admin', roles: 'admin',
controller: 'scripts/dashboardhosting' controller: 'scripts/dashboardhosting'
@ -2549,7 +2549,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/itemdetails.html', path: '/itemdetails.html',
dependencies: ['paper-button', 'tileitemcss', 'scripts/livetvcomponents', 'paper-fab', 'paper-item-body', 'paper-icon-item', 'paper-icon-button-light'], dependencies: ['emby-button', 'tileitemcss', 'scripts/livetvcomponents', 'paper-fab', 'paper-item-body', 'paper-icon-item', 'paper-icon-button-light'],
controller: 'scripts/itemdetailpage', controller: 'scripts/itemdetailpage',
autoFocus: false, autoFocus: false,
transition: 'fade' transition: 'fade'
@ -2578,7 +2578,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/librarydisplay.html', path: '/librarydisplay.html',
dependencies: ['paper-button', 'paper-checkbox'], dependencies: ['emby-button', 'paper-checkbox'],
autoFocus: false, autoFocus: false,
roles: 'admin', roles: 'admin',
controller: 'scripts/librarydisplay' controller: 'scripts/librarydisplay'
@ -2593,7 +2593,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/librarysettings.html', path: '/librarysettings.html',
dependencies: ['emby-collapsible', 'paper-input', 'paper-checkbox', 'paper-button'], dependencies: ['emby-collapsible', 'paper-input', 'paper-checkbox', 'emby-button'],
autoFocus: false, autoFocus: false,
roles: 'admin', roles: 'admin',
controller: 'scripts/librarysettings' controller: 'scripts/librarysettings'
@ -2601,7 +2601,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/livetv.html', path: '/livetv.html',
dependencies: ['paper-button', 'livetvcss'], dependencies: ['emby-button', 'livetvcss'],
controller: 'scripts/livetvsuggested', controller: 'scripts/livetvsuggested',
autoFocus: false, autoFocus: false,
transition: 'fade' transition: 'fade'
@ -2676,7 +2676,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/login.html', path: '/login.html',
dependencies: ['paper-button', 'humanedate', 'emby-input'], dependencies: ['emby-button', 'humanedate', 'emby-input'],
autoFocus: false, autoFocus: false,
anonymous: true, anonymous: true,
controller: 'scripts/loginpage' controller: 'scripts/loginpage'
@ -2719,7 +2719,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/movies.html', path: '/movies.html',
dependencies: ['paper-checkbox', 'scripts/alphapicker', 'paper-button'], dependencies: ['paper-checkbox', 'scripts/alphapicker', 'emby-button'],
autoFocus: false, autoFocus: false,
controller: 'scripts/moviesrecommended', controller: 'scripts/moviesrecommended',
transition: 'fade' transition: 'fade'
@ -2735,35 +2735,35 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/mypreferencesdisplay.html', path: '/mypreferencesdisplay.html',
dependencies: ['paper-button'], dependencies: ['emby-button'],
autoFocus: false, autoFocus: false,
transition: 'fade' transition: 'fade'
}); });
defineRoute({ defineRoute({
path: '/mypreferenceshome.html', path: '/mypreferenceshome.html',
dependencies: ['paper-button'], dependencies: ['emby-button'],
autoFocus: false, autoFocus: false,
transition: 'fade' transition: 'fade'
}); });
defineRoute({ defineRoute({
path: '/mypreferenceslanguages.html', path: '/mypreferenceslanguages.html',
dependencies: ['paper-button'], dependencies: ['emby-button'],
autoFocus: false, autoFocus: false,
transition: 'fade' transition: 'fade'
}); });
defineRoute({ defineRoute({
path: '/mypreferencesmenu.html', path: '/mypreferencesmenu.html',
dependencies: ['paper-button'], dependencies: ['emby-button'],
autoFocus: false, autoFocus: false,
transition: 'fade' transition: 'fade'
}); });
defineRoute({ defineRoute({
path: '/myprofile.html', path: '/myprofile.html',
dependencies: ['paper-button'], dependencies: ['emby-button'],
autoFocus: false, autoFocus: false,
transition: 'fade' transition: 'fade'
}); });
@ -2812,7 +2812,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/nowplaying.html', path: '/nowplaying.html',
dependencies: ['paper-icon-button-light', 'paper-slider', 'paper-button'], dependencies: ['paper-icon-button-light', 'paper-slider', 'emby-button'],
controller: 'scripts/nowplayingpage', controller: 'scripts/nowplayingpage',
autoFocus: false, autoFocus: false,
transition: 'fade' transition: 'fade'
@ -2948,7 +2948,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/tv.html', path: '/tv.html',
dependencies: ['paper-checkbox', 'paper-icon-button-light', 'paper-button'], dependencies: ['paper-checkbox', 'paper-icon-button-light', 'emby-button'],
autoFocus: false, autoFocus: false,
controller: 'scripts/tvrecommended', controller: 'scripts/tvrecommended',
transition: 'fade' transition: 'fade'
@ -3004,7 +3004,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/wizardfinish.html', path: '/wizardfinish.html',
dependencies: ['paper-button', 'dashboardcss'], dependencies: ['emby-button', 'dashboardcss'],
autoFocus: false, autoFocus: false,
anonymous: true, anonymous: true,
controller: 'scripts/wizardfinishpage' controller: 'scripts/wizardfinishpage'

4
dashboard-ui/scripts/sync.js
View file

@ -255,7 +255,7 @@
html += Globalize.translate('SyncMedia'); html += Globalize.translate('SyncMedia');
html += '</div>'; html += '</div>';
html += '<a href="https://github.com/MediaBrowser/Wiki/wiki/Sync" target="_blank" class="clearLink" style="margin-top:0;display:inline-block;vertical-align:middle;margin-left:auto;"><paper-button class="mini"><iron-icon icon="info"></iron-icon><span>' + Globalize.translate('ButtonHelp') + '</span></paper-button></a>'; html += '<a href="https://github.com/MediaBrowser/Wiki/wiki/Sync" target="_blank" class="clearLink" style="margin-top:0;display:inline-block;vertical-align:middle;margin-left:auto;"><button is="emby-button" type="button" class="mini"><iron-icon icon="info"></iron-icon><span>' + Globalize.translate('ButtonHelp') + '</span></button></a>';
html += '</div>'; html += '</div>';
@ -264,7 +264,7 @@
html += '<div class="formFields"></div>'; html += '<div class="formFields"></div>';
html += '<p>'; html += '<p>';
html += '<button type="submit" data-role="none" class="clearButton"><paper-button raised class="submit block"><iron-icon icon="sync"></iron-icon><span>' + Globalize.translate('ButtonSync') + '</span></paper-button></button>'; html += '<button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="sync"></iron-icon><span>' + Globalize.translate('ButtonSync') + '</span></button>';
html += '</p>'; html += '</p>';
html += '</form>'; html += '</form>';

6
dashboard-ui/scripts/syncjob.js
View file

@ -1,4 +1,4 @@
define(['jQuery', 'datetime', 'paper-progress', 'paper-fab', 'paper-item-body', 'paper-icon-item', 'paper-icon-button-light', 'paper-button'], function ($, datetime) { define(['jQuery', 'datetime', 'paper-progress', 'paper-fab', 'paper-item-body', 'paper-icon-item', 'paper-icon-button-light', 'emby-button'], function ($, datetime) {
function renderJob(page, job, dialogOptions) { function renderJob(page, job, dialogOptions) {
@ -12,9 +12,7 @@
html += '<br/>'; html += '<br/>';
html += '<br/>'; html += '<br/>';
html += '<button type="submit" data-role="none" class="clearButton">'; html += '<button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>' + Globalize.translate('ButtonSave') + '</span></button>';
html += '<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>' + Globalize.translate('ButtonSave') + '</span></paper-button>';
html += '</button>';
$('.syncJobForm', page).html(html); $('.syncJobForm', page).html(html);

4
dashboard-ui/scripts/taskbutton.js
View file

@ -1,4 +1,4 @@
define(['appStorage', 'jQuery', 'paper-button'], function (appStorage, $) { define(['appStorage', 'jQuery', 'emby-button'], function (appStorage, $) {
$.fn.taskButton = function (options) { $.fn.taskButton = function (options) {
@ -94,7 +94,7 @@
var msg = Globalize.translate('ConfirmMessageScheduledTaskButton'); var msg = Globalize.translate('ConfirmMessageScheduledTaskButton');
msg += '<br/>'; msg += '<br/>';
msg += '<div style="margin-top:1em;">'; msg += '<div style="margin-top:1em;">';
msg += '<a class="clearLink" href="scheduledtasks.html"><paper-button style="color:#3f51b5!important;margin:0;">' + Globalize.translate('ButtonScheduledTasks') + '</paper-button></a>'; msg += '<a class="clearLink" href="scheduledtasks.html"><button is="emby-button" type="button" style="color:#3f51b5!important;margin:0;">' + Globalize.translate('ButtonScheduledTasks') + '</button></a>';
msg += '</div>'; msg += '</div>';
require(['confirm'], function (confirm) { require(['confirm'], function (confirm) {

8
dashboard-ui/selectserver.html
View file

@ -1,4 +1,4 @@
<div id="selectServerPage" data-role="page" class="page noSecondaryNavPage standalonePage" data-theme="b" data-require="scripts/selectserver,paper-fab,paper-item-body,paper-icon-item,paper-button"> <div id="selectServerPage" data-role="page" class="page noSecondaryNavPage standalonePage" data-theme="b" data-require="scripts/selectserver,paper-fab,paper-item-body,paper-icon-item,emby-button">
<div data-role="content"> <div data-role="content">
@ -6,7 +6,7 @@
<div style="margin:1em 0 .5em;padding-left:5px;"> <div style="margin:1em 0 .5em;padding-left:5px;">
<h1 style="display:inline-block;vertical-align:middle;margin: 0;">${HeaderSelectServer}</h1> <h1 style="display:inline-block;vertical-align:middle;margin: 0;">${HeaderSelectServer}</h1>
<a href="https://github.com/MediaBrowser/Wiki/wiki/Emby%20Connect" target="_blank" class="clearLink" style="margin-top:0;display:inline-block;vertical-align:middle;margin-left:1em;"><paper-button raised class="secondary mini"><iron-icon icon="info"></iron-icon><span>${ButtonHelp}</span></paper-button></a> <a href="https://github.com/MediaBrowser/Wiki/wiki/Emby%20Connect" target="_blank" class="clearLink" style="margin-top:0;display:inline-block;vertical-align:middle;margin-left:1em;"><button is="emby-button" type="button" class="raised secondary mini"><iron-icon icon="info"></iron-icon><span>${ButtonHelp}</span></button></a>
</div> </div>
<div class="serverList paperList"></div> <div class="serverList paperList"></div>
@ -17,11 +17,11 @@
</div> </div>
<div class="addServer" style="margin:0 0 1em;"> <div class="addServer" style="margin:0 0 1em;">
<a href="connectlogin.html?mode=manualserver" class="clearLink"><paper-button raised class="cancel block"><iron-icon icon="add"></iron-icon><span>${ButtonAddServer}</span></paper-button></a> <a href="connectlogin.html?mode=manualserver" class="clearLink"><button is="emby-button" type="button" class="raised cancel block"><iron-icon icon="add"></iron-icon><span>${ButtonAddServer}</span></button></a>
</div> </div>
<div class="connectLogin" style="margin:1em 0;display:none;"> <div class="connectLogin" style="margin:1em 0;display:none;">
<a href="connectlogin.html?mode=connect" class="clearLink"><paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${ButtonSignInWithConnect}</span></paper-button></a> <a href="connectlogin.html?mode=connect" class="clearLink"><button is="emby-button" type="button" class="raised accent block"><iron-icon icon="check"></iron-icon><span>${ButtonSignInWithConnect}</span></button></a>
</div> </div>
<div class="invitationSection" style="display:none;"> <div class="invitationSection" style="display:none;">

6
dashboard-ui/serversecurity.html
View file

@ -1,14 +1,14 @@
<div id="serverSecurityPage" data-role="page" class="page type-interior advancedConfigurationPage withTabs" data-require="jqmtable,scripts/serversecurity,detailtablecss,paper-button"> <div id="serverSecurityPage" data-role="page" class="page type-interior advancedConfigurationPage withTabs" data-require="jqmtable,scripts/serversecurity,detailtablecss,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div class="detailSectionHeader"> <div class="detailSectionHeader">
<h3 style="margin:.6em 0;vertical-align:middle;display:inline-block;"> <h3 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
${HeaderApiKeys} ${HeaderApiKeys}
</h3> </h3>
<paper-button raised class="btnNewKey submit mini" style="margin-left:1em;" title="${ButtonNew}"> <button is="emby-button" type="button" class="raised btnNewKey submit mini" style="margin-left:1em;" title="${ButtonNew}">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonAdd}</span> <span>${ButtonAdd}</span>
</paper-button> </button>
</div> </div>
<p>${HeaderApiKeysHelp}</p> <p>${HeaderApiKeysHelp}</p>
<br /> <br />

9
dashboard-ui/streamingsettings.html
View file

@ -1,4 +1,4 @@
<div id="streamingSettingsPage" data-role="page" class="page type-interior playbackConfigurationPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Streaming" data-require="scripts/streamingsettings,paper-input,paper-button"> <div id="streamingSettingsPage" data-role="page" class="page type-interior playbackConfigurationPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Streaming" data-require="scripts/streamingsettings,paper-input,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -11,7 +11,7 @@
<div class="fieldDescription">${LabelRemoteClientBitrateLimitHelp}</div> <div class="fieldDescription">${LabelRemoteClientBitrateLimitHelp}</div>
</li> </li>
<li> <li>
<br/> <br />
<label for="selectChannelResolution" class="selectLabel">${LabelChannelStreamQuality}</label> <label for="selectChannelResolution" class="selectLabel">${LabelChannelStreamQuality}</label>
<select id="selectChannelResolution" data-mini="true"> <select id="selectChannelResolution" data-mini="true">
<option value="">${OptionBestAvailableStreamQuality}</option> <option value="">${OptionBestAvailableStreamQuality}</option>
@ -22,10 +22,7 @@
<div class="fieldDescription">${LabelChannelStreamQualityHelp}</div> <div class="fieldDescription">${LabelChannelStreamQualityHelp}</div>
</li> </li>
</ul> </ul>
<button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</form> </form>
</div> </div>
</div> </div>

24
dashboard-ui/supporterkey.html
View file

@ -1,4 +1,4 @@
<div id="supporterKeyPage" data-role="page" class="page type-interior withTabs" data-require="jqmcollapsible,scripts/supporterkeypage,emby-input,paper-button"> <div id="supporterKeyPage" data-role="page" class="page type-interior withTabs" data-require="jqmcollapsible,scripts/supporterkeypage,emby-input,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -13,7 +13,7 @@
<div class="supporterContainer hide"> <div class="supporterContainer hide">
<br /> <br />
<a class="clearLink" href="http://emby.media/premiere" target="_blank"> <a class="clearLink" href="http://emby.media/premiere" target="_blank">
<paper-button raised class="block accent"><iron-icon icon="check"></iron-icon><span>${HeaderBecomeProjectSupporter}</span></paper-button> <button is="emby-button" type="button" class="raised block accent"><iron-icon icon="check"></iron-icon><span>${HeaderBecomeProjectSupporter}</span></button>
</a> </a>
</div> </div>
</div> </div>
@ -27,7 +27,7 @@
<h1>${TabSupporterKey}</h1> <h1>${TabSupporterKey}</h1>
<div class="inputContainer"> <div class="inputContainer">
<input is="emby-input" type="password" id="txtSupporterKey" label="${LabelSupporterKey}" autocomplete="off"/> <input is="emby-input" type="password" id="txtSupporterKey" label="${LabelSupporterKey}" autocomplete="off" />
<div class="fieldDescription"> <div class="fieldDescription">
${LabelSupporterKeyHelp} ${LabelSupporterKeyHelp}
</div> </div>
@ -44,9 +44,7 @@
</div> </div>
<p> <p>
<button type="submit" id="mbLegacyKeyBtn" class="clearButton"> <button is="emby-button" type="submit" id="mbLegacyKeyBtn" class="raised block submit"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="block submit"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</p> </p>
</form> </form>
<br /> <br />
@ -55,13 +53,11 @@
<div> <div>
<form id="lostKeyForm"> <form id="lostKeyForm">
<div style="margin: 1em 0;" class="inputContainer"> <div style="margin: 1em 0;" class="inputContainer">
<input is="emby-input" type="email" required id="txtEmail" label="${LabelEmailAddress}"/> <input is="emby-input" type="email" required id="txtEmail" label="${LabelEmailAddress}" />
<div class="fieldDescription">${LabelSupporterEmailAddress}</div> <div class="fieldDescription">${LabelSupporterEmailAddress}</div>
</div> </div>
<p> <p>
<button type="submit" id="mbRetrieveKeyBtn" class="clearButton"> <button is="emby-button" type="submit" id="mbRetrieveKeyBtn" class="raised block submit"><iron-icon icon="check"></iron-icon><span>${ButtonRetrieveKey}</span></button>
<paper-button raised class="block submit"><iron-icon icon="check"></iron-icon><span>${ButtonRetrieveKey}</span></paper-button>
</button>
</p> </p>
</form> </form>
</div> </div>
@ -76,7 +72,7 @@
${MultipleKeyLinkingHelp} ${MultipleKeyLinkingHelp}
</p> </p>
<div style="margin: 1em 0;" class="inputContainer"> <div style="margin: 1em 0;" class="inputContainer">
<input is="emby-input" type="email" required id="txtNewEmail" label="${LabelCurrentEmailAddress}"/> <input is="emby-input" type="email" required id="txtNewEmail" label="${LabelCurrentEmailAddress}" />
<div class="fieldDescription"> <div class="fieldDescription">
${LabelCurrentEmailAddressHelp} ${LabelCurrentEmailAddressHelp}
</div> </div>
@ -85,12 +81,10 @@
<input is="emby-input" type="password" required id="txtNewKey" label="${LabelNewSupporterKey}" /> <input is="emby-input" type="password" required id="txtNewKey" label="${LabelNewSupporterKey}" />
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<input is="emby-input" type="password" required id="txtOldKey" label="${LabelOldSupporterKey}"/> <input is="emby-input" type="password" required id="txtOldKey" label="${LabelOldSupporterKey}" />
</div> </div>
<p> <p>
<button type="submit" id="mbLinkKeysBtn" class="clearButton"> <button is="emby-button" type="submit" id="mbLinkKeysBtn" class="raised block submit"><iron-icon icon="check"></iron-icon><span>${ButtonLinkKeys}</span></button>
<paper-button raised class="block submit"><iron-icon icon="check"></iron-icon><span>${ButtonLinkKeys}</span></paper-button>
</button>
</p> </p>
</form> </form>
</div> </div>

8
dashboard-ui/syncactivity.html
View file

@ -1,23 +1,23 @@
<div id="syncActivityPage" data-role="page" class="page type-interior syncConfigurationPage syncActivityPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Sync" data-require="scripts/syncactivity,scripts/taskbutton,paper-button"> <div id="syncActivityPage" data-role="page" class="page type-interior syncConfigurationPage syncActivityPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Sync" data-require="scripts/syncactivity,scripts/taskbutton,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div style="text-align:right;margin-top:-10px;"> <div style="text-align:right;margin-top:-10px;">
<paper-button raised class="btnSync"><iron-icon icon="sync"></iron-icon><span>${ButtonConvertMedia}</span></paper-button> <button is="emby-button" type="button" class="raised btnSync"><iron-icon icon="sync"></iron-icon><span>${ButtonConvertMedia}</span></button>
<progress max="100" min="0" style="width:100px;display:none;" class="syncProgress"></progress> <progress max="100" min="0" style="width:100px;display:none;" class="syncProgress"></progress>
</div> </div>
<br /> <br />
<div class="supporterPromotionContainer" style="display:none;"> <div class="supporterPromotionContainer" style="display:none;">
<div class="customSupporterPromotion supporterPromotion"> <div class="customSupporterPromotion supporterPromotion">
<a class="clearLink" href="http://emby.media/premiere" target="_blank"> <a class="clearLink" href="http://emby.media/premiere" target="_blank">
<paper-button raised class="block" style="text-transform:none;background-color:#52B54B;color:#fff;"> <button is="emby-button" type="button" class="raised block" style="text-transform:none;background-color:#52B54B;color:#fff;">
<div class="mainText"> <div class="mainText">
</div> </div>
<div class="btnLearnMore" style="font-weight: normal; margin-top: 5px;"> <div class="btnLearnMore" style="font-weight: normal; margin-top: 5px;">
${ButtonLearnMore} ${ButtonLearnMore}
</div> </div>
</paper-button> </button>
</a> </a>
</div> </div>
</div> </div>

8
dashboard-ui/syncsettings.html
View file

@ -1,4 +1,4 @@
<div id="syncSettingsPage" data-role="page" class="page type-interior withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Sync" data-require="scripts/syncsettings,paper-checkbox,paper-input,paper-button,paper-icon-button-light"> <div id="syncSettingsPage" data-role="page" class="page type-interior withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Sync" data-require="scripts/syncsettings,paper-checkbox,paper-input,emby-button,paper-icon-button-light">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -32,11 +32,9 @@
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></button>
</li> </li>
</ul> </ul>
</form> </form>

169
dashboard-ui/thirdparty/paper-button-style.css vendored
View file

@ -1,135 +1,4 @@
paper-button, .paper-button-0 { button[is="emby-button"].blue {
font-weight: 500;
vertical-align: middle;
margin-top: 5px;
margin-bottom: 5px;
}
paper-button.block {
display: block;
margin: .25em 0;
}
paper-button.blue {
color: #03a9f4;
}
paper-button.blue:hover {
background: #e1f5f3;
}
paper-button.menuButton {
color: #212121;
text-align: left;
}
paper-button.menuButton:hover {
background: #e1f5f3;
}
paper-button.ripple::shadow paper-ripple {
color: #ff3bee;
}
paper-button.ripple paper-ripple {
color: #ff3bee;
}
paper-button.submit {
color: #52B54B;
}
paper-button[raised].submit, paper-button[raised]:not(.subdued):not(.cancel) {
background: #52B54B;
color: #fff;
}
paper-button.more {
color: #EC407A;
}
paper-button[raised].more {
background: #EC407A;
color: #fff;
}
paper-button.secondary {
color: #4285f4;
}
paper-button[raised].secondary {
background: #4285f4;
color: #fff;
}
paper-button.accent {
color: #52B54B;
}
paper-button[raised].accent {
background: #52B54B;
color: #fff;
}
paper-button.alt {
color: #F57F17;
}
paper-button[raised].alt {
background: #F57F17;
color: #fff;
}
.ui-body-b paper-button.cancel {
color: #444;
}
.ui-body-b paper-button[raised].cancel {
background: #444;
color: #fff;
}
paper-button.cancelDark {
color: #444;
}
paper-button[raised].cancelDark {
background: #444;
color: #fff;
}
.ui-body-b paper-button.subdued:not([disabled]) {
color: #404040;
}
.ui-body-b paper-button[raised].subdued:not([disabled]) {
background: #404040;
color: #fff;
}
.ui-body-b paper-button[raised][disabled].subduedd {
background: #111;
}
paper-button.hover:hover {
background: #eee;
}
paper-button span {
vertical-align: middle;
}
paper-button:not(.iconRight) > iron-icon {
margin-right: .5em;
}
paper-button.iconRight iron-icon {
position: absolute;
right: 5px;
top: 5px;
}
button[is="emby-button"].blue {
color: #03a9f4; color: #03a9f4;
} }
@ -227,10 +96,6 @@ button[is="emby-button"] span {
vertical-align: middle; vertical-align: middle;
} }
button[is="emby-button"]:not(.iconRight) > iron-icon {
margin-right: .5em;
}
button[is="emby-button"].iconRight iron-icon { button[is="emby-button"].iconRight iron-icon {
position: absolute; position: absolute;
right: 5px; right: 5px;
@ -274,40 +139,10 @@ button[is="emby-button"].mini {
width: 20px; width: 20px;
} }
paper-button.mini {
min-width: initial;
}
paper-button.mini {
padding: 0.4em 0.7em;
}
paper-button.mini.noIcon {
padding: 0.4em 0.7em;
}
paper-button.mini iron-icon {
height: 20px;
width: 20px;
}
paper-toast { paper-toast {
z-index: 9999999; z-index: 9999999;
} }
paper-button.notext {
min-width: 2.8em;
}
paper-button.notext .content {
padding-left: 0 !important;
padding-right: 0 !important;
}
paper-button.notext iron-icon {
margin-right: 0;
}
button[is="emby-button"].notext { button[is="emby-button"].notext {
min-width: 2.8em; min-width: 2.8em;
} }
@ -635,7 +470,7 @@ div.dialogHeader {
margin-top: .7em; margin-top: .7em;
} }
.dialogHeader paper-button, .dialogHeader button { .dialogHeader button {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} }

6
dashboard-ui/tv.html
View file

@ -13,7 +13,7 @@
<div id="resumableSection" class="homePageSection"> <div id="resumableSection" class="homePageSection">
<div> <div>
<h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderResume}</h1> <h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderResume}</h1>
<paper-button raised class="submit mini categorySyncButton" data-category="Resume"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button> <button is="emby-button" type="button" class="raised submit mini categorySyncButton" data-category="Resume"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></button>
</div> </div>
<div id="resumableItems" class="itemsContainer noautoinit"> <div id="resumableItems" class="itemsContainer noautoinit">
@ -23,7 +23,7 @@
<div class="homePageSection"> <div class="homePageSection">
<div> <div>
<h1 class="listHeader nextUpHeader" style="display: inline-block; vertical-align: middle;">${HeaderNextUp}</h1> <h1 class="listHeader nextUpHeader" style="display: inline-block; vertical-align: middle;">${HeaderNextUp}</h1>
<paper-button raised class="submit mini categorySyncButton" data-category="NextUp"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button> <button is="emby-button" type="button" class="raised submit mini categorySyncButton" data-category="NextUp"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></button>
</div> </div>
<div id="nextUpItems" class="itemsContainer"> <div id="nextUpItems" class="itemsContainer">
</div> </div>
@ -34,7 +34,7 @@
<div class="homePageSection"> <div class="homePageSection">
<div> <div>
<h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderLatestEpisodes}</h1> <h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderLatestEpisodes}</h1>
<paper-button raised class="submit mini categorySyncButton" data-category="Latest"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button> <button is="emby-button" type="button" class="raised submit mini categorySyncButton" data-category="Latest"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></button>
</div> </div>
<div id="latestEpisodes" class="itemsContainer"> <div id="latestEpisodes" class="itemsContainer">
</div> </div>

8
dashboard-ui/useredit.html
View file

@ -1,4 +1,4 @@
<div id="editUserPage" data-role="page" class="page type-interior userProfilesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="scripts/useredit,paper-input,paper-checkbox,paper-button"> <div id="editUserPage" data-role="page" class="page type-interior userProfilesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="scripts/useredit,paper-input,paper-checkbox,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -105,11 +105,9 @@
<br /> <br />
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></button>
</li> </li>
</ul> </ul>
</form> </form>

8
dashboard-ui/userlibraryaccess.html
View file

@ -1,4 +1,4 @@
<div id="userLibraryAccessPage" data-role="page" class="page type-interior userProfilesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="scripts/userlibraryaccess,paper-checkbox,paper-button"> <div id="userLibraryAccessPage" data-role="page" class="page type-interior userProfilesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="scripts/userlibraryaccess,paper-checkbox,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -52,11 +52,9 @@
<br /> <br />
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></button>
</li> </li>
</ul> </ul>
</form> </form>

8
dashboard-ui/usernew.html
View file

@ -1,4 +1,4 @@
<div id="newUserPage" data-role="page" class="page type-interior userProfilesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="scripts/usernew,emby-input,paper-checkbox,paper-button"> <div id="newUserPage" data-role="page" class="page type-interior userProfilesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="scripts/usernew,emby-input,paper-checkbox,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -40,11 +40,9 @@
<br /> <br />
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></button>
</li> </li>
</ul> </ul>
</form> </form>

10
dashboard-ui/userparentalcontrol.html
View file

@ -1,4 +1,4 @@
<div id="userParentalControlPage" data-role="page" class="page type-interior userProfilesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="jqmpopup,scripts/userparentalcontrol,paper-checkbox,paper-button"> <div id="userParentalControlPage" data-role="page" class="page type-interior userProfilesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="jqmpopup,scripts/userparentalcontrol,paper-checkbox,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -27,10 +27,10 @@
<div> <div>
<div> <div>
<h1 style="display:inline-block;vertical-align:middle;">${LabelBlockContentWithTags}</h1> <h1 style="display:inline-block;vertical-align:middle;">${LabelBlockContentWithTags}</h1>
<paper-button raised class="btnAddBlockedTag submit mini" style="margin-left:1em;" title="${ButtonAdd}"> <button is="emby-button" type="button" class="raised btnAddBlockedTag submit mini" style="margin-left:1em;" title="${ButtonAdd}">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonAdd}</span> <span>${ButtonAdd}</span>
</paper-button> </button>
</div> </div>
<div class="blockedTags" style="margin-top:.5em;"> <div class="blockedTags" style="margin-top:.5em;">
@ -55,9 +55,7 @@
</div> </div>
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li> </li>
</ul> </ul>

18
dashboard-ui/userpassword.html
View file

@ -1,4 +1,4 @@
<div id="userPasswordPage" data-role="page" class="page type-interior userProfilesPage userPasswordPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="scripts/myprofile,scripts/userpassword,paper-checkbox,emby-input,paper-button"> <div id="userPasswordPage" data-role="page" class="page type-interior userProfilesPage userPasswordPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="scripts/myprofile,scripts/userpassword,paper-checkbox,emby-input,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -21,21 +21,19 @@
<div class="detailSection"> <div class="detailSection">
<div class="detailSectionContent"> <div class="detailSectionContent">
<div id="fldCurrentPassword" style="display: none;" class="inputContainer"> <div id="fldCurrentPassword" style="display: none;" class="inputContainer">
<input is="emby-input" type="password" id="txtCurrentPassword" label="${LabelCurrentPassword}" autocomplete="off"/> <input is="emby-input" type="password" id="txtCurrentPassword" label="${LabelCurrentPassword}" autocomplete="off" />
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<input is="emby-input" type="password" id="txtNewPassword" label="${LabelNewPassword}" autocomplete="off"/> <input is="emby-input" type="password" id="txtNewPassword" label="${LabelNewPassword}" autocomplete="off" />
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<input is="emby-input" type="password" id="txtNewPasswordConfirm" label="${LabelNewPasswordConfirm}" autocomplete="off" /> <input is="emby-input" type="password" id="txtNewPasswordConfirm" label="${LabelNewPasswordConfirm}" autocomplete="off" />
</div> </div>
<br /> <br />
<div> <div>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<div id="btnResetPassword" style="display: none;"> <div id="btnResetPassword" style="display: none;">
<paper-button raised class="cancel block" onclick="UpdatePasswordPage.resetPassword();"><iron-icon icon="lock"></iron-icon><span>${ButtonResetPassword}</span></paper-button> <button is="emby-button" type="button" class="raised cancel block" onclick="UpdatePasswordPage.resetPassword();"><iron-icon icon="lock"></iron-icon><span>${ButtonResetPassword}</span></button>
</div> </div>
</div> </div>
</div> </div>
@ -61,10 +59,8 @@
</div> </div>
<br /><br /> <br /><br />
<div> <div>
<button type="submit" data-role="none" class="clearButton"> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button> <button is="emby-button" type="button" id="btnResetEasyPassword" class="raised cancel block hide" onclick="UpdatePasswordPage.resetEasyPassword();"><iron-icon icon="lock"></iron-icon><span>${ButtonResetEasyPassword}</span></button>
</button>
<paper-button id="btnResetEasyPassword" raised class="cancel block hide" onclick="UpdatePasswordPage.resetEasyPassword();"><iron-icon icon="lock"></iron-icon><span>${ButtonResetEasyPassword}</span></paper-button>
</div> </div>
</div> </div>
</div> </div>

10
dashboard-ui/userprofiles.html
View file

@ -1,4 +1,4 @@
<div id="userProfilesPage" data-role="page" class="page type-interior userProfilesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="scripts/userprofilespage,paper-button"> <div id="userProfilesPage" data-role="page" class="page type-interior userProfilesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="scripts/userprofilespage,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -6,10 +6,10 @@
<h3 style="margin:.6em 0;vertical-align:middle;display:inline-block;"> <h3 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
<span style="vertical-align:middle;">${HeaderUsers}</span> <span style="vertical-align:middle;">${HeaderUsers}</span>
</h3> </h3>
<paper-button raised class="btnAddUser submit mini" style="margin-left:1em;" title="${ButtonAddUser}"> <button is="emby-button" type="button" class="raised btnAddUser submit mini" style="margin-left:1em;" title="${ButtonAddUser}">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonAdd}</span> <span>${ButtonAdd}</span>
</paper-button> </button>
</div> </div>
<div class="localUsers" style="text-align:left;margin-top:.5em;"></div> <div class="localUsers" style="text-align:left;margin-top:.5em;"></div>
@ -17,10 +17,10 @@
<h3 style="margin:.6em 0;vertical-align:middle;display:inline-block;"> <h3 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
${HeaderGuests} ${HeaderGuests}
</h3> </h3>
<paper-button raised class="btnInvite submit mini" style="margin-left:1em;" title="${ButtonInviteUser}"> <button is="emby-button" type="button" class="raised btnInvite submit mini" style="margin-left:1em;" title="${ButtonInviteUser}">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonAdd}</span> <span>${ButtonAdd}</span>
</paper-button> </button>
</div> </div>
<div class="connectUsers" style="text-align:left;margin-top:.5em;"></div> <div class="connectUsers" style="text-align:left;margin-top:.5em;"></div>

6
dashboard-ui/voice/voicedialog.js
View file

@ -1,4 +1,4 @@
define(['dialogHelper', 'jQuery', 'paper-button'], function (dialogHelper, $) { define(['dialogHelper', 'jQuery', 'emby-button'], function (dialogHelper, $) {
var currentRecognition; var currentRecognition;
var lang = 'en-US'; var lang = 'en-US';
@ -161,12 +161,12 @@ define(['dialogHelper', 'jQuery', 'paper-button'], function (dialogHelper, $) {
html += '<p>' + Globalize.translate('MessageWeDidntRecognizeCommand') + '</p>'; html += '<p>' + Globalize.translate('MessageWeDidntRecognizeCommand') + '</p>';
html += '<br/>'; html += '<br/>';
html += '<paper-button raised class="submit block btnRetry"><iron-icon icon="mic"></iron-icon><span>' + Globalize.translate('ButtonTryAgain') + '</span></paper-button>'; html += '<button is="emby-button" type="button" class="raised submit block btnRetry"><iron-icon icon="mic"></iron-icon><span>' + Globalize.translate('ButtonTryAgain') + '</span></button>';
html += '<p class="blockedMessage" style="display:none;">' + Globalize.translate('MessageIfYouBlockedVoice') + '<br/><br/></p>'; html += '<p class="blockedMessage" style="display:none;">' + Globalize.translate('MessageIfYouBlockedVoice') + '<br/><br/></p>';
html += '</div>'; html += '</div>';
html += '<paper-button raised class="block btnCancelVoiceInput" style="background-color:#444;"><iron-icon icon="close"></iron-icon><span>' + Globalize.translate('ButtonCancel') + '</span></paper-button>'; html += '<button is="emby-button" type="button" class="raised block btnCancelVoiceInput" style="background-color:#444;"><iron-icon icon="close"></iron-icon><span>' + Globalize.translate('ButtonCancel') + '</span></button>';
// voiceHelpContent // voiceHelpContent
html += '</div>'; html += '</div>';

Some files were not shown because too many files have changed in this diff Show more