Multiple ajax calls fixed

app/assets/stylesheets/splash.css.scss

@@ -145,8 +145,8 @@ a:after {
   }
 }
 #gallery{
-  .modal-body{
    min-height: 500px;
+  .modal-body{
     i{
       margin-top: 35%;
     }

app/controllers/conference_controller.rb

@@ -6,6 +6,6 @@ class ConferenceController < ApplicationController
 
   def fetch_gallery_photos
     @photos = Conference.find(params[:id].to_i).photos
-    render 'photos', formats: [:js]
+    render "photos", formats: [:js]
   end
 end

app/models/photo.rb

@@ -3,7 +3,7 @@ class Photo < ActiveRecord::Base
   belongs_to :conference
   validates_presence_of :picture
   has_attached_file :picture,
-                    styles: { thumb: '100x100>', large: '300x300>' }
+                    styles: { thumb: "100x100>", large: "300x300>", banner: "500x300>" }
 
   validates_attachment_content_type :picture,
                                     content_type: [/jpg/, /jpeg/, /png/, /gif/],

app/views/conference/_gallery.html.haml

@@ -15,8 +15,18 @@
 
 
 :javascript
+  var count = 0;
   $('#gallery-btn').click(function(){
+    if(count == 0){
+      $('#gallery').modal('show');
       $('#gallery .modal-body').append('<i class="fa fa-spinner fa-spin fa-4x"></i>');
+      count +=1;
+    }
+    else{
+      $('#gallery').modal('show');
+      return false;
+    }
   });
 
 
+

app/views/conference/_gallery_photo.html.haml

@@ -1,3 +1,3 @@
 - photos.each_with_index do |photo,index|
   %div.item{ class: (index==0? 'active' : '') }
-    = image_tag(photo.picture)
+    = image_tag(photo.picture(:banner))

app/views/conference/photos.js.haml

@@ -1,3 +1,4 @@
 $('#gallery .carousel-inner').append("#{escape_javascript(render('gallery_photo', photos: @photos)) }");
 $('#gallery .modal-body').children('.fa').remove();
 $('#gallery #carousel-example-generic').css('visibility','visible');
+

app/views/conference/show.html.haml

@@ -17,7 +17,7 @@
             .row-fluid
               .col-md-12.lead
                 %p= @conference.description
-          = link_to 'Gallery', fetch_gallery_photos_conference_path(@conference.id), class: 'btn btn-primary btn-lg', id: 'gallery-btn', data: {toggle: 'modal', target: '#gallery' }, remote: true
+          = link_to 'Gallery', fetch_gallery_photos_conference_path(@conference.id), class: 'btn btn-primary btn-lg', id: 'gallery-btn', remote: true
           = render 'gallery'
   - if @conference.include_program_in_splash?
     %section{ id: 'program' }

config/routes.rb

@@ -92,7 +92,7 @@ Osem::Application.routes.draw do
       get "/register" => "conference_registration#register"
       patch "/register" => "conference_registration#update"
       delete "/register" => "conference_registration#unregister"
-      get 'fetch_gallery_photos'
+      get "fetch_gallery_photos"
     end
   end