wafflemix 0.0.1

data/app/views/wafflemix/admin/portfolios/_form.html.erb

@@ -0,0 +1,174 @@
+<%= semantic_form_for [:admin, @portfolio] do |f| %>
+
+  <%= f.inputs do %>
+    <%= f.input :title %>
+    <%= f.semantic_fields_for :meta_content do |meta_content| %>
+      <%= meta_content.inputs :meta_title, :meta_keywords, :meta_description %>
+    <% end %>
+    <%= f.input :intro %>
+    <%= f.input :content %>
+  <% end %>
+
+  <%= f.actions do %>
+    <%= f.action :submit, :as => :button %>
+    <%= link_to 'Cancel', admin_portfolios_path, :class => 'btn' %>
+  <% end %>
+
+<% end %>
+
+<h3>Slide Images</h3>
+<ul id="droppable">
+  <% @portfolio.assets.each do |asset| %>
+    <li><%= image_tag asset.asset.thumb('80x80').url if asset.asset_uid %></li>
+  <% end %>
+</ul>
+
+<h3>Available Images</h3>
+<p>Drag to Slide Images to use an image.</p>
+<ul id="draggable">
+  <% ::Wafflemix::Asset.all.each do |asset| %>
+    <%= content_tag "li", class: "add_image", data: {resource: @portfolio.class.to_s, resource_id: @portfolio.id, asset_id: asset.id} do %>
+      <%= image_tag asset.asset.thumb('80x80').url if asset.asset_uid %>
+    <% end %>
+  <% end %>
+</ul>
+
+
+<h2><%= t('photos.title') %></h2>
+<%= form_for [:admin, ::Wafflemix::Asset.new], :html => { :multipart => true, :id => "fileupload", :method => 'post'  } do |f| %>
+        <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
+        <div class="row fileupload-buttonbar">
+            <div class="span7">
+                <!-- The fileinput-button span is used to style the file input field as button -->
+                <span class="btn btn-success fileinput-button">
+                    <i class="icon-plus icon-white"></i>
+                    <span>Add files...</span>
+                    <%= f.file_field :asset %>
+                </span>
+                <button type="submit" class="btn btn-primary start">
+                    <i class="icon-upload icon-white"></i>
+                    <span>Start upload</span>
+                </button>
+                <button type="reset" class="btn btn-warning cancel">
+                    <i class="icon-ban-circle icon-white"></i>
+                    <span>Cancel upload</span>
+                </button>
+                <button type="button" class="btn btn-danger delete">
+                    <i class="icon-trash icon-white"></i>
+                    <span>Delete</span>
+                </button>
+                <input type="checkbox" class="toggle">
+            </div>
+            <div class="span5">
+                <!-- The global progress bar -->
+                <div class="progress progress-success progress-striped active fade">
+                    <div class="bar" style="width:0%;"></div>
+                </div>
+            </div>
+        </div>
+        <!-- The loading indicator is shown during image processing -->
+        <div class="fileupload-loading"></div>
+        <br>
+        <!-- The table listing the files available for upload/download -->
+        <table class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody>
+        </table>
+    <% end %>
+<script>
+  var fileUploadErrors = {
+    maxFileSize: 'File is too big',
+    minFileSize: 'File is too small',
+    acceptFileTypes: 'Filetype not allowed',
+    maxNumberOfFiles: 'Max number of files exceeded',
+    uploadedBytes: 'Uploaded bytes exceed file size',
+    emptyResult: 'Empty file upload result'
+  };
+</script>
+
+<!-- The template to display files available for upload -->
+<script id="template-upload" type="text/x-tmpl">
+{% for (var i=0, file; file=o.files[i]; i++) { %}
+    <tr class="template-upload fade">
+        <td class="preview"><span class="fade"></span></td>
+        <td class="name"><span>{%=file.name%}</span></td>
+        <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
+        {% if (file.error) { %}
+            <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
+        {% } else if (o.files.valid && !i) { %}
+            <td>
+                <div class="progress progress-success progress-striped active"><div class="bar" style="width:0%;"></div></div>
+            </td>
+            <td class="start">{% if (!o.options.autoUpload) { %}
+                <button class="btn btn-primary">
+                    <i class="icon-upload icon-white"></i>
+                    <span>{%=locale.fileupload.start%}</span>
+                </button>
+            {% } %}</td>
+        {% } else { %}
+            <td colspan="2"></td>
+        {% } %}
+        <td class="cancel">{% if (!i) { %}
+            <button class="btn btn-warning">
+                <i class="icon-ban-circle icon-white"></i>
+                <span>{%=locale.fileupload.cancel%}</span>
+            </button>
+        {% } %}</td>
+    </tr>
+{% } %}
+</script>
+<!-- The template to display files available for download -->
+<script id="template-download" type="text/x-tmpl">
+{% for (var i=0, file; file=o.files[i]; i++) { %}
+    <tr class="template-download fade">
+        {% if (file.error) { %}
+            <td></td>
+            <td class="name"><span>{%=file.name%}</span></td>
+            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
+            <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
+        {% } else { %}
+            <td class="preview">{% if (file.thumbnail_url) { %}
+                <a href="{%=file.url%}" title="{%=file.name%}" rel="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a>
+            {% } %}</td>
+            <td class="name">
+                <a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a>
+            </td>
+            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
+            <td colspan="2"></td>
+        {% } %}
+        <td class="delete">
+            <button class="btn btn-danger" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}">
+                <i class="icon-trash icon-white"></i>
+                <span>{%=locale.fileupload.destroy%}</span>
+            </button>
+            <input type="checkbox" name="delete" value="1">
+        </td>
+    </tr>
+{% } %}
+</script>
+
+<%= javascript_include_tag 'jquery-fileupload/locale' %>
+<%= javascript_include_tag 'jquery-fileupload/jquery.fileupload' %>
+<%= javascript_include_tag 'jquery-fileupload/jquery.fileupload-ui' %>
+
+<%= javascript_include_tag 'jquery-fileupload/vendor/tmpl' %>
+
+<script type="text/javascript" charset="utf-8">
+    $(function () {
+        // Initialize the jQuery File Upload widget:
+        $('#fileupload').fileupload();
+        //
+        // Load existing files:
+        $.getJSON($('#fileupload').prop('action'), function (files) {
+          var fu = $('#fileupload').data('fileupload'),
+            template;
+          fu._adjustMaxNumberOfFiles(-files.length);
+          template = fu._renderDownload(files)
+            .appendTo($('#fileupload .files'));
+          // Force reflow:
+          fu._reflow = fu._transition && template.length &&
+            template[0].offsetWidth;
+          template.addClass('in');
+          $('#loading').remove();
+        });
+
+    });
+</script>

data/app/views/wafflemix/admin/portfolios/_portfolio.html.erb

@@ -0,0 +1,11 @@
+<div class="sort_handle">
+  <div class="list_item clearfix">
+    <div class="list_content">
+      <p><b><%= portfolio.title %></b></p>
+    </div>
+    <p class="list_actions">
+      <%= link_to 'Edit', [:edit, :admin, portfolio], :class => 'btn btn-primary btn-small' %>
+      <%= link_to 'Delete', [:admin, portfolio], confirm: 'Are you sure?', method: :delete, :class => 'btn btn-danger btn-small' %>
+    </p>
+  </div>
+</div>

data/app/views/wafflemix/admin/portfolios/edit.html.erb

@@ -0,0 +1,5 @@
+<h1>Editing Portfolio</h1>
+
+<%= render 'form' %>
+
+<%= link_to 'Back', admin_portfolios_path %>

data/app/views/wafflemix/admin/portfolios/index.html.erb

@@ -0,0 +1,21 @@
+<div class="span9">
+  <div class='page-header'>
+    <h1>Portfolio Items</h1>
+  </div>
+  <ul class="one_level_sortable" data-update-url="<%= sort_admin_portfolios_path %>">
+    <%= portfolio_tree_view(@portfolios) %>
+  </ul>
+</div>
+
+<div class="span3">
+  <div class='page-header'>
+    <h1>Options</h1>
+  </div>
+  <ul class="nav nav-tabs nav-stacked">
+    <li><%= link_to 'Add a Portfolio Item', new_admin_portfolio_path %></li>
+    <li><%= link_to "Test Link", '#' %></li>
+    <li><%= link_to "Test Link", '#' %></li>
+    <li><%= link_to "Test Link", '#' %></li>
+    <li><%= link_to "Test Link", '#' %></li>
+  </ul>
+</div>

data/app/views/wafflemix/admin/portfolios/new.html.erb

@@ -0,0 +1,5 @@
+<h1>New Portfolio Item</h1>
+
+<%= render 'form' %>
+
+<%= link_to 'Back', admin_portfolios_path %>

data/app/views/wafflemix/admin/portfolios/show.html.erb

@@ -0,0 +1,20 @@
+<p id="notice"><%= notice %></p>
+
+<p>
+  <b>Title:</b>
+  <%= @portfolio.title %>
+</p>
+
+<p>
+  <b>Intro:</b>
+  <%= @portfolio.intro %>
+</p>
+
+<p>
+  <b>Content:</b>
+  <%= @portfolio.content %>
+</p>
+
+
+<%= link_to 'Edit', edit_portfolio_path(@portfolio) %> |
+<%= link_to 'Back', portfolios_path %>

data/app/views/wafflemix/admin/posts/_form.html.erb

@@ -0,0 +1,191 @@
+<%= semantic_form_for [:admin, @post] do |f| %>
+  <%= f.semantic_errors %>
+
+  <%= f.inputs :name => "Basic" do %>
+    <%= f.input :title %>
+    <%= f.semantic_fields_for :meta_content do |meta_content| %>
+      <%= meta_content.inputs :meta_title, :meta_keywords, :meta_description %>
+    <% end %>
+  <% end %>
+
+  <%= f.inputs :name => "Categories & Tags" do %>
+    <%= f.input :categories, :as => :check_boxes, :collection => ::Wafflemix::Category.all %>
+    <%= f.input :tag_list %>
+  <% end %>
+
+  <%= f.inputs :name => "Advanced" do %>
+    <%= f.input :link_url %>
+    <%= f.input :published_at, :as => :string %>
+    <%= f.input :draft %>
+  <% end %>
+
+  <%= f.actions do %>
+    <%= f.action :submit, :as => :button %>
+    <%= link_to 'Cancel', admin_posts_path, :class => 'btn' %>
+  <% end %>
+
+<% end %>
+
+<% content_for :custom_js do %>
+  <script>
+    $(document).ready(function() {
+      $('#post_published_at').datepicker();
+    });
+  </script>
+<% end %>
+
+<h3>Post Images</h3>
+<ul id="droppable">
+  <% @post.assets.each do |asset| %>
+    <li><%= image_tag asset.asset.thumb('80x80').url if asset.asset_uid %></li>
+  <% end %>
+</ul>
+
+<h3>Available Images</h3>
+<p>Drag to Post Images to use an image.</p>
+<ul id="draggable">
+  <% ::Wafflemix::Asset.all.each do |asset| %>
+    <%= content_tag "li", class: "add_image", data: {resource: @post.class.to_s, resource_id: @post.id, asset_id: asset.id} do %>
+      <%= image_tag asset.asset.thumb('80x80').url if asset.asset_uid %>
+    <% end %>
+  <% end %>
+</ul>
+
+<h2><%= t('photos.title') %></h2>
+<%= form_for [:admin, ::Wafflemix::Asset.new], :html => { :multipart => true, :id => "fileupload", :method => 'post'  } do |f| %>
+        <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
+        <div class="row fileupload-buttonbar">
+            <div class="span7">
+                <!-- The fileinput-button span is used to style the file input field as button -->
+                <span class="btn btn-success fileinput-button">
+                    <i class="icon-plus icon-white"></i>
+                    <span>Add files...</span>
+                    <%= f.file_field :asset %>
+                </span>
+                <button type="submit" class="btn btn-primary start">
+                    <i class="icon-upload icon-white"></i>
+                    <span>Start upload</span>
+                </button>
+                <button type="reset" class="btn btn-warning cancel">
+                    <i class="icon-ban-circle icon-white"></i>
+                    <span>Cancel upload</span>
+                </button>
+                <button type="button" class="btn btn-danger delete">
+                    <i class="icon-trash icon-white"></i>
+                    <span>Delete</span>
+                </button>
+                <input type="checkbox" class="toggle">
+            </div>
+            <div class="span5">
+                <!-- The global progress bar -->
+                <div class="progress progress-success progress-striped active fade">
+                    <div class="bar" style="width:0%;"></div>
+                </div>
+            </div>
+        </div>
+        <!-- The loading indicator is shown during image processing -->
+        <div class="fileupload-loading"></div>
+        <br>
+        <!-- The table listing the files available for upload/download -->
+        <table class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody>
+        </table>
+    <% end %>
+<script>
+  var fileUploadErrors = {
+    maxFileSize: 'File is too big',
+    minFileSize: 'File is too small',
+    acceptFileTypes: 'Filetype not allowed',
+    maxNumberOfFiles: 'Max number of files exceeded',
+    uploadedBytes: 'Uploaded bytes exceed file size',
+    emptyResult: 'Empty file upload result'
+  };
+</script>
+
+<!-- The template to display files available for upload -->
+<script id="template-upload" type="text/x-tmpl">
+{% for (var i=0, file; file=o.files[i]; i++) { %}
+    <tr class="template-upload fade">
+        <td class="preview"><span class="fade"></span></td>
+        <td class="name"><span>{%=file.name%}</span></td>
+        <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
+        {% if (file.error) { %}
+            <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
+        {% } else if (o.files.valid && !i) { %}
+            <td>
+                <div class="progress progress-success progress-striped active"><div class="bar" style="width:0%;"></div></div>
+            </td>
+            <td class="start">{% if (!o.options.autoUpload) { %}
+                <button class="btn btn-primary">
+                    <i class="icon-upload icon-white"></i>
+                    <span>{%=locale.fileupload.start%}</span>
+                </button>
+            {% } %}</td>
+        {% } else { %}
+            <td colspan="2"></td>
+        {% } %}
+        <td class="cancel">{% if (!i) { %}
+            <button class="btn btn-warning">
+                <i class="icon-ban-circle icon-white"></i>
+                <span>{%=locale.fileupload.cancel%}</span>
+            </button>
+        {% } %}</td>
+    </tr>
+{% } %}
+</script>
+<!-- The template to display files available for download -->
+<script id="template-download" type="text/x-tmpl">
+{% for (var i=0, file; file=o.files[i]; i++) { %}
+    <tr class="template-download fade">
+        {% if (file.error) { %}
+            <td></td>
+            <td class="name"><span>{%=file.name%}</span></td>
+            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
+            <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
+        {% } else { %}
+            <td class="preview">{% if (file.thumbnail_url) { %}
+                <a href="{%=file.url%}" title="{%=file.name%}" rel="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a>
+            {% } %}</td>
+            <td class="name">
+                <a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a>
+            </td>
+            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
+            <td colspan="2"></td>
+        {% } %}
+        <td class="delete">
+            <button class="btn btn-danger" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}">
+                <i class="icon-trash icon-white"></i>
+                <span>{%=locale.fileupload.destroy%}</span>
+            </button>
+            <input type="checkbox" name="delete" value="1">
+        </td>
+    </tr>
+{% } %}
+</script>
+
+<%= javascript_include_tag 'jquery-fileupload/locale' %>
+<%= javascript_include_tag 'jquery-fileupload/jquery.fileupload' %>
+<%= javascript_include_tag 'jquery-fileupload/jquery.fileupload-ui' %>
+
+<%= javascript_include_tag 'jquery-fileupload/vendor/tmpl' %>
+
+<script type="text/javascript" charset="utf-8">
+    $(function () {
+        // Initialize the jQuery File Upload widget:
+        $('#fileupload').fileupload();
+        //
+        // Load existing files:
+        $.getJSON($('#fileupload').prop('action'), function (files) {
+          var fu = $('#fileupload').data('fileupload'),
+            template;
+          fu._adjustMaxNumberOfFiles(-files.length);
+          template = fu._renderDownload(files)
+            .appendTo($('#fileupload .files'));
+          // Force reflow:
+          fu._reflow = fu._transition && template.length &&
+            template[0].offsetWidth;
+          template.addClass('in');
+          $('#loading').remove();
+        });
+
+    });
+</script>

data/app/views/wafflemix/admin/posts/edit.html.erb

@@ -0,0 +1,5 @@
+<h1>Editing Post</h1>
+
+<%= render 'form' %>
+
+<%= link_to 'Back', admin_posts_path %>

data/app/views/wafflemix/admin/posts/index.html.erb

@@ -0,0 +1,38 @@
+<div class="span9">
+  <div class='page-header'>
+    <h1>Posts</h1>
+  </div>
+  <table class="table table-striped">
+    <tr>
+      <th>Title</th>
+      <th>Link Url</th>
+      <th>Published at</th>
+      <th>Actions</th>
+    </tr>
+
+    <% @posts.each do |post| %>
+    <tr>
+      <td><%= post.title %></td>
+      <td><%= post.link_url %></td>
+      <td><%= post.published_at %></td>
+      <td>
+        <%= link_to 'Edit', [:edit, :admin, post], :class => 'btn btn-primary btn-small' %>
+        <%= link_to 'Edit Content', "/editor/posts/#{post.id}", :class => 'btn btn-primary btn-small' %>
+        <%= link_to 'Delete', [:admin, post], method: :delete, data: { confirm: 'Are you sure?' }, :class => 'btn btn-danger btn-small' %>
+      </td>
+    </tr>
+    <% end %>
+  </table>
+</div>
+
+<div class="span3">
+  <div class='page-header'>
+    <h1>Options</h1>
+  </div>
+  <ul class="nav nav-tabs nav-stacked">
+    <li><%= link_to 'Add a Post', new_admin_post_path %></li>
+    <li><%= link_to "Test Link", '#' %></li>
+    <li><%= link_to "Test Link", '#' %></li>
+    <li><%= link_to "Test Link", '#' %></li>
+  </ul>
+</div>

data/app/views/wafflemix/admin/posts/new.html.erb

@@ -0,0 +1,3 @@
+<h1>New Post</h1>
+
+<%= render 'form' %>

data/app/views/wafflemix/admin/posts/show.html.erb

@@ -0,0 +1,20 @@
+<p id="notice"><%= notice %></p>
+
+<p>
+  <b>Published at:</b>
+  <%= @post.published_at %>
+</p>
+
+<p>
+  <b>Link url:</b>
+  <%= @post.link_url %>
+</p>
+
+<p>
+  <b>Draft:</b>
+  <%= @post.draft %>
+</p>
+
+
+<%= link_to 'Edit', edit_post_path(@post) %> |
+<%= link_to 'Back', posts_path %>

data/app/views/wafflemix/admin/roles/_form.html.erb

@@ -0,0 +1,21 @@
+<%= form_for([:admin, @role]) do |f| %>
+  <% if @role.errors.any? %>
+    <div id="error_explanation">
+      <h2><%= pluralize(@role.errors.count, "error") %> prohibited this role from being saved:</h2>
+
+      <ul>
+      <% @role.errors.full_messages.each do |msg| %>
+        <li><%= msg %></li>
+      <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="field">
+    <%= f.label :name %><br />
+    <%= f.text_field :name %>
+  </div>
+  <div class="actions">
+    <%= f.submit %>
+  </div>
+<% end %>

data/app/views/wafflemix/admin/roles/edit.html.erb

@@ -0,0 +1,6 @@
+<h1>Editing role</h1>
+
+<%= render 'form' %>
+
+<%= link_to 'Show', [:admin, @role] %> |
+<%= link_to 'Back', admin_roles_path %>

data/app/views/wafflemix/admin/roles/index.html.erb

@@ -0,0 +1,34 @@
+<div class="span9">
+  <div class='page-header'>
+    <h1>Roles</h1>
+  </div>
+  <table class="table table-striped">
+    <tr>
+      <th>Name</th>
+      <th>Actions</th>
+    </tr>
+
+    <% @roles.each do |role| %>
+      <tr>
+        <td><%= role.name %></td>
+        <td>
+          <%= link_to 'Edit', [:edit, :admin, role], :class => 'btn btn-primary btn-small' %>
+          <%= link_to 'Destroy', [:admin, role], method: :delete, data: { confirm: 'Are you sure?' }, :class => 'btn btn-danger btn-small' %>
+        </td>
+      </tr>
+    <% end %>
+  </table>
+</div>
+
+<div class="span3">
+  <div class='page-header'>
+    <h1>Options</h1>
+  </div>
+  <ul class="nav nav-tabs nav-stacked">
+    <li><%= link_to 'Add a Role', new_admin_role_path %></li>
+    <li><%= link_to "Test Link", '#' %></li>
+    <li><%= link_to "Test Link", '#' %></li>
+    <li><%= link_to "Test Link", '#' %></li>
+    <li><%= link_to "Test Link", '#' %></li>
+  </ul>
+</div>

data/app/views/wafflemix/admin/roles/new.html.erb

@@ -0,0 +1,5 @@
+<h1>New role</h1>
+
+<%= render 'form' %>
+
+<%= link_to 'Back', admin_roles_path %>

data/app/views/wafflemix/admin/roles/show.html.erb

@@ -0,0 +1,10 @@
+<p id="notice"><%= notice %></p>
+
+<p>
+  <b>Name:</b>
+  <%= @role.name %>
+</p>
+
+
+<%= link_to 'Edit', [:edit, :admin, @role] %> |
+<%= link_to 'Back', admin_roles_path %>