iugu-ux 0.8.8 → 0.8.9

data/lib/iugu-ux/version.rb

@@ -1,3 +1,3 @@
 module IuguUX
-  VERSION = "0.8.8"
+  VERSION = "0.8.9"
 end

data/vendor/assets/javascripts/iugu-ux/components/presenters/iugu-ui-alert.jst.eco

@@ -1,6 +1,10 @@
-<div class="notice notice-green">
+<div class="notice <%= @alertClass %>">
   <a class="close" data-dismiss="notice" href="#">x</a>
   <h4 class="notice-heading"><%= @headerText %></h4>
-  <p><%= @bodyText %></p><br/>
-  <a class="button" data-dismiss="alert" href="#"><%= @buttonText %></a>
+  <% if @bodyText: %>
+    <p><%= @bodyText %></p><br/>
+  <% end %>
+  <% if @buttonText: %>
+    <a class="button" data-dismiss="alert" href="#"><%= @buttonText %></a>
+  <% end %>
 </div>

data/vendor/assets/javascripts/iugu-ux/components/presenters/iugu-ui-popup-container.jst.eco

@@ -0,0 +1,6 @@
+<div class="content popup-wrapper" style="position:absolute;top:0px;left:0px;right:0px;bottom:0px">
+  <div class="popup-modal" style="position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2"></div>
+  <div class="popup-window" style="z-index:5;position:absolute;width:<%= @width %>px;height:<%= @height %>px;margin-left:-<%= @width/2 %>px;margin-top:-<%= @height/2 %>px;top:50%;left:50%">
+    <div class="container" style="width:<%= @width %>px;height:<%= @height %>px"></div>
+  </div>
+</div>

data/vendor/assets/javascripts/iugu-ux/components/presenters/iugu-ui-search-filter.jst.eco

@@ -1,15 +1,18 @@
 <section style="background:#FFF;padding-top:5px;padding-bottom:5px">
-  <% facets = _.pick(@collection.facets, @filterName) %>
+  <% if @collection.facets: %>
+    <% facets = _.pick(@collection.facets, @filterName) %>
+  <% end %>
+  <% facets = [] unless facets %>
   <% printed = [] %>
   <% for facet in _.pairs(facets): %>
     <% for term in facet[1].terms: %>
       <% printed.push(term.term.toString()) %>
-      <a href="#" data-filter=<%= term.term %> class="button search-filter-button <%= "default" unless _.indexOf(@selected, term.term.toString()) == -1 %>"><%= term.term.toString() %>( <%= term.count %> )</a>
+      <a href="#" data-filter=<%= term.term %> data-action="search-filter-button" class="button <%= "default" unless _.indexOf(@selected, term.term.toString()) == -1 %>"><%= term.term.toString() %>( <%= term.count %> )</a>
     <% end %>
-    <% for term in @fixedFilters: %>
-      <% if _.indexOf(printed, term) == -1: %>
-        <a href="#" data-filter=<%= term %> class="button search-filter-button <%= "default" unless _.indexOf(@selected, term) == -1 %>"><%= term %>( 0 )</a>
-      <% end %>
+  <% end %>
+  <% for term in @fixedFilters: %>
+    <% if _.indexOf(printed, term) == -1: %>
+      <a href="#" data-filter=<%= term %> class="disabled button <%= "default" unless _.indexOf(@selected, term) == -1 %>"><%= term %>( 0 )</a>
     <% end %>
   <% end %>
 </section>

data/vendor/assets/javascripts/iugu-ux/components/usecode/iugu-ui-alert.js.coffee

@@ -3,8 +3,7 @@ class IuguUI.Alert extends IuguUI.Base
 
   defaults:
     headerText: "HEADER TEXT"
-    bodyText: "BODY TEXT"
-    buttonText: "BUTTON TEXT"
+    alertClass: "notice-green"
 
   events:
     'click a.alertButton': 'handleDOMEvent'
@@ -13,5 +12,6 @@ class IuguUI.Alert extends IuguUI.Base
     headerText: @options.headerText
     bodyText: @options.bodyText
     buttonText: @options.buttonText
+    alertClass: @options.alertClass
 
 @IuguUI.Alert = IuguUI.Alert

data/vendor/assets/javascripts/iugu-ux/components/usecode/iugu-ui-base.js.coffee

@@ -4,13 +4,14 @@ class IuguUI.Base extends Backbone.View
     baseURL: ""
 
   initialize: ->
-    _.bindAll @, 'render', 'root', 'identifier', 'delegateChild', 'mapDOMEvent', 'handleEvent', 'handleDOMEvent', 'unload', 'close'
+    _.bindAll @
 
     @options = _.extend {}, @defaults, @options
 
     @layout = @options.layout if @options.layout
     @parent = @options.parent if @options.parent
-    
+    @context = @options.context if @options.context
+      
     @identifier = ( -> @options.identifier + ':' ) if @options.identifier
 
     @handleEvent 'initialize'
@@ -25,10 +26,13 @@ class IuguUI.Base extends Backbone.View
 
     @
 
-  getLayout: ->
-    if JST[ "web-app/presenters/" + @layout ]
-      return JST[ "web-app/presenters/" + @layout ]
-    JST[ "iugu-ux/components/presenters/" + @layout ]
+  renderPartial: ( layout, target, context=@context ) ->
+    $(target).html @getLayout(target) context
+
+  getLayout: (layout_file=@layout) ->
+    if JST[ "web-app/presenters/" + layout_file ]
+      return JST[ "web-app/presenters/" + layout_file ]
+    JST[ "iugu-ux/components/presenters/" + layout_file ]
 
   context: ->
     return { }
@@ -69,7 +73,7 @@ class IuguUI.Base extends Backbone.View
     @handleEvent triggerType
 
   trigger: (events) ->
-    if app.debug_events
+    if enable_debug_events
       debug 'Triggered Event: ' + arguments[0]
     super
 
@@ -85,4 +89,5 @@ class IuguUI.Base extends Backbone.View
     @unload()
     @remove()
 
+
 @IuguUI.Base = IuguUI.Base

data/vendor/assets/javascripts/iugu-ux/components/usecode/iugu-ui-dataset.js.coffee

@@ -1,5 +1,6 @@
-class IuguUI.Dataset extends IuguUI.Base
+class IuguUI.Dataset extends IuguUI.View
   layout: "iugu-ui-dataset"
+  secondaryView: true
 
   defaults:
     itemLayout: "iugu-ui-dataset-record"
@@ -9,7 +10,9 @@ class IuguUI.Dataset extends IuguUI.Base
   initialize: ->
     super
     _.bindAll @, 'renderItems', 'addRecord'
-    @collection.on('all', @render)
+
+    @collection.on 'fetch', @enableLoader, @
+    @collection.on 'reset', @load, @
 
     @
 

data/vendor/assets/javascripts/iugu-ux/components/usecode/iugu-ui-popup-container.js.coffee

@@ -0,0 +1,42 @@
+class IuguUI.PopupContainer extends IuguUI.View
+  layout: "iugu-ui-popup-container"
+  secondaryView: true
+
+  defaults:
+    content: null
+    width: 320
+    height: 480
+
+  context: ->
+    width: @options.width
+    height: @options.height
+
+  initialize: ->
+    _.bindAll @
+    super
+
+    @content = new IuguUI.View
+      layout: @content
+      secondaryView: true
+
+    @content_wrapper = null
+
+  getHandler: ->
+    @$('.content:first')
+
+  getContainer: ->
+    @$('.container:first')
+
+  render: ->
+    super
+    unless @content_wrapper
+      @content_wrapper = $(document.createElement('div'))
+
+    @content.setElement(@content_wrapper).render()
+
+    @getContainer().html @content_wrapper
+
+
+    @
+
+@IuguUI.PopupContainer = IuguUI.PopupContainer

data/vendor/assets/javascripts/iugu-ux/components/usecode/iugu-ui-responsive-box.js.coffee

@@ -29,8 +29,7 @@ class IuguUI.ResponsiveBox extends IuguUI.Base
   getTitle: ->
     @$('.responsive-title').html()
 
-  toggleSidebar: ( evt ) ->
-    evt.preventDefault()
+  reallyToggleSidebar: ->
     uibox = @$('.ui-responsive-box')
 
     uisidebar = uibox.children('.sidebar')
@@ -52,7 +51,10 @@ class IuguUI.ResponsiveBox extends IuguUI.Base
         preventContainer.remove()
       , 500
     )
-      
+
+  toggleSidebar: ( evt ) ->
+    evt.preventDefault()
+    @reallyToggleSidebar()
 
   render: ->
     super

data/vendor/assets/javascripts/iugu-ux/components/usecode/iugu-ui-scrollable-content.js.coffee

@@ -2,10 +2,10 @@ class IuguUI.ScrollableContainer extends IuguUI.Base
   layout: "iugu-ui-scrollable-container"
 
   getHandler: ->
-    @$('.content')
+    @$('.content:first')
 
   getContainer: ->
-    @$('.handle-scrolling')
+    @$('.handle-scrolling:first')
 
   render: ->
     super

data/vendor/assets/javascripts/iugu-ux/components/usecode/iugu-ui-search-filter.js.coffee

@@ -8,10 +8,11 @@ class IuguUI.SearchFilter extends IuguUI.Base
     multiSelection: false
 
   events:
-    'click .search-filter-button': 'searchCollection'
+    'click [data-action=search-filter-button]': 'searchCollection'
 
   searchCollection: (e) ->
     e.preventDefault()
+    @handleEvent "facet:click" 
     button = $(e.target)
     filter = button.data('filter')
 
@@ -27,13 +28,13 @@ class IuguUI.SearchFilter extends IuguUI.Base
       @collection.configureFilter @options.filterName + '_filter', @selected
     else
       @collection.removeFilter @options.filterName + '_filter'
-
-    @collection.fetch()
+    
+    @collection.goTo(1)
 
   initialize: ->
     @selected = []
     _.bindAll @, 'searchCollection', 'render'
-    @collection.on 'all', @render, @
+    @collection.on 'reset', @render, @
     @collection.on "removed-filter:#{@options.filterName}_filter", @removedFilter, @
     super
     @
@@ -45,8 +46,7 @@ class IuguUI.SearchFilter extends IuguUI.Base
     fixedFilters: @options.fixedFilters
 
   render: ->
-    if @collection.facets
-      super
+    super
 
   removedFilter: ->
     @selected = []

data/vendor/assets/javascripts/iugu-ux/components/usecode/iugu-ui-view.js.coffee

@@ -1,7 +1,15 @@
 class IuguUI.View extends IuguUI.Base
   layout: "iugu-ui-view"
+  secondaryView: false
 
   initialize: ->
+    super
+
+    window.Events.on "fillSlots", @fillSlots
+    window.Events.on "resetSlots", @resetSlots
+
+    @secondaryView = @options.secondaryView if @options.secondaryView
+
     if @model
       Backbone.Validation.bind @,
         forceUpdate: true
@@ -14,6 +22,38 @@ class IuguUI.View extends IuguUI.Base
 
       @model.on 'error', @addErrors, @
 
+  fillSlots: ( context ) ->
+    _.each( _.keys(context)
+      ( key ) ->
+        renderContext = context[key]
+        if renderContext.el
+          context[key].$el.detach()
+          @$(key).empty().append context[key].el
+        else
+          @$(key).empty().append context[key]
+    )
+
+  resetSlots: ( slots ) ->
+    _.each( slots,
+      ( slot ) ->
+        @$(slot).empty()
+    )
+    
+  enableLoader: ->
+    debug "ENABLED LOADER"
+    @viewLoader = $('<div style="position:absolute;top:0px;left:0px;width:100%;height:100%;"><div style="position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(255,255,255,0.5);z-index:2"></div><div style="position:absolute;top:50%;left:50%;width:64px;height:64px;margin-left:-32px;margin-top:-32px;background:#fff;-moz-border-radius(5px);line-height:64px;text-align:center;color:#fff"><img src="http://preloaders.net/preloaders/3/Chasing%20arrows.gif" width="32" height="32" /></div></div>')
+    $(@el).append @viewLoader
+
+  disableLoader: ->
+    debug "DISABLED LOADER"
+    if @viewLoader
+      @viewLoader.remove()
+
+  load: ->
+    debug "ON LOAD"
+    @disableLoader()
+    @render()
+
   valid: (view, attr, selector) ->
     control = view.$ '[' + selector + '=\"' + attr + '\"]'
     group = control.parents ".form-group"
@@ -61,25 +101,26 @@ class IuguUI.View extends IuguUI.Base
     )
 
   render: ->
-    super
     rivets.bind this.$el, {model: @model} if @model
 
-    if app.activeView != @
+    if app.activeView != @ and @secondaryView == false
       app.activeView.close() if app.activeView
       app.activeView = @
 
-    if window.Root.setTitle
-      window.Root.setTitle @viewTitle
+    if window.app.rootWindow.setTitle
+      window.app.rootWindow.setTitle @title
+
+    super
 
     @
 
   unload: () ->
-    super
-    debug 'Called IuguUI.View:close'
+    debug 'Called IuguUI.View:unload'
     if @model
       Backbone.Validation.unbind @
       @model.off null, null, @
     if @collection
       @collection.off null, null, @
+    super
 
 @IuguUI.View = IuguUI.View

data/vendor/assets/javascripts/iugu-ux/web-app.js

@@ -22,6 +22,8 @@
 
 //= require ./iugu-ui-helpers.js
 //= require ./components/iugu-ux-components.js
+//
+//= require web-app/managed_request
 
 //= require web-app/models
 //= require web-app/presenters

data/vendor/assets/javascripts/vendor.js

@@ -11,6 +11,7 @@
 //= require ./vendor/jquery.ui
 //= require ./vendor/jquery.ui.touch-punch
 //= require ./vendor/jquery.base64
+//= require ./vendor/jquery.fileupload.js
 //= require ./vendor/mobiscroll.core-2.3.1
 //= require ./vendor/mobiscroll.datetime-2.3
 //= require ./vendor/mobiscroll.select-2.3.1
@@ -18,6 +19,11 @@
 //= require ./vendor/backbone
 //= require ./vendor/backbone.validation.js
 //= require ./vendor/backbone.paginator.js
+//= require ./vendor/backbone.fetch-event.js
+//= require ./vendor/backbone.advanced-delegate.js
+//= require ./vendor/backbone.forms.js
+//= require ./vendor/backbone.forms.list.js
+//= require ./vendor/backbone.forms.default.js
 //= require ./vendor/rivets.js
 //= require ./vendor/async.js
 //= require ./vendor/tasks.js

data/vendor/assets/javascripts/vendor/backbone.advanced-delegate.js

@@ -0,0 +1,39 @@
+_.each(["View"], function(name) {
+  // Cache Backbone constructor.
+  var ctor = Backbone[name];
+  // Cache original fetch.
+  var delegateEvents = ctor.prototype.delegateEvents;
+
+  var delegateEventSplitter = /^(\S+)\s*(.*)$/;
+
+  // Override the fetch method to emit a fetch event.
+  ctor.prototype.delegateEvents = function(events) {
+      if (!(events || (events = _.result(this, 'events')))) return;
+      this.undelegateEvents();
+      for (var key in events) {
+        var method = events[key];
+        if (!_.isFunction(method)) method = this[events[key]];
+        if (!method) throw new Error('Method "' + events[key] + '" does not exist');
+        var match = key.match(delegateEventSplitter);
+        var eventName = match[1], selector = match[2];
+        method = _.bind(method, this);
+        originalEvent = eventName;
+        eventName = '.delegateEvents' + this.cid;
+        if ((originalEvent == "click") && (selector !== '')) {
+          if (window.TOUCH_SUPPORT) {
+            this.$el.on( "touchstart" + eventName, selector, function(event) { $(this).addClass('active'); } );
+            this.$el.on( "touchend" + eventName, selector, function(event) { $(this).removeClass('active'); } );
+          }
+          else {
+            this.$el.on( "mousedown" + eventName, selector, function(event) { $(this).addClass('active'); } );
+            this.$el.on( "mouseup" + eventName, selector, function(event) { $(this).removeClass('active'); } );
+          }
+        }
+        if (selector === '') {
+          this.$el.on(originalEvent + eventName, method);
+        } else {
+          this.$el.on(originalEvent + eventName, selector, method);
+        }
+      }
+  };
+});

data/vendor/assets/javascripts/vendor/backbone.fetch-event.js

@@ -0,0 +1,15 @@
+_.each(["Model", "Collection"], function(name) {
+  // Cache Backbone constructor.
+  var ctor = Backbone[name];
+  // Cache original fetch.
+  var fetch = ctor.prototype.fetch;
+
+  // Override the fetch method to emit a fetch event.
+  ctor.prototype.fetch = function() {
+    // Trigger the fetch event on the instance.
+    this.trigger("fetch", this);
+
+    // Pass through to original fetch.
+    return fetch.apply(this, arguments);
+  };
+});

data/vendor/assets/javascripts/vendor/backbone.forms.default.js

@@ -0,0 +1,91 @@
+/**
+ * Include this file _after_ the main backbone-forms file to override the default templates.
+ * You only need to include templates you want to override.
+ * 
+ * Requirements when customising templates:
+ * - Each template must have one 'parent' element tag.
+ * - "data-type" attributes are required.
+ * - The main placeholder tags such as the following are required: fieldsets, fields
+ */
+;(function() {
+  var Form = Backbone.Form;
+
+  
+  //DEFAULT TEMPLATES
+  Form.setTemplates({
+    
+    //HTML
+    form: '\
+      <form class="bbf-form">{{fieldsets}}</form>\
+    ',
+    
+    fieldset: '\
+      <fieldset>\
+        <legend>{{legend}}</legend>\
+        <ul>{{fields}}</ul>\
+      </fieldset>\
+    ',
+    
+    field: '\
+      <li class="bbf-field field-{{key}}">\
+        <label for="{{id}}">{{title}}</label>\
+        <div class="bbf-editor">{{editor}}</div>\
+        <div class="bbf-help">{{help}}</div>\
+        <div class="bbf-error">{{error}}</div>\
+      </li>\
+    ',
+
+    nestedField: '\
+      <li class="bbf-field bbf-nested-field field-{{key}}" title="{{title}}">\
+        <label for="{{id}}">{{title}}</label>\
+        <div class="bbf-editor">{{editor}}</div>\
+        <div class="bbf-help">{{help}}</div>\
+        <div class="bbf-error">{{error}}</div>\
+      </li>\
+    ',
+
+    list: '\
+      <div class="bbf-list">\
+        <ul>{{items}}</ul>\
+        <div class="bbf-actions"><button type="button" data-action="add">Add</div>\
+      </div>\
+    ',
+
+    listItem: '\
+      <li>\
+        <button type="button" data-action="remove" class="bbf-remove">&times;</button>\
+        <div class="bbf-editor-container">{{editor}}</div>\
+      </li>\
+    ',
+
+    date: '\
+      <div class="bbf-date">\
+        <select data-type="date" class="bbf-date">{{dates}}</select>\
+        <select data-type="month" class="bbf-month">{{months}}</select>\
+        <select data-type="year" class="bbf-year">{{years}}</select>\
+      </div>\
+    ',
+
+    dateTime: '\
+      <div class="bbf-datetime">\
+        <div class="bbf-date-container">{{date}}</div>\
+        <select data-type="hour">{{hours}}</select>\
+        :\
+        <select data-type="min">{{mins}}</select>\
+      </div>\
+    ',
+
+    'list.Modal': '\
+      <div class="bbf-list-modal">\
+        {{summary}}\
+      </div>\
+    '
+  }, {
+
+    //CLASSNAMES
+    error: 'bbf-error'
+
+  });
+
+
+})();