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/sandbox/ui') 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