Merge pull request #327 from mencio/component-fixes

Fixed issue with Youtube not updating after save and Picasa background

5 files changed, 39 insertions, 69 deletions

diff --git a/node_modules/montage-google/picasa-carousel.reel/image.reel/image.html b/node_modules/montage-google/picasa-carousel.reel/image.reel/image.html
index 368bd059..f43f9f29 100644
--- a/node_modules/montage-google/picasa-carousel.reel/image.reel/image.html
+++ b/node_modules/montage-google/picasa-carousel.reel/image.reel/image.html
@@ -26,7 +26,6 @@
         margin-left: -105px;
         width: 206px;
         height: 140px;
-        border-radius: 4px;
         border: 2px solid #888;
                 background-repeat: no-repeat;
                 background-position: center center;
diff --git a/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.css b/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.css
index 2494614b..bdb1a04f 100755
--- a/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.css
+++ b/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.css
@@ -3,36 +3,36 @@
  No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
  (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
  </copyright> */
+
+
 .montage-google-picasa-carousel {
     width: 100%;
     height: 100%;
-        display: -webkit-box;
-        -webkit-box-pack: center;
-        -webkit-box-align: center;
-        display: -moz-box;
-        -moz-box-pack: center;
-        -moz-box-align: center;
-        display: -ms-box;
-        -ms-box-pack: center;
-        -ms-box-align: center;
-        display: box;
-        box-pack: center;
-        box-align: center;
+        /*display: -webkit-box;*/
+        /*-webkit-box-pack: center;*/
+        /*-webkit-box-align: center;*/
+        /*display: -moz-box;*/
+        /*-moz-box-pack: center;*/
+        /*-moz-box-align: center;*/
+        /*display: -ms-box;*/
+        /*-ms-box-pack: center;*/
+        /*-ms-box-align: center;*/
+        /*display: box;*/
+        /*box-pack: center;*/
+        /*box-align: center;*/
+        -webkit-transform-style: preserve-3d;
 }
 
 .montage-google-picasa-carousel .flow {
     width: 100%;
     height: 100%;
-/*            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-*/
-    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#bbb));
+
+    -webkit-transform-style: preserve-3d;
+    -webkit-perspective: 1400px;
 }
+
 .image {
     position: absolute;
-    /*-top: 50%;*/
     -webkit-box-shadow: 0 0 35px rgba(0,0,0,.5);
 }
 
diff --git a/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.html b/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.html
index dc70a19c..1f2c47d1 100755
--- a/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.html
+++ b/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.html
@@ -97,6 +97,8 @@
                                 "nextDensity": 3
                             }
                         ],
+                        "headOffset": 9,
+                        "tailOffset": 9,
                         "units": {}
                     }
                 ],
@@ -113,49 +115,6 @@
     }
     </script>
 
-    <style>
-        .montage-google-picasa-carousel {
-            width: 100%;
-            height: 100%;
-                display: -webkit-box;
-                -webkit-box-pack: center;
-                -webkit-box-align: center;
-                display: -moz-box;
-                -moz-box-pack: center;
-                -moz-box-align: center;
-                display: -ms-box;
-                -ms-box-pack: center;
-                -ms-box-align: center;
-                display: box;
-                box-pack: center;
-                box-align: center;
-            -webkit-transform-style: preserve-3d;
-        }
-
-        .montage-google-picasa-carousel .flow {
-            width: 100%;
-            height: 100%;
-        /*            top: 0;
-                    left: 0;
-                    right: 0;
-                    bottom: 0;
-        */
-            /*background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#bbb));*/
-            -webkit-transform-style: preserve-3d;
-            -webkit-perspective: 1400px;
-        }
-        .image {
-            position: absolute;
-            /*-top: 50%;*/
-            -webkit-box-shadow: 0 0 35px rgba(0,0,0,.5);
-        }
-
-        .montage-google-picasa-carousel .flow .montage-flow-repetition {
-            margin: 10% 0;
-        }
-
-    </style>
-
 </head>
 <body>
 
diff --git a/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.js b/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.js
index 0b669b80..7e9c64ec 100644
--- a/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.js
+++ b/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.js
@@ -45,7 +45,7 @@ var PicasaCarousel = exports.PicasaCarousel = Montage.create(Component, /** @len
 
         resultCount: {
             enumerable: false,
-            value: 1000
+            value: 500
         },
 
         prepareForDraw: {
diff --git a/node_modules/montage-google/youtube-channel.reel/youtube-channel.js b/node_modules/montage-google/youtube-channel.reel/youtube-channel.js
index 782318f0..ca08564b 100644
--- a/node_modules/montage-google/youtube-channel.reel/youtube-channel.js
+++ b/node_modules/montage-google/youtube-channel.reel/youtube-channel.js
@@ -10,6 +10,10 @@ var Montage = require("montage").Montage,
 
 var YoutubeChannel = exports.YoutubeChannel = Montage.create(Component, {
 
+    _savedReference: {
+        value: null
+    },
+
     _userRe: {
         value: /youtube.com\/(user\/)?([a-z0-9]+)/i
     },
@@ -113,13 +117,20 @@ var YoutubeChannel = exports.YoutubeChannel = Montage.create(Component, {
             this.imageC.element.addEventListener("click", this, false);
 
             this._positionPopup();
+
+            this._savedReference = this.element;
         }
     },
 
     draw: {
         value: function() {
             if (this._script) {
-                this._element.appendChild(this._script);
+                if(this.element.childNodes.length < 1) {
+                    this._savedReference.appendChild(this._script);
+                } else {
+                    this.element.appendChild(this._script);
+                }
+
                 this._script = null;
             }