diff --git a/app/views/albums/show.html.haml b/app/views/albums/show.html.haml index e2048daf3..a2cded0c9 100644 --- a/app/views/albums/show.html.haml +++ b/app/views/albums/show.html.haml @@ -8,10 +8,10 @@ .right #add_photo_loader = image_tag 'ajax-loader.gif' - #add_photo_button - = link_to 'Add Photos', '#', :class => 'button' - - #add_photo_pane.contextual_pane + = link_to 'Add Photos', '#new_photo_pane', :class => 'button', :id => "add_photo_button" + + .yo{:style => "display:none;"} + #new_photo_pane = render "photos/new_photo", :photo => @photo, :album => @album .sub_header diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml index 2f8fd4060..979538d54 100644 --- a/app/views/layouts/application.html.haml +++ b/app/views/layouts/application.html.haml @@ -13,7 +13,8 @@ /= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" = javascript_include_tag 'jquery142', 'rails', 'google' - = javascript_include_tag 'tiny_mce/tiny_mce', 'jquery.infieldlabel', 'jquery.cycle/jquery.cycle.min.js' + = javascript_include_tag 'tiny_mce/tiny_mce' + = javascript_include_tag 'jquery.infieldlabel', 'jquery.cycle/jquery.cycle.min.js' = javascript_include_tag 'fancybox/jquery.fancybox-1.3.1.pack' diff --git a/app/views/photos/_new_photo.haml b/app/views/photos/_new_photo.haml index cd83d648d..b57731596 100644 --- a/app/views/photos/_new_photo.haml +++ b/app/views/photos/_new_photo.haml @@ -4,28 +4,38 @@ // WE INSERT ALBUM_ID PARAM HERE url: "/photos?album_id=#{album.id}", sendBoundary: window.FormData || $.browser.mozilla, - onStart: function(event, total) { - return confirm("You are about to upload " + total + " photos. Are you sure?"); + setName: function(text) { + $("#progress_report_name").text(text); }, onFinish: function(event, total){ - $("#add_photo_button .button").html( "Add Photos" ); + $("#add_photo_button").html( "Add Photos" ); $("#add_photo_loader").fadeOut(400); - pane_toggler_button("photo") + + $("#photo_title_status").text("Done!"); + $("#progress_report").html("Great job!"); }, onStart: function(event, total){ - $("#add_photo_pane").fadeOut(400); - $("#add_photo_button .button").html( "Uploading Photos" ); + $("#add_photo_button").html( "Uploading Photos" ); $("#add_photo_loader").fadeIn(400); - $("#add_photo_button").unbind(); + + $("form").fadeOut(0); + $("#progress_report").fadeIn(0); + $("#photo_title_status").text("Uploading..."); return true; } }); }); %h1 - Add photos to - %i= album.name + %span{:id=>"photo_title_status"} + Add photos to + %i= album.name = form_for photo, :html => {:multipart => true} do |f| = f.error_messages = f.hidden_field :album_id, :value => album.id = f.file_field :image, :multiple => 'multiple' + +#progress_report{ :style => "display:none;text-align:center;" } + = image_tag "ajax-loader.gif" + #progress_report_name + #progress_report_status diff --git a/public/javascripts/view.js b/public/javascripts/view.js index e91e6a912..6648c1714 100644 --- a/public/javascripts/view.js +++ b/public/javascripts/view.js @@ -86,8 +86,9 @@ $(document).ready(function(){ $("#add_album_button").fancybox(); $("#add_group_button").fancybox(); $("#add_request_button").fancybox(); + $("#add_photo_button").fancybox(); - pane_toggler_button("photo"); + //pane_toggler_button("photo"); $("input[type='submit']").addClass("button"); diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css index 000432b85..7ce7663ea 100644 --- a/public/stylesheets/application.css +++ b/public/stylesheets/application.css @@ -408,9 +408,9 @@ h1.big_text { width: 100%; } .sub_header { + position: relative; text-align: center; font-style: italic; - margin-top: -5px; margin-bottom: 20px; color: #999999; } @@ -422,8 +422,6 @@ h1.big_text { min-height: 100px; } .image_thumb img { display: none; } - .image_thumb img:hover { - border-bottom: 2px solid #666666; } .image_cycle img { display: none; } diff --git a/public/stylesheets/sass/application.sass b/public/stylesheets/sass/application.sass index 43b118183..841f12a97 100644 --- a/public/stylesheets/sass/application.sass +++ b/public/stylesheets/sass/application.sass @@ -507,12 +507,12 @@ h1.big_text :width 100% .sub_header + :position relative :text :align center :font :style italic :margin - :top -5px :bottom 20px :color #999 @@ -526,10 +526,6 @@ h1.big_text img :display none - &:hover - :border - :bottom 2px solid #666 - .image_cycle img :display none diff --git a/public/stylesheets/sass/ui.sass b/public/stylesheets/sass/ui.sass index 5863632b3..ee01e08bc 100644 --- a/public/stylesheets/sass/ui.sass +++ b/public/stylesheets/sass/ui.sass @@ -48,6 +48,7 @@ :border :top 1px solid #ccc + ul.button_set :padding