iugu-ux 0.8.0 → 0.8.5

data/vendor/assets/javascripts/iugu-ux/components/iugu-ux-components.js

@@ -1,4 +1,10 @@
 // Encoding: UTF-8
 // Adding a UTF-8 Character to Fix áé
-//
+
+//= require ./base_resource.js
+//= require ./base_resources.js
+//= require ./usecode/iugu-ui-base.js
+//= require ./usecode/iugu-ui-view.js
+//= require_tree ./presenters
+//= require_tree ./usecode
 //= require ./iugu-ux-main.js

data/vendor/assets/javascripts/iugu-ux/components/iugu-ux-main.js.coffee

@@ -1,8 +1,7 @@
-@configure_ui_action = (button,callback=null) ->
+@configure_ui_action = (button,callback=null,disable_click=false) ->
   button = $(button)
   if window.IS_MOBILE
     button.on 'touchstart', (evt) ->
-      # evt.preventDefault()
       $(@).addClass 'active'
     button.on 'touchend', (evt) ->
       # evt.preventDefault()
@@ -16,6 +15,9 @@
       # evt.preventDefault()
       $(@).removeClass 'active'
       callback(evt) if callback
+  if disable_click
+    button.on 'click', (evt) ->
+      evt.preventDefault()
 
 @configure_ui_button = (button) ->
   # alert $(button).html()

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

@@ -0,0 +1,6 @@
+<div class="notice notice-green">
+  <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>
+</div>

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

@@ -0,0 +1,6 @@
+<li class="span4">
+  <div class="thumbnail">
+    <h3>#<%= @item.id %> - <%= @item.get('name') %></h3>
+    <p>Age: <%= @item.get('age') %></p>
+  </div>
+</li>

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

@@ -0,0 +1,2 @@
+<ul class="thumbnails records">
+</ul>

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

@@ -0,0 +1,6 @@
+<section style="background:#FFF;padding-top:5px;padding-bottom:5px">
+  <input class="page" type="text" style="width: 50px; text-align: center;margin-bottom:1px" value=<%= @currentPage %>></input>
+
+  <a href="#" class="button <%= "disabled" if @currentPage == @firstPage %> previous">&lt;</a>
+  <a href="#" class="button <%= "disabled" if @currentPage == @lastPage %> next">&gt;</a>
+</section>

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

@@ -0,0 +1,19 @@
+<div class="button-group paginator">
+  <% if @enableAdditionalButtons: %>
+  <a href="#" class="button <%= "disabled" if @currentPage == @firstPage %> previous">&lt;</a>
+  <% end %>
+  <a href="#" class="button <%= "default" if @currentPage == @firstPage %> page"><%= @firstPage %></a>
+  <% if @pageButtons?: %>
+  <% @pageButtons[0] = '...' if (@currentPage - 3) > @firstPage %>
+  <% @pageButtons[@pageButtons.length - 1] = '...' if (@currentPage + 3) < @lastPage %>
+  <% for page in @pageButtons: %>
+  <a href="#" class="button <%= "default" if @currentPage == page %> <%= "disabled" if page == '...' %> page"><%= page %></a>
+  <% end %>
+  <% end %>
+  <% if @lastPage > 1: %>
+  <a href="#" class="button <%= "default" if @currentPage == @lastPage %> page"><%= @lastPage %></a>
+  <% end %>
+  <% if @enableAdditionalButtons: %>
+  <a href="#" class="button <%= "disabled" if @currentPage == @lastPage %> next">&gt;</a>
+  <% end %>
+</div>

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

@@ -0,0 +1,2 @@
+<div class="ui-responsive-box">
+</div>

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

@@ -0,0 +1,4 @@
+<div class="content">
+  <div class="handle-scrolling">
+  </div>
+</div>

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

@@ -0,0 +1,15 @@
+<section style="background:#FFF;padding-top:5px;padding-bottom:5px">
+  <% facets = _.pick(@collection.facets, @filterName) %>
+  <% 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>
+    <% 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 %>
+  <% end %>
+</section>

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

@@ -0,0 +1,5 @@
+<section style="background:#FFF;padding-top:5px;padding-bottom:5px">
+  <input class="search-range-from" placeholder="From" type="text" style="width: 100px; text-align: center;margin-bottom:1px"></input>
+  <input class="search-range-to" placeholder="To" type="text" style="width: 100px; text-align: center;margin-bottom:1px"></input>
+  <input class="button search-range-submit" type="submit" value="Ir"></input>
+</section>

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

@@ -0,0 +1,3 @@
+<section style="background:#FFF;padding-top:5px;padding-bottom:5px">
+  <input class="search search-query" placeholder="Search" type="text" style="width: 200px; text-align: center;margin-bottom:1px"></input>
+</section>

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

@@ -0,0 +1,3 @@
+<% for field in _.keys(@options.fields): %>
+<td class="<%= field %>"><%= @item.get(field) %></td>
+<% end %>

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

@@ -0,0 +1,19 @@
+<table class="table table-bordered table-hover" style="margin-bottom: 0px">
+  <thead>
+    <tr>
+      <% for field in _.pairs(@fields): %>
+        <% if _.indexOf(@sortableBy, field[0]) == -1: %>
+          <th><%= field[1] %></th>
+        <% else: %>
+          <% icon_class = "" %>
+          <% icon_class = "" if @sortBy[field[0]] == "" %>
+          <% icon_class = "ASC" if @sortBy[field[0]] == "asc" %>
+          <% icon_class = "DESC" if @sortBy[field[0]] == "desc" %>
+          <th><a id="<%= field[0] %>" class="button sort-button" href="#" data-direction="<%= icon_class %>"><%= field[1] %>&nbsp;<%= icon_class %></a></th>
+        <% end %>
+      <% end %>
+    </tr>
+  </thead>
+  <tbody class="records">
+  </tbody>
+</table>

data/vendor/assets/javascripts/iugu-ux/components/usecode///

@@ -0,0 +1,83 @@
+class IuguUI.ResponsiveBox extends IuguUI.Base
+  layout: "iugu-ui-responsive-box"
+
+  defaults:
+    sidebar: null
+
+  # TODO: Improve wrappers
+  initialize: ->
+    _.bindAll @, 'toggleSidebar'
+    @sidebar = @options.sidebar
+    @sidebar = new IuguUI.ScrollableContainer() unless @sidebar
+    @content = new IuguUI.ScrollableContainer()
+    @sidebar_wrapper = null
+    @content_wrapper = null
+
+
+  getSidebarWrapper: ->
+    @sidebar_wrapper
+
+  getSidebar: ->
+    @sidebar
+
+  getContent: ->
+    @content.getContainer()
+
+  setTitle: (title) ->
+    @$('.responsive-title').html(title)
+
+  getTitle: ->
+    @$('.responsive-title').html()
+
+  toggleSidebar: ( evt ) ->
+    evt.preventDefault()
+    uibox = @$('.ui-responsive-box')
+
+    uisidebar = uibox.children('.sidebar')
+    if ( uisidebar.css('z-index') != '1000' )
+      return
+
+    preventContainer = $(document.createElement('div'))
+    preventContainer.css('position','absolute')
+    preventContainer.css('width','100%')
+    preventContainer.css('height','100%')
+    preventContainer.css('left','0px')
+    preventContainer.css('top','0px')
+    preventContainer.css('backgroundColor','transparent')
+    preventContainer.css('z-index','5000')
+    uibox.append(preventContainer)
+    uibox.toggleClass('open')
+    setTimeout(
+      () ->
+        preventContainer.remove()
+      , 300
+    )
+      
+
+  render: ->
+    super
+    $(document.body).addClass 'ui-box-background'
+
+    @sidebar_wrapper = $(document.createElement('div'))
+    @content_wrapper = $(document.createElement('div'))
+    @sidebar_wrapper.addClass "sidebar"
+    @content_wrapper.addClass "content-area handle-sidebar"
+
+    small_navigation = $(document.createElement('div'))
+    small_navigation.addClass 'small-navigation'
+    small_navigation.html '<div class="toggle-sidebar"><div class="iux-default-menu-icon"></div></div><div class="responsive-title"></div>'
+
+    @sidebar.setElement(@sidebar_wrapper).render()
+    @content.setElement(@content_wrapper).render()
+    @content_wrapper.append small_navigation
+
+    @$('.ui-responsive-box').append @sidebar_wrapper, @content_wrapper
+
+    that = @
+    if window.TOUCH_SUPPORT
+      @$('.toggle-sidebar').bind 'touchstart', that.toggleSidebar
+    else
+      @$('.toggle-sidebar').bind 'click', that.toggleSidebar
+    @
+
+@IuguUI.ResponsiveBox = IuguUI.ResponsiveBox

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

@@ -0,0 +1,17 @@
+class IuguUI.Alert extends IuguUI.Base
+  layout: "iugu-ui-alert"
+
+  defaults:
+    headerText: "HEADER TEXT"
+    bodyText: "BODY TEXT"
+    buttonText: "BUTTON TEXT"
+
+  events:
+    'click a.alertButton': 'handleDOMEvent'
+
+  context: ->
+    headerText: @options.headerText
+    bodyText: @options.bodyText
+    buttonText: @options.buttonText
+
+@IuguUI.Alert = IuguUI.Alert

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

@@ -0,0 +1,83 @@
+class IuguUI.Base extends Backbone.View
+
+  defaults:
+    baseURL: ""
+
+  initialize: ->
+    _.bindAll @, 'render', 'root', 'identifier', 'delegateChild', 'mapDOMEvent', 'handleEvent', 'handleDOMEvent', 'unload', 'close'
+
+    @options = _.extend {}, @defaults, @options
+
+    @layout = @options.layout if @options.layout
+    @parent = @options.parent if @options.parent
+    
+    @identifier = ( -> @options.identifier + ':' ) if @options.identifier
+
+    @handleEvent 'initialize'
+
+    @
+
+  render: ->
+    $(@el).html @getLayout() @context()
+
+    @
+
+  getLayout: ->
+    if JST[ "web-app/presenters/" + @layout ]
+      return JST[ "web-app/presenters/" + @layout ]
+    JST[ "iugu-ux/components/presenters/" + @layout ]
+
+  context: ->
+    return { }
+
+  historyNavigate: (url) ->
+    Backbone.history.navigate @options.baseURL + '/' + url
+
+  root: ->
+    _.result(@parent,'root') or @
+
+  identifier: ->
+    _.result(@parent,'identifier') or ''
+
+  delegateChild: ( selector, view ) ->
+    selectors = {}
+    if _.isObject(selector)
+      selectors = selector
+    else
+      selectors[selector] = view
+    return unless selectors
+    _.each( selectors, ( view, selector ) ->
+      view.setElement(@$(selector)).render()
+    , this )
+
+  mapDOMEvent: (type) ->
+    switch type
+      when 'click' then return 'click'
+      when 'mouseover' then return 'mouseover'
+      when 'mouseout' then return 'mouseout'
+      else return type
+
+  handleEvent: (triggerType) ->
+    @root().trigger( @identifier() + triggerType, @ )
+
+  handleDOMEvent: (e) ->
+    e.preventDefault()
+    triggerType = @mapDOMEvent e.type
+    @handleEvent triggerType
+
+  trigger: (events) ->
+    if app.debug_events
+      debug 'Triggered Event: ' + arguments[0]
+    super
+
+  unload: () ->
+    debug 'Called IuguUI.Base:unload'
+    @undelegateEvents()
+    @off()
+
+  close: () ->
+    debug 'Called IuguUI.Base:close'
+    @unload()
+    @remove
+
+@IuguUI.Base = IuguUI.Base

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

@@ -0,0 +1,17 @@
+class IuguUI.DatasetRecord extends IuguUI.Base
+  layout: "iugu-ui-dataset-record"
+
+  initialize: ->
+    _.bindAll @
+    super
+
+  events:
+    'click' : 'handleDOMEvent'
+    'mouseenter' : 'handleDOMEvent'
+    'mouseleave' : 'handleDOMEvent'
+
+  context: ->
+    item: @model
+    options: @options
+
+@IuguUI.DatasetRecord = IuguUI.DatasetRecord

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

@@ -0,0 +1,47 @@
+class IuguUI.Dataset extends IuguUI.Base
+  layout: "iugu-ui-dataset"
+
+  defaults:
+    itemLayout: "iugu-ui-dataset-record"
+    itemTagName: "div"
+    itemClassName: "record"
+
+  initialize: ->
+    super
+    _.bindAll @, 'renderItems', 'addRecord'
+    @collection.on('all', @render)
+
+    @
+
+  addRecord: (item) ->
+    @els.push (
+      new IuguUI.DatasetRecord
+        model: item
+        baseURL: @options.baseURL
+        layout: @options.itemLayout
+        fields: @options.fields
+        tagName: @options.itemTagName
+        className: @options.itemClassName
+        identifier: @identifier() + "record"
+        parent: @
+    ).render().el
+
+  context: ->
+    dataset: @collection
+    options: @options
+
+  render: ->
+    super
+    @renderItems()
+
+    @
+
+  renderItems: ->
+    @els = []
+    @collection.each @addRecord
+
+    @$('.records').append @els
+
+    @
+
+@IuguUI.Dataset = IuguUI.Dataset

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

@@ -0,0 +1,47 @@
+class IuguUI.Navigator extends IuguUI.Base
+
+  layout: "iugu-ui-navigator"
+
+  events:
+    'click a.next': ->
+      @handleEvent 'next'
+      false
+    'click a.previous': ->
+      @handleEvent 'previous'
+      false
+    'change input.page': 'changePage'
+
+  currentPage: ->
+    @$('input.page')
+
+  changePage: ->
+    old_page = @context().currentPage
+    page = @currentPage().val()
+    page = old_page if page == ''
+    if @context().lastPage+1 > page
+      @handleEvent 'change-page'
+      @lastChanged = true
+      true
+    else
+      @currentPage().val( old_page )
+      @currentPage().select()
+      false
+
+  initialize: ->
+    _.bindAll @, 'changePage'
+    super
+
+  context: ->
+    currentPage: 1
+    firstPage: 1
+    lastPage: 3
+
+  setFocus: ->
+    context = @
+    if @lastChanged
+      setTimeout () ->
+        context.$('input.page').focus()
+        context.lastChanged = false
+      , 10
+
+@IuguUI.Navigator = IuguUI.Navigator