From 031d9aba5e83a55fcddf0cb2aed03709fe59e4db Mon Sep 17 00:00:00 2001
From: Tim Almdal <tnalmdal@shaw.ca>
Date: Wed, 11 Nov 2009 20:21:40 -0800
Subject: Make the browse button look more like the current one.

---
 lib/gallery.common.css                         |  7 +++++++
 modules/gallery/views/simple_uploader.html.php | 17 ++++++++++++++---
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/lib/gallery.common.css b/lib/gallery.common.css
index 7fbb9db0..fb94bba6 100644
--- a/lib/gallery.common.css
+++ b/lib/gallery.common.css
@@ -631,6 +631,13 @@ div#g-action-status {
 /*  color: #f00;*/
 }
 
+#g-add-photos-button {
+  background: #DFEFFC;
+  border: 1px solid #C5DBEC;
+  color: #2E6E9E
+  padding: .5em;
+}
+
 #g-add-photos p {
   margin: 0
 }
diff --git a/modules/gallery/views/simple_uploader.html.php b/modules/gallery/views/simple_uploader.html.php
index 8133f6c2..cde58cf3 100644
--- a/modules/gallery/views/simple_uploader.html.php
+++ b/modules/gallery/views/simple_uploader.html.php
@@ -13,8 +13,10 @@
       fileExt: "*.gif;*.jpg;*.jpeg;*.png;*.flv;*.mp4;*.GIF;*.JPG;*.JPEG;*.PNG;*.FLV;*.MP4",
       fileDesc: <?= t("Photos and movies")->for_js() ?>,
       cancelImg: "<?= url::file("lib/uploadify/cancel.png") ?>",
-      buttonText: <?= t("Select Files")->for_js() ?>,
+      buttonText: <?= t("Select Photos ...")->for_js() ?>,
       simUploadLimit: 10,
+      wmode: "transparent",
+      hideButton: true,
       auto: true,
       multi: true,
       onAllComplete: function(filesUploaded, errors, allbytesLoaded, speed) {
@@ -38,7 +40,7 @@
             "<li class=\"g-error\">" + fileObj.name + " - " + msg[1] + "</li>");
         } else {
           $("#g-add-photos-status ul").append(
-            "<li class=\"g-success\">" + fileObj.name + "</li>");
+            "<li class=\"g-success\">" + fileObj.name + " - <?= t("Completed") ?></li>");
         }
         return true;
       },
@@ -76,6 +78,11 @@
         return true;
       }
     });
+
+    // @todo figure out how to actually get the offset or why it comes back 0 0
+    var offset = $("#g-add-photos-button").offset();
+    $("#g-uploadifyUploader").css({top: "97px", position: "absolute", left: "198px"});
+    $("#g-add-photos-button").height("40px").width("120px");
   });
 </script>
 
@@ -108,7 +115,11 @@
     </div>
 
     <div id="g-add-photos-canvas" style="text-align: center;">
-      <div id="g-uploadify"></div>
+      <a id="g-add-photos-button" class="ui-corner-all" href="#"><?= t("Select Photos...") ?></a>
+
+       <div id="g-uploadify"></div>
+
+
     </div>
     <div id="g-add-photos-status" style="text-align: center;">
       <ul>
-- 
cgit v1.2.3