diff --git a/dashboard-ui/bower_components/iron-pages/.bower.json b/dashboard-ui/bower_components/iron-pages/.bower.json index 416bcf2106..f0b9d5614d 100644 --- a/dashboard-ui/bower_components/iron-pages/.bower.json +++ b/dashboard-ui/bower_components/iron-pages/.bower.json @@ -1,6 +1,6 @@ { "name": "iron-pages", - "version": "1.0.2", + "version": "1.0.3", "license": "http://polymer.github.io/LICENSE.txt", "description": "Organizes a set of pages and shows one at a time", "main": "iron-pages.html", @@ -30,14 +30,13 @@ "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, "homepage": "https://github.com/PolymerElements/iron-pages", - "_release": "1.0.2", + "_release": "1.0.3", "_resolution": { "type": "version", - "tag": "v1.0.2", - "commit": "061e9ea95b58880f0f992b081c52a06665b553c9" + "tag": "v1.0.3", + "commit": "ca6e7892786d60d8cb6935d8376b27c3851fdbf5" }, "_source": "git://github.com/PolymerElements/iron-pages.git", "_target": "~1.0.2", - "_originalSource": "PolymerElements/iron-pages", - "_direct": true + "_originalSource": "PolymerElements/iron-pages" } \ No newline at end of file diff --git a/dashboard-ui/bower_components/iron-pages/bower.json b/dashboard-ui/bower_components/iron-pages/bower.json index c41be27430..e8930e2763 100644 --- a/dashboard-ui/bower_components/iron-pages/bower.json +++ b/dashboard-ui/bower_components/iron-pages/bower.json @@ -1,6 +1,6 @@ { "name": "iron-pages", - "version": "1.0.2", + "version": "1.0.3", "license": "http://polymer.github.io/LICENSE.txt", "description": "Organizes a set of pages and shows one at a time", "main": "iron-pages.html", diff --git a/dashboard-ui/bower_components/iron-pages/iron-pages.html b/dashboard-ui/bower_components/iron-pages/iron-pages.html index 1753f0eb17..86292ea1d1 100644 --- a/dashboard-ui/bower_components/iron-pages/iron-pages.html +++ b/dashboard-ui/bower_components/iron-pages/iron-pages.html @@ -78,6 +78,7 @@ Example: // handler attempts to change the page and the activateEvent // handler immediately changes it back activateEvent: { + type: String, value: null } diff --git a/dashboard-ui/bower_components/iron-resizable-behavior/.bower.json b/dashboard-ui/bower_components/iron-resizable-behavior/.bower.json index 1f0548f3d7..9ae5e84c7e 100644 --- a/dashboard-ui/bower_components/iron-resizable-behavior/.bower.json +++ b/dashboard-ui/bower_components/iron-resizable-behavior/.bower.json @@ -27,14 +27,14 @@ "web-component-tester": "*", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, - "homepage": "https://github.com/polymerelements/iron-resizable-behavior", + "homepage": "https://github.com/PolymerElements/iron-resizable-behavior", "_release": "1.0.2", "_resolution": { "type": "version", "tag": "v1.0.2", "commit": "85de8ba28be2bf17c81d6436ef1119022b003674" }, - "_source": "git://github.com/polymerelements/iron-resizable-behavior.git", + "_source": "git://github.com/PolymerElements/iron-resizable-behavior.git", "_target": "^1.0.0", - "_originalSource": "polymerelements/iron-resizable-behavior" + "_originalSource": "PolymerElements/iron-resizable-behavior" } \ No newline at end of file diff --git a/dashboard-ui/bower_components/iron-selector/.bower.json b/dashboard-ui/bower_components/iron-selector/.bower.json index 68996d04d0..31050826e9 100644 --- a/dashboard-ui/bower_components/iron-selector/.bower.json +++ b/dashboard-ui/bower_components/iron-selector/.bower.json @@ -28,14 +28,14 @@ "web-component-tester": "*", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, - "homepage": "https://github.com/polymerelements/iron-selector", + "homepage": "https://github.com/PolymerElements/iron-selector", "_release": "1.0.2", "_resolution": { "type": "version", "tag": "v1.0.2", "commit": "ea22d91d11ba6f72c01faa952d5e600f9d1773cf" }, - "_source": "git://github.com/polymerelements/iron-selector.git", + "_source": "git://github.com/PolymerElements/iron-selector.git", "_target": "^1.0.0", - "_originalSource": "polymerelements/iron-selector" + "_originalSource": "PolymerElements/iron-selector" } \ No newline at end of file diff --git a/dashboard-ui/bower_components/paper-checkbox/.bower.json b/dashboard-ui/bower_components/paper-checkbox/.bower.json new file mode 100644 index 0000000000..a2cfe02d89 --- /dev/null +++ b/dashboard-ui/bower_components/paper-checkbox/.bower.json @@ -0,0 +1,47 @@ +{ + "name": "paper-checkbox", + "version": "1.0.5", + "description": "A material design checkbox", + "authors": [ + "The Polymer Authors" + ], + "keywords": [ + "web-components", + "polymer", + "paper", + "checkbox", + "control" + ], + "private": true, + "repository": { + "type": "git", + "url": "git://github.com/PolymerElements/paper-checkbox" + }, + "license": "http://polymer.github.io/LICENSE.txt", + "homepage": "https://github.com/PolymerElements/paper-checkbox", + "ignore": [], + "devDependencies": { + "web-component-tester": "*", + "iron-component-page": "PolymerElements/iron-component-page#^1.0.0", + "test-fixture": "PolymerElements/test-fixture#^1.0.0", + "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0", + "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0", + "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" + }, + "dependencies": { + "paper-ripple": "PolymerElements/paper-ripple#^1.0.0", + "paper-styles": "PolymerElements/paper-styles#^1.0.0", + "paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0", + "polymer": "Polymer/polymer#^1.0.0" + }, + "_release": "1.0.5", + "_resolution": { + "type": "version", + "tag": "v1.0.5", + "commit": "af864401daab761d2fb7e6eadddb3cd659be8f85" + }, + "_source": "git://github.com/PolymerElements/paper-checkbox.git", + "_target": "~1.0.5", + "_originalSource": "PolymerElements/paper-checkbox", + "_direct": true +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/paper-checkbox/.gitignore b/dashboard-ui/bower_components/paper-checkbox/.gitignore new file mode 100644 index 0000000000..8d4ae2536a --- /dev/null +++ b/dashboard-ui/bower_components/paper-checkbox/.gitignore @@ -0,0 +1 @@ +bower_components diff --git a/dashboard-ui/bower_components/paper-checkbox/bower.json b/dashboard-ui/bower_components/paper-checkbox/bower.json new file mode 100644 index 0000000000..dc4f513947 --- /dev/null +++ b/dashboard-ui/bower_components/paper-checkbox/bower.json @@ -0,0 +1,37 @@ +{ + "name": "paper-checkbox", + "version": "1.0.5", + "description": "A material design checkbox", + "authors": [ + "The Polymer Authors" + ], + "keywords": [ + "web-components", + "polymer", + "paper", + "checkbox", + "control" + ], + "private": true, + "repository": { + "type": "git", + "url": "git://github.com/PolymerElements/paper-checkbox" + }, + "license": "http://polymer.github.io/LICENSE.txt", + "homepage": "https://github.com/PolymerElements/paper-checkbox", + "ignore": [], + "devDependencies": { + "web-component-tester": "*", + "iron-component-page": "PolymerElements/iron-component-page#^1.0.0", + "test-fixture": "PolymerElements/test-fixture#^1.0.0", + "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0", + "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0", + "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" + }, + "dependencies": { + "paper-ripple": "PolymerElements/paper-ripple#^1.0.0", + "paper-styles": "PolymerElements/paper-styles#^1.0.0", + "paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0", + "polymer": "Polymer/polymer#^1.0.0" + } +} diff --git a/dashboard-ui/bower_components/paper-checkbox/demo/index.html b/dashboard-ui/bower_components/paper-checkbox/demo/index.html new file mode 100644 index 0000000000..662e9e573b --- /dev/null +++ b/dashboard-ui/bower_components/paper-checkbox/demo/index.html @@ -0,0 +1,93 @@ + + + + + paper-checkbox demo + + + + + + + + + + + + +
+
+

Enabled

+
+ Oxygen + Carbon + Hydrogen + Nitrogen + Calcium +
+
+
+

Disabled

+
+ Oxygen + Carbon + Hydrogen + Nitrogen + Calcium +
+
+
+

Color

+
+ Oxygen + Carbon + Hydrogen + Nitrogen + Calcium +
+
+
+ + diff --git a/dashboard-ui/bower_components/paper-checkbox/index.html b/dashboard-ui/bower_components/paper-checkbox/index.html new file mode 100644 index 0000000000..b368797b12 --- /dev/null +++ b/dashboard-ui/bower_components/paper-checkbox/index.html @@ -0,0 +1,30 @@ + + + + + + + + + paper-checkbox + + + + + + + + + + + + + diff --git a/dashboard-ui/bower_components/paper-checkbox/metadata.html b/dashboard-ui/bower_components/paper-checkbox/metadata.html new file mode 100644 index 0000000000..4d068e860f --- /dev/null +++ b/dashboard-ui/bower_components/paper-checkbox/metadata.html @@ -0,0 +1,17 @@ + + + + + diff --git a/dashboard-ui/bower_components/paper-checkbox/paper-checkbox.css b/dashboard-ui/bower_components/paper-checkbox/paper-checkbox.css new file mode 100644 index 0000000000..6577c39090 --- /dev/null +++ b/dashboard-ui/bower_components/paper-checkbox/paper-checkbox.css @@ -0,0 +1,151 @@ +/* +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 +*/ + +:host { + display: inline-block; + white-space: nowrap; +} + +:host(:focus) { + outline: none; +} + +.hidden { + display: none; +} + +#checkboxContainer { + display: inline-block; + position: relative; + width: 18px; + height: 18px; + cursor: pointer; + -webkit-transform: translateZ(0); + transform: translateZ(0); + vertical-align: middle; + background-color: var(--paper-checkbox-unchecked-background-color, transparent); +} + +:host #ink { + position: absolute; + top: -15px; + left: -15px; + width: 48px; + height: 48px; + color: var(--paper-checkbox-unchecked-ink-color, --primary-text-color); + opacity: 0.6; + pointer-events: none; +} + +:host #ink[checked] { + color: var(--paper-checkbox-checked-ink-color, --default-primary-color); +} + +:host #checkbox { + position: relative; + box-sizing: border-box; + height: 100%; + border: solid 2px; + border-color: var(--paper-checkbox-unchecked-color, --primary-text-color); + border-radius: 2px; + pointer-events: none; + -webkit-transition: background-color 140ms, border-color 140ms; + transition: background-color 140ms, border-color 140ms; +} + +/* checkbox checked animations */ +#checkbox.checked #checkmark { + -webkit-animation: checkmark-expand 140ms ease-out forwards; + animation: checkmark-expand 140ms ease-out forwards; +} + +@-webkit-keyframes checkmark-expand { + 0% { + top: 9px; + left: 6px; + width: 0px; + height: 0px; + } + 100% { + top: -1px; + left: 4px; + width: 5px; + height: 10px; + } +} + +@keyframes checkmark-expand { + 0% { + top: 9px; + left: 6px; + width: 0px; + height: 0px; + } + 100% { + top: -1px; + left: 4px; + width: 5px; + height: 10px; + } +} + +:host #checkbox.checked { + background-color: var(--paper-checkbox-checked-color, --default-primary-color); + border-color: var(--paper-checkbox-checked-color, --default-primary-color); +} + +:host #checkmark { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + position: absolute; + top: -1px; + left: 4px; + width: 5px; + height: 10px; + border-style: solid; + border-top: none; + border-left: none; + border-right-width: 2px; + border-bottom-width: 2px; + border-color: var(--paper-checkbox-checkmark-color, white); +} + +/* label */ +#checkboxLabel { + position: relative; + display: inline-block; + vertical-align: middle; + padding-left: 8px; + white-space: normal; + pointer-events: none; + color: var(--paper-checkbox-label-color, --primary-text-color); +} + +#checkboxLabel[hidden] { + display: none; +} + +/* disabled state */ +:host([disabled]) { + pointer-events: none; +} + +:host([disabled]) #checkbox { + opacity: 0.5; + border-color: var(--paper-checkbox-unchecked-color, --primary-text-color); +} + +:host([disabled][checked]) #checkbox { + background-color: var(--paper-checkbox-unchecked-color, --primary-text-color); + opacity: 0.5; +} + +:host([disabled]) #checkboxLabel { + opacity: 0.65; +} diff --git a/dashboard-ui/bower_components/paper-checkbox/paper-checkbox.html b/dashboard-ui/bower_components/paper-checkbox/paper-checkbox.html new file mode 100644 index 0000000000..45299422d9 --- /dev/null +++ b/dashboard-ui/bower_components/paper-checkbox/paper-checkbox.html @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + + + + diff --git a/dashboard-ui/bower_components/paper-checkbox/test/basic.html b/dashboard-ui/bower_components/paper-checkbox/test/basic.html new file mode 100644 index 0000000000..1110778276 --- /dev/null +++ b/dashboard-ui/bower_components/paper-checkbox/test/basic.html @@ -0,0 +1,99 @@ + + + + + + paper-checkbox basic tests + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dashboard-ui/bower_components/paper-checkbox/test/index.html b/dashboard-ui/bower_components/paper-checkbox/test/index.html new file mode 100644 index 0000000000..ac9a12c5e9 --- /dev/null +++ b/dashboard-ui/bower_components/paper-checkbox/test/index.html @@ -0,0 +1,24 @@ + + + + + + + paper-checkbox tests + + + + + + diff --git a/dashboard-ui/bower_components/paper-progress/.bower.json b/dashboard-ui/bower_components/paper-progress/.bower.json index 72736e1262..522314a01b 100644 --- a/dashboard-ui/bower_components/paper-progress/.bower.json +++ b/dashboard-ui/bower_components/paper-progress/.bower.json @@ -1,6 +1,6 @@ { "name": "paper-progress", - "version": "1.0.1", + "version": "1.0.2", "license": "http://polymer.github.io/LICENSE.txt", "description": "A material design progress bar", "authors": "The Polymer Authors", @@ -29,11 +29,11 @@ "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, "homepage": "https://github.com/PolymerElements/paper-progress", - "_release": "1.0.1", + "_release": "1.0.2", "_resolution": { "type": "version", - "tag": "v1.0.1", - "commit": "5171a785bd63e9687473d4b708f1b82137d4d9a5" + "tag": "v1.0.2", + "commit": "f4db2254c41f21d7df2bd8533d16f929507f823e" }, "_source": "git://github.com/PolymerElements/paper-progress.git", "_target": "^1.0.0", diff --git a/dashboard-ui/bower_components/paper-progress/bower.json b/dashboard-ui/bower_components/paper-progress/bower.json index 937d6dc525..6939af3b9b 100644 --- a/dashboard-ui/bower_components/paper-progress/bower.json +++ b/dashboard-ui/bower_components/paper-progress/bower.json @@ -1,6 +1,6 @@ { "name": "paper-progress", - "version": "1.0.1", + "version": "1.0.2", "license": "http://polymer.github.io/LICENSE.txt", "description": "A material design progress bar", "authors": "The Polymer Authors", diff --git a/dashboard-ui/bower_components/paper-progress/paper-progress.html b/dashboard-ui/bower_components/paper-progress/paper-progress.html index e81b14d0f2..4c9e027e66 100644 --- a/dashboard-ui/bower_components/paper-progress/paper-progress.html +++ b/dashboard-ui/bower_components/paper-progress/paper-progress.html @@ -29,7 +29,7 @@ Example: -Styling progress bar: +### Styling progress bar: To change the active progress bar color: @@ -49,6 +49,26 @@ To change the progress bar background color: --paper-progress-container-color: #64ffda; } +Add the class `transiting` to a paper-progress to animate the progress bar when +the value changed. You can also customize the transition: + + paper-progress { + --paper-progress-transition-duration: 0.08s; + --paper-progress-transition-timing-function: ease; + --paper-progress-transition-transition-delay: 0s; + } + +The following mixins are available for styling: + + + +Custom property | Description | Default +----------------|-------------|---------- +`--paper-progress-container` | Mixin applied to container | `{}` + + + + @group Paper Elements @element paper-progress @hero hero.svg @@ -63,11 +83,33 @@ To change the progress bar background color: height: 4px; } + :host(.transiting) #activeProgress, + :host(.transiting) #secondaryProgress { + -webkit-transition-property: -webkit-transform; + transition-property: transform; + + /* Duration */ + -webkit-transition-duration: var(--paper-progress-transition-duration, 0.08s); + transition-duration: var(--paper-progress-transition-duration, 0.08s); + + /* Timing function */ + -webkit-transition-timing-function: var(--paper-progress-transition-timing-function, ease); + transition-timing-function: var(--paper-progress-transition-timing-function, ease); + + /* Delay */ + -webkit-transition-delay: var(--paper-progress-transition-delay, 0s); + transition-delay: var(--paper-progress-transition-delay, 0s); + } + #progressContainer { position: relative; height: 100%; - background-color: var(--paper-progress-container-color, --google-grey-300); overflow: hidden; + @apply(--paper-progress-container); + } + + #progressContainer, #indeterminateSplitter { + background-color: var(--paper-progress-container-color, --google-grey-300); } #activeProgress, @@ -85,35 +127,87 @@ To change the progress bar background color: #secondaryProgress { background-color: var(--paper-progress-secondary-color, --google-green-100); } + + #indeterminateSplitter { + display: none; + } #activeProgress.indeterminate { + -webkit-transform-origin: right center; + transform-origin: right center; + -webkit-animation: indeterminate-bar 2s linear infinite; + animation: indeterminate-bar 2s linear infinite; + } + + #indeterminateSplitter.indeterminate { + display: block; -webkit-transform-origin: center center; transform-origin: center center; - -webkit-animation: indeterminate-bar 1s linear infinite; - animation: indeterminate-bar 1s linear infinite; + -webkit-animation: indeterminate-splitter 2s linear infinite; + animation: indeterminate-splitter 2s linear infinite; } @-webkit-keyframes indeterminate-bar { 0% { - -webkit-transform: translate(-50%) scaleX(0); + -webkit-transform: scaleX(1) translateX(-100%); } 50% { - -webkit-transform: translate(0%) scaleX(0.3); + -webkit-transform: scaleX(1) translateX(0%); + } + 75% { + -webkit-transform: scaleX(1) translateX(0%); + -webkit-animation-timing-function: cubic-bezier(.28,.62,.37,.91); } 100% { - -webkit-transform: translate(50%) scaleX(0); + -webkit-transform: scaleX(0) translateX(0%); + } + } + + @-webkit-keyframes indeterminate-splitter { + 0% { + -webkit-transform: scaleX(.75) translateX(-125%); + } + 30% { + -webkit-transform: scaleX(.75) translateX(-125%); + -webkit-animation-timing-function: cubic-bezier(.42,0,.6,.8); + } + 90% { + -webkit-transform: scaleX(.75) translateX(125%); + } + 100% { + -webkit-transform: scaleX(.75) translateX(125%); } } @keyframes indeterminate-bar { 0% { - transform: translate(-50%) scaleX(0); + transform: scaleX(1) translateX(-100%); } 50% { - transform: translate(0%) scaleX(0.3); + transform: scaleX(1) translateX(0%); + } + 75% { + transform: scaleX(1) translateX(0%); + animation-timing-function: cubic-bezier(.28,.62,.37,.91); } 100% { - transform: translate(50%) scaleX(0); + transform: scaleX(0) translateX(0%); + } + } + + @keyframes indeterminate-splitter { + 0% { + transform: scaleX(.75) translateX(-125%); + } + 30% { + transform: scaleX(.75) translateX(-125%); + animation-timing-function: cubic-bezier(.42,0,.6,.8); + } + 90% { + transform: scaleX(.75) translateX(125%); + } + 100% { + transform: scaleX(.75) translateX(125%); } } @@ -121,6 +215,7 @@ To change the progress bar background color:
+
@@ -175,6 +270,7 @@ To change the progress bar background color: // If we use attribute/class binding, the animation sometimes doesn't translate properly // on Safari 7.1. So instead, we toggle the class here in the update method. this.toggleClass('indeterminate', this.indeterminate, this.$.activeProgress); + this.toggleClass('indeterminate', this.indeterminate, this.$.indeterminateSplitter); }, _transformProgress: function(progress, ratio) { diff --git a/dashboard-ui/bower_components/paper-toggle-button/.bower.json b/dashboard-ui/bower_components/paper-toggle-button/.bower.json new file mode 100644 index 0000000000..82cb9d3ac3 --- /dev/null +++ b/dashboard-ui/bower_components/paper-toggle-button/.bower.json @@ -0,0 +1,46 @@ +{ + "name": "paper-toggle-button", + "version": "1.0.5", + "description": "A material design toggle button control", + "authors": [ + "The Polymer Authors" + ], + "keywords": [ + "web-components", + "polymer", + "toggle", + "control" + ], + "private": true, + "repository": { + "type": "git", + "url": "git://github.com/PolymerElements/paper-toggle-button" + }, + "license": "http://polymer.github.io/LICENSE.txt", + "homepage": "https://github.com/PolymerElements/paper-toggle-button", + "ignore": [], + "dependencies": { + "paper-ripple": "PolymerElements/paper-ripple#^1.0.0", + "paper-styles": "PolymerElements/paper-styles#^1.0.0", + "paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0", + "polymer": "Polymer/polymer#^1.0.0" + }, + "devDependencies": { + "web-component-tester": "*", + "test-fixture": "PolymerElements/test-fixture#^1.0.0", + "iron-component-page": "PolymerElements/iron-component-page#^1.0.0", + "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0", + "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0", + "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" + }, + "_release": "1.0.5", + "_resolution": { + "type": "version", + "tag": "v1.0.5", + "commit": "9891ee6a4af756b198290c14137498f78d97593d" + }, + "_source": "git://github.com/PolymerElements/paper-toggle-button.git", + "_target": "~1.0.5", + "_originalSource": "PolymerElements/paper-toggle-button", + "_direct": true +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/paper-toggle-button/.gitignore b/dashboard-ui/bower_components/paper-toggle-button/.gitignore new file mode 100644 index 0000000000..8d4ae2536a --- /dev/null +++ b/dashboard-ui/bower_components/paper-toggle-button/.gitignore @@ -0,0 +1 @@ +bower_components diff --git a/dashboard-ui/bower_components/paper-toggle-button/bower.json b/dashboard-ui/bower_components/paper-toggle-button/bower.json new file mode 100644 index 0000000000..73e21c16e5 --- /dev/null +++ b/dashboard-ui/bower_components/paper-toggle-button/bower.json @@ -0,0 +1,36 @@ +{ + "name": "paper-toggle-button", + "version": "1.0.5", + "description": "A material design toggle button control", + "authors": [ + "The Polymer Authors" + ], + "keywords": [ + "web-components", + "polymer", + "toggle", + "control" + ], + "private": true, + "repository": { + "type": "git", + "url": "git://github.com/PolymerElements/paper-toggle-button" + }, + "license": "http://polymer.github.io/LICENSE.txt", + "homepage": "https://github.com/PolymerElements/paper-toggle-button", + "ignore": [], + "dependencies": { + "paper-ripple": "PolymerElements/paper-ripple#^1.0.0", + "paper-styles": "PolymerElements/paper-styles#^1.0.0", + "paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0", + "polymer": "Polymer/polymer#^1.0.0" + }, + "devDependencies": { + "web-component-tester": "*", + "test-fixture": "PolymerElements/test-fixture#^1.0.0", + "iron-component-page": "PolymerElements/iron-component-page#^1.0.0", + "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0", + "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0", + "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" + } +} diff --git a/dashboard-ui/bower_components/paper-toggle-button/demo/index.html b/dashboard-ui/bower_components/paper-toggle-button/demo/index.html new file mode 100644 index 0000000000..1d63affb75 --- /dev/null +++ b/dashboard-ui/bower_components/paper-toggle-button/demo/index.html @@ -0,0 +1,105 @@ + + + + + paper-toggle-button demo + + + + + + + + + + + + +
+
+

Enabled

+
+
Oxygen
+
Carbon
+
Hydrogen
+
Nitrogen
+
Calcium
+
+
+ +
+

Disabled

+
+
Oxygen
+
Carbon
+
Hydrogen
+
Nitrogen
+
Calcium
+
+
+ +
+

Color

+
+
Oxygen
+
Carbon
+
Hydrogen
+
Nitrogen
+
Calcium
+
+
+
+ + diff --git a/dashboard-ui/bower_components/paper-toggle-button/hero.svg b/dashboard-ui/bower_components/paper-toggle-button/hero.svg new file mode 100644 index 0000000000..21607b2828 --- /dev/null +++ b/dashboard-ui/bower_components/paper-toggle-button/hero.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/dashboard-ui/bower_components/paper-toggle-button/index.html b/dashboard-ui/bower_components/paper-toggle-button/index.html new file mode 100644 index 0000000000..e871f17d98 --- /dev/null +++ b/dashboard-ui/bower_components/paper-toggle-button/index.html @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + diff --git a/dashboard-ui/bower_components/paper-toggle-button/paper-toggle-button.css b/dashboard-ui/bower_components/paper-toggle-button/paper-toggle-button.css new file mode 100644 index 0000000000..ad3a6b504c --- /dev/null +++ b/dashboard-ui/bower_components/paper-toggle-button/paper-toggle-button.css @@ -0,0 +1,109 @@ +/* +@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 +*/ + +:host { + display: inline-block; +} + +:host([disabled]) { + pointer-events: none; +} + +:host(:focus) { + outline:none; +} + +:host .toggle-bar { + background-color: var(--paper-toggle-button-unchecked-bar-color, #000000); +} + +:host .toggle-button { + background-color: var(--paper-toggle-button-unchecked-button-color, --paper-grey-50); +} + +:host([checked]) .toggle-bar { + background-color: var(--paper-toggle-button-checked-bar-color, --google-green-500); +} + +:host([checked]) .toggle-button { + background-color: var(--paper-toggle-button-checked-button-color, --google-green-500); +} + +:host .toggle-ink { + color: var(--paper-toggle-button-unchecked-ink-color, --primary-text-color); +} + +:host([checked]) .toggle-ink { + color: var(--paper-toggle-button-checked-ink-color, --google-green-500); +} + +/* ID selectors should not be overriden by users. */ + +#toggleContainer { + position: relative; + width: 36px; + height: 14px; +} + +#toggleBar { + position: absolute; + height: 100%; + width: 100%; + border-radius: 8px; + pointer-events: none; + opacity: 0.4; + transition: background-color linear .08s; +} + +:host([checked]) #toggleBar { + opacity: 0.5; +} + +:host([disabled]) #toggleBar { + background-color: #000; + opacity: 0.12; +} + +#toggleButton { + position: absolute; + top: -3px; + height: 20px; + width: 20px; + border-radius: 50%; + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6); + transition: -webkit-transform linear .08s, background-color linear .08s; + transition: transform linear .08s, background-color linear .08s; + will-change: transform; +} + +#toggleButton.dragging { + -webkit-transition: none; + transition: none; +} + +:host([checked]) #toggleButton { + -webkit-transform: translate(16px, 0); + transform: translate(16px, 0); +} + +:host([disabled]) #toggleButton { + background-color: #bdbdbd; + opacity: 1; +} + +#ink { + position: absolute; + top: -14px; + left: -14px; + width: 48px; + height: 48px; + opacity: 0.5; + pointer-events: none; +} diff --git a/dashboard-ui/bower_components/paper-toggle-button/paper-toggle-button.html b/dashboard-ui/bower_components/paper-toggle-button/paper-toggle-button.html new file mode 100644 index 0000000000..4d2f9c27ee --- /dev/null +++ b/dashboard-ui/bower_components/paper-toggle-button/paper-toggle-button.html @@ -0,0 +1,174 @@ + + + + + + + + + + + + + + + + + + + diff --git a/dashboard-ui/bower_components/paper-toggle-button/test/basic.html b/dashboard-ui/bower_components/paper-toggle-button/test/basic.html new file mode 100644 index 0000000000..6768491525 --- /dev/null +++ b/dashboard-ui/bower_components/paper-toggle-button/test/basic.html @@ -0,0 +1,86 @@ + + + + + + paper-toggle-button basic tests + + + + + + + + + + + + + + + + + + + + diff --git a/dashboard-ui/bower_components/paper-toggle-button/test/index.html b/dashboard-ui/bower_components/paper-toggle-button/test/index.html new file mode 100644 index 0000000000..c2b22786b5 --- /dev/null +++ b/dashboard-ui/bower_components/paper-toggle-button/test/index.html @@ -0,0 +1,25 @@ + + + + + + + paper-toggle-button tests + + + + + + diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css index 37804862c1..5c2eb0d972 100644 --- a/dashboard-ui/css/site.css +++ b/dashboard-ui/css/site.css @@ -657,6 +657,11 @@ h1 .imageLink { white-space: normal !important; } +.paperCheckboxFieldDescription { + padding-left: 30px; + padding-top: 5px; +} + .warningFieldDescription { padding: 5px; border: 1px solid #f4c63f; diff --git a/dashboard-ui/livetvguideprovider-scd.html b/dashboard-ui/livetvguideprovider-scd.html index 2052e57bdf..11c02d985b 100644 --- a/dashboard-ui/livetvguideprovider-scd.html +++ b/dashboard-ui/livetvguideprovider-scd.html @@ -26,14 +26,10 @@
-
- - +
-
- - +
-
- - +

diff --git a/dashboard-ui/livetvtunerprovider-hdhomerun.html b/dashboard-ui/livetvtunerprovider-hdhomerun.html index 6e90d2986a..12227bccd7 100644 --- a/dashboard-ui/livetvtunerprovider-hdhomerun.html +++ b/dashboard-ui/livetvtunerprovider-hdhomerun.html @@ -22,15 +22,12 @@
-
- - +

- - -
${ImportFavoriteChannelsHelp}
+ ${LabelImportOnlyFavoriteChannels} +
${ImportFavoriteChannelsHelp}

diff --git a/dashboard-ui/livetvtunerprovider-m3u.html b/dashboard-ui/livetvtunerprovider-m3u.html index caa023d621..c03e7bbbfb 100644 --- a/dashboard-ui/livetvtunerprovider-m3u.html +++ b/dashboard-ui/livetvtunerprovider-m3u.html @@ -22,9 +22,7 @@
-
- - +

diff --git a/dashboard-ui/scripts/livetvguideprovider-scd.js b/dashboard-ui/scripts/livetvguideprovider-scd.js index 8e48955b51..a9a5ff77d3 100644 --- a/dashboard-ui/scripts/livetvguideprovider-scd.js +++ b/dashboard-ui/scripts/livetvguideprovider-scd.js @@ -13,8 +13,10 @@ listingsId = info.ListingsId; $('#selectListing', page).val(info.ListingsId || '').selectmenu('refresh'); $('#selectCountry', page).val(info.Country || '').selectmenu('refresh'); - $('#txtZipCode', page).val(info.ZipCode || '').trigger('change'); - $('#txtUser', page).val(info.Username || ''); + page.querySelector('.txtZipCode').value = info.ZipCode || ''; + $(page.querySelector('.txtZipCode')).trigger('change'); + page.querySelector('.txtUser').value = info.Username || ''; + page.querySelector('.txtPass').value = info.Username || ''; }); } @@ -25,8 +27,8 @@ var info = { Type: 'SchedulesDirect', - Username: $('#txtUser', page).val(), - Password: CryptoJS.SHA1($('#txtPass', page).val()).toString() + Username: page.querySelector('.txtUser').value, + Password: CryptoJS.SHA1(page.querySelector('.txtPass').value).toString() }; var providerId = getParameterByName('id'); @@ -79,7 +81,7 @@ return i.Id == id; })[0]; - info.ZipCode = $('#txtZipCode', page).val(); + info.ZipCode = page.querySelector('.txtZipCode').value; info.Country = $('#selectCountry', page).val(); info.ListingsId = selectedListingsId; @@ -164,7 +166,7 @@ return false; }); - $('#txtZipCode', page).on('change', function () { + $('.txtZipCode', page).on('change', function () { refreshListings(page, this.value); }); diff --git a/dashboard-ui/scripts/livetvtunerprovider-hdhomerun.js b/dashboard-ui/scripts/livetvtunerprovider-hdhomerun.js index 4614094883..0536ca05fd 100644 --- a/dashboard-ui/scripts/livetvtunerprovider-hdhomerun.js +++ b/dashboard-ui/scripts/livetvtunerprovider-hdhomerun.js @@ -2,8 +2,8 @@ function reload(page, providerId) { - $('#txtDevicePath', page).val(''); - $('#chkFavorite', page).checked(false).checkboxradio('refresh'); + page.querySelector('.txtDevicePath').value = ''; + page.querySelector('.chkFavorite').checked = false; if (providerId) { ApiClient.getNamedConfiguration("livetv").done(function (config) { @@ -12,8 +12,8 @@ return i.Id == providerId; })[0]; - $('#txtDevicePath', page).val(info.Url || ''); - $('#chkFavorite', page).checked(info.ImportFavoritesOnly).checkboxradio('refresh'); + page.querySelector('.txtDevicePath').value = info.Url || ''; + page.querySelector('.chkFavorite').checked = info.ImportFavoritesOnly; }); } @@ -25,8 +25,8 @@ var info = { Type: 'hdhomerun', - Url: $('#txtDevicePath', page).val(), - ImportFavoritesOnly: $('#chkFavorite', page).checked() + Url: page.querySelector('.txtDevicePath').value, + ImportFavoritesOnly: page.querySelector('.chkFavorite').checked }; var id = getParameterByName('id'); diff --git a/dashboard-ui/scripts/livetvtunerprovider-m3u.js b/dashboard-ui/scripts/livetvtunerprovider-m3u.js index d8480d73cf..6059faa4b7 100644 --- a/dashboard-ui/scripts/livetvtunerprovider-m3u.js +++ b/dashboard-ui/scripts/livetvtunerprovider-m3u.js @@ -2,7 +2,7 @@ function reload(page, providerId) { - $('#txtDevicePath', page).val(''); + page.querySelector('.txtDevicePath').value = ''; if (providerId) { ApiClient.getNamedConfiguration("livetv").done(function (config) { @@ -11,7 +11,7 @@ return i.Id == providerId; })[0]; - $('#txtDevicePath', page).val(info.Url || ''); + page.querySelector('.txtDevicePath').value = info.Url || ''; }); } } @@ -22,8 +22,7 @@ var info = { Type: 'm3u', - Url: $('#txtDevicePath', page).val(), - ImportFavoritesOnly: $('#chkFavorite', page).checked() + Url: page.querySelector('.txtDevicePath').value }; var id = getParameterByName('id'); diff --git a/dashboard-ui/vulcanize-in.html b/dashboard-ui/vulcanize-in.html index cb6a84b054..a8beb88295 100644 --- a/dashboard-ui/vulcanize-in.html +++ b/dashboard-ui/vulcanize-in.html @@ -18,4 +18,5 @@ + \ No newline at end of file diff --git a/dashboard-ui/vulcanize-out.html b/dashboard-ui/vulcanize-out.html index e7277318d6..21d5a859e7 100644 --- a/dashboard-ui/vulcanize-out.html +++ b/dashboard-ui/vulcanize-out.html @@ -12314,6 +12314,8 @@ is separate from validation, and `allowed-pattern` does not affect how the input + +