luca 0.9.9 → 0.9.42

data/vendor/assets/luca-ui/components/form_view.js

@@ -0,0 +1,207 @@
+(function() {
+
+  Luca.components.FormView = Luca.core.Container.extend({
+    tagName: 'form',
+    className: 'luca-ui-form-view',
+    hooks: ["before:submit", "before:reset", "before:load", "before:load:new", "before:load:existing", "after:submit", "after:reset", "after:load", "after:load:new", "after:load:existing", "after:submit:success", "after:submit:fatal_error", "after:submit:error"],
+    events: {
+      "click .submit-button": "submitHandler",
+      "click .reset-button": "resetHandler"
+    },
+    toolbar: true,
+    initialize: function(options) {
+      this.options = options != null ? options : {};
+      Luca.core.Container.prototype.initialize.apply(this, arguments);
+      _.bindAll(this, "submitHandler", "resetHandler", "renderToolbars");
+      this.state || (this.state = new Backbone.Model);
+      this.setupHooks(this.hooks);
+      this.legend || (this.legend = "");
+      this.configureToolbars();
+      return this.applyStyles();
+    },
+    addBootstrapFormControls: function() {
+      var _this = this;
+      return this.bind("after:render", function() {
+        var el;
+        el = _this.$('.toolbar-container.bottom');
+        el.addClass('form-controls');
+        return el.html(_this.formControlsTemplate || Luca.templates["components/bootstrap_form_controls"](_this));
+      });
+    },
+    applyStyles: function() {
+      if (Luca.enableBootstrap) this.applyBootstrapStyles();
+      if (this.labelAlign) this.$el.addClass("label-align-" + this.labelAlign);
+      if (this.fieldLayoutClass) return this.$el.addClass(this.fieldLayoutClass);
+    },
+    applyBootstrapStyles: function() {
+      if (this.labelAlign === "left") this.inlineForm = true;
+      if (this.well) this.$el.addClass('well');
+      if (this.searchForm) this.$el.addClass('form-search');
+      if (this.horizontalForm) this.$el.addClass('form-horizontal');
+      if (this.inlineForm) return this.$el.addClass('form-inline');
+    },
+    configureToolbars: function() {
+      if (Luca.enableBootstrap && this.toolbar === true) {
+        return this.addBootstrapFormControls();
+      }
+      if (this.toolbar === true) {
+        this.toolbars = [
+          {
+            ctype: 'form_button_toolbar',
+            includeReset: true,
+            position: 'bottom'
+          }
+        ];
+      }
+      if (this.toolbars && this.toolbars.length) {
+        return this.bind("after:render", _.once(this.renderToolbars));
+      }
+    },
+    resetHandler: function(e) {
+      var me, my;
+      me = my = $(e.currentTarget);
+      this.trigger("before:reset", this);
+      this.reset();
+      return this.trigger("after:reset", this);
+    },
+    submitHandler: function(e) {
+      var me, my;
+      me = my = $(e.currentTarget);
+      this.trigger("before:submit", this);
+      return this.submit();
+    },
+    beforeLayout: function() {
+      var _ref;
+      if ((_ref = Luca.core.Container.prototype.beforeLayout) != null) {
+        _ref.apply(this, arguments);
+      }
+      return this.$el.html(Luca.templates["components/form_view"](this));
+    },
+    prepareComponents: function() {
+      var container;
+      container = $('.form-view-body', this.el);
+      return _(this.components).each(function(component) {
+        return component.container = container;
+      });
+    },
+    render: function() {
+      return $(this.container).append(this.$el);
+    },
+    wrapper: function() {
+      return this.$el.parents('.luca-ui-form-view-wrapper');
+    },
+    toolbarContainers: function(position) {
+      if (position == null) position = "bottom";
+      return $(".toolbar-container." + position, this.wrapper()).first();
+    },
+    renderToolbars: function() {
+      var _this = this;
+      return _(this.toolbars).each(function(toolbar) {
+        toolbar.container = $("#" + _this.cid + "-" + toolbar.position + "-toolbar-container");
+        toolbar = Luca.util.lazyComponent(toolbar);
+        return toolbar.render();
+      });
+    },
+    getField: function(name) {
+      return _(this.getFields('name', name)).first();
+    },
+    getFields: function(attr, value) {
+      var fields;
+      fields = this.select("isField", true, true);
+      if (fields.length > 0 && attr && value) {
+        fields = _(fields).select(function(field) {
+          var property, propvalue;
+          property = field[attr];
+          if (property == null) return false;
+          propvalue = _.isFunction(property) ? property() : property;
+          return value === propvalue;
+        });
+      }
+      return fields;
+    },
+    loadModel: function(current_model) {
+      var event, fields, form,
+        _this = this;
+      this.current_model = current_model;
+      form = this;
+      fields = this.getFields();
+      this.trigger("before:load", this, this.current_model);
+      if (this.current_model) {
+        event = "before:load:" + (this.current_model.isNew() ? "new" : "existing");
+        this.trigger(event, this, this.current_model);
+      }
+      _(fields).each(function(field) {
+        var field_name, value;
+        field_name = field.input_name || field.name;
+        value = _.isFunction(_this.current_model[field_name]) ? _this.current_model[field_name].apply(_this, form) : _this.current_model.get(field_name);
+        if (field.readOnly !== true) {
+          return field != null ? field.setValue(value) : void 0;
+        }
+      });
+      this.trigger("after:load", this, this.current_model);
+      if (this.current_model) {
+        return this.trigger("after:load:" + (this.current_model.isNew() ? "new" : "existing"), this, this.current_model);
+      }
+    },
+    reset: function() {
+      return this.loadModel(this.current_model);
+    },
+    clear: function() {
+      var _this = this;
+      this.current_model = this.defaultModel != null ? this.defaultModel() : void 0;
+      return _(this.getFields()).each(function(field) {
+        try {
+          return field.setValue('');
+        } catch (e) {
+          return console.log("Error Clearing", _this, field);
+        }
+      });
+    },
+    getValues: function(reject_blank, skip_buttons) {
+      if (reject_blank == null) reject_blank = false;
+      if (skip_buttons == null) skip_buttons = true;
+      return _(this.getFields()).inject(function(memo, field) {
+        var skip, value;
+        value = field.getValue();
+        skip = false;
+        if (skip_buttons && field.ctype === "button_field") skip = true;
+        if (reject_blank && _.isBlank(value)) skip = true;
+        if (field.input_name === "id" && _.isBlank(value)) skip = true;
+        if (!skip) memo[field.input_name || name] = value;
+        return memo;
+      }, {});
+    },
+    submit_success_handler: function(model, response, xhr) {
+      this.trigger("after:submit", this, model, response);
+      if (response && response.success) {
+        return this.trigger("after:submit:success", this, model, response);
+      } else {
+        return this.trigger("after:submit:error", this, model, response);
+      }
+    },
+    submit_fatal_error_handler: function() {
+      this.trigger.apply(["after:submit", this].concat(arguments));
+      return this.trigger.apply(["after:submit:fatal_error", this].concat(arguments));
+    },
+    submit: function(save, saveOptions) {
+      if (save == null) save = true;
+      if (saveOptions == null) saveOptions = {};
+      _.bindAll(this, "submit_success_handler", "submit_fatal_error_handler");
+      saveOptions.success || (saveOptions.success = this.submit_success_handler);
+      saveOptions.error || (saveOptions.error = this.submit_fatal_error_handler);
+      this.current_model.set(this.getValues());
+      if (!save) return;
+      return this.current_model.save(this.current_model.toJSON(), saveOptions);
+    },
+    currentModel: function() {
+      return this.current_model;
+    },
+    setLegend: function(legend) {
+      this.legend = legend;
+      return $('fieldset legend', this.el).first().html(this.legend);
+    }
+  });
+
+  Luca.register('form_view', 'Luca.components.FormView');
+
+}).call(this);

data/{app/assets/stylesheets/luca/components/table_view.scss → vendor/assets/luca-ui/components/grid_view.css}

@@ -1,85 +1,76 @@
+.scrollable-grid-view {
   /* define height and width of scrollable area. Add 16px to width for scrollbar          */
-  ._scrollable-wrapper {
-    clear: both;
-    overflow: auto;
-  }
-
   /* Reset overflow value to hidden for all non-IE browsers. */
-  ._scrollable-wrapper {
-    overflow: hidden;
-  }
-
   /* define width of table. IE browsers only                 */
-  .scrollable-wrapper table {
-  }
-
   /* define width of table. Add 16px to width for scrollbar.           */
   /* All other non-IE browsers.                                        */
-  .scrollable-wrapper table {
-  }
-
-.luca-scrollable-table-view {
-
   /* set table header to a fixed position. WinIE 6.x only                                       */
   /* In WinIE 6.x, any element with a position property set to relative and is a child of       */
   /* an element that has an overflow property set, the relative value translates into fixed.    */
   /* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
-  thead.fixed tr {
-    position: relative
-  }
-
   /* set THEAD element to have block level attributes. All other non-IE browsers            */
   /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
-  thead.fixed tr {
-    display: block
-  }
-
   /* make the TH elements pretty */
-  thead.fixed th {
-    font-weight: bold;
-    text-align: left
-  }
-
   /* make the A elements pretty. makes for nice clickable headers                */
-  thead.fixed a, thead.fixed a:link, thead.fixed a:visited {
-    color: #FFF;
-    display: block;
-    text-decoration: none;
-    width: 100%
-  }
-
   /* make the A elements pretty. makes for nice clickable headers                */
   /* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
-  thead.fixed a:hover {
-    color: #FFF;
-    display: block;
-    text-decoration: underline;
-    width: 100%
-  }
-
   /* define the table content to be scrollable                                              */
   /* set TBODY element to have block level attributes. All other non-IE browsers            */
   /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
   /* induced side effect is that child TDs no longer accept width: auto                     */
-  tbody.scrollable {
-    display: block;
-    overflow: auto;
-    width: 100%
-  }
-
   /* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
   /* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
   /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
-  thead.fixed th {
-    padding: 5px;
-  }
-
   /* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
   /* All other non-IE browsers.                                            */
-  /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
-  tbody.scrollable td {
-    padding: 5px;
-  }
-
-}
+  /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */ }
+  .scrollable-grid-view .grid-view-body {
+    clear: both;
+    overflow: auto; }
+  .scrollable-grid-view .grid-view-body {
+    overflow: hidden; }
+  .scrollable-grid-view .grid-view-body .empty-text-wrapper {
+    display: block;
+    margin: 10px auto;
+    width: 30%;
+    padding: 50px;
+    text-align: center; }
+    .scrollable-grid-view .grid-view-body .empty-text-wrapper p {
+      color: #aaa; }
+  .scrollable-grid-view thead.fixed tr {
+    position: relative; }
+  .scrollable-grid-view thead.fixed tr {
+    display: block; }
+  .scrollable-grid-view thead.fixed th {
+    font-weight: bold;
+    text-align: left; }
+  .scrollable-grid-view thead.fixed a, .scrollable-grid-view thead.fixed a:link, .scrollable-grid-view thead.fixed a:visited {
+    color: #FFF;
+    display: block;
+    text-decoration: none;
+    width: 100%; }
+  .scrollable-grid-view thead.fixed a:hover {
+    color: #FFF;
+    display: block;
+    text-decoration: underline;
+    width: 100%; }
+  .scrollable-grid-view tbody.scrollable {
+    display: block;
+    overflow: auto;
+    width: 100%; }
+  .scrollable-grid-view thead.fixed th {
+    padding: 5px; }
+  .scrollable-grid-view tbody.scrollable td {
+    padding: 5px; }
 
+.grid-view-footer .toolbar-container {
+  float: left;
+  width: 100%;
+  clear: both;
+  display: block; }
+  .grid-view-footer .toolbar-container .luca-ui-toolbar {
+    display: block;
+    float: right;
+    clear: right; }
+    .grid-view-footer .toolbar-container .luca-ui-toolbar .luca-ui-field {
+      float: left; }

data/vendor/assets/luca-ui/components/grid_view.js

@@ -0,0 +1,202 @@
+(function() {
+
+  Luca.components.GridView = Luca.View.extend({
+    events: {
+      "dblclick .grid-view-row": "double_click_handler",
+      "click .grid-view-row": "click_handler"
+    },
+    className: 'luca-ui-grid-view',
+    scrollable: true,
+    emptyText: 'No Results To display',
+    tableStyle: 'striped',
+    hooks: ["before:grid:render", "before:render:header", "before:render:row", "after:grid:render", "row:double:click", "row:click", "after:collection:load"],
+    initialize: function(options) {
+      var _this = this;
+      this.options = options != null ? options : {};
+      _.extend(this, this.options);
+      _.extend(this, Luca.modules.Deferrable);
+      Luca.View.prototype.initialize.apply(this, arguments);
+      _.bindAll(this, "double_click_handler", "click_handler");
+      this.configure_collection();
+      return this.collection.bind("reset", function(collection) {
+        _this.refresh();
+        return _this.trigger("after:collection:load", collection);
+      });
+    },
+    beforeRender: function() {
+      var _ref,
+        _this = this;
+      this.trigger("before:grid:render", this);
+      if (this.scrollable) this.$el.addClass('scrollable-grid-view');
+      this.$el.html(Luca.templates["components/grid_view"]());
+      this.table = $('table.luca-ui-grid-view', this.el);
+      this.header = $("thead", this.table);
+      this.body = $("tbody", this.table);
+      this.footer = $("tfoot", this.table);
+      if (Luca.enableBootstrap) this.table.addClass('table');
+      _((_ref = this.tableStyle) != null ? _ref.split(" ") : void 0).each(function(style) {
+        return _this.table.addClass("table-" + style);
+      });
+      if (this.scrollable) this.setDimensions();
+      this.renderHeader();
+      this.emptyMessage();
+      this.renderToolbars();
+      return $(this.container).append(this.$el);
+    },
+    toolbarContainers: function(position) {
+      if (position == null) position = "bottom";
+      return $(".toolbar-container." + position, this.el);
+    },
+    renderToolbars: function() {
+      var _this = this;
+      return _(this.toolbars).each(function(toolbar) {
+        toolbar = Luca.util.lazyComponent(toolbar);
+        toolbar.container = _this.toolbarContainers(toolbar.position);
+        return toolbar.render();
+      });
+    },
+    setDimensions: function(offset) {
+      var _this = this;
+      this.height || (this.height = 285);
+      $('.grid-view-body', this.el).height(this.height);
+      $('tbody.scrollable', this.el).height(this.height - 23);
+      this.container_width = (function() {
+        return $(_this.container).width();
+      })();
+      this.width = this.container_width > 0 ? this.container_width : 756;
+      $('.grid-view-body', this.el).width(this.width);
+      $('.grid-view-body table', this.el).width(this.width);
+      return this.setDefaultColumnWidths();
+    },
+    resize: function(newWidth) {
+      var difference, distribution,
+        _this = this;
+      difference = newWidth - this.width;
+      this.width = newWidth;
+      $('.grid-view-body', this.el).width(this.width);
+      $('.grid-view-body table', this.el).width(this.width);
+      if (this.columns.length > 0) {
+        distribution = difference / this.columns.length;
+        return _(this.columns).each(function(col, index) {
+          var column;
+          column = $(".column-" + index, _this.el);
+          return column.width(col.width = col.width + distribution);
+        });
+      }
+    },
+    padLastColumn: function() {
+      var configured_column_widths, unused_width;
+      configured_column_widths = _(this.columns).inject(function(sum, column) {
+        return sum = column.width + sum;
+      }, 0);
+      unused_width = this.width - configured_column_widths;
+      if (unused_width > 0) return this.lastColumn().width += unused_width;
+    },
+    setDefaultColumnWidths: function() {
+      var default_column_width;
+      default_column_width = this.columns.length > 0 ? this.width / this.columns.length : 200;
+      _(this.columns).each(function(column) {
+        return parseInt(column.width || (column.width = default_column_width));
+      });
+      return this.padLastColumn();
+    },
+    lastColumn: function() {
+      return this.columns[this.columns.length - 1];
+    },
+    afterRender: function() {
+      this.refresh();
+      return this.trigger("after:grid:render", this);
+    },
+    emptyMessage: function(text) {
+      if (text == null) text = "";
+      text || (text = this.emptyText);
+      this.body.html('');
+      return this.body.append(Luca.templates["components/grid_view_empty_text"]({
+        colspan: this.columns.length,
+        text: text
+      }));
+    },
+    refresh: function() {
+      var _this = this;
+      this.body.html('');
+      this.collection.each(function(model, index) {
+        return _this.render_row.apply(_this, [model, index]);
+      });
+      if (this.collection.models.length === 0) return this.emptyMessage();
+    },
+    ifLoaded: function(fn, scope) {
+      scope || (scope = this);
+      fn || (fn = function() {
+        return true;
+      });
+      return this.collection.ifLoaded(fn, scope);
+    },
+    applyFilter: function(values, options) {
+      if (options == null) {
+        options = {
+          auto: true,
+          refresh: true
+        };
+      }
+      return this.collection.applyFilter(values, options);
+    },
+    renderHeader: function() {
+      var headers,
+        _this = this;
+      this.trigger("before:render:header");
+      headers = _(this.columns).map(function(column, column_index) {
+        var style;
+        style = column.width ? "width:" + column.width + "px;" : "";
+        return "<th style='" + style + "' class='column-" + column_index + "'>" + column.header + "</th>";
+      });
+      return this.header.append("<tr>" + headers + "</tr>");
+    },
+    render_row: function(row, row_index) {
+      var alt_class, cells, model_id, _ref,
+        _this = this;
+      model_id = (row != null ? row.get : void 0) && (row != null ? row.attributes : void 0) ? row.get('id') : '';
+      this.trigger("before:render:row", row, row_index);
+      cells = _(this.columns).map(function(column, col_index) {
+        var display, style, value;
+        value = _this.cell_renderer(row, column, col_index);
+        style = column.width ? "width:" + column.width + "px;" : "";
+        display = _.isUndefined(value) ? "" : value;
+        return "<td style='" + style + "' class='column-" + col_index + "'>" + display + "</td>";
+      });
+      if (this.alternateRowClasses) {
+        alt_class = row_index % 2 === 0 ? "even" : "odd";
+      }
+      return (_ref = this.body) != null ? _ref.append("<tr data-record-id='" + model_id + "' data-row-index='" + row_index + "' class='grid-view-row " + alt_class + "' id='row-" + row_index + "'>" + cells + "</tr>") : void 0;
+    },
+    cell_renderer: function(row, column, columnIndex) {
+      var source;
+      if (_.isFunction(column.renderer)) {
+        return column.renderer.apply(this, [row, column, columnIndex]);
+      } else if (column.data.match(/\w+\.\w+/)) {
+        source = row.attributes || row;
+        return Luca.util.nestedValue(column.data, source);
+      } else {
+        return (typeof row.get === "function" ? row.get(column.data) : void 0) || row[column.data];
+      }
+    },
+    double_click_handler: function(e) {
+      var me, my, record, rowIndex;
+      me = my = $(e.currentTarget);
+      rowIndex = my.data('row-index');
+      record = this.collection.at(rowIndex);
+      return this.trigger("row:double:click", this, record, rowIndex);
+    },
+    click_handler: function(e) {
+      var me, my, record, rowIndex;
+      me = my = $(e.currentTarget);
+      rowIndex = my.data('row-index');
+      record = this.collection.at(rowIndex);
+      this.trigger("row:click", this, record, rowIndex);
+      $('.grid-view-row', this.body).removeClass('selected-row');
+      return me.addClass('selected-row');
+    }
+  });
+
+  Luca.register("grid_view", "Luca.components.GridView");
+
+}).call(this);