grandstand 0.2.4 → 0.2.6

data/app/stylesheets/login.less

@@ -19,7 +19,7 @@
   margin:0 0 0 -200px;
   position:absolute;
   padding:2em;
-  top:130px;
+  top:135px;
   width:400px;
   -moz-box-sizing:border-box;
   -ms-box-sizing:border-box;

data/app/stylesheets/wysiwyg.less

@@ -1,6 +1,6 @@
 /*
   wysiwyg.less contains the CSS for any WYSIWYG editors that are rendered
-  in the admin interface or during site preview. It mostly makes sure things
+  in the grandstand interface or during site preview. It mostly makes sure things
   look okay no matter where they happen. Important to note is that when
   in preview mode, we keep the Grandstand UI theming from global.less,
   even though it's nested inside someone else's UI. This may not be very
@@ -8,89 +8,101 @@
   overrides you may have.
 */
 @import url('_buttons');
-@import url('_dialogs');
 
-.admin .wysiwyg {
-  border:1px solid #888;
-  overflow:hidden;
-  position:relative;
-  -webkit-border-radius:3px;
-
-  .toolbar {
-    #grandstand > .styled-toolbar;
-    border-bottom:1px solid #444;
+.grandstand {
+  .wysiwyg {
+    border:1px solid #888;
+    overflow:hidden;
     position:relative;
-    z-index:4;
+    -webkit-border-radius:3px;
 
-    .button {
-      line-height:0;
-      padding:3px;
+    .toolbar {
+      #grandstand > .styled-toolbar;
+      border-bottom:1px solid #444;
+      position:relative;
 
-      .icon {
-        background-position:center top;
-      }
+      .button {
+        line-height:0;
+        padding:3px;
 
-      .icon.bold {
-        background-image:url(../images/icons/editor/bold.png);
-      }
+        .icon {
+          background-position:center top;
+        }
 
-      .icon.italic {
-        background-image:url(../images/icons/editor/italic.png);
-      }
+        .icon.bold {
+          background-image:url(../images/icons/editor/bold.png);
+        }
+
+        .icon.italic {
+          background-image:url(../images/icons/editor/italic.png);
+        }
+
+        .icon.ordered-list {
+          background-image:url(../images/icons/editor/ordered-list.png);
+        }
 
-      .icon.ordered-list {
-        background-image:url(../images/icons/editor/ordered-list.png);
+        .icon.unordered-list {
+          background-image:url(../images/icons/editor/unordered-list.png);
+        }
       }
 
-      .icon.unordered-list {
-        background-image:url(../images/icons/editor/unordered-list.png);
+      .button:hover .icon {
+        background-position:center bottom;
       }
     }
 
-    .button:hover .icon {
-      background-position:center bottom;
+    iframe {
+      background:#fff url(../images/background-input.gif) repeat-x;
+    /*  border-bottom:1px solid #ddd;
+      border-left:1px solid #c3c3c3;
+      border-right:1px solid #c3c3c3;
+      border-top:1px solid #7d7d7d;*/
+      display:block;
+      height:400px;
+      width:100%;
+      -webkit-border-bottom-left-radius:3px;
+      -webkit-border-bottom-right-radius:3px;
+    }
+
+    textarea {
+      border-width:0;
+    /*  padding:0;*/
     }
-  }
 
-  iframe {
-    background:#fff url(../images/background-input.gif) repeat-x;
-  /*  border-bottom:1px solid #ddd;
-    border-left:1px solid #c3c3c3;
-    border-right:1px solid #c3c3c3;
-    border-top:1px solid #7d7d7d;*/
-    display:block;
-    height:400px;
-    width:100%;
-    -webkit-border-bottom-left-radius:3px;
-    -webkit-border-bottom-right-radius:3px;
+    .cover {
+      background-color:#fff;
+      height:100%;
+      left:0;
+      position:absolute;
+      top:0;
+      width:100%;
+      z-index:1;
+      -webkit-border-radius:3px;
+    }
+
+    .loading {
+      background:rgba(0, 0, 0, 0.7) url(../images/spinner-dark.gif) center center no-repeat;
+      height:50px;
+      left:50%;
+      margin:-25px 0 0 -25px;
+      position:absolute;
+      top:50%;
+      width:50px;
+      z-index:2;
+      -moz-border-radius:5px;
+      -webkit-border-radius:5px;
+    }
   }
 
-  textarea {
-    border-width:0;
-  /*  padding:0;*/
+  .icon.image-center {
+    background-image:url(../images/icons/editor/image-center.png);
   }
 
-  .cover {
-    background-color:rgba(255, 255, 255, 0.9);
-    height:100%;
-    left:0;
-    position:absolute;
-    top:0;
-    width:100%;
-    z-index:1;
-    -webkit-border-radius:3px;
+  .icon.image-left {
+    background-image:url(../images/icons/editor/image-left.png);
   }
 
-  .loading {
-    background:rgba(0, 0, 0, 0.7) url(../images/spinner-dark.gif) center center no-repeat;
-    height:50px;
-    left:50%;
-    margin:-25px 0 0 -25px;
-    position:absolute;
-    top:50%;
-    width:50px;
-    z-index:2;
-    -moz-border-radius:5px;
-    -webkit-border-radius:5px;
+  .icon.image-right {
+    background-image:url(../images/icons/editor/image-right.png);
   }
 }

data/app/views/{admin → grandstand}/galleries/_form.html.erb

@@ -1,8 +1,8 @@
-<% wrap_admin_form do -%>
+<% wrap_grandstand_form do -%>
   <div class="field">
     <%= form.label :name %>
     <%= form.text_field :name, :class => 'text' %>
-    <%= errors_on(:gallery, :name) %>
+    <%= form.errors_on(:name) %>
   </div>
   <div class="field">
     <%= form.label :description %>

data/app/views/grandstand/galleries/_gallery.html.erb

@@ -0,0 +1,16 @@
+<% editable ||= false -%>
+<% gallery.images.each do |image| -%>
+<div class="inset image container" id="images_<%= image.id %>">
+  <% if editable -%>
+  <div class="header">
+    <div class="float-left image icon">
+      <%= truncate(image.file.original_filename, :length => 22) %>
+    </div>
+    <div class="float-right">
+      <%= link_to '', edit_grandstand_gallery_image_path(gallery, image), :class => 'edit icon remote' %><%= link_to '', delete_grandstand_gallery_image_path(gallery, image), :class => 'delete icon remote' %>
+    </div>
+  </div>
+  <% end -%>
+  <%= image_tag(image.file.url(:grandstand_medium), :alt => image.caption, :height => 200, :width => 200) %>
+</div>
+<% end -%>

data/app/views/grandstand/galleries/_list.html.erb

@@ -0,0 +1,17 @@
+<% galleries.each do |gallery| -%>
+<div class="inset gallery container" id="galleries_<%= gallery.url %>">
+  <div class="header">
+    <div class="float-left gallery icon">
+      <%= (gallery.name) %>
+    </div>
+    <div class="float-right">
+      <%= link_to '', edit_grandstand_gallery_path(gallery), :class => 'edit icon remote' %>
+      <%= link_to '', delete_grandstand_gallery_path(gallery), :class => 'delete icon remote' %>
+    </div>
+  </div>
+  <%= link_to(image_tag(gallery.cover_image.file.url(:grandstand_medium)), grandstand_gallery_path(gallery)) %>
+  <% gallery.images.limit(100).each do |image| -%>
+  <%= image_tag(image.file.url(:grandstand_medium)) %>
+  <% end -%>
+</div>
+<% end -%>

data/app/views/grandstand/galleries/delete.html.erb

@@ -0,0 +1,8 @@
+<h2>Are you sure you want to do this?</h2>
+<% form_for(@gallery, :as => :gallery, :html => {:method => :delete}, :url => grandstand_gallery_path(@gallery)) do %>
+  <div class="field">You cannot undo this once it's done! This gallery, and all of its pictures, will be gone forever - poof!</div>
+  <div class="toolbar">
+    <%= button('Delete', :default => true) %>
+    <%= button_link_to('Cancel', return_path || grandstand_gallery_path(@gallery), :class => 'cancel') %>
+  </div>
+<% end %>

data/app/views/grandstand/galleries/edit.html.erb

@@ -0,0 +1,8 @@
+<h2>Edit Gallery</h2>
+<% form_for(@gallery, :as => :gallery, :url => grandstand_gallery_path(@gallery)) do |form| -%>
+  <%= render :partial => 'form', :locals => {:form => form} %>
+  <div class="toolbar">
+    <%= button 'Save' %>
+    <%= button_link_to('Cancel', grandstand_galleries_path, :class => 'cancel') %>
+  </div>
+<% end -%>

data/app/views/grandstand/galleries/editor.html.erb

@@ -0,0 +1,33 @@
+<% if @galleries.empty? -%>
+<h2 class="error icon">Please Upload Images to a Gallery</h2>
+<div class="center field">
+  <img alt="No Galleries" src="/grandstand/images/galleries-empty.png" />
+</div>
+<div class="toolbar">
+  <%= button_link_to('Add a Gallery', new_grandstand_gallery_path, :class => 'remote', :icon => 'add') %>
+  <%= button_link_to('Close', return_path, :class => 'cancel')%>
+</div>
+<% else -%>
+<form action="<%= request.fullpath %>" class="two-pane" method="POST">
+  <div class="source">
+    <div class="header">Galleries</div>
+    <% @galleries.each_with_index do |gallery, index| -%>
+    <a<%= raw ' class="active"' if index.zero? %> href="<%= grandstand_gallery_path(gallery) %>" rel="gallery-<%= gallery.to_param %>">
+      <span class="icon" style="background-image:url(<%= gallery.cover_image.file.url(:grandstand_icon) %>);"><%= gallery.name %></span>
+    </a>
+    <% end -%>
+  </div>
+  <div class="destination">
+    <div class="scrollable">
+      <% @galleries.each_with_index do |gallery, index| -%>
+      <div id="gallery-<%= gallery.to_param %>"<%= raw ' style="display:none;"' unless index.zero? %>>
+        <%= render :partial => 'gallery', :locals => {:gallery => gallery} %>
+      </div>
+      <% end -%>
+    </div>
+  </div>
+  <div class="toolbar">
+    <%= button_link_to('Close', return_path, :class => 'cancel') %>
+  </div>
+</form>
+<% end -%>

data/app/views/grandstand/galleries/index.html.erb

@@ -0,0 +1,14 @@
+<% content_for :left do %>
+  <%= button_link_to('Add a Gallery', new_grandstand_gallery_path, :class => 'remote', :icon => 'add') %>
+<% end %>
+<% if @galleries.empty? -%>
+<div class="inset">
+  <h2 class="">You haven't set up any galleries!</h2>
+  <%= image_tag('/grandstand/images/galleries-empty.png') %>
+  <br /><b class="grey">Get started:</b> <%= button_link_to('Add a Gallery', new_grandstand_gallery_path, :class => 'remote', :icon => 'add') %>
+</div>
+<% else -%>
+<div class="galleries sortable">
+  <%= render :partial => 'list', :locals => {:galleries => @galleries} %>
+</div>
+<% end -%>

data/app/views/grandstand/galleries/new.html.erb

@@ -0,0 +1,8 @@
+<h2>New Gallery</h2>
+<% form_for(@gallery, :as => :gallery, :url => grandstand_galleries_path) do |form| -%>
+  <%= render :partial => 'form', :locals => {:form => form} %>
+  <div class="toolbar">
+    <%= button 'Add Gallery' %>
+    <%= button_link_to('Cancel', grandstand_galleries_path, :class => 'cancel') %>
+  </div>
+<% end -%>

data/app/views/grandstand/galleries/show.html.erb

@@ -0,0 +1,19 @@
+<% content_for :left do %>
+  <%= button_link_to('Upload An Image', new_grandstand_gallery_image_path(@gallery), :class => 'remote', :icon => 'upload') %>
+  <%= button_link_to('Upload Multiple', upload_grandstand_gallery_images_path(@gallery), :class => 'remote', :icon => 'upload') %>
+<% end %>
+<h1 class="galleries icon">
+  <%= @gallery.name %>
+  <%= button_link_to('Edit', edit_grandstand_gallery_path(@gallery), :class => 'remote', :icon => 'edit') %>
+  <%= button_link_to('Delete', delete_grandstand_gallery_path(@gallery), :class => 'remote', :icon => 'delete') %>
+</h1>
+<% if @gallery.images.empty? -%>
+<div class="inset">
+  <h2>You haven't uploaded any images!</h2>
+  <b class="grey">Get started:</b> <%= button_link_to('Upload an Image', new_grandstand_gallery_image_path(@gallery), :class => 'remote') %>
+</div>
+<% else -%>
+<div class="images sortable">
+  <%= render :partial => 'gallery', :locals => {:gallery => @gallery, :editable => true} %>
+</div>
+<% end -%>

data/app/views/{admin → grandstand}/images/_form.html.erb

@@ -1,8 +1,8 @@
-<% wrap_admin_form do -%>
+<% wrap_grandstand_form do -%>
   <div class="field">
     <%= form.label :file %>
     <%= form.file_field :file %>
-    <%= errors_on(:image, :file) %>
+    <%= form.errors_on(:image, :file) %>
   </div>
   <div class="field">
     <%= form.label :caption %>

data/app/views/grandstand/images/delete.html.erb

@@ -0,0 +1,8 @@
+<h2>Are you sure you want to do this?</h2>
+<% form_for(@image, :as => :image, :html => {:method => :delete}, :url => grandstand_gallery_image_path(@gallery, @image)) do %>
+  <div class="field">You cannot undo this once it's done! This image will be gone forever - poof!</div>
+  <div class="toolbar">
+    <%= button('Delete', :default => true) %>
+    <%= button_link_to('Cancel', grandstand_gallery_path(@gallery), :class => 'cancel') %>
+  </div>
+<% end %>

data/app/views/grandstand/images/edit.html.erb

@@ -0,0 +1,8 @@
+<h2>Edit Image</h2>
+<% form_for(@image, :as => :image, :html => {:multipart => true}, :url => grandstand_gallery_image_path(@gallery, @image)) do |form| %>
+  <%= render :partial => 'form', :locals => {:form => form} %>
+  <div class="toolbar">
+    <%= button 'Save' %>
+    <%= button_link_to('Cancel', grandstand_gallery_path(@gallery), :class => 'cancel') %>
+  </div>
+<% end %>

data/app/views/grandstand/images/new.html.erb

@@ -0,0 +1,8 @@
+<h2>Upload Image</h2>
+<% form_for(@image, :as => :image, :html => {:multipart => true}, :url => grandstand_gallery_images_path) do |form| %>
+  <%= render :partial => 'form', :locals => {:form => form} %>
+  <div class="toolbar">
+    <%= button 'Add Image' %>
+    <%= button_link_to('Cancel', grandstand_gallery_path(@gallery), :class => 'cancel') %>
+  </div>
+<% end %>

data/app/views/grandstand/images/show.html.erb

@@ -0,0 +1,33 @@
+<h2>Edit Embedded Image</h2>
+<form action="<%= request.fullpath %>" class="pad" method="POST">
+  <div class="field">
+    <img alt="<%= @image.caption %>" class="float-left" src="<%= @image.url(:grandstand_medium) %>" style="margin:0 10px 10px 0;" />
+    <div class="label">Alignment</div>
+    <label for="align_left">
+      <%= radio_button_tag(:align, :left, params[:align] ? params[:align] == 'left' : true) %>
+      <span class="image-left icon">Inline with text, left</span>
+    </label>
+    <label for="align_center">
+      <%= radio_button_tag(:align, :center, params[:align] == 'center') %>
+      <span class="image-center icon">Break text, centered</span>
+    </label>
+    <label for="align_right">
+      <%= radio_button_tag(:align, :right, params[:align] == 'right') %>
+      <span class="image-right icon">Inline with text, right</span>
+    </label>
+  </div>
+  <div class="field">
+    <div class="label">Size</div>
+    <% Grandstand::Image.sizes.each do |size, options| -%>
+    <label for="size_<%= size %>">
+      <%= radio_button_tag(:size, @image.url(size), params[:size] == size.to_s || size == Grandstand::Image.sizes.keys.first, :id => "size_#{size}") %>
+      <%= size.to_s.titleize %>
+      (<%= options[:description] %>)
+    </label>
+    <% end -%>
+  </div>
+  <div class="toolbar">
+    <%= button 'Update', :default => true %>
+    <%= button_link_to('Cancel', return_path, :class => 'cancel') %>
+  </div>
+</form>

data/app/views/{admin → grandstand}/images/upload.html.erb

@@ -1,5 +1,5 @@
-<h2>Upload Multiple Image</h2>
-<%= form_for(Image.new, :html => {:multipart => true}, :url => admin_gallery_images_path) do |form| %>
+<h2>Upload Multiple Images</h2>
+<%= form_for(Grandstand::Image.new, :html => {:multipart => true}, :url => grandstand_gallery_images_path) do |form| %>
   <%= hidden_field_tag :session_key, request.cookies[Rails.application.config.session_options[:key]] %>
   <div class="field">
     Use the button below to select files to upload. You can hold "shift" to select more than one file.

data/app/views/grandstand/main/index.html.erb

@@ -0,0 +1,10 @@
+<div class="inset galleries icon">
+  <% if (count = Grandstand::Gallery.count).zero? -%>
+  <h2>You haven't set up any galleries!</h2>
+  <b class="grey">Get started:</b> <%= button_link_to('Add a Gallery', new_grandstand_gallery_path, :class => 'remote') %>
+  <% else %>
+  <h2>You have <%= pluralize(count, 'gallery') %></h2>
+  <%= button_link_to('Visit', grandstand_galleries_path) %>
+  <%= button_link_to('Add Another One', new_grandstand_gallery_path, :class => 'grey remote') %>
+  <% end -%>
+</div>

data/app/views/{admin → grandstand}/pages/_form.html.erb

@@ -1,8 +1,8 @@
 <%= render :partial => 'left' %>
 <% content_for :head do -%>
-  <%= stylesheet_link_tag '/admin/stylesheets/wysiwyg.css' %>
+  <%= stylesheet_link_tag '/grandstand/stylesheets/wysiwyg.css' %>
 <% end -%>
-<% wrap_admin_form do -%>
+<% wrap_grandstand_form do -%>
   <div class="field">
     <%= form.label :parent_id %>
     <%#= form.collection_select :parent_id, Page.tree, :id, :tree_name %>

data/app/views/grandstand/pages/_left.html.erb

@@ -0,0 +1,3 @@
+<% content_for :left do %>
+  <%= button_link_to('Add a Page', new_grandstand_page_path, :icon => 'add') %>
+<% end %>