caboose-cms 0.1.101 → 0.1.102

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

@@ -12,6 +12,8 @@
 //
 //= require jquery
 //= require jquery_ujs
+//= require colorbox-rails
+//= require caboose/modal_integration
 //= require jquery.ui.all
 //= require tinymce-jquery
 //= require class
@@ -33,5 +35,4 @@
 //= require attribute/textjs
 //= require attribute/h1
 //= require attribute/time
-//= require attribute/video
-//= require caboose/station
+//= require attribute/video

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

@@ -12,27 +12,6 @@
 //
 //= require jquery
 //= require jquery_ujs
-//= require jquery.ui.all
-//= 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
-//= require application
+//= require colorbox-rails
+//= require caboose/modal_integration
+//= require application

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

@@ -1,7 +1,10 @@
 
 function login()
 {
+  $('#message').hide();
   $('#message').html("<p class='loading'>Logging in...</p>");
+	$('#message').slideDown({ duration: 350 });
+	parent.$.fn.colorbox.resize({ height:"340px" })
 
 	$.ajax({
 		url: '/login',
@@ -9,13 +12,14 @@ function login()
 		data: $('#login_form').serialize(),
 		success: function(resp) {
 		  if (resp.error)
-		    $('#message').html("<p class='note error'>" + resp.error + "</p>");
+		    $('#message').html("<p class='note error'>" + resp.error + "</p>"); 		    
 			else if (resp.redirect != false)
-				window.location = resp.redirect;
+			  parent.window.location = resp.redirect;
+			else
+			  parent.location.reload(true);
 		},
 		error: function() {	
 			$('#message').html("<p class='note error'>Error</p>"); 
 		}
 	});
 }
-

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

@@ -0,0 +1,36 @@
+// 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.all
+//= 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

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

@@ -0,0 +1,56 @@
+
+$(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
+  });
+  $.ajax({
+    url: '/station/plugin-count',
+    success: function (count) {      
+      $('#caboose_station').colorbox({
+        iframe: true,
+        innerWidth: 200,
+        innerHeight: count * 50,
+        transition: 'fade',
+        closeButton: false,
+        onComplete: fix_colorbox,
+        opacity: 0.50
+      });
+    }
+  });
+});
+
+function fix_colorbox() {
+  $("#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();
+  //$('#cboxLoadedContent').css('margin-bottom', 0);
+  //h = $('#cboxLoadedContent').height();
+  //$('#cboxLoadedContent').css('height', ''+(h+28)+'px'); 
+}

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

@@ -0,0 +1,29 @@
+
+function register()
+{
+  resize_colorbox("<p class='loading'>Registering...</p>");
+
+	$.ajax({
+		url: '/register',
+		type: 'post',
+		data: $('#register_form').serialize(),
+		success: function(resp) {
+		  if (resp.error)
+		    resize_colorbox("<p class='note error'>" + resp.error + "</p>");
+			else if (resp.redirect != false)
+			  window.location = resp.redirect;
+			else
+			  parent.location.reload(true);
+		},
+		error: function() {	
+			$('#message').html("<p class='note error'>Error</p>"); 
+		}
+	});
+}
+
+function resize_colorbox(html)
+{
+  $('#message').html(html);
+  height = $('#modal_content').outerHeight(true);
+  parent.$.fn.colorbox.resize({ innerHeight: '' + height + 'px' })
+}

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

@@ -0,0 +1,42 @@
+
+$(document).ready(function() {
+    
+  // Make the main nav open the subnav
+  $('#station > ul > li > a').each(function(i, a) {
+    var href = $(a).attr('href');
+    $(a).click(function(event) {
+      event.preventDefault();
+      id = $(this).parent().attr('id').replace('nav_item_', '');
+      caboose_subnav(id, href); 
+    })
+  });  
+  
+  // Make the subnav links take over the entire page instead of just the iframe
+  //$('#station ul li ul li a').each(function(i, a) {
+  //  var href = $(a).attr('href');
+  //  $(a).click(function(event) {
+  //    event.preventDefault();
+  //    parent.window.location = href;
+  //  })
+  //});
+  
+});
+
+function caboose_subnav(id, href)
+{
+  parent.$.fn.colorbox.resize({ innerHeight: plugin_count * 50, innerWidth: '400px' });
+  
+  $('#station > ul > li').each(function(i, li) {
+    id2 = $(li).attr('id').replace('nav_item_', '');
+    if (id == id2)
+      $(li).addClass('selected');
+    else
+      $(li).removeClass('selected');      
+  });
+  
+  $('#station ul li ul').hide();
+  $('#station ul li#nav_item_' + id + ' ul').show();
+  
+  var height = $('#station > ul').height();
+  $('#station ul li#nav_item_' + id + ' ul').height(height);
+}

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

@@ -8,23 +8,64 @@
  * 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 {
-  display: none;
+  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;
-  margin-left: 208px;
 }
 
 #content {

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

@@ -7,9 +7,13 @@
  *
  * 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 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/caboose.css

@@ -2,274 +2,3 @@
 body {
   font-family: Helvetica, Tahoma, Arial;  
 }
-
-#wrapper {
-  width: 960px;
-  position: relative;
-}
-
-.page_links {
-  
-}
-
-.page_links a {
-  display: inline-block;
-  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 {
-  
-}
-
-.page_links span.current_page {
-  display: inline-block;
-  padding: 5px 8px 3px 8px;
-  
-  border: #941403 1px solid;
-  background: #941403;
-  color: #fff;
-  text-decoration: none;
-}
-
-#caboose_white {
-  z-index: 99;
-}
-                
-#caboose_station_wrapper {
-  display: none;
-  position: absolute;
-  top: 0;
-  right: 0;
-  z-index: 100;
-  width: 210px;
-  height: 100%;
-  overflow: hidden;
-}
-
-#caboose_station {
-  width: 208px;
-  height: 100%;
-  background: #e1e1e1;
-  border: #aaa 1px solid;
-  font-family: BigNoodleTitling, Tahoma; 
-}
-
-#caboose_station .caboose_logo {
-  height: 100px;
-  background-image: url('/assets/caboose/caboose_nav.png');
-  background-position: 64px 0;
-  margin: 0;
-  padding: 0;
-  border-bottom: #aaa 1px solid;
-}
-
-#caboose_station h2 {
-  display: none;
-  height: 40px;
-  background-image: url('/assets/caboose/caboose_nav.png');
-  background-position: 64px 0;
-  margin: 0;
-  padding: 80px 0 0 0;
-  border-bottom: #aaa 1px solid;
-  
-  /* Hide the text. */
-  /*
-  text-indent: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  */
-}
-
-#caboose_station h2 span {
-  display: block;
-  color: #941403;
-  text-align: center;
-  font-size: 20px;
-  font-weight: normal;
-  background: #e1e1e1;
-  height: 40px;
-}
-
-#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;
- 
-  /* Hide the text. */
-  /*
-  text-indent: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  */
-  font-family: BigNoodleTitling, Tahoma;
-  font-size: 16px;
-  color: #505050;
-  background: #aaa;
-  text-decoration: none;
-  text-align: center;
-  border-bottom: #cecece 1px solid;
-}
-#caboose_station ul.account li a span {
-  padding-top: 8px;
-}
-
-#caboose_station ul.account li.my_account a { width: 103px; border-right: #828181 1px solid; }
-#caboose_station ul.account li.logout     a { width: 103px; border-left:  #cecece 1px solid; }
-
-#caboose_station ul.account li a:hover {
-  color: #941403;
-}
-
-#caboose_station ul.admin {
-  margin: 0;
-  padding: 0;
-  list-style: none;  
-}
-
-#caboose_station ul.admin li {
-  margin: 0;
-  padding: 0;
-  list-style: none;  
-}
-
-#caboose_station ul.admin li ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;  
-}
-
-#caboose_station ul.admin a {
-  display: block !important;
-  margin: 1px 0 0 0;
-  padding: 8px 10px;
-  color: #505050;
-  text-decoration: none;
-}
-
-#caboose_station ul.admin a:hover {
-  color: #941403;
-}
-
-#caboose_station ul.admin li 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;
-  position: relative;
-  
-  /* Hide the text. */
-  /*
-  text-indent: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  */
-  font-family: BigNoodleTitling, Tahoma;
-  font-size: 16px;
-}
-
-#caboose_station ul.admin li a.top_level span {
-  display: block !important;
-  margin: 0 0 0 60px;
-  padding: 16px 0 0 0;
-  height: 34px;
-  background: #e1e1e1;
-  vertical-align: middle;
-  font-family: BigNoodleTitling, Tahoma;
-  font-size: 16px;
-}
-#caboose_station ul.admin li a.top_level:hover  span { color: #941403; }
-#caboose_station ul.admin li a.top_level:active span { color: #941403; }
-
-#caboose_station ul.admin li                      a.top_level { background-position: 0px -350px; }
-#caboose_station ul.admin li#nav_item_users       a.top_level { background-position: 0px -100px; }
-#caboose_station ul.admin li#nav_item_roles       a.top_level { background-position: 0px -150px; }
-#caboose_station ul.admin li#nav_item_permissions a.top_level { background-position: 0px -200px; }
-#caboose_station ul.admin li#nav_item_pages       a.top_level { background-position: 0px -250px; }
-#caboose_station ul.admin li#nav_item_settings    a.top_level { background-position: 0px -300px; }
-#caboose_station ul.admin li#nav_item_star        a.top_level { background-position: 0px -350px; }
-
-#caboose_station ul.admin li                      a.top_level:hover { background-position: -250px -350px; }
-#caboose_station ul.admin li#nav_item_users       a.top_level:hover { background-position: -250px -100px; }
-#caboose_station ul.admin li#nav_item_roles       a.top_level:hover { background-position: -250px -150px; }
-#caboose_station ul.admin li#nav_item_permissions a.top_level:hover { background-position: -250px -200px; }
-#caboose_station ul.admin li#nav_item_pages       a.top_level:hover { background-position: -250px -250px; }
-#caboose_station ul.admin li#nav_item_settings    a.top_level:hover { background-position: -250px -300px; }
-#caboose_station ul.admin li#nav_item_star        a.top_level:hover { background-position: -250px -350px; }
-
-#caboose_station ul.admin li                      a.top_level:active { background-position: -500px -350px; }
-#caboose_station ul.admin li#nav_item_users       a.top_level:active { background-position: -500px -100px; }
-#caboose_station ul.admin li#nav_item_roles       a.top_level:active { background-position: -500px -150px; }
-#caboose_station ul.admin li#nav_item_permissions a.top_level:active { background-position: -500px -200px; }
-#caboose_station ul.admin li#nav_item_pages       a.top_level:active { background-position: -500px -250px; }
-#caboose_station ul.admin li#nav_item_settings    a.top_level:active { background-position: -500px -300px; }
-#caboose_station ul.admin li#nav_item_star        a.top_level:active { background-position: -500px -350px; }
-
-#caboose_station_wrapper.state_min a.close,
-#caboose_station_wrapper.state_left a.close, 
-#caboose_station_wrapper.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;  
-  font-family: BigNoodleTitling, Tahoma;
-  text-decoration: none;
-}
-
-#caboose_station_wrapper a.close span {
-  display: block;
-  margin: 0 0 0 60px;
-  padding: 16px 0 0 0;
-  height: 34px;
-  
-  font-family: BigNoodleTitling, Tahoma;
-  font-size: 16px;
-}
-#caboose_station_wrapper a.close        span { background: #e1e1e1; color: #505050; }
-#caboose_station_wrapper a.close:hover  span { background: #e1e1e1; color: #941403; }
-#caboose_station_wrapper a.close:active span { background: #d2d2d2; color: #941403; }
-
-#caboose_station_wrapper.state_left  a.close        { background-position:    0px -450px; }
-#caboose_station_wrapper.state_right a.close        { background-position:    0px -400px; }
-#caboose_station_wrapper.state_min   a.close        { background-position:    0px -400px; }
-#caboose_station_wrapper.state_left  a.close:hover  { background-position: -250px -450px; }
-#caboose_station_wrapper.state_right a.close:hover  { background-position: -250px -400px; }
-#caboose_station_wrapper.state_min   a.close:hover  { background-position: -250px -400px; }
-#caboose_station_wrapper.state_left  a.close:active { background-position: -500px -450px; }
-#caboose_station_wrapper.state_right a.close:active { background-position: -500px -400px; }
-#caboose_station_wrapper.state_min   a.close:active { background-position: -500px -400px; }