From f491228119d20b9470325fbe74f0ee113a941cb1 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Mon, 24 Aug 2015 23:13:04 -0400
Subject: [PATCH] add more live tv buttons

---
 dashboard-ui/apiclient/events.js              |   2 -
 .../iron-checked-element-behavior/.bower.json |  45 ++++++
 .../iron-checked-element-behavior/.gitignore  |   1 +
 .../iron-checked-element-behavior/bower.json  |  36 +++++
 .../demo/index.html                           |  39 +++++
 .../demo/simple-checkbox.html                 |  64 ++++++++
 .../iron-checked-element-behavior/index.html  |  30 ++++
 .../iron-checked-element-behavior.html        | 106 ++++++++++++
 .../test/basic.html                           | 125 +++++++++++++++
 .../test/index.html                           |  34 ++++
 .../test/simple-checkbox.html                 |  26 +++
 .../iron-menu-behavior/.bower.json            |   9 +-
 .../iron-menu-behavior/bower.json             |   3 +-
 .../iron-menu-behavior/demo/index.html        | 144 +++++++++--------
 .../iron-menu-behavior/demo/simple-menu.html  |   3 +-
 .../demo/simple-menubar.html                  |   3 +-
 .../iron-menu-behavior.html                   |   7 +-
 .../paper-checkbox/.bower.json                |   9 +-
 .../paper-checkbox/bower.json                 |   3 +-
 .../paper-checkbox/paper-checkbox.css         |   5 +
 .../paper-checkbox/paper-checkbox.html        |  51 ++----
 .../paper-checkbox/test/basic.html            |  32 +++-
 dashboard-ui/channels.html                    |   4 +-
 dashboard-ui/cordova/sharingwidget.js         |  19 +--
 dashboard-ui/css/librarybrowser.css           |   5 -
 dashboard-ui/css/librarymenu.css              |   4 +
 dashboard-ui/css/livetv.css                   |  25 +++
 dashboard-ui/edititemmetadata.html            |   2 +-
 dashboard-ui/index.html                       |   4 +-
 dashboard-ui/livetv.html                      |   4 +-
 dashboard-ui/movies.html                      |   4 +-
 dashboard-ui/photos.html                      |   4 +-
 dashboard-ui/scripts/edititemmetadata.js      |   4 +-
 dashboard-ui/scripts/editorsidebar.js         |   2 +-
 dashboard-ui/scripts/itemdetailpage.js        |   5 +-
 dashboard-ui/scripts/librarybrowser.js        |  21 ++-
 dashboard-ui/scripts/librarylist.js           |  10 ++
 dashboard-ui/scripts/livetvcomponents.js      |  52 +++++-
 dashboard-ui/scripts/livetvguide.js           |   3 +-
 dashboard-ui/scripts/livetvitems.js           |   6 +-
 dashboard-ui/scripts/moviesrecommended.js     |  10 +-
 dashboard-ui/scripts/photos.js                |   9 +-
 dashboard-ui/scripts/site.js                  |   1 +
 dashboard-ui/strings/html/ar.json             |   3 +-
 dashboard-ui/strings/html/bg-BG.json          |   3 +-
 dashboard-ui/strings/html/ca.json             |   3 +-
 dashboard-ui/strings/html/cs.json             |   3 +-
 dashboard-ui/strings/html/da.json             |   3 +-
 dashboard-ui/strings/html/de.json             |  19 +--
 dashboard-ui/strings/html/el.json             |   3 +-
 dashboard-ui/strings/html/en-GB.json          |   3 +-
 dashboard-ui/strings/html/en-US.json          |   3 +-
 dashboard-ui/strings/html/es-AR.json          |   3 +-
 dashboard-ui/strings/html/es-MX.json          |  13 +-
 dashboard-ui/strings/html/es.json             |   3 +-
 dashboard-ui/strings/html/fi.json             |   3 +-
 dashboard-ui/strings/html/fr.json             |   3 +-
 dashboard-ui/strings/html/gsw.json            |   3 +-
 dashboard-ui/strings/html/he.json             |   3 +-
 dashboard-ui/strings/html/hr.json             |   3 +-
 dashboard-ui/strings/html/it.json             |   3 +-
 dashboard-ui/strings/html/kk.json             |   3 +-
 dashboard-ui/strings/html/ko.json             |   3 +-
 dashboard-ui/strings/html/ms.json             |   3 +-
 dashboard-ui/strings/html/nb.json             |   3 +-
 dashboard-ui/strings/html/nl.json             |  11 +-
 dashboard-ui/strings/html/pl.json             |   3 +-
 dashboard-ui/strings/html/pt-BR.json          |  11 +-
 dashboard-ui/strings/html/pt-PT.json          |   3 +-
 dashboard-ui/strings/html/ro.json             |   3 +-
 dashboard-ui/strings/html/ru.json             |   3 +-
 dashboard-ui/strings/html/sl-SI.json          |   3 +-
 dashboard-ui/strings/html/sv.json             |   3 +-
 dashboard-ui/strings/html/tr.json             |   3 +-
 dashboard-ui/strings/html/uk.json             |   3 +-
 dashboard-ui/strings/html/vi.json             |   3 +-
 dashboard-ui/strings/html/zh-CN.json          |   3 +-
 dashboard-ui/strings/html/zh-TW.json          |   3 +-
 dashboard-ui/strings/javascript/ar.json       |   3 +-
 dashboard-ui/strings/javascript/bg-BG.json    |   3 +-
 dashboard-ui/strings/javascript/ca.json       |   3 +-
 dashboard-ui/strings/javascript/cs.json       |   3 +-
 dashboard-ui/strings/javascript/da.json       |   3 +-
 dashboard-ui/strings/javascript/de.json       |   9 +-
 dashboard-ui/strings/javascript/el.json       |   3 +-
 dashboard-ui/strings/javascript/en-GB.json    |   3 +-
 dashboard-ui/strings/javascript/en-US.json    |   3 +-
 dashboard-ui/strings/javascript/es-AR.json    |   3 +-
 dashboard-ui/strings/javascript/es-MX.json    |   5 +-
 dashboard-ui/strings/javascript/es.json       |   3 +-
 dashboard-ui/strings/javascript/fi.json       |   3 +-
 dashboard-ui/strings/javascript/fr.json       |   3 +-
 dashboard-ui/strings/javascript/gsw.json      |   3 +-
 dashboard-ui/strings/javascript/he.json       |   3 +-
 dashboard-ui/strings/javascript/hr.json       |   3 +-
 dashboard-ui/strings/javascript/it.json       |   3 +-
 .../strings/javascript/javascript.json        |   3 +-
 dashboard-ui/strings/javascript/kk.json       |   3 +-
 dashboard-ui/strings/javascript/ms.json       |   3 +-
 dashboard-ui/strings/javascript/nb.json       |   3 +-
 dashboard-ui/strings/javascript/nl.json       |   3 +-
 dashboard-ui/strings/javascript/pl.json       |   3 +-
 dashboard-ui/strings/javascript/pt-BR.json    |   3 +-
 dashboard-ui/strings/javascript/pt-PT.json    |   3 +-
 dashboard-ui/strings/javascript/ro.json       |   3 +-
 dashboard-ui/strings/javascript/ru.json       |   3 +-
 dashboard-ui/strings/javascript/sl-SI.json    |   3 +-
 dashboard-ui/strings/javascript/sv.json       |   3 +-
 dashboard-ui/strings/javascript/tr.json       |   3 +-
 dashboard-ui/strings/javascript/uk.json       |   3 +-
 dashboard-ui/strings/javascript/vi.json       |   3 +-
 dashboard-ui/strings/javascript/zh-CN.json    |   3 +-
 dashboard-ui/strings/javascript/zh-TW.json    |   3 +-
 dashboard-ui/vulcanize-out.html               | 151 +++++++++++++-----
 114 files changed, 1076 insertions(+), 310 deletions(-)
 create mode 100644 dashboard-ui/bower_components/iron-checked-element-behavior/.bower.json
 create mode 100644 dashboard-ui/bower_components/iron-checked-element-behavior/.gitignore
 create mode 100644 dashboard-ui/bower_components/iron-checked-element-behavior/bower.json
 create mode 100644 dashboard-ui/bower_components/iron-checked-element-behavior/demo/index.html
 create mode 100644 dashboard-ui/bower_components/iron-checked-element-behavior/demo/simple-checkbox.html
 create mode 100644 dashboard-ui/bower_components/iron-checked-element-behavior/index.html
 create mode 100644 dashboard-ui/bower_components/iron-checked-element-behavior/iron-checked-element-behavior.html
 create mode 100644 dashboard-ui/bower_components/iron-checked-element-behavior/test/basic.html
 create mode 100644 dashboard-ui/bower_components/iron-checked-element-behavior/test/index.html
 create mode 100644 dashboard-ui/bower_components/iron-checked-element-behavior/test/simple-checkbox.html

diff --git a/dashboard-ui/apiclient/events.js b/dashboard-ui/apiclient/events.js
index 115eadd297..a95ba74f3a 100644
--- a/dashboard-ui/apiclient/events.js
+++ b/dashboard-ui/apiclient/events.js
@@ -4,13 +4,11 @@
 
         on: function (obj, eventName, selector, fn) {
 
-            Logger.log('event.on ' + eventName);
             jQuery(obj).on(eventName, selector, fn);
         },
 
         off: function (obj, eventName, selector, fn) {
 
-            Logger.log('event.off ' + eventName);
             jQuery(obj).off(eventName, selector, fn);
         },
 
diff --git a/dashboard-ui/bower_components/iron-checked-element-behavior/.bower.json b/dashboard-ui/bower_components/iron-checked-element-behavior/.bower.json
new file mode 100644
index 0000000000..41779b5fcb
--- /dev/null
+++ b/dashboard-ui/bower_components/iron-checked-element-behavior/.bower.json
@@ -0,0 +1,45 @@
+{
+  "name": "iron-checked-element-behavior",
+  "version": "1.0.1",
+  "description": "Implements an element that has a checked attribute and can be added to a form",
+  "authors": "The Polymer Authors",
+  "keywords": [
+    "web-components",
+    "polymer",
+    "iron",
+    "behavior"
+  ],
+  "main": [
+    "iron-checked-element-behavior.html"
+  ],
+  "private": true,
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/iron-checked-element-behavior.git"
+  },
+  "license": "http://polymer.github.io/LICENSE.txt",
+  "homepage": "https://github.com/PolymerElements/iron-checked-element-behavior",
+  "ignore": [],
+  "dependencies": {
+    "polymer": "Polymer/polymer#^1.0.0",
+    "iron-validatable-behavior": "PolymerElements/iron-validatable-behavior#^1.0.0",
+    "iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#^1.0.0"
+  },
+  "devDependencies": {
+    "paper-styles": "PolymerElements/paper-styles#^1.0.0",
+    "paper-button": "PolymerElements/paper-button#^1.0.0",
+    "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
+    "test-fixture": "PolymerElements/test-fixture#^1.0.0",
+    "web-component-tester": "*",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
+  },
+  "_release": "1.0.1",
+  "_resolution": {
+    "type": "version",
+    "tag": "v1.0.1",
+    "commit": "c680a5f6a61bd1fb52a691d7ee763f679414615e"
+  },
+  "_source": "git://github.com/PolymerElements/iron-checked-element-behavior.git",
+  "_target": "^1.0.0",
+  "_originalSource": "PolymerElements/iron-checked-element-behavior"
+}
\ No newline at end of file
diff --git a/dashboard-ui/bower_components/iron-checked-element-behavior/.gitignore b/dashboard-ui/bower_components/iron-checked-element-behavior/.gitignore
new file mode 100644
index 0000000000..8d4ae2536a
--- /dev/null
+++ b/dashboard-ui/bower_components/iron-checked-element-behavior/.gitignore
@@ -0,0 +1 @@
+bower_components
diff --git a/dashboard-ui/bower_components/iron-checked-element-behavior/bower.json b/dashboard-ui/bower_components/iron-checked-element-behavior/bower.json
new file mode 100644
index 0000000000..e9a24014bb
--- /dev/null
+++ b/dashboard-ui/bower_components/iron-checked-element-behavior/bower.json
@@ -0,0 +1,36 @@
+{
+  "name": "iron-checked-element-behavior",
+  "version": "1.0.1",
+  "description": "Implements an element that has a checked attribute and can be added to a form",
+  "authors": "The Polymer Authors",
+  "keywords": [
+    "web-components",
+    "polymer",
+    "iron",
+    "behavior"
+  ],
+  "main": [
+    "iron-checked-element-behavior.html"
+  ],
+  "private": true,
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/iron-checked-element-behavior.git"
+  },
+  "license": "http://polymer.github.io/LICENSE.txt",
+  "homepage": "https://github.com/PolymerElements/iron-checked-element-behavior",
+  "ignore": [],
+  "dependencies": {
+    "polymer": "Polymer/polymer#^1.0.0",
+    "iron-validatable-behavior": "PolymerElements/iron-validatable-behavior#^1.0.0",
+    "iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#^1.0.0"
+  },
+  "devDependencies": {
+    "paper-styles": "PolymerElements/paper-styles#^1.0.0",
+    "paper-button": "PolymerElements/paper-button#^1.0.0",
+    "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
+    "test-fixture": "PolymerElements/test-fixture#^1.0.0",
+    "web-component-tester": "*",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
+  }
+}
diff --git a/dashboard-ui/bower_components/iron-checked-element-behavior/demo/index.html b/dashboard-ui/bower_components/iron-checked-element-behavior/demo/index.html
new file mode 100644
index 0000000000..788a64f001
--- /dev/null
+++ b/dashboard-ui/bower_components/iron-checked-element-behavior/demo/index.html
@@ -0,0 +1,39 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
+
+  <title>iron-checked-element-behavior demo</title>
+
+  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../../paper-styles/demo-pages.html">
+  <link rel="import" href="simple-checkbox.html">
+</head>
+<body unresolved>
+  <div class="horizontal-section-container">
+    <div>
+      <h4>Not required</h4>
+      <div class="horizontal-section">
+        <simple-checkbox></simple-checkbox>
+      </div>
+    </div>
+    <div>
+      <h4>Required</h4>
+      <div class="horizontal-section">
+        <simple-checkbox required></simple-checkbox>
+      </div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/dashboard-ui/bower_components/iron-checked-element-behavior/demo/simple-checkbox.html b/dashboard-ui/bower_components/iron-checked-element-behavior/demo/simple-checkbox.html
new file mode 100644
index 0000000000..fd99c98a48
--- /dev/null
+++ b/dashboard-ui/bower_components/iron-checked-element-behavior/demo/simple-checkbox.html
@@ -0,0 +1,64 @@
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+
+<link rel="import" href="../../polymer/polymer.html">
+<link rel="import" href="../../paper-button/paper-button.html">
+<link rel="import" href="../iron-checked-element-behavior.html">
+
+<dom-module id="simple-checkbox">
+  <style>
+    :host {
+      display: block;
+    }
+
+    :host([invalid]) span {
+      color: red;
+    }
+
+    #labelText {
+      display: inline-block;
+      width: 100px;
+    }
+  </style>
+  <template>
+    <input type="checkbox" id="checkbox" on-tap="_onCheckTap">
+    <span id="labelText">{{label}}</span>
+    <paper-button raised on-click="_onClick">validate</paper-button>
+
+  </template>
+  <script>
+    Polymer({
+
+      is: 'simple-checkbox',
+
+      behaviors: [
+        Polymer.IronCheckedElementBehavior
+      ],
+
+      properties: {
+        label: {
+          type: String,
+          value: 'not validated'
+        }
+      },
+
+      _onCheckTap: function() {
+        this.checked = this.$.checkbox.checked;
+      },
+
+      _onClick: function() {
+        this.validate();
+        this.label = this.invalid ? 'is invalid' : 'is valid';
+      }
+    });
+
+  </script>
+
+  </dom-module>
diff --git a/dashboard-ui/bower_components/iron-checked-element-behavior/index.html b/dashboard-ui/bower_components/iron-checked-element-behavior/index.html
new file mode 100644
index 0000000000..1975dc5a75
--- /dev/null
+++ b/dashboard-ui/bower_components/iron-checked-element-behavior/index.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
+
+  <title>iron-checked-element-behavior</title>
+
+  <script src="../webcomponentsjs/webcomponents-lite.js"></script>
+
+  <link rel="import" href="../polymer/polymer.html">
+  <link rel="import" href="../iron-component-page/iron-component-page.html">
+
+</head>
+<body>
+
+  <iron-component-page></iron-component-page>
+
+</body>
+</html>
diff --git a/dashboard-ui/bower_components/iron-checked-element-behavior/iron-checked-element-behavior.html b/dashboard-ui/bower_components/iron-checked-element-behavior/iron-checked-element-behavior.html
new file mode 100644
index 0000000000..5c90aeca25
--- /dev/null
+++ b/dashboard-ui/bower_components/iron-checked-element-behavior/iron-checked-element-behavior.html
@@ -0,0 +1,106 @@
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+
+<link rel="import" href="../polymer/polymer.html">
+<link rel="import" href="../iron-validatable-behavior/iron-validatable-behavior.html">
+<link rel="import" href="../iron-form-element-behavior/iron-form-element-behavior.html">
+
+<script>
+
+  /**
+   * Use `Polymer.IronCheckedElementBehavior` to implement a custom element
+   * that has a `checked` property, which can be used for validation if the
+   * element is also `required`. Element instances implementing this behavior
+   * will also be registered for use in an `iron-form` element.
+   *
+   * @demo demo/index.html
+   * @polymerBehavior Polymer.IronCheckedElementBehavior
+   */
+  Polymer.IronCheckedElementBehaviorImpl = {
+
+    properties: {
+      /**
+       * Fired when the checked state changes.
+       *
+       * @event iron-change
+       */
+
+      /**
+       * Gets or sets the state, `true` is checked and `false` is unchecked.
+       */
+      checked: {
+        type: Boolean,
+        value: false,
+        reflectToAttribute: true,
+        notify: true,
+        observer: '_checkedChanged'
+      },
+
+      /**
+       * If true, the button toggles the active state with each tap or press
+       * of the spacebar.
+       */
+      toggles: {
+        type: Boolean,
+        value: true,
+        reflectToAttribute: true
+      },
+
+      /* Overriden from Polymer.IronFormElementBehavior */
+      value: {
+        type: String,
+        value: ''
+      }
+    },
+
+    observers: [
+      '_requiredChanged(required)'
+    ],
+
+    /**
+     * Returns false if the element is required and not checked, and true otherwise.
+     * @return {Boolean} true if `required` is false, or if `required` and `checked` are both true.
+     */
+    _getValidity: function() {
+      return this.disabled || !this.required || (this.required && this.checked);
+    },
+
+    /**
+     * Update the aria-required label when `required` is changed.
+     */
+    _requiredChanged: function() {
+      if (this.required) {
+        this.setAttribute('aria-required', 'true');
+      } else {
+        this.removeAttribute('aria-required');
+      }
+    },
+
+    /**
+     * Update the element's value when checked.
+     */
+    _checkedChanged: function() {
+      this.active = this.checked;
+      // Unless the user has specified a value, a checked element has the
+      // default value "on" when checked.
+      if (this.value === '')
+        this.value = this.checked ? 'on' : '';
+      this.fire('iron-change');
+    }
+  };
+
+  /** @polymerBehavior Polymer.IronCheckedElementBehavior */
+  Polymer.IronCheckedElementBehavior = [
+    Polymer.IronFormElementBehavior,
+    Polymer.IronValidatableBehavior,
+    Polymer.IronCheckedElementBehaviorImpl
+  ];
+
+</script>
diff --git a/dashboard-ui/bower_components/iron-checked-element-behavior/test/basic.html b/dashboard-ui/bower_components/iron-checked-element-behavior/test/basic.html
new file mode 100644
index 0000000000..af0c5ee31e
--- /dev/null
+++ b/dashboard-ui/bower_components/iron-checked-element-behavior/test/basic.html
@@ -0,0 +1,125 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title>iron-checked-element-behavior basic tests</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+  <script src="../../webcomponentsjs/webcomponents.js"></script>
+  <script src="../../web-component-tester/browser.js"></script>
+  <script src="../../test-fixture/test-fixture-mocha.js"></script>
+
+  <link href="../../test-fixture/test-fixture.html" rel="import">
+  <link href="../../iron-meta/iron-meta.html" rel="import">
+  <link href="simple-checkbox.html" rel="import">
+
+</head>
+<body>
+
+  <test-fixture id="basic">
+    <template>
+      <simple-checkbox></simple-checkbox>
+    </template>
+  </test-fixture>
+
+  <test-fixture id="checked">
+    <template>
+      <simple-checkbox checked></simple-checkbox>
+    </template>
+  </test-fixture>
+
+  <test-fixture id="with-value">
+    <template>
+      <simple-checkbox value="batman"></simple-checkbox>
+    </template>
+  </test-fixture>
+
+  <script>
+
+    suite('basic', function() {
+      test('can be checked', function() {
+        var c = fixture('basic');
+        assert.isFalse(c.checked);
+        c.checked = true;
+        assert.isTrue(c.checked);
+      });
+
+      test('can be unchecked', function() {
+        var c = fixture('checked');
+        assert.isTrue(c.checked);
+        c.checked = false;
+        assert.isFalse(c.checked);
+      });
+
+      test('invalid if required and not checked', function() {
+        var c = fixture('basic');
+        c.required = true;
+        assert.isFalse(c.checked);
+        assert.isFalse(c.validate());
+        assert.isTrue(c.invalid);
+      });
+
+      test('valid if required and checked', function() {
+        var c = fixture('basic');
+        c.required = true;
+        c.checked = true;
+        assert.isTrue(c.checked);
+        assert.isTrue(c.validate());
+        assert.isFalse(c.invalid);
+      });
+
+      test('valid if not required and not checked', function() {
+        var c = fixture('basic');
+        assert.isFalse(c.checked);
+        assert.isTrue(c.validate());
+        assert.isFalse(c.invalid);
+      });
+
+      test('has a default value of "on" when checked', function() {
+        var c = fixture('basic');
+        assert.isTrue(c.value === '');
+
+        c.checked = true;
+        assert.isTrue(c.value === 'on');
+      });
+
+      test('does not stomp over user defined value when checked', function() {
+        var c = fixture('with-value');
+        assert.isTrue(c.value === 'batman');
+
+        c.checked = true;
+        assert.isTrue(c.value === 'batman');
+      });
+    });
+
+    suite('a11y', function() {
+      test('setting `required` sets `aria-required=true`', function() {
+        var c = fixture('basic');
+        c.required = true;
+        assert.equal(c.getAttribute('aria-required'), 'true');
+        c.required = false;
+        assert.isFalse(c.hasAttribute('aria-required'));
+      });
+
+      test('setting `invalid` sets `aria-invalid=true`', function() {
+        var c = fixture('basic');
+        c.invalid = true;
+        assert.equal(c.getAttribute('aria-invalid'), 'true');
+        c.invalid = false;
+        assert.isFalse(c.hasAttribute('aria-invalid'));
+      });
+    });
+
+  </script>
+
+</body>
+</html>
diff --git a/dashboard-ui/bower_components/iron-checked-element-behavior/test/index.html b/dashboard-ui/bower_components/iron-checked-element-behavior/test/index.html
new file mode 100644
index 0000000000..ec355dcb61
--- /dev/null
+++ b/dashboard-ui/bower_components/iron-checked-element-behavior/test/index.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+  <head>
+
+    <title>iron-checked-element-behavior tests</title>
+
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
+
+    <script src="../../web-component-tester/browser.js"></script>
+
+  </head>
+  <body>
+
+    <script>
+
+      WCT.loadSuites([
+        'basic.html'
+      ]);
+
+    </script>
+
+  </body>
+</html>
diff --git a/dashboard-ui/bower_components/iron-checked-element-behavior/test/simple-checkbox.html b/dashboard-ui/bower_components/iron-checked-element-behavior/test/simple-checkbox.html
new file mode 100644
index 0000000000..95228faeca
--- /dev/null
+++ b/dashboard-ui/bower_components/iron-checked-element-behavior/test/simple-checkbox.html
@@ -0,0 +1,26 @@
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+
+<link rel="import" href="../../polymer/polymer.html">
+<link rel="import" href="../iron-checked-element-behavior.html">
+
+<script>
+
+  Polymer({
+
+    is: 'simple-checkbox',
+
+    behaviors: [
+      Polymer.IronCheckedElementBehavior
+    ]
+
+  });
+
+</script>
diff --git a/dashboard-ui/bower_components/iron-menu-behavior/.bower.json b/dashboard-ui/bower_components/iron-menu-behavior/.bower.json
index 052cd1c2bb..744b5d8785 100644
--- a/dashboard-ui/bower_components/iron-menu-behavior/.bower.json
+++ b/dashboard-ui/bower_components/iron-menu-behavior/.bower.json
@@ -1,6 +1,6 @@
 {
   "name": "iron-menu-behavior",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Provides accessible menu behavior",
   "authors": "The Polymer Authors",
   "keywords": [
@@ -24,16 +24,17 @@
     "iron-a11y-keys-behavior": "polymerelements/iron-a11y-keys-behavior#^1.0.0"
   },
   "devDependencies": {
+    "paper-styles": "polymerelements/paper-styles#^1.0.2",
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
     "test-fixture": "PolymerElements/test-fixture#^1.0.0",
     "web-component-tester": "*",
     "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
   },
-  "_release": "1.0.1",
+  "_release": "1.0.2",
   "_resolution": {
     "type": "version",
-    "tag": "v1.0.1",
-    "commit": "3809f0eb7461c8ca63640aaa238775b3a25aa578"
+    "tag": "v1.0.2",
+    "commit": "c9d6c3f4f69f4219fe007a1c703b77239184e834"
   },
   "_source": "git://github.com/polymerelements/iron-menu-behavior.git",
   "_target": "^1.0.0",
diff --git a/dashboard-ui/bower_components/iron-menu-behavior/bower.json b/dashboard-ui/bower_components/iron-menu-behavior/bower.json
index f0d453c1bd..02465c6485 100644
--- a/dashboard-ui/bower_components/iron-menu-behavior/bower.json
+++ b/dashboard-ui/bower_components/iron-menu-behavior/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "iron-menu-behavior",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Provides accessible menu behavior",
   "authors": "The Polymer Authors",
   "keywords": [
@@ -24,6 +24,7 @@
     "iron-a11y-keys-behavior": "polymerelements/iron-a11y-keys-behavior#^1.0.0"
   },
   "devDependencies": {
+    "paper-styles": "polymerelements/paper-styles#^1.0.2",
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
     "test-fixture": "PolymerElements/test-fixture#^1.0.0",
     "web-component-tester": "*",
diff --git a/dashboard-ui/bower_components/iron-menu-behavior/demo/index.html b/dashboard-ui/bower_components/iron-menu-behavior/demo/index.html
index 6e64d2a2c2..8148abb1fc 100644
--- a/dashboard-ui/bower_components/iron-menu-behavior/demo/index.html
+++ b/dashboard-ui/bower_components/iron-menu-behavior/demo/index.html
@@ -1,12 +1,12 @@
 <!doctype html>
 <!--
-  @license
-  Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
-  This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-  The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-  The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-  Code distributed by Google as part of the polymer project is also
-  subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 -->
 <html>
 <head>
@@ -19,82 +19,94 @@
 
   <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
 
+  <link rel="import" href="../../paper-styles/paper-styles.html">
+  <link rel="import" href="../../paper-styles/demo-pages.html">
   <link rel="import" href="simple-menu.html">
   <link rel="import" href="simple-menubar.html">
 
-  <link rel="stylesheet" href="../../paper-styles/demo.css">
-
-  <style>
-
-    .list {
+  <style is="custom-style">
+    simple-menu,
+    simple-menubar {
       display: inline-block;
-      border: 1px solid #ccc;
-      padding: 8px 0;
+      width: 100%;
     }
 
-    .list li {
+    simple-menu li {
       display: block;
-      padding: 8px;
+      padding: 15px 20px;
     }
 
-    .list li[disabled] {
-      color: #ccc;
+    simple-menubar li {
+      padding: 15px 20px;
     }
 
+    simple-menu li[disabled],
+    simple-menubar li[disabled] {
+      color: var(--google-grey-300);
+    }
+
+    .horizontal-section {
+      padding: 0;
+      margin-bottom: 20px;
+    }
+
+    .row {
+      height: 120px;
+    }
   </style>
 </head>
 <body>
 
-  <section>
+  <div class="horizontal center-justified layout">
+    <div>
+      <h3>Simple menu</h3>
+      <div class="horizontal-section">
+        <simple-menu>
+          <li>item 0</li>
+          <li>item 1</li>
+          <li disabled>item 2</li>
+          <li>item 3</li>
+        </simple-menu>
+      </div>
+    </div>
 
-    <div>Simple menu</div>
+    <div>
+      <h3>Multi-select menu</h3>
+      <div class="horizontal-section">
+        <simple-menu multi>
+          <li>item 0</li>
+          <li>item 1</li>
+          <li>item 2</li>
+          <li>item 3</li>
+        </simple-menu>
+      </div>
+    </div>
 
-    <simple-menu class="list">
-      <li>item 0</li>
-      <li>item 1</li>
-      <li disabled>item 2</li>
-      <li>item 3</li>
-    </simple-menu>
+    <div>
+      <div class="row">
+        <h3>Simple menubar</h3>
+        <div class="horizontal-section">
+          <simple-menubar>
+            <li>item 0</li>
+            <li>item 1</li>
+            <li disabled>item 2</li>
+            <li>item 3</li>
+          </simple-menubar>
+        </div>
+      </div>
+      <div class="row">
+        <h3>Multi-select menubar</h3>
+        <div class="horizontal-section">
+          <simple-menubar multi>
+            <li>item 0</li>
+            <li>item 1</li>
+            <li>item 2</li>
+            <li>item 3</li>
+          </simple-menubar>
+        </div>
+      </div>
+    </div>
 
-  </section>
-
-  <section>
-
-    <div>Multi-select menu</div>
-
-    <simple-menu class="list" multi>
-      <li>item 0</li>
-      <li>item 1</li>
-      <li>item 2</li>
-      <li>item 3</li>
-      <li>item 4</li>
-    </simple-menu>
-
-  </section>
-
-  <section>
-
-    <div>Simple menubar</div>
-
-    <simple-menubar class="list">
-      <li>item 0</li>
-      <li>item 1</li>
-      <li disabled>item 2</li>
-      <li>item 3</li>
-    </simple-menubar>
-
-  </section>
-
-  <section>
-    <div>Multi-select menubar</div>
-
-    <simple-menubar class="list" multi>
-      <li>item 0</li>
-      <li>item 1</li>
-      <li>item 2</li>
-      <li>item 3</li>
-      <li>item 4</li>
-    </simple-menubar>
-  </section>
+  </div>
 </body>
 </html>
diff --git a/dashboard-ui/bower_components/iron-menu-behavior/demo/simple-menu.html b/dashboard-ui/bower_components/iron-menu-behavior/demo/simple-menu.html
index cd1c7cf113..307aa07a61 100644
--- a/dashboard-ui/bower_components/iron-menu-behavior/demo/simple-menu.html
+++ b/dashboard-ui/bower_components/iron-menu-behavior/demo/simple-menu.html
@@ -16,7 +16,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
   <style>
 
     .content ::content > .iron-selected {
-      color: red;
+      color: white;
+      background-color: var(--google-blue-500);
     }
 
   </style>
diff --git a/dashboard-ui/bower_components/iron-menu-behavior/demo/simple-menubar.html b/dashboard-ui/bower_components/iron-menu-behavior/demo/simple-menubar.html
index ad38ecf3d9..0d5da1f647 100644
--- a/dashboard-ui/bower_components/iron-menu-behavior/demo/simple-menubar.html
+++ b/dashboard-ui/bower_components/iron-menu-behavior/demo/simple-menubar.html
@@ -16,7 +16,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
   <style>
 
     .content ::content > .iron-selected {
-      color: red;
+      color: white;
+      background-color: var(--google-red-500);
     }
 
     .content ::content > * {
diff --git a/dashboard-ui/bower_components/iron-menu-behavior/iron-menu-behavior.html b/dashboard-ui/bower_components/iron-menu-behavior/iron-menu-behavior.html
index aa58c7fe6b..2319552350 100644
--- a/dashboard-ui/bower_components/iron-menu-behavior/iron-menu-behavior.html
+++ b/dashboard-ui/bower_components/iron-menu-behavior/iron-menu-behavior.html
@@ -26,9 +26,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
 
       /**
        * Returns the currently focused item.
-       *
-       * @attribute focusedItem
-       * @type Object
        */
       focusedItem: {
         observer: '_focusedItemChanged',
@@ -40,9 +37,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
        * The attribute to use on menu items to look up the item title. Typing the first
        * letter of an item when the menu is open focuses that item. If unset, `textContent`
        * will be used.
-       *
-       * @attribute attrForItemTitle
-       * @type String
        */
       attrForItemTitle: {
         type: String
@@ -119,6 +113,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
         this._defaultFocusAsync = null;
       }
       var item = this._valueToItem(value);
+      if (item && item.hasAttribute('disabled')) return;
       this._setFocusedItem(item);
       Polymer.IronMultiSelectableBehaviorImpl.select.apply(this, arguments);
     },
diff --git a/dashboard-ui/bower_components/paper-checkbox/.bower.json b/dashboard-ui/bower_components/paper-checkbox/.bower.json
index 6a69f2cd33..462dcd4515 100644
--- a/dashboard-ui/bower_components/paper-checkbox/.bower.json
+++ b/dashboard-ui/bower_components/paper-checkbox/.bower.json
@@ -1,6 +1,6 @@
 {
   "name": "paper-checkbox",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "A material design checkbox",
   "authors": [
     "The Polymer Authors"
@@ -32,13 +32,14 @@
     "paper-ripple": "PolymerElements/paper-ripple#^1.0.0",
     "paper-styles": "PolymerElements/paper-styles#^1.0.0",
     "paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0",
+    "iron-checked-element-behavior": "PolymerElements/iron-checked-element-behavior#^1.0.0",
     "polymer": "Polymer/polymer#^1.0.0"
   },
-  "_release": "1.0.7",
+  "_release": "1.0.8",
   "_resolution": {
     "type": "version",
-    "tag": "v1.0.7",
-    "commit": "129dc6c91e82978b38790061971cbae04f71fc9c"
+    "tag": "v1.0.8",
+    "commit": "7ad629545e5eff1d3e2d8e8d468732515ed490a0"
   },
   "_source": "git://github.com/PolymerElements/paper-checkbox.git",
   "_target": "~1.0.5",
diff --git a/dashboard-ui/bower_components/paper-checkbox/bower.json b/dashboard-ui/bower_components/paper-checkbox/bower.json
index 5f52473ab5..af04be3f59 100644
--- a/dashboard-ui/bower_components/paper-checkbox/bower.json
+++ b/dashboard-ui/bower_components/paper-checkbox/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "paper-checkbox",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "A material design checkbox",
   "authors": [
     "The Polymer Authors"
@@ -32,6 +32,7 @@
     "paper-ripple": "PolymerElements/paper-ripple#^1.0.0",
     "paper-styles": "PolymerElements/paper-styles#^1.0.0",
     "paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0",
+    "iron-checked-element-behavior": "PolymerElements/iron-checked-element-behavior#^1.0.0",
     "polymer": "Polymer/polymer#^1.0.0"
   }
 }
diff --git a/dashboard-ui/bower_components/paper-checkbox/paper-checkbox.css b/dashboard-ui/bower_components/paper-checkbox/paper-checkbox.css
index 3db366b71b..26d285c1e5 100644
--- a/dashboard-ui/bower_components/paper-checkbox/paper-checkbox.css
+++ b/dashboard-ui/bower_components/paper-checkbox/paper-checkbox.css
@@ -150,3 +150,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
 :host([disabled]) #checkboxLabel  {
   opacity: 0.65;
 }
+
+/* invalid state */
+#checkbox.invalid:not(.checked) {
+  border-color: var(--paper-checkbox-error-color, --google-red-500);
+}
diff --git a/dashboard-ui/bower_components/paper-checkbox/paper-checkbox.html b/dashboard-ui/bower_components/paper-checkbox/paper-checkbox.html
index 1d598f4ffe..b1f3db1dd4 100644
--- a/dashboard-ui/bower_components/paper-checkbox/paper-checkbox.html
+++ b/dashboard-ui/bower_components/paper-checkbox/paper-checkbox.html
@@ -11,8 +11,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="../paper-ripple/paper-ripple.html">
 <link rel="import" href="../paper-styles/default-theme.html">
+<link rel="import" href="../paper-styles/color.html">
 <link rel="import" href="../paper-behaviors/paper-inky-focus-behavior.html">
-
+<link rel="import" href="../iron-checked-element-behavior/iron-checked-element-behavior.html">
 <!--
 
 `paper-checkbox` is a button that can be either checked or unchecked.  User
@@ -40,6 +41,7 @@ Custom property | Description | Default
 `--paper-checkbox-checked-ink-color` | Selected/focus ripple color when the input is checked | `--default-primary-color`
 `--paper-checkbox-checkmark-color` | Checkmark color | `white`
 `--paper-checkbox-label-color` | Label color | `--primary-text-color`
+`--paper-checkbox-error-color` | Checkbox color when invalid | `--google-red-500`
 
 @demo demo/index.html
 -->
@@ -51,7 +53,7 @@ Custom property | Description | Default
 
     <div id="checkboxContainer">
       <paper-ripple id="ink" class="circle" center checked$="[[checked]]"></paper-ripple>
-      <div id="checkbox" class$="[[_computeCheckboxClass(checked)]]">
+      <div id="checkbox" class$="[[_computeCheckboxClass(checked, invalid)]]">
         <div id="checkmark" class$="[[_computeCheckmarkClass(checked)]]"></div>
       </div>
     </div>
@@ -65,7 +67,8 @@ Custom property | Description | Default
       is: 'paper-checkbox',
 
       behaviors: [
-        Polymer.PaperInkyFocusBehavior
+        Polymer.PaperInkyFocusBehavior,
+        Polymer.IronCheckedElementBehavior
       ],
 
       hostAttributes: {
@@ -87,25 +90,8 @@ Custom property | Description | Default
          * @event iron-change
          */
 
-        /**
-         * Gets or sets the state, `true` is checked and `false` is unchecked.
-         */
-        checked: {
-          type: Boolean,
-          value: false,
-          reflectToAttribute: true,
-          notify: true,
-          observer: '_checkedChanged'
-        },
-
-        /**
-         * If true, the button toggles the active state with each tap or press
-         * of the spacebar.
-         */
-        toggles: {
-          type: Boolean,
-          value: true,
-          reflectToAttribute: true
+        ariaActiveAttribute: {
+          value: 'aria-checked'
         }
       },
 
@@ -141,24 +127,19 @@ Custom property | Description | Default
         }
       },
 
-      _checkedChanged: function(checked) {
-        this.setAttribute('aria-checked', this.checked ? 'true' : 'false');
-        this.active = this.checked;
-        this.fire('iron-change');
-      },
-
-      _computeCheckboxClass: function(checked) {
+      _computeCheckboxClass: function(checked, invalid) {
+        var className = '';
         if (checked) {
-          return 'checked';
+          className += 'checked ';
         }
-        return '';
+        if (invalid) {
+          className += 'invalid';
+        }
+        return className;
       },
 
       _computeCheckmarkClass: function(checked) {
-        if (!checked) {
-          return 'hidden';
-        }
-        return '';
+        return checked ? '' : 'hidden';
       }
     })
   </script>
diff --git a/dashboard-ui/bower_components/paper-checkbox/test/basic.html b/dashboard-ui/bower_components/paper-checkbox/test/basic.html
index f4ee7d644d..a497e61a2c 100644
--- a/dashboard-ui/bower_components/paper-checkbox/test/basic.html
+++ b/dashboard-ui/bower_components/paper-checkbox/test/basic.html
@@ -50,31 +50,51 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
         c1 = fixture('NoLabel');
       });
 
-      test('check checkbox via click', function() {
+      test('check checkbox via click', function(done) {
         c1.addEventListener('click', function() {
           assert.isTrue(c1.getAttribute('aria-checked') == 'true');
           assert.isTrue(c1.checked);
+          done();
         });
         MockInteractions.tap(c1);
       });
 
-      test('toggle checkbox via click', function() {
+      test('toggle checkbox via click', function(done) {
         c1.checked = true;
         c1.addEventListener('click', function() {
           assert.isFalse(c1.getAttribute('aria-checked') != 'false');
           assert.isFalse(c1.checked);
+          done();
         });
         MockInteractions.tap(c1);
       });
 
-      test('disabled checkbox cannot be clicked', function() {
+      test('disabled checkbox cannot be clicked', function(done) {
         c1.disabled = true;
         c1.checked = true;
-        c1.addEventListener('click', function() {
+        MockInteractions.tap(c1);
+        setTimeout(function() {
           assert.isTrue(c1.getAttribute('aria-checked') == 'true');
           assert.isTrue(c1.checked);
-        });
-        MockInteractions.tap(c1);
+          done();
+        }, 1);
+      });
+
+      test('checkbox can be validated', function() {
+        c1.required = true;
+        assert.isFalse(c1.validate());
+
+        c1.checked = true;
+        assert.isTrue(c1.validate());
+      });
+
+      test('disabled checkbox is always valid', function() {
+        c1.disabled = true;
+        c1.required = true;
+        assert.isTrue(c1.validate());
+
+        c1.checked = true;
+        assert.isTrue(c1.validate());
       });
 
       test('checkbox label can be updated', function() {
diff --git a/dashboard-ui/channels.html b/dashboard-ui/channels.html
index 2eb48e62ff..ca7380ea7a 100644
--- a/dashboard-ui/channels.html
+++ b/dashboard-ui/channels.html
@@ -7,11 +7,11 @@
     <div id="channelsPage" data-role="page" class="page libraryPage channelsPage pageWithAbsoluteTabs" data-contextname="${HeaderChannels}" data-require="scripts/channels,scripts/channelslatest,scripts/sections">
 
         <div class="libraryViewNav scopedLibraryViewNav libraryViewNavWithMinHeight">
-            <paper-tabs style="display:none;">
+            <paper-tabs>
                 <paper-tab><iron-icon icon="new-releases"></iron-icon>${TabLatest}</paper-tab>
                 <paper-tab><iron-icon icon="live-tv"></iron-icon>${TabChannels}</paper-tab>
             </paper-tabs>
-            <div class="legacyTabs" style="display:none;">
+            <div class="legacyTabs">
                 <a href="channels.html"><iron-icon icon="new-releases"></iron-icon>${TabLatest}</a>
                 <a href="channels.html?tab=1" class="ui-btn-active"><iron-icon icon="live-tv"></iron-icon>${TabChannels}</a>
             </div>
diff --git a/dashboard-ui/cordova/sharingwidget.js b/dashboard-ui/cordova/sharingwidget.js
index 67572cd6dc..6471590141 100644
--- a/dashboard-ui/cordova/sharingwidget.js
+++ b/dashboard-ui/cordova/sharingwidget.js
@@ -2,25 +2,16 @@
 
     function showMenu(options, successCallback, cancelCallback) {
 
-        Dashboard.confirm(Globalize.translate('ButtonShareHelp'), Globalize.translate('HeaderConfirm'), function (confirmed) {
+        var shareInfo = options.share;
 
-            if (!confirmed) {
-                cancelCallback(options);
-                return;
-            }
+        window.plugins.socialsharing.share(shareInfo.Overview, shareInfo.Name, shareInfo.ImageUrl, shareInfo.Url, function () {
 
-            var shareInfo = options.share;
+            successCallback(options);
 
-            window.plugins.socialsharing.share(shareInfo.Overview, shareInfo.Name, shareInfo.ImageUrl, shareInfo.Url, function () {
+        }, function () {
 
-                successCallback(options);
-
-            }, function () {
-
-                cancelCallback(options);
-            });
+            cancelCallback(options);
         });
-
     }
 
     window.SharingWidget = {
diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index 674bd6854b..70b7e813f0 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -928,7 +928,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
     }
 
 .itemMiscInfo {
-    color: #ddd;
     text-overflow: ellipsis;
     overflow: hidden;
 }
@@ -1255,10 +1254,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
     color: #4d90fe !important;
 }
 
-.itemOverlayContent {
-    max-width: 300px;
-}
-
 .itemOverlayHtml {
     max-height: 100px;
     margin-top: 1.5em;
diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css
index eb1387f25a..f539c77ae7 100644
--- a/dashboard-ui/css/librarymenu.css
+++ b/dashboard-ui/css/librarymenu.css
@@ -287,6 +287,10 @@
     display: none;
 }
 
+.fullPaperLibraryTabs .legacyTabs {
+    display: none;
+}
+
 .libraryViewNav a:not(.ui-btn-active):hover {
     color: #2ad;
 }
diff --git a/dashboard-ui/css/livetv.css b/dashboard-ui/css/livetv.css
index afa9fd361f..7785aeb897 100644
--- a/dashboard-ui/css/livetv.css
+++ b/dashboard-ui/css/livetv.css
@@ -376,3 +376,28 @@
 .channelList, .programGrid {
     height: auto !important;
 }
+
+.itemOverlayContent {
+    width: 200px;
+}
+
+@media (min-width: 800px) {
+
+    .itemOverlayContent {
+        width: 300px;
+    }
+}
+
+@media (min-width: 1000px) {
+
+    .itemOverlayContent {
+        width: 400px;
+    }
+}
+
+@media (min-width: 1200px) {
+
+    .itemOverlayContent {
+        width: 500px;
+    }
+}
diff --git a/dashboard-ui/edititemmetadata.html b/dashboard-ui/edititemmetadata.html
index 672fa32792..6e2e2cd3f7 100644
--- a/dashboard-ui/edititemmetadata.html
+++ b/dashboard-ui/edititemmetadata.html
@@ -11,7 +11,7 @@
                     <ul></ul>
                 </div>
             </div>
-            <div class="editPageInnerContent">
+            <div class="editPageInnerContent" style="visibility:hidden;">
                 <h1 class="itemName editPageName">&nbsp;</h1>
                 <br />
                 <paper-tabs>
diff --git a/dashboard-ui/index.html b/dashboard-ui/index.html
index 25361cc70d..936b78851c 100644
--- a/dashboard-ui/index.html
+++ b/dashboard-ui/index.html
@@ -8,13 +8,13 @@
     <div id="indexPage" data-role="page" class="page homePage libraryPage allLibraryPage backdropPage pageWithAbsoluteTabs" data-title="${ButtonHome}" data-backdroptype="movie,series,game,book" data-require="scripts/indexpage">
 
         <div class="libraryViewNav libraryViewNavWithMinHeight">
-            <paper-tabs style="display:none;">
+            <paper-tabs>
                 <paper-tab><iron-icon icon="home"></iron-icon>${TabHome}</paper-tab>
                 <paper-tab><iron-icon icon="navigate-next"></iron-icon>${TabNextUp}</paper-tab>
                 <paper-tab><iron-icon icon="favorite"></iron-icon>${TabFavorites}</paper-tab>
                 <paper-tab><iron-icon icon="schedule"></iron-icon>${TabUpcoming}</paper-tab>
             </paper-tabs>
-            <div class="legacyTabs" style="display:none;">
+            <div class="legacyTabs">
                 <a href="index.html" class="ui-btn-active"><iron-icon icon="home"></iron-icon>${TabHome}</a>
                 <a href="index.html?tab=1"><iron-icon icon="navigate-next"></iron-icon>${TabNextUp}</a>
                 <a href="index.html?tab=2"><iron-icon icon="favorite"></iron-icon>${TabFavorites}</a>
diff --git a/dashboard-ui/livetv.html b/dashboard-ui/livetv.html
index 3f19b4a2ef..0cf1b52c27 100644
--- a/dashboard-ui/livetv.html
+++ b/dashboard-ui/livetv.html
@@ -7,7 +7,7 @@
     <div id="liveTvSuggestedPage" data-role="page" class="page libraryPage liveTvPage pageWithAbsoluteTabs" data-contextname="${HeaderLiveTv}" data-backdroptype="series,movie" data-require="scripts/livetvsuggested,livetvcss,scripts/livetvcomponents">
 
         <div class="libraryViewNav libraryViewNavWithMinHeight">
-            <paper-tabs style="display:none;min-width:660px;margin:auto;">
+            <paper-tabs style="min-width:660px;margin:auto;">
                 <paper-tab><iron-icon icon="info"></iron-icon>${TabSuggestions}</paper-tab>
                 <paper-tab><iron-icon icon="grid-on"></iron-icon>${TabGuide}</paper-tab>
                 <paper-tab><iron-icon icon="live-tv"></iron-icon>${TabChannels}</paper-tab>
@@ -15,7 +15,7 @@
                 <paper-tab><iron-icon icon="schedule"></iron-icon>${TabScheduled}</paper-tab>
                 <paper-tab><iron-icon icon="refresh"></iron-icon>${TabSeries}</paper-tab>
             </paper-tabs>
-            <div class="legacyTabs" style="display:none;">
+            <div class="legacyTabs">
                 <a href="livetv.html" class="ui-btn-active"><iron-icon icon="info"></iron-icon>${TabSuggestions}</a>
                 <a href="livetv.html?tab=1"><iron-icon icon="grid-on"></iron-icon>${TabGuide}</a>
                 <a href="livetv.html?tab=2"><iron-icon icon="live-tv"></iron-icon>${TabChannels}</a>
diff --git a/dashboard-ui/movies.html b/dashboard-ui/movies.html
index b83eefaaa5..5ea43292a2 100644
--- a/dashboard-ui/movies.html
+++ b/dashboard-ui/movies.html
@@ -7,7 +7,7 @@
     <div id="moviesPage" data-role="page" class="page libraryPage backdropPage pageWithAbsoluteTabs collectionEditorPage" data-backdroptype="movie" data-require="scripts/moviesrecommended">
 
         <div class="libraryViewNav libraryViewNavWithMinHeight">
-            <paper-tabs style="display:none;min-width:770px;margin:auto;">
+            <paper-tabs style="min-width:770px;margin:auto;">
                 <paper-tab><iron-icon icon="info"></iron-icon>${TabSuggestions}</paper-tab>
                 <paper-tab><iron-icon icon="local-movies"></iron-icon>${TabMovies}</paper-tab>
                 <paper-tab class="movieTrailersTab"><iron-icon icon="movie"></iron-icon>${TabTrailers}</paper-tab>
@@ -16,7 +16,7 @@
                 <paper-tab class="moviePeopleTab"><iron-icon icon="people"></iron-icon>${TabPeople}</paper-tab>
                 <paper-tab class="movieStudiosTab"><iron-icon icon="account-box"></iron-icon>${TabStudios}</paper-tab>
             </paper-tabs>
-            <div class="legacyTabs scopedLibraryViewNav" style="display:none;">
+            <div class="legacyTabs scopedLibraryViewNav">
                 <a href="movies.html" class="ui-btn-active"><iron-icon icon="info"></iron-icon>${TabSuggestions}</a>
                 <a href="movies.html?tab=1"><iron-icon icon="local-movies"></iron-icon>${TabMovies}</a>
                 <a href="movies.html?tab=2" class="movieTrailersTab"><iron-icon icon="movie"></iron-icon>${TabTrailers}</a>
diff --git a/dashboard-ui/photos.html b/dashboard-ui/photos.html
index 0bb3f53e72..d7b91c9ae7 100644
--- a/dashboard-ui/photos.html
+++ b/dashboard-ui/photos.html
@@ -7,12 +7,12 @@
     <div id="photosPage" data-role="page" class="page libraryPage pageWithAbsoluteTabs" data-require="scripts/photos">
 
         <div class="libraryViewNav scopedLibraryViewNav libraryViewNavWithMinHeight">
-            <paper-tabs style="display:none;">
+            <paper-tabs>
                 <paper-tab><iron-icon icon="photo-album"></iron-icon>${TabAlbums}</paper-tab>
                 <paper-tab><iron-icon icon="photo"></iron-icon>${TabPhotos}</paper-tab>
                 <paper-tab><iron-icon icon="videocam"></iron-icon>${TabVideos}</paper-tab>
             </paper-tabs>
-            <div class="legacyTabs" style="display:none;">
+            <div class="legacyTabs">
                 <a href="photos.html" class="ui-btn-active lnkPhotoAlbums"><iron-icon icon="photo-album"></iron-icon>${TabAlbums}</a>
                 <a href="photos.html?tab=1" class="lnkPhotos"><iron-icon icon="photo"></iron-icon>${TabPhotos}</a>
                 <a href="photos.html?tab=2" class="lnkVideos"><iron-icon icon="videocam"></iron-icon>${TabVideos}</a>
diff --git a/dashboard-ui/scripts/edititemmetadata.js b/dashboard-ui/scripts/edititemmetadata.js
index d76619b0b1..0d5d23f8bf 100644
--- a/dashboard-ui/scripts/edititemmetadata.js
+++ b/dashboard-ui/scripts/edititemmetadata.js
@@ -24,11 +24,11 @@
             currentItem = item;
 
             if (item.Type == "UserRootFolder") {
-                $('.editPageInnerContent', page).hide();
+                $('.editPageInnerContent', page)[0].style.visibility = 'hidden';
                 Dashboard.hideLoadingMsg();
                 return;
             } else {
-                $('.editPageInnerContent', page).show();
+                $('.editPageInnerContent', page)[0].style.visibility = 'visible';
             }
 
             var languages = metadataEditorInfo.Cultures;
diff --git a/dashboard-ui/scripts/editorsidebar.js b/dashboard-ui/scripts/editorsidebar.js
index ef6daad58a..8b319a9f21 100644
--- a/dashboard-ui/scripts/editorsidebar.js
+++ b/dashboard-ui/scripts/editorsidebar.js
@@ -155,7 +155,7 @@
 
     function loadLiveTvChannels(service, openItems, callback) {
 
-        ApiClient.getLiveTvChannels({ ServiceName: service }).done(function (result) {
+        ApiClient.getLiveTvChannels({ ServiceName: service, AddCurrentProgram: false }).done(function (result) {
 
             var nodes = result.Items.map(function (i) {
 
diff --git a/dashboard-ui/scripts/itemdetailpage.js b/dashboard-ui/scripts/itemdetailpage.js
index c5b705571e..b88b8d72dd 100644
--- a/dashboard-ui/scripts/itemdetailpage.js
+++ b/dashboard-ui/scripts/itemdetailpage.js
@@ -677,10 +677,11 @@
                 context: context,
                 lazy: true,
                 showDetailsMenu: true,
-                coverImage: item.Type == "MusicAlbum" || item.Type == "MusicArtist"
+                coverImage: item.Type == "MusicAlbum" || item.Type == "MusicArtist",
+                overlayPlayButton: true
             });
 
-            $('#similarContent', page).html(html).lazyChildren();
+            $('#similarContent', page).html(html).lazyChildren().createCardMenus();
         });
     }
 
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index 64b480f41e..2897eb0fa5 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -2,7 +2,7 @@
 
     var pageSizeKey = 'pagesize_v4';
 
-    return {
+    var libraryBrowser = {
         getDefaultPageSize: function (key, defaultValue) {
 
             var saved = appStorage.getItem(key || pageSizeKey);
@@ -205,8 +205,6 @@
 
             if (LibraryBrowser.enableFullPaperTabs()) {
 
-                $(tabs).show();
-
                 if ($.browser.safari) {
 
                     // Not very iOS-like I suppose
@@ -226,8 +224,7 @@
                 tabs.noBar = true;
                 tabs.scrollable = true;
 
-                var legacyTabs = $('.legacyTabs', ownerpage).show();
-                document.body.classList.add('basicPaperLibraryTabs');
+                var legacyTabs = $('.legacyTabs', ownerpage);
 
                 $(pages).on('iron-select', function (e) {
 
@@ -242,6 +239,7 @@
 
             $(pages).on('iron-select', function () {
 
+                console.log('iron-select');
                 // When transition animations are used, add a content loading delay to allow the animations to finish
                 // Otherwise with both operations happening at the same time, it can cause the animation to not run at full speed.
                 var enablePaperTabs = LibraryBrowser.enableFullPaperTabs();
@@ -1258,6 +1256,11 @@
                 itemCommands.push('sync');
             }
 
+            if (item.Type == 'Program' && (!item.TimerId && !item.SeriesTimerId)) {
+
+                itemCommands.push('record');
+            }
+
             return itemCommands;
         },
 
@@ -3319,4 +3322,12 @@
         }
     };
 
+    if (libraryBrowser.enableFullPaperTabs()) {
+        document.documentElement.classList.add('fullPaperLibraryTabs');
+    } else {
+        document.documentElement.classList.add('basicPaperLibraryTabs');
+    }
+
+    return libraryBrowser;
+
 })(window, document, jQuery, screen);
\ No newline at end of file
diff --git a/dashboard-ui/scripts/librarylist.js b/dashboard-ui/scripts/librarylist.js
index b0ee602660..2b2240eb43 100644
--- a/dashboard-ui/scripts/librarylist.js
+++ b/dashboard-ui/scripts/librarylist.js
@@ -315,6 +315,14 @@
                 });
             }
 
+            if (commands.indexOf('record') != -1) {
+                items.push({
+                    name: Globalize.translate('ButtonRecord'),
+                    id: 'record',
+                    ironIcon: 'videocam'
+                });
+            }
+
             if (commands.indexOf('removefromplaylist') != -1) {
                 items.push({
                     name: Globalize.translate('ButtonRemoveFromPlaylist'),
@@ -415,6 +423,8 @@
                                 break;
                             case 'album':
                                 Dashboard.navigate('itemdetails.html?id=' + albumid);
+                            case 'record':
+                                Dashboard.navigate('livetvnewrecording.html?programid=' + itemId);
                                 break;
                             case 'artist':
                                 Dashboard.navigate('itemdetails.html?context=music&id=' + artistid);
diff --git a/dashboard-ui/scripts/livetvcomponents.js b/dashboard-ui/scripts/livetvcomponents.js
index d7b42e4062..654f7fe630 100644
--- a/dashboard-ui/scripts/livetvcomponents.js
+++ b/dashboard-ui/scripts/livetvcomponents.js
@@ -95,11 +95,58 @@
         html += (item.Overview || '');
         html += '</p>';
 
+        html += '<div style="text-align:center;padding-bottom:.5em;">';
+
+        var endDate;
+        var startDate;
+        var now = new Date().getTime();
+
+        try {
+
+            endDate = parseISO8601Date(item.EndDate, { toLocal: true });
+
+        } catch (err) {
+            endDate = now;
+        }
+
+        try {
+
+            startDate = parseISO8601Date(item.StartDate, { toLocal: true });
+
+        } catch (err) {
+            startDate = now;
+        }
+
+
+        if (now < endDate && now >= startDate) {
+            html += '<paper-button data-id="' + item.ChannelId + '" raised class="accent mini btnPlay"><iron-icon icon="play-arrow"></iron-icon><span>' + Globalize.translate('ButtonPlay') + '</span></paper-button>';
+        }
+
+        if (!item.TimerId && !item.SeriesTimerId) {
+            html += '<paper-button data-id="' + item.Id + '" raised class="mini btnRecord" style="background-color:#cc3333;"><iron-icon icon="videocam"></iron-icon><span>' + Globalize.translate('ButtonRecord') + '</span></paper-button>';
+        }
+
+        html += '<div>';
+
         html += '</div>';
 
         return html;
     }
 
+    function onPlayClick() {
+
+        $('.itemFlyout').popup('close');
+
+        MediaController.play({
+            ids: [this.getAttribute('data-id')]
+        });
+    }
+
+    function onRecordClick() {
+        $('.itemFlyout').popup('close');
+        Dashboard.navigate('livetvnewrecording.html?programid=' + this.getAttribute('data-id'));
+    }
+
     function showOverlay(elem, item) {
 
         $('.itemFlyout').popup('close').remove();
@@ -107,7 +154,7 @@
         var html = '<div data-role="popup" class="itemFlyout" data-theme="b" data-arrow="true" data-history="false">';
 
         html += '<div class="ui-bar-b" style="text-align:center;">';
-        html += '<h3 style="margin: .5em 0;padding:0 1em;font-weight:normal;">' + item.Name + '</h3>';
+        html += '<h3 style="margin: .5em 0;padding:.5em 1em;font-weight:normal;">' + item.Name + '</h3>';
         html += '</div>';
 
         html += '<div style="padding: 0 1em;">';
@@ -129,6 +176,9 @@
             $(this).off("popupafterclose").off("mouseenter").off("mouseleave").remove();
         });
 
+        $('.btnPlay', popup).on('click', onPlayClick);
+        $('.btnRecord', popup).on('click', onRecordClick);
+
         LibraryBrowser.renderGenres($('.itemGenres', popup), item, 3);
         $('.miscTvProgramInfo', popup).html(LibraryBrowser.getMiscInfoHtml(item)).trigger('create');
 
diff --git a/dashboard-ui/scripts/livetvguide.js b/dashboard-ui/scripts/livetvguide.js
index 49da90f908..0568a84273 100644
--- a/dashboard-ui/scripts/livetvguide.js
+++ b/dashboard-ui/scripts/livetvguide.js
@@ -44,9 +44,10 @@
 
         Dashboard.showModalLoadingMsg();
 
-        channelQuery.userId = Dashboard.getCurrentUserId();
+        channelQuery.UserId = Dashboard.getCurrentUserId();
 
         channelQuery.Limit = Math.min(channelQuery.Limit || defaultChannels, channelLimit);
+        channelQuery.AddCurrentProgram = false;
 
         channelsPromise = channelsPromise || ApiClient.getLiveTvChannels(channelQuery);
 
diff --git a/dashboard-ui/scripts/livetvitems.js b/dashboard-ui/scripts/livetvitems.js
index 8ae26a832d..26a6424b26 100644
--- a/dashboard-ui/scripts/livetvitems.js
+++ b/dashboard-ui/scripts/livetvitems.js
@@ -57,7 +57,8 @@
                     lazy: true,
                     showStartDateIndex: true,
                     overlayText: false,
-                    showProgramAirInfo: true
+                    showProgramAirInfo: true,
+                    overlayMoreButton: true
                 });
             }
             else if (view == "PosterCard") {
@@ -69,7 +70,8 @@
                     showStartDateIndex: true,
                     lazy: true,
                     cardLayout: true,
-                    showProgramAirInfo: true
+                    showProgramAirInfo: true,
+                    overlayMoreButton: true
                 });
             }
 
diff --git a/dashboard-ui/scripts/moviesrecommended.js b/dashboard-ui/scripts/moviesrecommended.js
index fc9abf1a36..421df51053 100644
--- a/dashboard-ui/scripts/moviesrecommended.js
+++ b/dashboard-ui/scripts/moviesrecommended.js
@@ -244,6 +244,7 @@
         }
 
         if (LibraryBrowser.needsRefresh(tabContent)) {
+            console.log('loadSuggestionsTab');
             loadResume(tabContent, userId, parentId);
             loadLatest(tabContent, userId, parentId);
 
@@ -330,10 +331,15 @@
 
             if (LibraryBrowser.navigateOnLibraryTabSelect()) {
 
+                var url = 'movies.html';
+                var topParentId = LibraryMenu.getTopParentId();
+                if (topParentId) {
+                    url += '?topParentId=' + topParentId;
+                }
                 if (selected) {
-                    Dashboard.navigate('movies.html?tab=' + selected);
+                    Dashboard.navigate(url + '&tab=' + selected);
                 } else {
-                    Dashboard.navigate('movies.html');
+                    Dashboard.navigate(url);
                 }
 
             } else {
diff --git a/dashboard-ui/scripts/photos.js b/dashboard-ui/scripts/photos.js
index b844eddf05..b74c5a7847 100644
--- a/dashboard-ui/scripts/photos.js
+++ b/dashboard-ui/scripts/photos.js
@@ -213,10 +213,15 @@
             var selected = this.selected;
             if (LibraryBrowser.navigateOnLibraryTabSelect()) {
 
+                var url = 'photos.html';
+                var topParentId = LibraryMenu.getTopParentId();
+                if (topParentId) {
+                    url += '?topParentId=' + topParentId;
+                }
                 if (selected) {
-                    Dashboard.navigate('photos.html?tab=' + selected + '&topParentId=' + LibraryMenu.getTopParentId());
+                    Dashboard.navigate(url + '&tab=' + selected);
                 } else {
-                    Dashboard.navigate('photos.html?topParentId=' + LibraryMenu.getTopParentId());
+                    Dashboard.navigate(url);
                 }
 
             } else {
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index 4fa95efd46..293deeaa0a 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -2187,6 +2187,7 @@ $(document).on('pagecreate', ".page", function () {
 
     var dependencies = this.getAttribute('data-require');
     dependencies = dependencies ? dependencies.split(',') : null;
+
     Dashboard.firePageEvent(page, 'pageinitdepends', dependencies);
 
 }).on('pagebeforeshow', ".page", function () {
diff --git a/dashboard-ui/strings/html/ar.json b/dashboard-ui/strings/html/ar.json
index 239bbfca37..c735b8a796 100644
--- a/dashboard-ui/strings/html/ar.json
+++ b/dashboard-ui/strings/html/ar.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/bg-BG.json b/dashboard-ui/strings/html/bg-BG.json
index 82b8069a80..452de48f91 100644
--- a/dashboard-ui/strings/html/bg-BG.json
+++ b/dashboard-ui/strings/html/bg-BG.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/ca.json b/dashboard-ui/strings/html/ca.json
index 1f3067958c..168dc8f900 100644
--- a/dashboard-ui/strings/html/ca.json
+++ b/dashboard-ui/strings/html/ca.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/cs.json b/dashboard-ui/strings/html/cs.json
index e5fb647e2f..642ae7e371 100644
--- a/dashboard-ui/strings/html/cs.json
+++ b/dashboard-ui/strings/html/cs.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Titulky"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/da.json b/dashboard-ui/strings/html/da.json
index cacf6c6d95..ef24658692 100644
--- a/dashboard-ui/strings/html/da.json
+++ b/dashboard-ui/strings/html/da.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Undertekster"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/de.json b/dashboard-ui/strings/html/de.json
index 736b7630e3..07bde149a1 100644
--- a/dashboard-ui/strings/html/de.json
+++ b/dashboard-ui/strings/html/de.json
@@ -1509,13 +1509,14 @@
     "HeaderRecordingOptions": "Aufnahme Einstellungen",
     "ButtonShare": "Teilen",
     "HeaderUpcomingForKids": "Vorschau f\u00fcr Kinder",
-    "HeaderSetupLiveTV": "Setup Live TV",
-    "LabelTunerType": "Tuner type:",
-    "HelpMoreTunersCanBeAdded": "Additional tuners can be added later within the Live TV section.",
-    "MessageActiveSupporterMembershipRequiredSeriesRecordings": "An active Emby Supporter membership is required in order to create automated series recordings.",
-    "HeaderSetupTVGuide": "Setup TV Guide",
-    "LabelDataProvider": "Data provider:",
-    "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
-    "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderSetupLiveTV": "Live TV einrichten",
+    "LabelTunerType": "Tuner Typ:",
+    "HelpMoreTunersCanBeAdded": "Weitere Tuner k\u00f6nnen sp\u00e4ter \u00fcber die Live TV Einstellungen hinzugef\u00fcgt werden.",
+    "MessageActiveSupporterMembershipRequiredSeriesRecordings": "Eine aktive Emby Unterst\u00fctzer-Mitgliedschaft wird f\u00fcr das automatisierte Erstellen von Aufnahmen ben\u00f6tigt.",
+    "HeaderSetupTVGuide": "TV Guide einrichten",
+    "LabelDataProvider": "Datenquelle:",
+    "OptionSendRecordingsToAutoOrganize": "Aktiviere Auto-Organisation f\u00fcr neue Aufnahmen",
+    "OptionSendRecordingsToAutoOrganizeHelp": "Neue Aufnahmen werden mittels automatischer Organisation in Ihrer Bibliothek importiert.",
+    "HeaderDefaultPadding": "Standard Vor\/ Nachlauf",
+    "HeaderSubtitles": "Untertitel"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/el.json b/dashboard-ui/strings/html/el.json
index 1bfd0e307c..5ee99c4d56 100644
--- a/dashboard-ui/strings/html/el.json
+++ b/dashboard-ui/strings/html/el.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/en-GB.json b/dashboard-ui/strings/html/en-GB.json
index a28b331502..a12895b8b0 100644
--- a/dashboard-ui/strings/html/en-GB.json
+++ b/dashboard-ui/strings/html/en-GB.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/en-US.json b/dashboard-ui/strings/html/en-US.json
index 00e67f9d9d..4198d50117 100644
--- a/dashboard-ui/strings/html/en-US.json
+++ b/dashboard-ui/strings/html/en-US.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/es-AR.json b/dashboard-ui/strings/html/es-AR.json
index 0b15c2920a..169759e8cd 100644
--- a/dashboard-ui/strings/html/es-AR.json
+++ b/dashboard-ui/strings/html/es-AR.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/es-MX.json b/dashboard-ui/strings/html/es-MX.json
index c32d93d7db..b1ba8c82b3 100644
--- a/dashboard-ui/strings/html/es-MX.json
+++ b/dashboard-ui/strings/html/es-MX.json
@@ -1512,10 +1512,11 @@
     "HeaderSetupLiveTV": "Configurar TV en Vivo",
     "LabelTunerType": "Tipo de sintonizador:",
     "HelpMoreTunersCanBeAdded": "Se pueden agregar sintonizadores adicionales posteriormente en la secci\u00f3n de TV en Vivo.",
-    "MessageActiveSupporterMembershipRequiredSeriesRecordings": "An active Emby Supporter membership is required in order to create automated series recordings.",
-    "HeaderSetupTVGuide": "Setup TV Guide",
-    "LabelDataProvider": "Data provider:",
-    "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
-    "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "MessageActiveSupporterMembershipRequiredSeriesRecordings": "Se necesita una cuenta Aficionado Emby activa para poder crear grabaciones automatizadas de series.",
+    "HeaderSetupTVGuide": "Configurar Gu\u00eda de TV",
+    "LabelDataProvider": "Proveedor de datos:",
+    "OptionSendRecordingsToAutoOrganize": "Habilitar Auto-Organizaci\u00f3n para nuevas grabaciones",
+    "OptionSendRecordingsToAutoOrganizeHelp": "Las nuevas grabaciones ser\u00e1n enviadas a la funci\u00f3n de Auto-Organizar e importadas a tu librer\u00eda de medios.",
+    "HeaderDefaultPadding": "Rellenado Predeterminado",
+    "HeaderSubtitles": "Subt\u00edtulos"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/es.json b/dashboard-ui/strings/html/es.json
index 6fc6a8cdcf..23004a1e0e 100644
--- a/dashboard-ui/strings/html/es.json
+++ b/dashboard-ui/strings/html/es.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subt\u00edtulos"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/fi.json b/dashboard-ui/strings/html/fi.json
index 28835669be..a1020ccbc6 100644
--- a/dashboard-ui/strings/html/fi.json
+++ b/dashboard-ui/strings/html/fi.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/fr.json b/dashboard-ui/strings/html/fr.json
index 9de0bd0a15..65b57811dd 100644
--- a/dashboard-ui/strings/html/fr.json
+++ b/dashboard-ui/strings/html/fr.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Fournisseur de donn\u00e9es :",
     "OptionSendRecordingsToAutoOrganize": "Activer l'auto-organisation pour les nouveaux enregistrements",
     "OptionSendRecordingsToAutoOrganizeHelp": "Les nouveaux enregistrements seront envoy\u00e9s au service d'auto-organisation et import\u00e9s dans votre biblioth\u00e8que de m\u00e9dias TV.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Sous-titres"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/gsw.json b/dashboard-ui/strings/html/gsw.json
index 64d0b16f09..5762214dd9 100644
--- a/dashboard-ui/strings/html/gsw.json
+++ b/dashboard-ui/strings/html/gsw.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/he.json b/dashboard-ui/strings/html/he.json
index 5d3a356d8f..dd35d53e7c 100644
--- a/dashboard-ui/strings/html/he.json
+++ b/dashboard-ui/strings/html/he.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/hr.json b/dashboard-ui/strings/html/hr.json
index f35b3a01bf..393934019c 100644
--- a/dashboard-ui/strings/html/hr.json
+++ b/dashboard-ui/strings/html/hr.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/it.json b/dashboard-ui/strings/html/it.json
index 949b904b71..311bbaa7fa 100644
--- a/dashboard-ui/strings/html/it.json
+++ b/dashboard-ui/strings/html/it.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Sottotitoli"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/kk.json b/dashboard-ui/strings/html/kk.json
index f6785894ee..7f0fe39d06 100644
--- a/dashboard-ui/strings/html/kk.json
+++ b/dashboard-ui/strings/html/kk.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "\u0414\u0435\u0440\u0435\u043a\u0442\u0435\u0440 \u0436\u0435\u0442\u043a\u0456\u0437\u0443\u0448\u0456\u0441\u0456:",
     "OptionSendRecordingsToAutoOrganize": "\u0416\u0430\u04a3\u0430 \u0436\u0430\u0437\u0431\u0430\u043b\u0430\u0440 \u04af\u0448\u0456\u043d \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0442\u044b \u04b1\u0439\u044b\u043c\u0434\u0430\u0441\u0442\u044b\u0440\u0443\u0434\u044b \u049b\u043e\u0441\u0443",
     "OptionSendRecordingsToAutoOrganizeHelp": "\u0416\u0430\u04a3\u0430 \u0436\u0430\u0437\u0431\u0430\u043b\u0430\u0440 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0442\u044b \u04b1\u0439\u044b\u043c\u0434\u0430\u0441\u0442\u044b\u0440\u0443 \u049b\u04b1\u0440\u0430\u043c\u0434\u0430\u0441\u049b\u0430 \u0436\u0456\u0431\u0435\u0440\u0456\u043b\u0435\u0434\u0456 \u0436\u04d9\u043d\u0435 \u0442\u04b1\u0440\u0430\u049b\u0442\u044b \u0422\u0414 \u0442\u0430\u0441\u044b\u0493\u044b\u0448\u0445\u0430\u043d\u044b\u04a3\u044b\u0437\u0493\u0430 \u0438\u043c\u043f\u043e\u0440\u0442\u0442\u0430\u043b\u0430\u0434\u044b.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "\u0421\u0443\u0431\u0442\u0438\u0442\u0440\u043b\u0435\u0440"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/ko.json b/dashboard-ui/strings/html/ko.json
index 6c5679e0e6..a1692be0dc 100644
--- a/dashboard-ui/strings/html/ko.json
+++ b/dashboard-ui/strings/html/ko.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/ms.json b/dashboard-ui/strings/html/ms.json
index 17729584a6..e084beab20 100644
--- a/dashboard-ui/strings/html/ms.json
+++ b/dashboard-ui/strings/html/ms.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/nb.json b/dashboard-ui/strings/html/nb.json
index dcf6536ce0..47c7c38541 100644
--- a/dashboard-ui/strings/html/nb.json
+++ b/dashboard-ui/strings/html/nb.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Undertekster"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/nl.json b/dashboard-ui/strings/html/nl.json
index 5c5552897b..937ce346fd 100644
--- a/dashboard-ui/strings/html/nl.json
+++ b/dashboard-ui/strings/html/nl.json
@@ -1513,9 +1513,10 @@
     "LabelTunerType": "Soort Tuner:",
     "HelpMoreTunersCanBeAdded": "In de Live TV sectie kunnen later meer tuners toegevoegd worden.",
     "MessageActiveSupporterMembershipRequiredSeriesRecordings": "An active Emby Supporter membership is required in order to create automated series recordings.",
-    "HeaderSetupTVGuide": "Setup TV Guide",
-    "LabelDataProvider": "Data provider:",
-    "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
-    "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderSetupTVGuide": "TV Gids configureren",
+    "LabelDataProvider": "Gegevensleverancier:",
+    "OptionSendRecordingsToAutoOrganize": "Schakel Automatisch Organiseren in voor nieuwe opnamen",
+    "OptionSendRecordingsToAutoOrganizeHelp": "Nieuwe opnamen zullen door de Automatisch Organiseren functionaliteit in uw media bilbiliotheek ge\u00efmporteerd worden.",
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Ondertitels"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/pl.json b/dashboard-ui/strings/html/pl.json
index 8143432a65..954eae22ca 100644
--- a/dashboard-ui/strings/html/pl.json
+++ b/dashboard-ui/strings/html/pl.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/pt-BR.json b/dashboard-ui/strings/html/pt-BR.json
index 73df2711ad..63f1098f5e 100644
--- a/dashboard-ui/strings/html/pt-BR.json
+++ b/dashboard-ui/strings/html/pt-BR.json
@@ -1513,9 +1513,10 @@
     "LabelTunerType": "Tipo do sintonizador:",
     "HelpMoreTunersCanBeAdded": "Mais sintonizadores podem ser adicionados posteriormente dentro da se\u00e7\u00e3o da TV ao Vivo.",
     "MessageActiveSupporterMembershipRequiredSeriesRecordings": "\u00c9 necess\u00e1ria uma ades\u00e3o ativa de Colaborador do Emby para criar uma grava\u00e7\u00e3o automatizada de s\u00e9ries.",
-    "HeaderSetupTVGuide": "Setup TV Guide",
-    "LabelDataProvider": "Data provider:",
-    "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
-    "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderSetupTVGuide": "Configura\u00e7\u00e3o do Guia da TV",
+    "LabelDataProvider": "Provedor de dados:",
+    "OptionSendRecordingsToAutoOrganize": "Ativar Auto-Organizar para novas grava\u00e7\u00f5es",
+    "OptionSendRecordingsToAutoOrganizeHelp": "Novas grava\u00e7\u00f5es ser\u00e3o enviadas para o recurso Auto-Organizar e importadas para sua biblioteca de m\u00eddias.",
+    "HeaderDefaultPadding": "Padding Padr\u00e3o",
+    "HeaderSubtitles": "Legendas"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/pt-PT.json b/dashboard-ui/strings/html/pt-PT.json
index 1a6ecb8a21..fee6d2fcf2 100644
--- a/dashboard-ui/strings/html/pt-PT.json
+++ b/dashboard-ui/strings/html/pt-PT.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/ro.json b/dashboard-ui/strings/html/ro.json
index 748d49a52b..5f0e598446 100644
--- a/dashboard-ui/strings/html/ro.json
+++ b/dashboard-ui/strings/html/ro.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/ru.json b/dashboard-ui/strings/html/ru.json
index e251fcfbeb..5c6bc95df3 100644
--- a/dashboard-ui/strings/html/ru.json
+++ b/dashboard-ui/strings/html/ru.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "\u041f\u043e\u0441\u0442\u0430\u0432\u0449\u0438\u043a \u0434\u0430\u043d\u043d\u044b\u0445:",
     "OptionSendRecordingsToAutoOrganize": "\u0412\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0430\u0432\u0442\u043e\u0440\u0435\u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044e \u0434\u043b\u044f \u043d\u043e\u0432\u044b\u0445 \u0437\u0430\u043f\u0438\u0441\u0435\u0439",
     "OptionSendRecordingsToAutoOrganizeHelp": "\u041d\u043e\u0432\u044b\u0435 \u0437\u0430\u043f\u0438\u0441\u0438 \u0431\u0443\u0434\u0443\u0442 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u044b \u043a \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0443 \u0410\u0432\u0442\u043e\u0440\u0435\u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u0438 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0432 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u0443\u044e \u0422\u0412-\u043c\u0435\u0434\u0438\u0430\u0442\u0435\u043a\u0443.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "\u0421\u0443\u0431\u0442."
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/sl-SI.json b/dashboard-ui/strings/html/sl-SI.json
index 768d549ad0..3551d378e0 100644
--- a/dashboard-ui/strings/html/sl-SI.json
+++ b/dashboard-ui/strings/html/sl-SI.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/sv.json b/dashboard-ui/strings/html/sv.json
index 002ad2ae1a..21e81adaca 100644
--- a/dashboard-ui/strings/html/sv.json
+++ b/dashboard-ui/strings/html/sv.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Undertexter"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/tr.json b/dashboard-ui/strings/html/tr.json
index e43f73b28a..233170b2c1 100644
--- a/dashboard-ui/strings/html/tr.json
+++ b/dashboard-ui/strings/html/tr.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/uk.json b/dashboard-ui/strings/html/uk.json
index 28e5c75fed..92b466f225 100644
--- a/dashboard-ui/strings/html/uk.json
+++ b/dashboard-ui/strings/html/uk.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/vi.json b/dashboard-ui/strings/html/vi.json
index 2212d8ed39..5d1c4bdc77 100644
--- a/dashboard-ui/strings/html/vi.json
+++ b/dashboard-ui/strings/html/vi.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/zh-CN.json b/dashboard-ui/strings/html/zh-CN.json
index f36bc15f12..7d652b30db 100644
--- a/dashboard-ui/strings/html/zh-CN.json
+++ b/dashboard-ui/strings/html/zh-CN.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "\u5b57\u5e55"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/html/zh-TW.json b/dashboard-ui/strings/html/zh-TW.json
index c8dd641d7b..4689a9f058 100644
--- a/dashboard-ui/strings/html/zh-TW.json
+++ b/dashboard-ui/strings/html/zh-TW.json
@@ -1517,5 +1517,6 @@
     "LabelDataProvider": "Data provider:",
     "OptionSendRecordingsToAutoOrganize": "Enable Auto-Organize for new recordings",
     "OptionSendRecordingsToAutoOrganizeHelp": "New recordings will be sent to the Auto-Organize feature and imported into your media library.",
-    "HeaderDefaultPadding": "Default Padding"
+    "HeaderDefaultPadding": "Default Padding",
+    "HeaderSubtitles": "Subtitles"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/ar.json b/dashboard-ui/strings/javascript/ar.json
index d5e5d76ab3..0ed46fe318 100644
--- a/dashboard-ui/strings/javascript/ar.json
+++ b/dashboard-ui/strings/javascript/ar.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Record"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/bg-BG.json b/dashboard-ui/strings/javascript/bg-BG.json
index 7400a97a0b..395216c352 100644
--- a/dashboard-ui/strings/javascript/bg-BG.json
+++ b/dashboard-ui/strings/javascript/bg-BG.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "\u0417\u0430\u043f\u0438\u0448\u0438"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/ca.json b/dashboard-ui/strings/javascript/ca.json
index 7a7d9c3532..41041ddae6 100644
--- a/dashboard-ui/strings/javascript/ca.json
+++ b/dashboard-ui/strings/javascript/ca.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Record"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/cs.json b/dashboard-ui/strings/javascript/cs.json
index 40a6730aa2..b88a1715f1 100644
--- a/dashboard-ui/strings/javascript/cs.json
+++ b/dashboard-ui/strings/javascript/cs.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Nahr\u00e1vat"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/da.json b/dashboard-ui/strings/javascript/da.json
index b1f49b5608..353394993f 100644
--- a/dashboard-ui/strings/javascript/da.json
+++ b/dashboard-ui/strings/javascript/da.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Optag"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/de.json b/dashboard-ui/strings/javascript/de.json
index e8ecda6933..4a6986b163 100644
--- a/dashboard-ui/strings/javascript/de.json
+++ b/dashboard-ui/strings/javascript/de.json
@@ -835,8 +835,9 @@
     "OptionThumb": "Thumb",
     "OptionThumbCard": "Thumb Karte",
     "OptionBanner": "Banner",
-    "NoSlideshowContentFound": "No slideshow images were found.",
-    "OptionPhotoSlideshow": "Photo slideshow",
-    "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "NoSlideshowContentFound": "Keine Diashow Bilder gefunden.",
+    "OptionPhotoSlideshow": "Diashow",
+    "OptionBackdropSlideshow": "Hintergrund Diashow",
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Aufnehmen"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/el.json b/dashboard-ui/strings/javascript/el.json
index b278360fc4..06e6cddcbd 100644
--- a/dashboard-ui/strings/javascript/el.json
+++ b/dashboard-ui/strings/javascript/el.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Record"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/en-GB.json b/dashboard-ui/strings/javascript/en-GB.json
index 4d60244cd7..4291ecf9fd 100644
--- a/dashboard-ui/strings/javascript/en-GB.json
+++ b/dashboard-ui/strings/javascript/en-GB.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Record"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/en-US.json b/dashboard-ui/strings/javascript/en-US.json
index acf6db5f9f..2b9bd7ea0a 100644
--- a/dashboard-ui/strings/javascript/en-US.json
+++ b/dashboard-ui/strings/javascript/en-US.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Record"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/es-AR.json b/dashboard-ui/strings/javascript/es-AR.json
index 163bd74dc6..a5a8d7ab85 100644
--- a/dashboard-ui/strings/javascript/es-AR.json
+++ b/dashboard-ui/strings/javascript/es-AR.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Record"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/es-MX.json b/dashboard-ui/strings/javascript/es-MX.json
index b79bf57dd2..515da7517f 100644
--- a/dashboard-ui/strings/javascript/es-MX.json
+++ b/dashboard-ui/strings/javascript/es-MX.json
@@ -835,8 +835,9 @@
     "OptionThumb": "Miniatura",
     "OptionThumbCard": "Tarjeta de Miniatura",
     "OptionBanner": "Cart\u00e9l",
-    "NoSlideshowContentFound": "No slideshow images were found.",
+    "NoSlideshowContentFound": "No se encontraron presentaciones de im\u00e1genes.",
     "OptionPhotoSlideshow": "Presentaci\u00f3n de fotograf\u00edas",
     "OptionBackdropSlideshow": "Presentaci\u00f3n de Im\u00e1genes de Fondo",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Complementos Destacados",
+    "ButtonRecord": "Grabar"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/es.json b/dashboard-ui/strings/javascript/es.json
index a88f0a5d0a..d47fed5753 100644
--- a/dashboard-ui/strings/javascript/es.json
+++ b/dashboard-ui/strings/javascript/es.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Grabar"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/fi.json b/dashboard-ui/strings/javascript/fi.json
index dd2fdfe8fd..f9b20c2a28 100644
--- a/dashboard-ui/strings/javascript/fi.json
+++ b/dashboard-ui/strings/javascript/fi.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Record"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/fr.json b/dashboard-ui/strings/javascript/fr.json
index 5452b7f649..57d208576f 100644
--- a/dashboard-ui/strings/javascript/fr.json
+++ b/dashboard-ui/strings/javascript/fr.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "Aucun diaporama trouv\u00e9.",
     "OptionPhotoSlideshow": "Diaporama de photos",
     "OptionBackdropSlideshow": "Diaporama d'illustrations",
-    "HeaderTopPlugins": "Meilleurs plugins"
+    "HeaderTopPlugins": "Meilleurs plugins",
+    "ButtonRecord": "Enregistrer"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/gsw.json b/dashboard-ui/strings/javascript/gsw.json
index 7cbf8fbce9..f236085abd 100644
--- a/dashboard-ui/strings/javascript/gsw.json
+++ b/dashboard-ui/strings/javascript/gsw.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Record"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/he.json b/dashboard-ui/strings/javascript/he.json
index ff11266b3a..f5614654d4 100644
--- a/dashboard-ui/strings/javascript/he.json
+++ b/dashboard-ui/strings/javascript/he.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "\u05d4\u05e7\u05dc\u05d8"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/hr.json b/dashboard-ui/strings/javascript/hr.json
index c757ce3b73..490c9dce56 100644
--- a/dashboard-ui/strings/javascript/hr.json
+++ b/dashboard-ui/strings/javascript/hr.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Snimi"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/it.json b/dashboard-ui/strings/javascript/it.json
index 60f642a040..2e74eba87a 100644
--- a/dashboard-ui/strings/javascript/it.json
+++ b/dashboard-ui/strings/javascript/it.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Registra"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/javascript.json b/dashboard-ui/strings/javascript/javascript.json
index 0143627c7c..13224c7173 100644
--- a/dashboard-ui/strings/javascript/javascript.json
+++ b/dashboard-ui/strings/javascript/javascript.json
@@ -848,5 +848,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Record"
 }
diff --git a/dashboard-ui/strings/javascript/kk.json b/dashboard-ui/strings/javascript/kk.json
index 1cb0912b4a..df73feb657 100644
--- a/dashboard-ui/strings/javascript/kk.json
+++ b/dashboard-ui/strings/javascript/kk.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "\u0415\u0448 \u0441\u043b\u0430\u0439\u0434\u0448\u043e\u0443 \u0441\u0443\u0440\u0435\u0442\u0442\u0435\u0440\u0456 \u0442\u0430\u0431\u044b\u043b\u043c\u0430\u0493\u0430\u043d.",
     "OptionPhotoSlideshow": "\u0424\u043e\u0442\u043e\u0441\u0443\u0440\u0435\u0442\u0442\u0435\u0440 \u0441\u043b\u0430\u0439\u0434\u0448\u043e\u0443\u044b",
     "OptionBackdropSlideshow": "\u0410\u0440\u0442\u049b\u044b \u0441\u0443\u0440\u0435\u0442\u0442\u0435\u0440 \u0441\u043b\u0430\u0439\u0434\u0448\u043e\u0443\u044b",
-    "HeaderTopPlugins": "\u0422\u0430\u043d\u044b\u043c\u0430\u043b \u043f\u043b\u0430\u0433\u0438\u043d\u0434\u0435\u0440"
+    "HeaderTopPlugins": "\u0422\u0430\u043d\u044b\u043c\u0430\u043b \u043f\u043b\u0430\u0433\u0438\u043d\u0434\u0435\u0440",
+    "ButtonRecord": "\u0416\u0430\u0437\u0443"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/ms.json b/dashboard-ui/strings/javascript/ms.json
index d11c148616..3d05d7b581 100644
--- a/dashboard-ui/strings/javascript/ms.json
+++ b/dashboard-ui/strings/javascript/ms.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Record"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/nb.json b/dashboard-ui/strings/javascript/nb.json
index f3cc351be7..ccaad411a8 100644
--- a/dashboard-ui/strings/javascript/nb.json
+++ b/dashboard-ui/strings/javascript/nb.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Opptak"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/nl.json b/dashboard-ui/strings/javascript/nl.json
index 592b0ab541..a4aeed2f1c 100644
--- a/dashboard-ui/strings/javascript/nl.json
+++ b/dashboard-ui/strings/javascript/nl.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Opnemen"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/pl.json b/dashboard-ui/strings/javascript/pl.json
index 89bdb62c53..42500cea63 100644
--- a/dashboard-ui/strings/javascript/pl.json
+++ b/dashboard-ui/strings/javascript/pl.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Record"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/pt-BR.json b/dashboard-ui/strings/javascript/pt-BR.json
index 0a229f6f76..a4e718541d 100644
--- a/dashboard-ui/strings/javascript/pt-BR.json
+++ b/dashboard-ui/strings/javascript/pt-BR.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "Nenhuma imagem para apresenta\u00e7\u00e3o foi encontrada.",
     "OptionPhotoSlideshow": "Apresenta\u00e7\u00e3o de Fotos",
     "OptionBackdropSlideshow": "Apresenta\u00e7\u00e3o de Imagens de Fundo",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Plugins Mais Usados",
+    "ButtonRecord": "Gravar"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/pt-PT.json b/dashboard-ui/strings/javascript/pt-PT.json
index 6b116a23b0..0a97796bcb 100644
--- a/dashboard-ui/strings/javascript/pt-PT.json
+++ b/dashboard-ui/strings/javascript/pt-PT.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Gravar"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/ro.json b/dashboard-ui/strings/javascript/ro.json
index b3c1dffb7c..fe328d94d1 100644
--- a/dashboard-ui/strings/javascript/ro.json
+++ b/dashboard-ui/strings/javascript/ro.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Record"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/ru.json b/dashboard-ui/strings/javascript/ru.json
index f78301a8a1..08b1081de6 100644
--- a/dashboard-ui/strings/javascript/ru.json
+++ b/dashboard-ui/strings/javascript/ru.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "\u041d\u0435 \u0431\u044b\u043b\u0438 \u043d\u0430\u0439\u0434\u0435\u043d\u044b \u0440\u0438\u0441\u0443\u043d\u043a\u0438 \u043a \u0441\u043b\u0430\u0439\u0434-\u0448\u043e\u0443.",
     "OptionPhotoSlideshow": "\u0421\u043b\u0430\u0439\u0434-\u0448\u043e\u0443 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0439",
     "OptionBackdropSlideshow": "\u0421\u043b\u0430\u0439\u0434-\u0448\u043e\u0443 \u0437\u0430\u0434\u043d\u0438\u043a\u043e\u0432",
-    "HeaderTopPlugins": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b"
+    "HeaderTopPlugins": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b",
+    "ButtonRecord": "\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/sl-SI.json b/dashboard-ui/strings/javascript/sl-SI.json
index 55b7b2e46a..8201cefd68 100644
--- a/dashboard-ui/strings/javascript/sl-SI.json
+++ b/dashboard-ui/strings/javascript/sl-SI.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Record"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/sv.json b/dashboard-ui/strings/javascript/sv.json
index 77a8080a7e..c31e3e68c8 100644
--- a/dashboard-ui/strings/javascript/sv.json
+++ b/dashboard-ui/strings/javascript/sv.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Spela in"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/tr.json b/dashboard-ui/strings/javascript/tr.json
index 20e9b30f38..d09205765f 100644
--- a/dashboard-ui/strings/javascript/tr.json
+++ b/dashboard-ui/strings/javascript/tr.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Kay\u0131t"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/uk.json b/dashboard-ui/strings/javascript/uk.json
index 17a79deb43..029e353084 100644
--- a/dashboard-ui/strings/javascript/uk.json
+++ b/dashboard-ui/strings/javascript/uk.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Record"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/vi.json b/dashboard-ui/strings/javascript/vi.json
index 1c2e61c69f..d317b0320e 100644
--- a/dashboard-ui/strings/javascript/vi.json
+++ b/dashboard-ui/strings/javascript/vi.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "Record"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/zh-CN.json b/dashboard-ui/strings/javascript/zh-CN.json
index dfa1f6aa7c..5862f76dd7 100644
--- a/dashboard-ui/strings/javascript/zh-CN.json
+++ b/dashboard-ui/strings/javascript/zh-CN.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "\u5f55\u5236"
 }
\ No newline at end of file
diff --git a/dashboard-ui/strings/javascript/zh-TW.json b/dashboard-ui/strings/javascript/zh-TW.json
index 852f02aff7..d88c05f01b 100644
--- a/dashboard-ui/strings/javascript/zh-TW.json
+++ b/dashboard-ui/strings/javascript/zh-TW.json
@@ -838,5 +838,6 @@
     "NoSlideshowContentFound": "No slideshow images were found.",
     "OptionPhotoSlideshow": "Photo slideshow",
     "OptionBackdropSlideshow": "Backdrop slideshow",
-    "HeaderTopPlugins": "Top Plugins"
+    "HeaderTopPlugins": "Top Plugins",
+    "ButtonRecord": "\u958b\u59cb\u9304\u5f71"
 }
\ No newline at end of file
diff --git a/dashboard-ui/vulcanize-out.html b/dashboard-ui/vulcanize-out.html
index 506e4b147e..81ff1211f7 100644
--- a/dashboard-ui/vulcanize-out.html
+++ b/dashboard-ui/vulcanize-out.html
@@ -11310,9 +11310,6 @@ The `aria-labelledby` attribute will be set to the header element, if one exists
 
       /**
        * Returns the currently focused item.
-       *
-       * @attribute focusedItem
-       * @type Object
        */
       focusedItem: {
         observer: '_focusedItemChanged',
@@ -11324,9 +11321,6 @@ The `aria-labelledby` attribute will be set to the header element, if one exists
        * The attribute to use on menu items to look up the item title. Typing the first
        * letter of an item when the menu is open focuses that item. If unset, `textContent`
        * will be used.
-       *
-       * @attribute attrForItemTitle
-       * @type String
        */
       attrForItemTitle: {
         type: String
@@ -11403,6 +11397,7 @@ The `aria-labelledby` attribute will be set to the header element, if one exists
         this._defaultFocusAsync = null;
       }
       var item = this._valueToItem(value);
+      if (item && item.hasAttribute('disabled')) return;
       this._setFocusedItem(item);
       Polymer.IronMultiSelectableBehaviorImpl.select.apply(this, arguments);
     },
@@ -12682,6 +12677,98 @@ is separate from validation, and `allowed-pattern` does not affect how the input
 
 
 
+<script>
+
+  /**
+   * Use `Polymer.IronCheckedElementBehavior` to implement a custom element
+   * that has a `checked` property, which can be used for validation if the
+   * element is also `required`. Element instances implementing this behavior
+   * will also be registered for use in an `iron-form` element.
+   *
+   * @demo demo/index.html
+   * @polymerBehavior Polymer.IronCheckedElementBehavior
+   */
+  Polymer.IronCheckedElementBehaviorImpl = {
+
+    properties: {
+      /**
+       * Fired when the checked state changes.
+       *
+       * @event iron-change
+       */
+
+      /**
+       * Gets or sets the state, `true` is checked and `false` is unchecked.
+       */
+      checked: {
+        type: Boolean,
+        value: false,
+        reflectToAttribute: true,
+        notify: true,
+        observer: '_checkedChanged'
+      },
+
+      /**
+       * If true, the button toggles the active state with each tap or press
+       * of the spacebar.
+       */
+      toggles: {
+        type: Boolean,
+        value: true,
+        reflectToAttribute: true
+      },
+
+      /* Overriden from Polymer.IronFormElementBehavior */
+      value: {
+        type: String,
+        value: ''
+      }
+    },
+
+    observers: [
+      '_requiredChanged(required)'
+    ],
+
+    /**
+     * Returns false if the element is required and not checked, and true otherwise.
+     * @return {Boolean} true if `required` is false, or if `required` and `checked` are both true.
+     */
+    _getValidity: function() {
+      return this.disabled || !this.required || (this.required && this.checked);
+    },
+
+    /**
+     * Update the aria-required label when `required` is changed.
+     */
+    _requiredChanged: function() {
+      if (this.required) {
+        this.setAttribute('aria-required', 'true');
+      } else {
+        this.removeAttribute('aria-required');
+      }
+    },
+
+    /**
+     * Update the element's value when checked.
+     */
+    _checkedChanged: function() {
+      this.active = this.checked;
+      // Unless the user has specified a value, a checked element has the
+      // default value "on" when checked.
+      if (this.value === '')
+        this.value = this.checked ? 'on' : '';
+      this.fire('iron-change');
+    }
+  };
+
+  /** @polymerBehavior Polymer.IronCheckedElementBehavior */
+  Polymer.IronCheckedElementBehavior = [
+    Polymer.IronFormElementBehavior,
+    Polymer.IronValidatableBehavior,
+    Polymer.IronCheckedElementBehaviorImpl
+  ];
+
+</script>
 
 
 
@@ -18399,13 +18486,18 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
   opacity: 0.65;
 }
 
+/* invalid state */
+#checkbox.invalid:not(.checked) {
+  border-color: var(--paper-checkbox-error-color, --google-red-500);
+}
+
 </style>
 
   <template>
 
     <div id="checkboxContainer">
       <paper-ripple id="ink" class="circle" center="" checked$="[[checked]]"></paper-ripple>
-      <div id="checkbox" class$="[[_computeCheckboxClass(checked)]]">
+      <div id="checkbox" class$="[[_computeCheckboxClass(checked, invalid)]]">
         <div id="checkmark" class$="[[_computeCheckmarkClass(checked)]]"></div>
       </div>
     </div>
@@ -18419,7 +18511,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
       is: 'paper-checkbox',
 
       behaviors: [
-        Polymer.PaperInkyFocusBehavior
+        Polymer.PaperInkyFocusBehavior,
+        Polymer.IronCheckedElementBehavior
       ],
 
       hostAttributes: {
@@ -18441,25 +18534,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
          * @event iron-change
          */
 
-        /**
-         * Gets or sets the state, `true` is checked and `false` is unchecked.
-         */
-        checked: {
-          type: Boolean,
-          value: false,
-          reflectToAttribute: true,
-          notify: true,
-          observer: '_checkedChanged'
-        },
-
-        /**
-         * If true, the button toggles the active state with each tap or press
-         * of the spacebar.
-         */
-        toggles: {
-          type: Boolean,
-          value: true,
-          reflectToAttribute: true
+        ariaActiveAttribute: {
+          value: 'aria-checked'
         }
       },
 
@@ -18495,24 +18571,19 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
         }
       },
 
-      _checkedChanged: function(checked) {
-        this.setAttribute('aria-checked', this.checked ? 'true' : 'false');
-        this.active = this.checked;
-        this.fire('iron-change');
-      },
-
-      _computeCheckboxClass: function(checked) {
+      _computeCheckboxClass: function(checked, invalid) {
+        var className = '';
         if (checked) {
-          return 'checked';
+          className += 'checked ';
         }
-        return '';
+        if (invalid) {
+          className += 'invalid';
+        }
+        return className;
       },
 
       _computeCheckmarkClass: function(checked) {
-        if (!checked) {
-          return 'hidden';
-        }
-        return '';
+        return checked ? '' : 'hidden';
       }
     })
   </script>