caboose-cms 0.2.5 → 0.2.6

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

@@ -44,5 +44,9 @@ CabooseModal.prototype = {
       innerWidth:  '' + this.width + 'px', 
       innerHeight: '' + this.height + 'px' 
     }); 
+  },
+  
+  close: function() {
+    parent.$.fn.colorbox.close();
   }
 };

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

@@ -23,3 +23,13 @@ function fix_colorbox() {
   //h = $('#cboxLoadedContent').height();
   //$('#cboxLoadedContent').css('height', ''+(h+28)+'px'); 
 }
+
+//lastkeys = "";
+//$(document).keyup(function(e) {
+//  if (e.keyCode == 13 && (lastkeys == "caboose" || lastkeys == "CABOOSE")) 
+//    $.colorbox({ href: '/station', iframe: true, initialWidth: 200, initialHeight: 50,  innerWidth: 200, innerHeight:  50, scrolling: false, transition: 'fade', closeButton: false, onComplete: fix_colorbox, opacity: 0.50 });
+//
+//  lastkeys += String.fromCharCode(e.keyCode);  
+//  if (lastkeys.length > 7)
+//    lastkeys = lastkeys.substr(1);  
+//});

data/app/assets/javascripts/caboose/model/all.js

@@ -0,0 +1,9 @@
+//= require caboose/model/class
+//= require caboose/model/model
+//= require caboose/model/attribute
+//= require caboose/model/model_binder
+//= require caboose/model/bound_control
+//= require caboose/model/bound_checkbox
+//= require caboose/model/bound_select
+//= require caboose/model/bound_text
+//= require caboose/model/bound_textarea

data/app/assets/javascripts/caboose/model/attribute.js

@@ -0,0 +1,63 @@
+
+var Attribute = function(params) {
+  for (var thing in params)
+    this[thing] = params[thing];
+  this.value_clean = this.value;  
+};
+
+Attribute.prototype = {
+  name: false,
+  nice_name: false,
+  type: false,
+  value: false,
+  value_clean: false,
+  text: false,
+  
+  update_url: false,
+  options_url: false,
+  options: false,
+  
+  save: function(after) {
+    var this2 = this;
+    $.ajax({
+      url: this.update_url,
+      type: 'put',
+      data: this.name + '=' + this.value,
+			success: function(resp) {			  
+				if (resp.success)
+				{
+				  if (resp.attributes && resp.attributes[this2.name])
+				    for (var thing in resp.attributes[this2.name])
+				      this2[thing] = resp.attributes[this2.name][thing];
+				  this2.value_clean = this2.value;
+				}
+				if (after) after(resp);
+			},
+			error: function() { 
+			  if (after) after(false);
+			}
+		});
+  },
+  
+  populate_options: function(after) {
+    if (!this.options_url)
+      return;
+    if (this.options)
+    {
+      if (after) after();
+      return;
+    }
+    var this2 = this;
+    $.ajax({
+      url: this.options_url,
+      type: 'get',
+			success: function(resp) {
+        this2.options = resp;
+				if (after) after();
+			},
+			error: function() { 
+			  if (after) after();
+			}
+		});
+  }
+};

data/app/assets/javascripts/caboose/model/bound_checkbox.js

@@ -0,0 +1,90 @@
+
+BoundCheckbox = BoundControl.extend({
+
+  //el: false,
+  //model: false,
+  //attribute: false,
+  //binder: false,
+  
+  message: false,
+  placeholder: false,
+ 
+  init: function(params) {
+    
+    for (var thing in params)
+      this[thing] = params[thing];
+    
+    this.el = this.el ? this.el : this.model.name.toLowerCase() + '_' + this.model.id + '_' + this.attribute.name;
+    this.message = this.el + '_message';
+    this.placeholder = this.el + '_placeholder';
+    
+    var this2 = this;
+    $('#'+this.el).wrap($('<div/>')
+      .attr('id', this.el + '_container')
+      .css('position', 'relative')
+    );
+    $('#'+this.el+'_container').empty();
+    $('#'+this.el+'_container').append($('<div/>')
+      .attr('id', this.placeholder)
+      .addClass('placeholder')
+      .append($('<span/>').html(this.attribute.nice_name + ': '))
+    );
+    $('#'+this.el+'_container').append($('<input/>')
+      .attr('id', this.el)
+      .attr('type', 'checkbox')
+      .css('left', $('#'+this.placeholder).outerWidth() + 10)
+      .attr('checked', this.attribute.value)
+      .on('change', function() {
+        this2.binder.cancel_active();
+        this2.binder.active_control = this;
+        this2.save(); 
+      })
+    );
+    $('#'+this.el+'_container').append($('<input/>')
+      .attr('id', this.el + '_background')
+      .attr('disabled', true)
+      .css('background', '#fff')
+    );
+    if (this.attribute.width)
+      $('#'+this.el+'_background').css('width' , this.attribute.width);
+  },
+  
+  view: function() {
+    
+  },
+    
+  edit: function() {
+    
+  },
+  
+  save: function() {
+    
+    this.attribute.value = $('#'+this.el).prop('checked') ? 1 : 0;
+        
+    var this2 = this;
+    this.model.save(this.attribute, function(resp) {
+      $('#'+this2.el+'_check a').removeClass('loading');
+      if (resp.error) this2.error(resp.error);
+      else
+      {
+        this2.binder.active_control = this2;
+        if (this2.binder.success)
+          this2.binder.success(this2);
+        this2.view();
+      }
+    });
+  },
+  
+  cancel: function() {
+    this.attribute.value = this.attribute.value_clean;
+    $('#'+this.el).attr('checked', '' + this.attribute.value ? 'true' : 'false') 
+    this.view();
+  },
+
+  error: function(str) {
+    if (!$('#'+this.message).length)
+      $('#'+this.el+'_container').prepend($('<div/>').attr('id', this.message));
+    $('#'+this.message).html("<p class='note error'>" + str + "</p>");
+  }
+
+});

data/app/assets/javascripts/caboose/model/bound_checkbox_multiple.js

@@ -0,0 +1,106 @@
+
+BoundCheckbox = BoundControl.extend({
+
+  //el: false,
+  //model: false,
+  //attribute: false,
+  //binder: false,
+  
+  message: false,
+  placeholder: false,
+  checkboxes: false,
+ 
+  init: function(params) {
+    
+    for (var thing in params)
+      this[thing] = params[thing];
+    
+    this.el = this.el ? this.el : this.model.name.toLowerCase() + '_' + this.model.id + '_' + this.attribute.name;
+    this.message = this.el + '_message';
+    this.placeholder = this.el + '_placeholder';
+    
+    var this2 = this;
+    $('#'+this.el).wrap($('<div/>')
+      .attr('id', this.el + '_container')
+      .css('position', 'relative')
+    );
+    $('#'+this.el+'_container').empty();
+    $('#'+this.el+'_container').append($('<div/>')
+      .attr('id', this.placeholder)
+      .addClass('placeholder')
+      .append($('<span/>').html(this.attribute.nice_name + ': '))
+    );
+    $('#'+this.el+'_container').append($('<input/>')
+      .attr('id', this.el + '_background')
+      .attr('disabled', true)
+      .css('background', '#fff')
+    );
+    if (this.attribute.width)
+      $('#'+this.el+'_background').css('width' , this.attribute.width);
+    
+    var this2 = this;
+    this.attribute.populate_options(function() {
+      var tbody = $('<tbody/>');
+      $.each(this2.options, function(i, option) {
+        tbody.append($('<tr/>')
+          .append($('<td/>')
+            .attr('id', this2.el + '_' + i)
+            .attr('type', 'checkbox')
+            .attr('checked', this2.attribute.value)
+            .on('change', function() {
+              //this2.binder.cancel_active();
+              //this2.binder.active_control = this;
+              //this2.save(); 
+            })
+          )
+          .append($('<label/>')
+            .attr('for', this2.el + '_' + i)
+            .html(option.text)
+          )
+        );
+      });
+      $('#'+this.el+'_container').append(
+        $('<table/>').append(tbody)
+      );
+    );
+  },
+  
+  view: function() {
+    
+  },
+    
+  edit: function() {
+    
+  },
+  
+  save: function() {
+    
+    this.attribute.value = $('#'+this.el).prop('checked') ? 1 : 0;
+        
+    var this2 = this;
+    this.model.save(this.attribute, function(resp) {
+      $('#'+this2.el+'_check a').removeClass('loading');
+      if (resp.error) this2.error(resp.error);
+      else
+      {
+        this2.binder.active_control = this2;
+        if (this2.binder.success)
+          this2.binder.success(this2);
+        this2.view();
+      }
+    });
+  },
+  
+  cancel: function() {
+    this.attribute.value = this.attribute.value_clean;
+    $('#'+this.el).attr('checked', '' + this.attribute.value ? 'true' : 'false') 
+    this.view();
+  },
+
+  error: function(str) {
+    if (!$('#'+this.message).length)
+      $('#'+this.el+'_container').prepend($('<div/>').attr('id', this.message));
+    $('#'+this.message).html("<p class='note error'>" + str + "</p>");
+  }
+
+});

data/app/assets/javascripts/caboose/model/bound_control.js

@@ -0,0 +1,68 @@
+
+BoundControl = Class.extend({
+    
+  el: false,        // The DOM element to which the object is bound  
+  model: false,     // The model to which the control is bound
+  attribute: false, // The attribute of the model
+  binder: false,    // The model binder
+  
+  init: function(params) {},  // Constructor  
+  view: function() {},        // Sets the control in a view state
+  edit: function() {},        // Sets the control in an edit state
+  save: function() {},        // Sends the value in the control to the model to be saved
+  cancel: function() {},      // Cancels the edit
+  error: function(str) {},     // Shows an error
+
+  show_loader: function() {
+    var w = $('#'+this.el).outerWidth();
+    var h = 40; //$('#'+this.el).outerHeight();
+    var this2 = this;
+    
+    if (!$('#'+this.el+'_check').length)
+    {      
+      $('#'+this.el+'_container').prepend($('<div/>')
+        .attr('id', this.el + '_check')
+        .addClass('bound_input_check')
+        .css('position', 'absolute')
+        .css('top', 0)
+        .css('left', w-h-1)
+        .css('width', h+2)
+        .css('overflow', 'hidden')
+        .append($('<a/>')
+          .addClass('loading')
+          .html('&#10003;')
+          .css('width', h)
+          .css('margin-left', h)
+          .attr('href', '#')
+          .click(function(event) { event.preventDefault(); })
+        )
+      );
+    }    
+    $('#'+this.el+'_check a')
+      .addClass('loading')
+      .css('margin-left', h);
+    $('#'+this.el+'_check a').animate({ 'margin-left': 0 }, 300); 
+  },
+  
+  hide_loader: function() {
+    this.hide_check();
+  },
+  
+  show_check: function(duration) {
+    $('#'+this.el+'_check a').removeClass('loading');
+    if (duration)
+    {
+      var this2 = this;
+      setTimeout(function() { this2.hide_check(); }, duration);
+    }
+  },
+  
+  hide_check: function() {
+    var h = $('#'+this.el).outerHeight();
+    var this2 = this;
+    $('#'+this.el+'_check a').animate({ 'margin-left': h }, 300, function() { 
+      $('#'+this2.check).remove(); 
+    });
+  }
+  
+});

data/app/assets/javascripts/caboose/model/bound_select.js

@@ -0,0 +1,108 @@
+
+BoundSelect = BoundControl.extend({
+
+  //el: false,
+  //model: false,
+  //attribute: false,
+  //binder: false,
+  
+  message: false,
+  placeholder: false,
+ 
+  init: function(params) {
+    
+    for (var thing in params)
+      this[thing] = params[thing];
+    
+    this.el = this.el ? this.el : this.model.name.toLowerCase() + '_' + this.model.id + '_' + this.attribute.name;
+    this.message = this.el + '_message';
+    this.placeholder = this.el + '_placeholder';
+         
+    $('#'+this.el).wrap($('<div/>')
+      .attr('id', this.el + '_container')
+      .css('position', 'relative')
+    );
+    $('#'+this.el+'_container').empty();
+    $('#'+this.el+'_container').append($('<div/>')
+      .attr('id', this.placeholder)
+      .addClass('placeholder')
+      .append($('<span/>')
+        .html(this.attribute.nice_name + ': ')
+      )
+    );
+    $('#'+this.el+'_container').append($('<input/>')
+      .attr('id', this.el)
+      .attr('placeholder', 'empty')
+      .on('focus', function() { this2.edit(); })
+      .val(this.attribute.text)
+    );
+    if (this.attribute.width)
+      $('#'+this.el).css('width', this.attribute.width);
+    
+    var w = $('#'+this.placeholder).outerWidth();
+    $('#'+this.el)
+      .css('padding-left', '+=' + w)
+      .css('width', '-=' + w);
+      
+    var this2 = this;
+    this.attribute.populate_options(function() {
+      var select = $('<select/>')
+        .attr('id', this2.el + '_select')
+        .addClass('fake')
+        .css('width', $('#'+this2.el).outerWidth())
+        .on('change', function() {
+          $('#'+this2.el).val($('#'+this2.el+'_select').val());
+          this2.save(); 
+        });
+        
+      $.each(this2.attribute.options, function(i, option) {
+        var opt = $('<option/>')
+          .val(option.value)
+          .html(option.text);
+        if (option.value == this2.attribute.value)
+          opt.attr('selected', 'true');
+        select.append(opt);
+      });
+      $('#'+this2.el+'_container').append(select);
+      $('#'+this2.el+'_select').css('width', $('#'+this2.el).outerWidth());      
+    });
+  },
+  
+  view: function() {
+    
+  },
+    
+  edit: function() {
+    this.binder.cancel_active();
+    this.binder.active_control = this;
+  },
+  
+  save: function() {
+    this.attribute.value = $('#'+this.el).val();
+    var this2 = this;
+    this.model.save(this.attribute, function(resp) {
+      $('#'+this2.el+'_check a').removeClass('loading');
+      if (resp.error) this2.error(resp.error);
+      else
+      {
+        this2.binder.active_control = this2;
+        if (this2.binder.success)
+          this2.binder.success(this2);
+        this2.view();
+      }
+    });
+  },
+  
+  cancel: function() {
+    this.attribute.value = this.attribute.value_clean;
+    $('#'+this.el).val(this.attribute.value);
+    this.view();
+  },
+
+  error: function(str) {
+    if (!$('#'+this.message).length)
+      $('#'+this.el+'_container').prepend($('<div/>').attr('id', this.message));
+    $('#'+this.message).html("<p class='note error'>" + str + "</p>");
+  }
+
+});