caboose-cms 0.0.7 → 0.1.0

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

@@ -0,0 +1,37 @@
+// 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 jquery-ui
+//= require tinymce-jquery
+//= require class
+//= require model
+//= require attribute
+//= require form
+//= require form/embedded
+//= require attribute/checkbox-multiple
+//= require attribute/checkbox
+//= require attribute/date-time
+//= require attribute/file
+//= require attribute/hidden
+//= require attribute/image
+//= require attribute/password
+//= require attribute/radio
+//= require attribute/rich-text
+//= require attribute/select
+//= require attribute/texarea
+//= require attribute/textjs
+//= require attribute/h1
+//= require attribute/time
+//= require attribute/video
+//= require caboose/station

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

@@ -14,6 +14,7 @@
 //= require jquery
 //= require jquery_ujs
 //= require jquery-ui
+//= require tinymce-jquery
 //= require class
 //= require model
 //= require attribute
@@ -33,5 +34,5 @@
 //= require attribute/textjs
 //= require attribute/time
 //= require attribute/video
-//= require caboose/caboose
+//= require caboose/station
 //= require caboose_after

data/app/assets/javascripts/caboose/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/station.js

@@ -0,0 +1,223 @@
+
+var CabooseStation = function() {};
+
+CabooseStation = Class.extend({
+    conductor: false,
+    state: 'min', // left, right, or min
+    open_tabs: [], // Currently open tabs
+    
+    init: function()
+    {       
+      this.attach_dom();
+      //alert(this.open_tabs);
+
+      if ($('#caboose_station').hasClass('state_left'))
+      {
+        $('#caboose_station').css('left', 0);
+        $('#caboose_station').show();
+        this.state = 'left';
+      }
+      else if ($('#caboose_station').hasClass('state_right'))
+      {
+        $('#caboose_station').css('right', 0);
+        $('#caboose_station').show();
+        this.state = 'right';
+      }
+      else
+      {
+        $('#caboose_station').hide();
+        this.state = 'min';
+      }
+    },
+    
+    attach_dom: function()
+    {
+      var this2 = this;
+      $('#caboose_station li ul.visible').each(function (i,ul) {
+        var id = $(this).parent().attr('id').replace('nav_item_', '');
+        this2.open_tabs[this2.open_tabs.length] = id;
+      });
+      
+      $('#caboose_conductor').click(function() { this2.open(); });  
+      $('#caboose_station ul.hidden').hide();
+      $('#caboose_station li a.top_level').click(function() {
+        ul = $(this).parent().children("ul.hidden:first");
+        var id = $(this).parent().attr('id').replace('nav_item_', '');
+        if (ul.length)
+        {
+          ul.slideDown(200).addClass('visible').removeClass('hidden');
+          this2.open_tabs[this2.open_tabs.length] = id; 
+        }
+        else
+        {
+          ul = $(this).parent().children("ul:first");
+          ul.hide().addClass('hidden').removeClass('visible');
+          
+          var index = this2.open_tabs.indexOf(id);
+          if (index > -1)
+            this2.open_tabs.splice(index, 1);
+        }
+      });      
+      $('#caboose_station li ul a').each(function(i, a) {
+        var href = $(a).attr('href');
+        $(a).click(function(event) {
+          event.preventDefault();
+          this2.open_url(href); 
+        })
+      });      
+      $('#caboose_station a.close').click(function(event) {
+        event.preventDefault();
+        
+        if (this2.state == 'left')
+          this2.close_url($(this).attr('href'));
+        else if (this2.state == 'right')
+          this2.min();
+      });
+    },
+    
+    min: function()
+    {
+      if (this.state == 'min')
+        return;
+      if (this.state == 'right')
+      {
+        $('#caboose_station').hide('slide', { direction: 'right' }, 300);
+      }
+      else if (this.state == 'left')
+      {
+        var w = $(window).width();
+        $('#caboose_station').animate({ left: '+=' + w }, 300);
+      }
+      this.state = 'min';
+    },
+    
+    left: function(func_after)
+    {
+      if (this.state == 'left')
+        return;
+      if (!func_after)
+        func_after = function() {};      
+      if (this.state == 'right')
+      {
+        var w = $(window).width() - $('#caboose_station').width();
+        $('#caboose_station').animate({ left: '-=' + w }, 300, func_after);
+      }
+      else if (this.state == 'min')
+      {
+        var w = $(window).width();
+        $('#caboose_station').animate({ left: '+=' + w }, 300, func_after);
+      }
+      this.state = 'left'; 
+    },
+    
+    right: function(func_after)
+    {
+      if (this.state == 'right')
+        return;
+      if (!func_after)
+        func_after = function() {};
+      if (this.state == 'left')
+      {
+        var w = $(window).width() - $('#caboose_station').width();
+        $('#caboose_station').animate({ left: '+=' + w }, 300, func_after);
+      }
+      else if (this.state == 'min')
+      {
+        $('#caboose_station').show('slide', { direction: 'right' }, 300, func_after);        
+      }
+      this.state = 'right'; 
+    },
+    
+    open: function() 
+    {
+      if (this.state == 'min')
+        this.right();
+      else if (this.state == 'right')
+        this.left();
+    },
+    
+    close: function() 
+    {
+      if (this.state == 'min')
+        return;
+      if (this.state == 'left')
+        this.right();
+      else if (this.state == 'right');
+        this.min();      
+    },
+    
+    open_url: function(url)
+    {      
+      // Send the station settings first
+      var this2 = this;
+      $.ajax({
+        url: '/admin/station',
+        type: 'put',
+        data: {
+          state: 'left',
+          open_tabs: this2.open_tabs,
+          return_url: window.location.pathname
+        },
+        success: function() {
+          if (this2.state == 'left')
+          {
+            window.location = url;
+            return;
+          }
+          
+          var w = $(window).width() - $('#caboose_station').width();
+          var h = $(window).height();
+          
+          $('#caboose_station').after(
+            $('<div/>')
+              .attr('id', 'caboose_white')
+              .css({
+                position: 'absolute',
+                right: -1,
+                top: 0,
+                width: 1,
+                height: h,
+                background: 'url(/assets/loading.gif) 40px 40px no-repeat #fff'
+              })
+            );
+          $('#caboose_station').removeClass('state_right').addClass('state_left');
+          $('#caboose_station').animate({ left: '-=' + w }, 300, function() {
+            //$.ajax({
+            //  url: url,
+            //  success: function(html) { window.location = url; }
+            //});
+            window.location = url; 
+          });
+          $('#caboose_white').animate({ width: '+=' + w }, 300);
+        }
+      });
+    },
+    
+    close_url: function(url)
+    {      
+      // Send the station settings first
+      var this2 = this;
+      $.ajax({
+        url: '/admin/station',
+        type: 'put',
+        data: {
+          state: 'right',
+          open_tabs: this2.open_tabs,
+          return_url: false
+        },
+        success: function() {
+          var w = $(window).width() - $('#caboose_station').width();
+          $('#caboose_station').removeClass('state_left').addClass('state_right');
+          $('#content_wrapper').animate({ marginLeft: '+=' + w }, 300);
+          $('#caboose_station').animate({ left: '+=' + w }, 300, function() { window.location = url; })
+        }
+      }); 
+    }
+});
+
+/******************************************************************************/
+
+var caboose_station = false;
+$(document).ready(function() {
+  caboose_station = new CabooseStation();
+});

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

@@ -0,0 +1,57 @@
+/*
+ * 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 modeljs
+ *= require caboose/caboose 
+ */
+
+body {
+  margin: 0;
+  padding: 0;  
+}
+
+#top_nav {
+  display: none;
+}
+
+#content_wrapper {
+  margin-left: 208px;
+}
+
+#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: 212px;
+  
+  margin: 0;
+  padding: 10px 10px 10px 30px;
+}

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

@@ -13,8 +13,18 @@ body {
 
 .page_links a {
   display: inline-block;
-  padding: 4px 8px;
-  border: #efefef 1px solid;
+  margin: 0 2px;
+  padding: 5px 8px 3px 8px;
+  
+  border: #505050 1px solid;
+  background: #e1e1e1;
+  color: #505050;
+  text-decoration: none;
+}
+
+.page_links a:hover {
+  background: #505050;
+  color: #fff;
 }
 
 .page_links .middle_links a {
@@ -23,43 +33,163 @@ body {
 
 .page_links span.current_page {
   display: inline-block;
-  padding: 4px 8px;
-  font-weight: bold;
+  padding: 5px 8px 3px 8px;
+  
+  border: #941403 1px solid;
+  background: #941403;
+  color: #fff;
+  text-decoration: none;
 }
 
 #caboose_station {
+  display: none;
   position: absolute;
   top: 0;
   right: 0;
-  width: 250px;
+  width: 208px;
   height: 100%;
-  background: #333;
-  border: #000 2px solid;
+  background: #e1e1e1;
+  border: #aaa 1px solid;
+}
+
+#caboose_station h2 {
+  height: 86px;
+  background-image: url('/assets/caboose/caboose_nav.png');
+  background-position: 0 -33px;
+  margin: 0;
+  padding: 0;
+  border-bottom: #aaa 1px solid;
+  
+  /* Hide the text. */
+  text-indent: 100%;
+  white-space: nowrap;
+  overflow: hidden;
 }
 
-#caboose_station ul {
+#caboose_station ul.account {
+  margin: 0;
+  padding: 0;
+  list-style: none; 
+  height: 33px;
+}
+
+#caboose_station ul.account li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  float: left;
+  border: 0;
+  background: #ccc;
+}
+
+#caboose_station ul.account li a {
+  display: block;
+  margin: 0;
+  padding: 0;
+  height: 33px;
+  background-image: url(/assets/caboose/caboose_nav.png);
+  background-repeat: no-repeat;
+  background-position: 0 0;
+  
+  /* Hide the text. */
+  text-indent: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+#caboose_station ul.account li.my_account a { width: 103px; background-position:    0px 0px; border-right: #828181 1px solid; }
+#caboose_station ul.account li.logout     a { width: 103px; background-position: -106px 0px; border-left:  #cecece 1px solid; }
+
+#caboose_station ul.account li.my_account a:hover { background-position: -212px 0px; }
+#caboose_station ul.account li.logout     a:hover { background-position: -318px 0px; }
+
+#caboose_station ul.account li a:hover {
+  color: #941403;
+}
+
+#caboose_station ul.admin {
   margin: 0;
   padding: 0;
   list-style: none;  
 }
 
-#caboose_station ul li {
+#caboose_station ul.admin li {
   margin: 0;
   padding: 0;
   list-style: none;  
 }
 
-#caboose_station a {
+#caboose_station ul.admin li ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;  
+}
+
+#caboose_station ul.admin a {
   display: block;
-  color: #fff;
-  text-decoration: none;
   margin: 1px 0 0 0;
   padding: 8px 10px;
-  background: #444;
+  color: #505050;
+  text-decoration: none;
 }
 
-#caboose_station a:hover {
-  background: #555;  
+#caboose_station ul.admin a:hover {
+  color: #941403;
+}
+
+#caboose_station ul.admin a.top_level {
+  background-image: url('/assets/caboose/caboose_nav.png');
+  background-repeat: no-repeat;
+  background-position: 0 0;
+  width: 208px;
+  height: 50px;
+  margin: 0;
+  padding: 0;
+  border-top: #f7f7f7 1px solid;
+  border-bottom: #aaa 1px solid;
+  
+  /* Hide the text. */
+  text-indent: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+#caboose_station ul.admin li#nav_item_users       a.top_level { background-position: 0px -119px; }
+#caboose_station ul.admin li#nav_item_roles       a.top_level { background-position: 0px -171px; }
+#caboose_station ul.admin li#nav_item_permissions a.top_level { background-position: 0px -222px; }
+#caboose_station ul.admin li#nav_item_pages       a.top_level { background-position: 0px -275px; }
+#caboose_station ul.admin li#nav_item_settings    a.top_level { background-position: 0px -328px; }
+
+#caboose_station ul.admin li#nav_item_users       a.top_level:hover { background-position: -212px -119px; }
+#caboose_station ul.admin li#nav_item_roles       a.top_level:hover { background-position: -212px -171px; }
+#caboose_station ul.admin li#nav_item_permissions a.top_level:hover { background-position: -212px -222px; }
+#caboose_station ul.admin li#nav_item_pages       a.top_level:hover { background-position: -212px -275px; }
+#caboose_station ul.admin li#nav_item_settings    a.top_level:hover { background-position: -212px -328px; }
+
+#caboose_station ul.admin li#nav_item_users       a.top_level:active { background-position: -424px -119px; }
+#caboose_station ul.admin li#nav_item_roles       a.top_level:active { background-position: -424px -171px; }
+#caboose_station ul.admin li#nav_item_permissions a.top_level:active { background-position: -424px -222px; }
+#caboose_station ul.admin li#nav_item_pages       a.top_level:active { background-position: -424px -275px; }
+#caboose_station ul.admin li#nav_item_settings    a.top_level:active { background-position: -424px -328px; }
+
+#caboose_station.state_left a.close, 
+#caboose_station.state_right a.close {
+  display: block;
+  background-image: url('/assets/caboose/caboose_nav.png');
+  background-repeat: no-repeat;
+  background-position: 0 0;
+  width: 208px;
+  height: 50px;
+  
+  /* Hide the text. */
+  text-indent: 100%;
+  white-space: nowrap;
+  overflow: hidden;
 }
 
-#caboose_station 
+#caboose_station.state_left  a.close        { background-position:    0px -422px; } /* Back  */
+#caboose_station.state_right a.close        { background-position:    0px -380px; } /* Close */
+#caboose_station.state_left  a.close:hover  { background-position: -212px -422px; } /* Back  */
+#caboose_station.state_right a.close:hover  { background-position: -212px -380px; } /* Close */
+#caboose_station.state_left  a.close:active { background-position: -424px -422px; } /* Back  */
+#caboose_station.state_right a.close:active { background-position: -424px -380px; } /* Close */