From a3024011a91d3941f81481dd4d600e9684eb0fd4 Mon Sep 17 00:00:00 2001 From: Valerio Virgillito Date: Thu, 2 Feb 2012 00:11:51 -0800 Subject: upgrading to Montage v0.6 Signed-off-by: Valerio Virgillito --- .../montage/ui/bluemoon/progress.reel/progress.css | 51 ++++++++ .../ui/bluemoon/progress.reel/progress.html | 32 +++++ .../montage/ui/bluemoon/progress.reel/progress.js | 139 +++++++++++++++++++++ .../montage/ui/bluemoon/progress.reel/rule.png | Bin 0 -> 956 bytes .../montage/ui/bluemoon/progress.reel/scroll.png | Bin 0 -> 272 bytes 5 files changed, 222 insertions(+) create mode 100644 node_modules/montage/ui/bluemoon/progress.reel/progress.css create mode 100644 node_modules/montage/ui/bluemoon/progress.reel/progress.html create mode 100644 node_modules/montage/ui/bluemoon/progress.reel/progress.js create mode 100644 node_modules/montage/ui/bluemoon/progress.reel/rule.png create mode 100644 node_modules/montage/ui/bluemoon/progress.reel/scroll.png (limited to 'node_modules/montage/ui/bluemoon/progress.reel') diff --git a/node_modules/montage/ui/bluemoon/progress.reel/progress.css b/node_modules/montage/ui/bluemoon/progress.reel/progress.css new file mode 100644 index 00000000..cf9e6543 --- /dev/null +++ b/node_modules/montage/ui/bluemoon/progress.reel/progress.css @@ -0,0 +1,51 @@ +/* + This file contains proprietary software owned by Motorola Mobility, Inc.
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. + */ +.montage-progress { + height: 7px; + padding: 1px; + border-radius: 5px / 4px; + overflow: hidden; + background: #ccc url(rule.png); + -webkit-box-shadow: inset rgba(0,0,0,.2) 0 0 0 1px, rgba(255,255,255,.5) 0 1px 1px, rgba(0,0,0,.1) 0 -1px 0px; +} + +.montage-progress .bar { + height: 7px; + border-radius: inherit; + + background-repeat: no-repeat; + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, + color-stop(12%, #35c9ff), color-stop(12%, #0cbeff), + color-stop(85%, #0aa5dd), color-stop(85%, #0996c9) ); + + -webkit-transition: width .3s cubic-bezier(0.25, 0.1, 0.3, 0.9); +} + +.montage-progress.dark { + background: url(rule.png), -webkit-gradient(linear, 0% 0%, 0% 100%, + color-stop(0%, #303030), color-stop(100%, #3f3f3f) ); + + -webkit-box-shadow: rgba(255,255,255,.1) 0 1px 0, rgba(0,0,0,.1) 0 -1px 0px; +} + +@-webkit-keyframes montage-progress-scroll { + from { + background-position: 0px top; + } + to { + background-position: -8px top; + } +} + +.montage-progress .bar.scrolling { + background-image: url("scroll.png"); + background-repeat: repeat-x; + background-position: 10px top; + -webkit-animation-name: montage-progress-scroll; + -webkit-animation-duration: 1s; + -webkit-animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; +} diff --git a/node_modules/montage/ui/bluemoon/progress.reel/progress.html b/node_modules/montage/ui/bluemoon/progress.reel/progress.html new file mode 100644 index 00000000..025847e7 --- /dev/null +++ b/node_modules/montage/ui/bluemoon/progress.reel/progress.html @@ -0,0 +1,32 @@ + + + + + + + + + + + +

+ + + diff --git a/node_modules/montage/ui/bluemoon/progress.reel/progress.js b/node_modules/montage/ui/bluemoon/progress.reel/progress.js new file mode 100644 index 00000000..8bc68b05 --- /dev/null +++ b/node_modules/montage/ui/bluemoon/progress.reel/progress.js @@ -0,0 +1,139 @@ +/* + This file contains proprietary software owned by Motorola Mobility, Inc.
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. + */ +/** + @module "montage/ui/bluemoon/progress.reel" + @requires montage/core/core + @requires montage/ui/component +*/ +var Montage = require("montage").Montage, + Component = require("ui/component").Component; +/** + @class module:montage/ui/progress.Progress + @extends module:montage/ui/component.Component +*/ +exports.Progress = Montage.create(Component,/** @lends module:"montage/ui/bluemoon/progress.reel".Progress# */ { +/** + Description TODO + @private +*/ + _barElement: { + enumerable: false, + value: null + }, +/** + Description TODO + @private +*/ + _value: { + enumerable: false, + value: 0 + }, +/** + Description TODO + @type {Function} + @default {Number} 0 + */ + value: { + get: function() { + return this._value; + }, + set: function(val) { + if(val !== this._value) { + this._value = val; + if(this._value > this._maximumValue) { + this._value = this._maximumValue; + } + if(this._value < 0) { + this._value = 0; + } + this.needsDraw = true; + } + } + }, +/** + Description TODO + @private +*/ + _maximumValue: { + enumerable: false, + value: 100 + }, +/** + Description TODO + @type {Function} + @default {Number} 100 + */ + maximumValue: { + get: function() { + return this._maximumValue; + }, + set: function(val) { + if(val !== this._maximumValue) { + this._maximumValue = val; + if(this._maximumValue <= 0) { + this._maximumValue = 1; // Prevent divide by zero errors + } + this.needsDraw = true; + } + } + }, +/** + Description TODO + @private +*/ + _scrollingChanged: { + enumerable: false, + value: true + }, +/** + Description TODO + @private +*/ + _scrolling: { + enumerable: false, + value: false + }, +/** + Description TODO + @type {Function} + @default {Boolean} false + */ + scrolling: { + get: function() { + return this._scrolling; + }, + set: function(value) { + if(this._scrolling !== value) { + this._scrollingChanged = true; + this._scrolling = value; + this.needsDraw = true; + } + } + }, +/** + Description TODO + @function + */ + draw: { + enumerable: false, + value: function() { + var ratio = this._value / this._maximumValue; + // constrain to interval [0, 1] + ratio = Math.min(Math.max(ratio, 0), 1); + // map into [0, 100] + var percentage = ratio * 100; + this._barElement.style.width = percentage + '%'; + if(this._scrollingChanged) { + if(this._scrolling) { + this._barElement.classList.add("scrolling"); + } else { + this._barElement.classList.remove("scrolling"); + } + this._scrollingChanged = false; + } + } + } +}); diff --git a/node_modules/montage/ui/bluemoon/progress.reel/rule.png b/node_modules/montage/ui/bluemoon/progress.reel/rule.png new file mode 100644 index 00000000..511b20df Binary files /dev/null and b/node_modules/montage/ui/bluemoon/progress.reel/rule.png differ diff --git a/node_modules/montage/ui/bluemoon/progress.reel/scroll.png b/node_modules/montage/ui/bluemoon/progress.reel/scroll.png new file mode 100644 index 00000000..b5ef6eef Binary files /dev/null and b/node_modules/montage/ui/bluemoon/progress.reel/scroll.png differ -- cgit v1.2.3