iugu-ux 0.9.5 → 0.9.8

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

@@ -0,0 +1,10 @@
+<div class="button-group">
+  <% for button in _.pairs(@buttons): %>
+    <a href="#" class="button <%= button[0] %> <%= button[1].class %>" data-action="<%= button[0] %>">
+      <% if button[1].class: %>
+      <div class="icon no-space"></div>
+      <% end %>
+    <%- button[1].text %>
+    </a>
+  <% end %>
+</div>

data/vendor/assets/javascripts/iugu-ux/components/presenters/iugu-ui-vertical-split-view.jst.eco

@@ -0,0 +1,4 @@
+<div class="ui-split-view">
+<div class="split-view-one"></div>
+<div class="split-view-two"></div>
+</div>

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

@@ -0,0 +1,13 @@
+<div class="empty-view">
+  <div class="empty-view-wrapper">
+    <div src="#" class="empty-icon <%= @emptyCollection.imageClass %>"></div>
+    <div class="empty-title"><%= @emptyCollection.title if @emptyCollection.title %></div>
+    <div class="empty-description"><%= @emptyCollection.text if @emptyCollection.text %></div>
+    <a class="button default <%= @emptyCollection.buttonClass %>">
+    <% if @emptyCollection.icon: %>
+      <div class="<%= @emptyCollection.icon %>"></div>
+    <% end %>
+    <%= @emptyCollection.buttonText %>
+    </a>
+  </div>
+</div>

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

@@ -4,6 +4,7 @@ class IuguUI.Base extends Backbone.View
     baseURL: ""
 
   initialize: ->
+    super
     _.bindAll @
 
     @options = _.extend {}, @defaults, @options
@@ -11,7 +12,8 @@ class IuguUI.Base extends Backbone.View
     @layout = @options.layout if @options.layout
     @parent = @options.parent if @options.parent
     @context = @options.context if @options.context
-      
+    @title = @options.title if @options.title
+
     @identifier = ( -> @options.identifier + ':' ) if @options.identifier
 
     @handleEvent 'initialize'
@@ -35,7 +37,11 @@ class IuguUI.Base extends Backbone.View
     )
 
   render: ->
-    $(@el).html @getLayout() @context()
+    current_context = {}
+    current_context.title = @title if @title
+    current_context = _.extend current_context, @context()
+
+    $(@el).html @getLayout() current_context
 
     if @className
       $(@el).addClass @className
@@ -98,7 +104,7 @@ class IuguUI.Base extends Backbone.View
     @handleEvent triggerType
 
   trigger: (events) ->
-    if enable_debug_events
+    if enable_debug_events? && enable_debug_events
       debug 'Triggered Event: ' + arguments[0]
     super
 

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

@@ -0,0 +1,119 @@
+class IuguUI.Button
+  defaults:
+    none: false
+    hideInput: true
+
+  el: undefined
+
+  @load: ( context ) ->
+    selector = "[data-type='iux.form.button']"
+    if context
+      elements = context.find(selector)
+    else
+      elements = $(selector)
+
+    return if elements.length == 0
+    
+    elements.each ->
+      return if $(@).data("iux.initialized") == true
+
+      new IuguUI.Button
+        el: @
+        context: context
+
+      $(@).data "iux.initialized", true
+
+  constructor: ( options ) ->
+    @initialize( options )
+  
+  initialize: ( options ) ->
+    _.bindAll @
+    @options = _.extend {}, @defaults, options
+
+    return null unless @options.el
+
+    @el = $(@options.el)
+
+    @toggle_button = true if @el.data("mode") == "toggle"
+    @onClick = @options.onClick if @options.onClick
+
+    input_selector = ("#" + @el.data("input")) if @el.data("input")
+    if @options.context and input_selector
+      @input_element = $(@options.context.find(input_selector))
+      if @input_element.size() == 0
+        @input_element = @options.context
+      @input_element = $(@input_element[0])
+    else if input_selector
+      @input_element = $(input_selector)
+
+    if @getInput() and @el.data("value") == @getInput().val()
+      @el.addClass("selected") unless @el.hasClass("selected")
+
+    debug @getInput()
+
+    if @getInput() and @getInput().is(":checkbox") and @getInput().is(":checked")
+      @el.addClass("selected")
+
+    if @getInput() and @getInput().is(":radio") and @getInput().is(":checked")
+      @el.addClass("selected")
+
+    @el.bind "click", @click
+
+    if @options.hideInput and @input_element
+      @input_element.hide()
+
+  getInput: ->
+    return $(@input_element) if @input_element
+    false
+
+  linkedElements: ->
+    $('[data-group="' + @el.data("group") + '"]')
+
+  hasLinkedElements: ->
+    elms = @linkedElements()
+    return false unless elms and elms.size() > 1
+    true
+
+  configureInputElementValue: ( value ) ->
+    return unless @getInput()
+
+    if @getInput().is(":checkbox")
+      @getInput().attr "checked", @el.hasClass("selected")
+    else if @getInput().is(":radio")
+      @getInput().attr "checked", @el.hasClass("selected")
+    else
+      @getInput().val( value ) if @getInput()
+
+    if (@getInput())
+      @getInput().trigger("change")
+
+  toggleable: ->
+    return false unless @toggle_button
+    return false if @hasLinkedElements()
+    true
+
+  click: ->
+    value = @el.data("value") if @el.data("value")
+
+    if @toggleable()
+      @el.toggleClass "selected"
+
+    if @toggleable() and @el.hasClass("selected") == false
+      value = null
+
+    if @hasLinkedElements()
+      @linkedElements().removeClass("selected")
+      @el.addClass("selected")
+
+    if value != null
+      # Configure value
+      @onClick( value ) if @onClick
+
+      @configureInputElementValue value
+    else
+      @configureInputElementValue value
+
+@IuguUI.Button = IuguUI.Button
+
+$ ->
+  IuguUI.Button.load()

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

@@ -0,0 +1,65 @@
+class IuguUI.Checkbox
+  defaults:
+    none: false
+
+  el: undefined
+
+  @load: ( context ) ->
+    selector = "[data-type='iux.form.checkbox']"
+    if context
+      elements = context.find(selector)
+    else
+      elements = $(selector)
+
+    return if elements.length == 0
+    
+    elements.each ->
+      return if $(@).data("iux.initialized") == true
+
+      new IuguUI.Checkbox
+        el: @
+
+      $(@).data "iux.initialized", true
+
+  constructor: ( options ) ->
+    @initialize( options )
+  
+  initialize: ( options ) ->
+    _.bindAll @
+    @options = _.extend {}, @defaults, options
+
+    return null unless @options.el
+
+    @el = $(@options.el) if @options.el
+
+    checkbox_classes = "checkbox"
+
+    label_on = if @el.data("on") then @el.data("on") else undefined
+    label_off = if @el.data("off") then @el.data("off") else undefined
+
+    if @el.data("mode") == "switch"
+      checkbox_classes = " switch"
+
+    optional_labels = ""
+
+    optional_labels += '<div class="label_decorator_on"> ' + label_on + '</div>' if label_on
+    optional_labels += '<div class="label_decorator_off"> ' + label_off + '</div>' if label_off
+
+    @decorator = $('<a>',
+      class: checkbox_classes + ( if @el.is(":checked") then ' selected' else '')
+      html: '<div class="outer_decorator"><div class="inner_decorator"><span>✓</span></div>' + optional_labels + '</div>'
+      "data-mode": "toggle"
+      "data-input": @el.attr("id")
+    )
+
+    @decorator.insertAfter( @el )
+
+    new IuguUI.Button
+      el: @decorator
+      context: @el
+
+@IuguUI.Checkbox = IuguUI.Checkbox
+
+$ ->
+  IuguUI.Checkbox.load()
+

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

@@ -0,0 +1,147 @@
+class IuguUI.Combobox
+  defaults:
+    none: false
+    displayCurrentSelection: false
+    markSelected: false
+
+  el: undefined
+
+  @load: ( context ) ->
+    selector = "[data-type='iux.form.combobox']"
+    if context
+      elements = context.find(selector)
+    else
+      elements = $(selector)
+
+    return if elements.length == 0
+    
+    elements.each ->
+      return if $(@).data("iux.initialized") == true
+      
+      new IuguUI.Combobox
+        el: @
+
+      $(@).data "iux.initialized", true
+
+  constructor: ( options ) ->
+    @initialize( options )
+
+  prepare_select: ->
+
+    if IS_DESKTOP
+      # Convert to DIV (Only in Desktop) or USE as DIV (If not select, normal render)
+
+      @input_holder = @el
+      @input_holder.on "change", @change_select
+
+      @caller_element = $('<a>',
+        html: @input_holder.find("option:selected").text()
+        "data-value": @input_holder.find("option:selected").val()
+      )
+
+      @root_element = $('<div>',
+        "data-display-selection": true
+        "data-mark-selected": true
+      )
+
+      ul_element = $('<ul>')
+
+      @input_holder.find("option").each ->
+        item_element = $('<a>',
+          "data-value": $(@).val()
+          html: $(@).text()
+        )
+        ul_element.append item_element
+
+      @root_element.append @caller_element
+      @root_element.append ul_element
+
+      @root_element.insertAfter(@input_holder)
+
+      @input_holder.hide()
+
+      @el = @root_element
+
+      @mark_selected()
+    else
+      @el.addClass("combobox_native") unless @el.hasClass("combobox_native")
+      @input_holder = @el
+      @input_holder.on "change", @change_select
+
+      @options.displayCurrentSelection = false
+
+      @options.markSelected = false
+
+  initialize: ( options ) ->
+    _.bindAll @
+    @options = _.extend {}, @defaults, options
+
+
+    return null unless @options.el
+
+    # Change EL to INPUT (Remember that DIV is also a input)
+    @el = $(@options.el) if @options.el
+
+    @prepare_select() if @el.is("select")
+
+    @options.displayCurrentSelection = true if @el.data("display-selection") == true
+    @options.markSelected = true if @el.data("mark-selected") == true
+
+    @el.addClass("combobox") unless @el.hasClass("combobox") and @el != @input_holder
+
+    if @el != @input_holder
+      @configure_combobox_events()
+
+    @el
+
+  configure_combobox_events: ->
+    @menu_element = @el.find("ul")
+    return unless @menu_element
+
+    @caller_element = @el.find("> a")
+    @caller_element.bind "click", @toggle_menu
+
+    that = @
+    @el.find("ul a").bind "click", ( evt ) ->
+      that.change $(this).data("value"), $(this).html()
+
+  toggle_menu: ->
+    @el.toggleClass("open")
+
+  change_select: ->
+    @change @input_holder.val(), @input_holder.find("option:selected").text()
+
+  mark_selected: ->
+    @el.find("ul a").removeClass("selected")
+    @el.find('ul [data-value="' + @caller_element.data("internal-value") + '"]').addClass("selected")
+
+  change: ( value, title ) ->
+
+
+    if @options.displayCurrentSelection
+      @caller_element.html title
+
+    if value != undefined
+
+      if @el != @input_holder
+
+        @caller_element.data("value", value)
+
+        if @options.markSelected
+          @mark_selected()
+
+      if @input_holder and @input_holder.is("select") and value != @input_holder.find("option:selected").val()
+        @input_holder.val(value)
+        @input_holder.trigger("change")
+
+    @close_menu()
+
+  close_menu: ->
+    @el.removeClass("open")
+
+
+@IuguUI.Combobox = IuguUI.Combobox
+
+$ ->
+  IuguUI.Combobox.load()
+

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

@@ -0,0 +1,32 @@
+class IuguUI.HorizontalSplitView extends IuguUI.View
+  layout: "iugu-ui-horizontal-split-view"
+  splitSize: "50%"
+
+  initialize: ->
+    super
+    @
+
+  render: ->
+    @extendContextWithSplitOptions()
+    super
+    @
+
+  extendContextWithSplitOptions: ->
+    ctx = @context()
+    @context = ->
+      _.extend ctx,
+        splitSize: @splitSize
+
+  getTopView: ->
+    @$('.split-view-top')
+
+  getBottomView: ->
+    @$('.split-view-bottom')
+
+  getTopViewClass: ->
+    '.split-view-top'
+
+  getBottomViewClass: ->
+    '.split-view-bottom'
+
+@IuguUI.HorizontalSplitView = IuguUI.HorizontalSplitView

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

@@ -0,0 +1,55 @@
+class IuguUI.Radio
+  defaults:
+    none: false
+
+  el: undefined
+
+  @load: ( context ) ->
+    selector = "[data-type='iux.form.radio']"
+    if context
+      elements = context.find(selector)
+    else
+      elements = $(selector)
+
+    return if elements.length == 0
+    
+    elements.each ->
+      return if $(@).data("iux.initialized") == true
+
+      new IuguUI.Radio
+        el: @
+
+      $(@).data "iux.initialized", true
+
+  constructor: ( options ) ->
+    @initialize( options )
+  
+  initialize: ( options ) ->
+    _.bindAll @
+    @options = _.extend {}, @defaults, options
+
+    return null unless @options.el
+
+    @el = $(@options.el) if @options.el
+
+    radio_classes = "radio"
+
+    @decorator = $('<a>',
+      class: radio_classes + ( if @el.is(":checked") then ' selected' else '')
+      html: '<div class="outer_decorator"><div class="inner_decorator"></div></div>'
+      "data-mode": "toggle"
+      "data-input": @el.attr("id")
+      "data-group": @el.attr("name")
+    )
+
+    @decorator.insertAfter( @el )
+
+    new IuguUI.Button
+      el: @decorator
+      context: @el
+
+@IuguUI.Radio = IuguUI.Radio
+
+$ ->
+  IuguUI.Radio.load()
+