grandstand 0.2.1

data/public/admin/javascripts/application.js

@@ -0,0 +1,231 @@
+$LOAD_PATH = ['/admin/javascripts'];
+
+$(document).ready(function() {
+  $('a[data-method]').live('click', function(event) {
+    event.preventDefault();
+    var link = $(this);
+    var form = $('<form></form>').attr('action', this.href).attr('method', 'post');
+    form.append('<input type="hidden" name="_method" value="' + link.attr('data-method') + '" />');
+    var authenticityToken = $('meta[name=csrf-token]').attr('content');
+    form.append('<input type="hidden" name="authenticity_token" value="' + authenticityToken + '"/>');
+    $(document.body).append(form);
+    form.submit();
+  });
+
+  $('a.expand').live('click', function(event) {
+    event.preventDefault();
+    var link = $(this);
+    var li = link.parents('li');
+    var ul = li.find('ul');
+    var add;
+    if (li.hasClass('expanded')) {
+      ul.css('display', 'block');
+      li.removeClass('expanded');
+      ul.slideUp(100);
+      add = false;
+    } else {
+      ul.hide();
+      li.addClass('expanded');
+      ul.slideDown(100);
+      add = true;
+    }
+    $.get('/admin/expand?add=' + (add ? 'yup' : 'nope') + '&section=' + link.attr('rel'));
+  });
+
+  $('#cover').click(function() {
+    $(this).fadeOut(200);
+    var pulldown = $('#pulldown');
+    if (pulldown.css('display') != 'none') {
+      pulldown.animate({top: -(pulldown.height())}, 300, function() {
+        pulldown.hide();
+      });
+    }
+  });
+
+  $('#pulldown a.cancel').live('click', function(event) {
+    event.preventDefault();
+    $('#cover').click();
+  });
+
+  $('.remote').live('click', function(event) {
+    $('#cover').fadeIn(100);
+    event.preventDefault();
+    $.get(this.href, function(response) {
+      var pulldown = $('#pulldown');
+      pulldown.html(response);
+      if (pulldown.css('display') == 'none') {
+        pulldown.css('top', -(pulldown.height())).show().animate({top: 0}, 300);
+      }
+    });
+  });
+
+  $('.galleries.sortable').sortable({
+    handle: '.float-left',
+    items: '.container',
+    stop: function(event, ui) {
+      $.post('/admin/galleries/reorder', $(this).sortable('serialize'), function() {
+        Flash.show('notice', "Your changes have been saved!");
+      });
+    }
+  });
+
+  $('.images.sortable').sortable({
+    handle: '.float-left',
+    items: '.container',
+    stop: function(event, ui) {
+      $.post(window.location.toString() + '/images/reorder', $(this).sortable('serialize'), function() {
+        Flash.show('notice', "Your changes have been saved!");
+      });
+    }
+  });
+
+  $('.container.gallery a').mousemove(function(event) {
+    var link = $(this);
+    var width = link.width();
+    var images = link.parent().children('img');
+    var segment = width / images.length;
+    var index = Math.max(Math.ceil(event.offsetX / segment), 1);
+    var image = $(images[index - 1]);
+    var active = link.find('img');
+    if (active.attr('src') != image.attr('src')) {
+      active.attr('src', image.attr('src'));
+    }
+  });
+
+  $('#uploads').livequery(function() {
+    var uploads = $(this);
+    if (uploads.length > 0) {
+      var form = uploads.parents('form');
+      var data = {}
+      $.each(form.serializeArray(), function() {
+        data[this.name] = this.value;
+      });
+      form.find('.toolbar').empty().flash(
+        {
+          align: 'center',
+          flashvars: {action: form.attr('action'), method: form.attr('method').toUpperCase(), data: $.param(data)},
+          height: 24,
+          id: 'uploads-flash',
+          src: '/admin/images/uploader.swf',
+          width: 118,
+          wmode: 'transparent'
+        }
+      );
+      Upload.element = document.getElementById('uploads-flash');
+      Upload.list = uploads;
+    }
+  });
+
+  $('.tabset').tabs();
+
+  $('.wysiwyg').dependency('wysiwyg', function() {
+    this.wysiwyg('post', this.attr('id') == 'post_body' ? '.post' : null);
+  });
+
+  $('.source a').live('click', function(event) {
+    event.preventDefault();
+    var link = $(this);
+    if (link.hasClass('active')) {
+      return;
+    }
+    var source = link.parents('.source');
+    var destination = source.nextAll('.destination');
+    var active = source.find('a.active');
+    active.removeClass('active');
+    link.addClass('active');
+    $('#' + active.attr('rel')).hide();
+    $('#' + link.attr('rel')).show();    
+  });
+
+  Flash.hideAll();
+});
+
+var Upload = {
+  // Every file is done; move on with our lives
+  allComplete: function() {
+    window.location = window.location;
+  },
+  // Called when someone clicks a "cancel this event" button
+  cancel: function(event) {
+    
+  },
+  // Called AFTER we've successfully cancelled, but we initiate the cancelling.
+  cancelled: function() {
+    
+  },
+  // Called for each file that's queued for upload
+  fileAdded: function(file) {
+    var item = $('<tr class="item" id="' + Upload.idFor(file.name) + '"></tr>');
+    item.append('<td class="image icon">' + file.name + '</td>');
+    item.append('<td class="progress-bar"><div class="progress"></div></td>');
+    item.append('<td style="width:20px;"><a class="delete icon"></a></td>');
+    item.find('a.delete').click(function(event) {
+      event.preventDefault();
+      var link = $(this);
+      if (link.hasClass('cancel')) {
+        $(this).parents('tr.item').remove();
+        Upload.stripe();
+        Upload.element.cancelFile(file);
+      }
+    });
+    Upload.list.find('tbody').append(item);
+  },
+  // Called the moment all of the queued files are done being added. We'll start the
+  // upload when this event occurs.
+  filesAdded: function() {
+    Upload.stripe();
+    Upload.list.slideDown(200, function() {
+      Upload.element.upload();
+    });
+  },
+  // Called when an individual upload finishes. We'll have to move our pointer forward
+  // here.
+  fileCompleted: function(event) {
+    var row = Upload.rowFor(event.target.name);
+    row.find('.progress-bar').addClass('complete');
+    row.find('.delete').removeClass('delete').addClass('okay');
+  },
+  fileError: function(event) {
+    var row = Upload.rowFor(event.target.name)
+    row.find('.progress-bar').addClass('complete');
+    row.find('.icon').removeClass('delete').addClass('error');
+  },
+  fileProgress: function(event) {
+    var progress = Upload.rowFor(event.target.name).find('.progress');
+    progress.animate({width: (event.bytesLoaded / event.bytesTotal * 100).toString() + '%'}, 50);
+  },
+  fileStarted: function(event) {
+
+  },
+  idFor: function(name) {
+    return 'file-' + name.toLowerCase().replace(/[^0-9a-z]/ig, '');
+  },
+  rowFor: function(name) {
+    return $('#' + Upload.idFor(name));
+  },
+  stripe: function() {
+    Upload.list.find('tbody').find('tr').removeClass('odd');
+    Upload.list.find('tbody').find('tr:odd').addClass('odd');
+  }
+};
+
+var Flash = {
+  hideAll: function() {
+    $('.flash').each(function() {
+      var flash = $(this);
+      setTimeout(function() {
+        flash.fadeOut(200);
+      }, 2000);
+    });
+  },
+  show: function(type, message) {
+    var flash = $('.flash.' + type);
+    if (flash.length === 0) {
+      flash = $('<div class="flash ' + type + '"><div class="inner"></div></div>').hide();
+      $(document.body).prepend(flash);
+    }
+    flash.find('.inner').html(message);
+    Flash.hideAll();
+    return flash.fadeIn(200);
+  }
+};