From 28a7a71d2962158cab34f50627f2d22540c29eab Mon Sep 17 00:00:00 2001 From: Benoit Marchant Date: Sat, 17 Mar 2012 17:41:47 -0700 Subject: Added a new picasa-carousel component as well as an example using it --- .../lab/sandbox/ui/picasa-carousel-test/index.html | 77 ++++++++++++++++++++++ .../ui/picasa-carousel-test/main.reel/main.css | 8 +++ .../ui/picasa-carousel-test/main.reel/main.html | 75 +++++++++++++++++++++ .../ui/picasa-carousel-test/main.reel/main.js | 35 ++++++++++ .../sandbox/ui/picasa-carousel-test/package.json | 10 +++ 5 files changed, 205 insertions(+) create mode 100755 node_modules/montage/lab/sandbox/ui/picasa-carousel-test/index.html create mode 100755 node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.css create mode 100755 node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.html create mode 100755 node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.js create mode 100755 node_modules/montage/lab/sandbox/ui/picasa-carousel-test/package.json (limited to 'node_modules/montage/lab') diff --git a/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/index.html b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/index.html new file mode 100755 index 00000000..ec34286f --- /dev/null +++ b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/index.html @@ -0,0 +1,77 @@ + + + + + + + Flow Example + + + + + + + + + +
+

Bootstrapper

+

This is the bootstrapper content which will now be shown for at least 1500ms.

+
+
+

Loader

+

This is the loader content which will now be shown for at least 2000ms.

+
+ + diff --git a/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.css b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.css new file mode 100755 index 00000000..82b04cf9 --- /dev/null +++ b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.css @@ -0,0 +1,8 @@ +.montage-google-picasa-carousel, [data-montage-id="montage-google-picasa-carousel"] { + width: 800px; + height: 400px; + -webkit-perspective: 800px; + background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#bbb)); +} + + diff --git a/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.html b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.html new file mode 100755 index 00000000..177eb068 --- /dev/null +++ b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.html @@ -0,0 +1,75 @@ + + + + + + Main Component + + + + + + + + +
+

Main component of application

+
+ + +
+ +
+ +
+ + + diff --git a/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.js b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.js new file mode 100755 index 00000000..3851d82b --- /dev/null +++ b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.js @@ -0,0 +1,35 @@ +/* + 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. + */ +var Montage = require("montage/core/core").Montage, + Component = require("montage/ui/component").Component; + + +exports.Main = Montage.create(Component, { + + templateDidLoad: { + value: function() { + //console.log("main templateDidLoad") + } + }, + picasaCarousel: { + enumerable: false, + value: null + }, + prepareForDraw: { + enumerable: false, + value: function() { + this.searchForm.identifier = "searchForm"; + this.searchForm.addEventListener("submit", this, false); + } + }, + handleSearchFormSubmit: { + value: function(evt) { + evt.preventDefault(); + this.picasaCarousel.performSearch(); + } + }, + +}); diff --git a/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/package.json b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/package.json new file mode 100755 index 00000000..4dcc16c6 --- /dev/null +++ b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/package.json @@ -0,0 +1,10 @@ +{ + "name": "loader", + "version": "0.0.0", + "mappings": { + "montage": "../../../../" + }, + "directories": { + "lib": "" + } +} -- cgit v1.2.3 From 6b1467535198f6b85bd2bf045d2c354b812616c2 Mon Sep 17 00:00:00 2001 From: François Frisch Date: Sat, 17 Mar 2012 20:03:18 -0700 Subject: Youtube video is droppable still getting errors with the carousel Signed-off-by: Valerio Virgillito --- .../montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'node_modules/montage/lab') diff --git a/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.html b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.html index 177eb068..4cb48733 100755 --- a/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.html +++ b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.html @@ -24,7 +24,7 @@ }, "picasa-carousel": { - "prototype": "montage/ui/google/picasa-carousel.reel", + "prototype": "montage/ui/picasa-carousel.reel", "properties": { "element": {"#": "picasa-carousel"} }, @@ -51,7 +51,7 @@ "element": {"#": "searchButton"} } } - + } -- cgit v1.2.3 From 4de5574b6cd4ab4335867960f1f974a9a89778c7 Mon Sep 17 00:00:00 2001 From: François Frisch Date: Mon, 19 Mar 2012 17:19:17 -0700 Subject: Reformating carousel --- .../montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'node_modules/montage/lab') diff --git a/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.css b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.css index 82b04cf9..39484e8d 100755 --- a/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.css +++ b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.css @@ -1,6 +1,5 @@ .montage-google-picasa-carousel, [data-montage-id="montage-google-picasa-carousel"] { - width: 800px; - height: 400px; + height: 300px; -webkit-perspective: 800px; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#bbb)); } -- cgit v1.2.3