caboose-store 0.0.2

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    YmMzMGVlYzM3NDM3OTk3M2YzOTliMzZmMDkzYjM3ZmU1OTE1MzA2Yw==
+  data.tar.gz: !binary |-
+    M2JiOThjNmFiMjVlOGYwMDcyMWU4ZjBlNGYzNjgyNjU5MGEzMWZlOA==
+!binary "U0hBNTEy":
+  metadata.gz: !binary |-
+    MGVlMzYzYzhlNjlmZDliNWQ5OWFmZmQ5OGJlOWQ4YWU2NjNjYzc5YjY5ZWUx
+    ZTAzM2UyMDUyNTBlYzA5MWU3ZjgxOTQ0NDE4NTY3Yzg0NGZlZTg4NWMxOTBj
+    MGJkY2VmN2MwM2U5MTJlYWNhMDI4MzIxNGUxOGExMWJlYzNjMDU=
+  data.tar.gz: !binary |-
+    OTFiOTZhN2E3ODRiOTc1ZmIxZTE0NWQ0MzlmYTg5NDJkNzVmOWQzY2I5YzAw
+    ZDAxNGM0Y2VhNjhjNmM5YzVmMGFiNTUxYWQ5NTA4N2IwNzY5ZWNjMDY3MDU5
+    Y2MzYTFmMzJkZjk1YzM4NGI2ODc3NDRjNTM5YjQ4MDcxYzY5NmY=

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2013 YOURNAME
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,113 @@
+<h1>Caboose CMS</h1>
+<p>Caboose is a simple yet flexible and powerful content management system that runs 
+on top of ruby on rails.  It handles users, roles, permissions, and the login process.
+In addition, it handles content pages and their URLs.  It has a layout system that 
+allows a developer to easily customize the look and feel of each page.</p>
+
+<ul>
+<li><a href='#installation'>Installation</a></li>
+<li><a href='#layouts'>Layouts</a></li>
+<li><a href='#plugins'>Plugins</a></li>
+</ul>
+
+<a name='installation'></a><h2>Installation</h2>
+<p>Install the caboose-cms gem:</p>
+<pre>
+$ gem install caboose-cms
+</pre>
+<p>Create a new rails app configured to use Caboose:</p>
+<pre>
+$ caboose new my_caboose_app
+</pre>
+<p>Now go create a local MySQL database called <code>my_caboose_app_development</code>. Then let Caboose install the database:</p>
+<pre>
+$ cd my_caboose_app
+$ rake caboose:db
+</pre>
+<p>That's it! To test it out, start your rails server:</p>
+<pre>
+$ rails server
+</pre>
+<p>And go check out http://localhost:3000</p>
+
+<a name='layouts'></a><h2>Layouts</h2>
+<p>Caboose already handles the page editing process, but you need to be able to 
+control the layout for each of those pages.  You do that with layouts.  Caboose 
+has a simple layout system.  You control which layout each page uses.  There are three options:
+<dl>
+  <dt>Default layout:</dt>
+  <dd><p>The layout that any page by default will use if any other layout options are not set.  This layout resides in the <code>layout_default.html.erb</code> file.</p></dd>
+  <dt>Per page layout:</dt>
+  <dd>
+    <p>Just create a new layout called <code>layout_&lt;page_id&gt;.html.erb</code>.</p>
+    <p>Example: <code>layout_37.html.erb</code></p>
+  </dd>
+  <dt>Per type layout:</dt>
+  <dd>
+    <p>If you need multiple pages to use a common layout, just create a layout with a name.</p>
+    <p>Examples: <code>layout_about.html.erb</code>, <code>layout_listing.html.erb</code></p>
+  </dd>
+</dl>
+<p>For each layout, a few things must exist in the layout for it to work properly with Caboose.
+You must include the following:</p>
+<ul>
+  <li>
+    <p>CSS and CSRF in the head:</p>
+<pre>
+&lt;%= yield :css %&gt;
+&lt;%= csrf_meta_tags %&gt;
+</pre>
+  </li>
+  <li>
+    <p>The top nav login/control panel link:</p>
+<pre>
+&lt;%= render :partial => 'layouts/caboose/top_nav' %&gt;
+</pre>
+  </li>
+  <li>
+    <p>The top nav login/control panel link:</p>
+<pre>
+&lt;%= render :partial => 'layouts/caboose/top_nav' %&gt;
+</pre>
+  </li>
+  <li>
+    <p>The station and javascript in the footer:</p>
+<pre>
+&lt;%= render :partial => 'layouts/caboose/station' %&gt;
+&lt;%= yield :js %&gt;
+</pre>
+  </li>
+</ul>
+<p>You have access to the <code>@page</code> object in the layout.  Here's a bare-bones example of all the elements:
+
+<pre>
+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;title&gt;My App&lt;/title&gt;
+&lt;%= yield :css %&gt;
+&lt;%= csrf_meta_tags %&gt;
+&lt;/head&gt;
+&lt;body;&gt;
+&lt;%= render :partial =&gt; 'layouts/caboose/top_nav' %&gt;
+
+&lt;h1&gt;&lt;%= raw @page.title %&gt;&lt;/h1&gt;
+&lt;%= raw @page.content %&gt;  
+
+&lt;%= render :partial =&gt; 'layouts/caboose/station' %&gt;
+&lt;%= yield :js %&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+<a name='plugins'><h2>Plugins</h2>
+<p>To add new functionality to the Caboose station, extend the Caboose::CaboosePlugin
+object and override the methods you'd like to implement.  The existing hooks
+are the following:</p>
+
+<dl>
+  <dt><code>String page_content(String str)</code></dt>
+  <dd>Manipulate the page content before it's shown on the screen.</dd>  
+  <dt><code>Array admin_nav(Array arr)</code></dt>
+  <dd>Add items to the navigation that appears in the Caboose station.</dd>
+</dl>

data/Rakefile

@@ -0,0 +1,38 @@
+#!/usr/bin/env rake
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+begin
+  require 'rdoc/task'
+rescue LoadError
+  require 'rdoc/rdoc'
+  require 'rake/rdoctask'
+  RDoc::Task = Rake::RDocTask
+end
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Caboose'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task :default => :test

data/app/assets/javascripts/caboose_store/admin.js

@@ -0,0 +1,20 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery
+//= require jquery_ujs
+//= require colorbox-rails
+//= require caboose/modal_integration
+/* require jquery.ui.all  */
+/* require tinymce-jquery */
+/* require modeljs.all    */
+

data/app/assets/javascripts/caboose_store/application.js

@@ -0,0 +1,17 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery
+//= require jquery_ujs
+//= require colorbox-rails
+//= require caboose/modal_integration
+//= require application

data/app/assets/javascripts/caboose_store/modal.js

@@ -0,0 +1,52 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery
+//= require jquery_ujs
+
+var CabooseModal = function(w, h) {  
+  if (!h)
+  {
+    $('#modal_content').css('width', w);
+    h = $('#modal_content').outerHeight(true);
+  }  
+  if (parent.$.fn.colorbox)
+    this.resize(w, h);
+};
+
+CabooseModal.prototype = {
+  
+  width: 0,
+  height: 0, 
+  set_width:  function(w) { this.width = w; this.colorbox(); },
+  set_height: function(h) { this.height = h; this.colorbox(); },
+  resize: function(w, h) { this.width = w; this.height = h; this.colorbox(); },
+  
+  // Resizes the height of the modal based on the content height
+  autosize: function(msg) {
+    if (msg)
+      $('#message').html(msg);
+    this.height = $('#modal_content').outerHeight(true);
+    this.colorbox();
+  },
+  
+  colorbox: function() { 
+    parent.$.fn.colorbox.resize({ 
+      innerWidth:  '' + this.width + 'px', 
+      innerHeight: '' + this.height + 'px' 
+    }); 
+  },
+  
+  close: function() {
+    parent.$.fn.colorbox.close();
+  }
+};

data/app/assets/javascripts/caboose_store/modal_integration.js

@@ -0,0 +1,25 @@
+
+$(document).ready(function() {
+  $('#caboose_login'    ).colorbox({ iframe: true, initialWidth: 400, initialHeight: 200, innerWidth: 400, innerHeight: 200, scrolling: false, transition: 'fade', closeButton: false, onComplete: fix_colorbox, opacity: 0.50 });
+  $('#caboose_register' ).colorbox({ iframe: true, initialWidth: 400, initialHeight: 324, innerWidth: 400, innerHeight: 324, scrolling: false, transition: 'fade', closeButton: false, onComplete: fix_colorbox, opacity: 0.50 });
+  $('#caboose_station'  ).colorbox({ iframe: true, initialWidth: 200, initialHeight: 50,  innerWidth: 200, innerHeight:  50, scrolling: false, transition: 'fade', closeButton: false, onComplete: fix_colorbox, opacity: 0.50 });
+});
+
+function fix_colorbox() {
+  var padding = 21; // 21 is default
+  $("#cboxTopLeft"      ).css('background', '#111');
+  $("#cboxTopRight"     ).css('background', '#111');
+  $("#cboxBottomLeft"   ).css('background', '#111');
+  $("#cboxBottomRight"  ).css('background', '#111');
+  $("#cboxMiddleLeft"   ).css('background', '#111');
+  $("#cboxMiddleRight"  ).css('background', '#111');
+  $("#cboxTopCenter"    ).css('background', '#111');
+  $("#cboxBottomCenter" ).css('background', '#111');
+  $("#cboxClose"        ).hide();
+  
+  //var p = (padding-21)*2;
+  //$("#cboxWrapper"      ).css('padding', '0 ' + p + ' ' + p + ' 0');
+  //$('#cboxLoadedContent').css('margin-bottom', 0);
+  //h = $('#cboxLoadedContent').height();
+  //$('#cboxLoadedContent').css('height', ''+(h+28)+'px'); 
+}

data/app/assets/javascripts/caboose_store/model.form.page.js

@@ -0,0 +1,30 @@
+
+Model.Form.Page = Model.Form.extend({
+    
+  class_name: 'Model.Form.Page',
+  
+  // Returns the form for editing a model or false for an embedded form.
+  edit: function() 
+  {
+    var m = this.model;
+    
+    var this2 = this;
+    var div = $('<div/>');
+    $(m.attributes).each(function(i, a) {
+      if (a.type == 'hidden')
+        return;
+      div.append(
+        $('<div/>').attr('id', m.name + '_' + m.id + '_' + a.name + '_container')
+      );
+    });
+    
+    div.append($('<div/>').attr('id', this.message))
+      .append($('<p/>')
+        .append($('<input/>').attr('type', 'button').val('Back').click(function() { caboose_station.close_url('/pages/'+m.id+'/redirect'); }))
+        .append(' ')
+        .append($('<input/>').attr('type', 'button').val('Delete ' + m.name).click(function() { m.ajax_delete(); }))
+      );
+    return div;
+  }
+  
+});

data/app/assets/javascripts/caboose_store/model.form.user.js

@@ -0,0 +1,36 @@
+
+Model.Form.User = Model.Form.extend({
+    
+  class_name: 'Model.Form.User',
+  
+  // Returns the form for editing a model or false for an embedded form.
+  edit: function() 
+  {
+    var m = this.model;
+    
+    var this2 = this;
+    var div = $('<div/>');
+    $(m.attributes).each(function(i, a) {
+      if (a.type == 'hidden')
+        return;
+      div.append(
+        $('<div/>')
+          .attr('id', m.name + '_' + m.id + '_' + a.name + '_container')
+          .click(function() { m.edit_attribute(a.name); })
+          .append($('<input/>')
+            .attr('placeholder', a.nice_name)
+            .val(a.value)
+          )
+      );
+    });
+    
+    div.append($('<div/>').attr('id', this.message))
+      .append($('<p/>')
+        .append($('<input/>').attr('type', 'button').val('Back').click(function() { caboose_station.close_url('/pages/'+m.id+'/redirect'); }))
+        .append(' ')
+        .append($('<input/>').attr('type', 'button').val('Delete ' + m.name).click(function() { m.ajax_delete(); }))
+      );
+    return div;
+  }
+  
+});

data/app/assets/javascripts/caboose_store/shortcut.js

@@ -0,0 +1,11 @@
+
+lastkeys = "";
+$(document).keyup(function(e) {
+  if (e.keyCode == 13 && lastkeys == "caboose") // Enter
+  {
+    
+  }
+  if (lastkeys.length > 7)
+    lastkeys = "";
+  lastkeys += String.fromCharCode(e.keyCode);
+});

data/app/assets/javascripts/caboose_store/station.js

@@ -0,0 +1,60 @@
+
+var CabooseStation = function(m, initial_tab) {
+  this.init(m, initial_tab);
+};
+
+CabooseStation.prototype = {
+ 
+  modal: false,
+  
+  init: function(m, initial_tab)
+  {
+    this.modal = m;
+    var this2 = this;
+    // Handle main nav items with subnav
+    $('#station > ul > li > a').click(function(event) {
+      li = $(this).parent();
+      if ($('ul', li).length > 0)
+      {
+        event.preventDefault();
+        id = li.attr('id').replace('nav_item_', '');
+        href = $(this).attr('href');
+        this2.subnav(id, href);
+      }
+      else if ($(this).attr('rel') != 'modal')
+      {
+        event.preventDefault();
+        parent.window.location = $(this).attr('href');
+      }
+    });
+    $('#station ul li ul li a').click(function(event) {
+      if ($(this).attr('rel') != 'modal')
+      {
+        event.preventDefault();
+        parent.window.location = $(this).attr('href');
+      }
+    });
+    if (initial_tab)
+      $('#station > ul > li#nav_item_' + initial_tab + ' > a').trigger('click');
+  },
+  
+  subnav: function(id, href)
+  {
+    this.modal.set_width(400);
+    
+    $('#station > ul > li').each(function(i, li) {
+      id2 = $(li).attr('id').replace('nav_item_', '');
+      if (id == id2)
+        $(li).addClass('selected');
+      else
+        $(li).removeClass('selected');      
+    });
+    // Show only the selected subnav
+    $('#station ul li ul').hide();
+    $('#station ul li#nav_item_' + id + ' ul').show();
+    
+    // Set the height of the selected subnav
+    var height = $('#station > ul').height();
+    $('#station ul li#nav_item_' + id + ' ul').height(height);
+  }  
+};

data/app/assets/stylesheets/caboose_store/admin.css

@@ -0,0 +1,100 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require colorbox-rails
+ *= require modeljs
+ *= require caboose/fonts
+ *= require caboose/caboose  
+ */
+
+#cboxLoadedContent { margin-bottom: 0; }
+ 
+body {
+  margin: 0;
+  padding: 0;  
+}
+
+#top_nav {
+  background: #000;
+  border-bottom: #333 1px solid;
+  height: 50px;
+  position: relative;
+}
+
+#top_nav .caboose_logo {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 50px;
+  height: 50px;
+  background: url(/assets/caboose/caboose_logo_small.png);
+}
+
+#top_nav ul {
+  margin: 0;
+  padding: 0 8px 0 0;
+  list-style: none;
+  text-align: right;
+}
+
+#top_nav ul li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: inline-block;
+}
+
+#top_nav ul li a {
+  display: block;
+  margin: 8px 4px;
+  padding: 8px 16px;
+  border: #333 1px solid;
+  text-decoration: none;
+  height: 16px;
+}
+
+#top_nav ul li a        { color: #ccc; border: #333 1px solid; background: #000; }
+#top_nav ul li a:hover  { color: #fff; border: #444 1px solid; background: #000; }
+#top_nav ul li a:active { color: #fff; border: #666 1px solid; background: #333; }
+
+#content_wrapper {
+  position: relative;
+}
+
+#content {
+  padding: 0 0 0 30px;
+}
+
+#content h1 {
+  margin: 0 0 20px -30px;
+  padding: 40px 0 0 30px;
+  height: 80px;
+  background: #e1e1e1;
+  border-bottom: #aaa 1px solid;
+  font-size: 36pt;
+}
+
+#content h1.model_attribute_h1 {
+  margin: inherit;
+  padding: inherit;
+  height: auto;
+  background: transparent;
+  border-bottom: none;
+  font-size: 36pt;
+}
+
+p.current_page_editing {
+  position: absolute;
+  top: 84px;
+  left: 4px;
+  
+  margin: 0;
+  padding: 10px 10px 10px 30px;
+}

data/app/assets/stylesheets/caboose_store/application.css

@@ -0,0 +1,19 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ * 
+ *= require colorbox-rails
+ *= require modeljs 
+ *= require caboose/fonts
+ *= require caboose/page_bar_generator
+ *= require caboose/caboose 
+ *= require application
+ */
+
+#cboxLoadedContent { margin-bottom: 0; }

data/app/assets/stylesheets/caboose_store/bound_input.css

@@ -0,0 +1 @@
+  

data/app/assets/stylesheets/caboose_store/caboose.css

@@ -0,0 +1,4 @@
+
+body {
+  font-family: Helvetica, Tahoma, Arial;  
+}

data/app/assets/stylesheets/caboose_store/fonts.css

@@ -0,0 +1,5 @@
+
+@font-face {
+	font-family: 'BigNoodleTitling';
+	src: local('Big Noodle Titling'), url('/assets/caboose/fonts/big_noodle_titling.ttf') format('truetype');
+}

data/app/assets/stylesheets/caboose_store/login.css

@@ -0,0 +1,23 @@
+
+#login_form .other_options {
+  position: absolute;
+  top: -4px;
+  right: 0;
+}
+
+input#username,
+input#password {
+  font-size: 18px;
+  width: 95%;
+  margin: 0 0 8px 0;
+  padding: 7px;  
+}
+
+input#btn_login {
+  font-size: 18px;
+}
+
+input#btn_cancel {
+  font-size: 18px;
+}
+