tao_ui 0.3.4 → 1.0.0.beta.1

data/lib/assets/javascripts/tao/ui/popover/confirm.coffee

@@ -1,23 +0,0 @@
-class Tao.Popover.Confirm extends Tao.Popover.Element
-
-  @tag 'tao-confirm-popover'
-
-  _connected: ->
-    super
-
-    @on 'click', '.button-confirm', (e) =>
-      @namespacedTrigger 'confirm'
-      @active = false
-      null
-
-    @on 'click', '.button-cancel', (e) =>
-      @namespacedTrigger 'cancel'
-      @active = false
-      null
-
-  setContent: (content) ->
-    @jq.find('.tao-popover-content .message').empty()
-      .append content
-    @
-
-TaoComponent.register Tao.Popover.Confirm

data/lib/assets/javascripts/tao/ui/popover/create.coffee

@@ -1,18 +0,0 @@
-# Avoid using this method to create popover
-# Use `tao_popover` view helper method instead
-
-Tao.Popover.create = (attributes, content) ->
-  $popover = $('''
-    <tao-popover class="tao-popover">
-      <div class="tao-popover-content">
-      </div>
-      <div class="tao-popover-arrow">
-        <i class="arrow arrow-shadow"></i>
-        <i class="arrow arrow-border"></i>
-        <i class="arrow arrow-basic"></i>
-      </div>
-    </tao-popover>
-  ''').attr attributes
-
-  $popover.find('.tao-popover-content').append content
-  $popover.get(0)

data/lib/assets/javascripts/tao/ui/popover/direction.coffee

@@ -1,76 +0,0 @@
-
-class Tao.Popover.Direction extends TaoModule
-
-  @option 'popover', 'target', 'boundarySelector'
-
-  _init: ->
-    @boundary = if @boundarySelector
-      @target.closest(@boundarySelector)
-    else
-      $(window)
-
-    @_calculate()
-
-  _calculate: ->
-    coefficient = @_beyondCoefficient()
-
-    vertical = if (coefficient.bottom > 0 && coefficient.top > 0) || coefficient.bottom == coefficient.top == 0
-                 'middle'
-               else if coefficient.bottom > 0
-                 'top'
-               else
-                 'bottom'
-
-    horizental = if (coefficient.left > 0 && coefficient.right > 0) || coefficient.left == coefficient.right == 0
-                   if vertical == 'middle' then 'right' else 'center'
-                 else if coefficient.right > 0
-                  'left'
-                 else
-                   'right'
-
-    @directions = if vertical == 'middle'
-                    [horizental, vertical]
-                  else if horizental == 'center'
-                    [vertical, horizental]
-                  else if coefficient[vertical] > coefficient[horizental]
-                    [horizental, vertical]
-                  else
-                    [vertical, horizental]
-
-  _beyondCoefficient: ->
-    targetDimensions = @_getDimensions @target
-    boundaryDimensions = @_getDimensions @boundary
-    popoverWidth = @popover.outerWidth()
-    popoverHeight = @popover.outerHeight()
-    boundaryWidth = @boundary.width()
-    boundaryHeight = @boundary.height()
-
-    beyondOffset = ['left', 'right', 'top', 'bottom'].reduce (offset, name) ->
-      offset[name] = targetDimensions[name] - boundaryDimensions[name]
-      offset
-    , {}
-
-    {
-      left: Math.max(popoverWidth - beyondOffset.left, 0) * popoverHeight + Math.max(popoverHeight - boundaryHeight, 0) * popoverWidth
-      right: Math.max(popoverWidth - beyondOffset.right, 0) * popoverHeight + Math.max(popoverHeight - boundaryHeight, 0) * popoverWidth
-      top: Math.max(popoverHeight - beyondOffset.top, 0) * popoverWidth + Math.max(popoverWidth - boundaryWidth, 0) * popoverHeight
-      bottom: Math.max(popoverHeight - beyondOffset.bottom, 0) * popoverWidth + Math.max(popoverWidth - boundaryWidth, 0) * popoverHeight
-    }
-
-  _getDimensions: ($el) ->
-    return {
-      left: 0, right: 0, top: 0, bottom: 0
-    } if $el[0] is window
-
-    $window = $ window
-    offset = $el.offset()
-
-    {
-      left: offset.left - $window.scrollLeft()
-      right: $window.scrollLeft() + $window.width() - offset.left - $el.outerWidth()
-      top: offset.top - $window.scrollTop()
-      bottom: $window.scrollTop() + $window.height() - offset.top - $el.outerHeight()
-    }
-
-  toString: ->
-    @directions.join('-')

data/lib/assets/javascripts/tao/ui/popover/element.coffee

@@ -1,198 +0,0 @@
-#= require ./direction
-#= require ./position
-
-{Direction, Position} = Tao.Popover
-
-class Tao.Popover.Element extends TaoComponent
-
-  @tag 'tao-popover'
-
-  @attribute 'active', 'disabled', type: 'boolean', observe: true
-
-  @attribute 'targetSelector', 'targetTraversal'
-
-  @attribute 'triggerSelector', 'triggerTraversal'
-
-  @attribute 'triggerAction', default: 'click'
-
-  @attribute 'boundarySelector', 'direction', 'size'
-
-  @attribute 'offset', type: 'number', default: 5
-
-  @attribute 'autoHide', 'autoDestroy', 'withArrow', 'autoActivate', type: 'boolean'
-
-  _connected: ->
-    @_initTarget()
-    @_initTrigger()
-    @_initSize()
-
-    @on 'transitionend', @_afterTransition.bind(@)
-
-    if @autoActivate
-      @reflow()
-      @active = true
-    else if @active
-      @_activeChanged()
-
-  _initTarget: ->
-    @target = if @targetTraversal && @targetSelector
-      @jq[@targetTraversal]?(@targetSelector)
-    else if @targetSelector
-      $ @targetSelector
-
-  _initTrigger: ->
-    @triggerEl = if @triggerTraversal && @triggerSelector
-      @jq[@triggerTraversal]?(@triggerSelector)
-    else if @triggerSelector
-      $ @triggerSelector
-    else
-      @target
-
-    return unless @triggerEl && @triggerEl.length > 0
-
-    if @triggerAction == 'click'
-      @triggerEl.on 'click.tao-popover', (e) =>
-        @toggleActive()
-        null
-    else if @triggerAction == 'hover'
-      @triggerEl.on 'mouseenter.tao-popover', (e) =>
-        @active = true
-        null
-      .on 'mouseleave.tao-popover', (e) =>
-        return if @jq.is(e.relatedTarget) || @jq.has(e.relatedTarget).length
-        @active = false
-        null
-
-      @jq.on 'mouseleave', (e) =>
-        return if @triggerEl.is(e.relatedTarget) || @triggerEl.has(e.relatedTarget).length
-        @active = false
-        null
-
-  _initSize: ->
-    @jq.width(@size) if @size
-
-  _beforeActiveChanged: (active) ->
-    return false if @disabled
-
-    if active
-      @_prepareShowTransition()
-    else
-      @_prepareHideTransition()
-
-    null
-
-  _prepareShowTransition: ->
-    @namespacedTrigger 'beforeShow'
-    @jq.show()
-    @refresh()
-    @reflow()
-    @_duringTransition = 'show'
-
-  _prepareHideTransition: ->
-    @namespacedTrigger 'beforeHide'
-    if @jq.is(':visible') && @jq.css('opacity') * 1 > 0
-      @_duringTransition = 'hide'
-    else
-      @reset()
-
-  _afterTransition: (e) ->
-    return unless $(e.target).is(@) && e.originalEvent.propertyName == 'opacity'
-    if @_duringTransition == 'show'
-      @namespacedTrigger 'afterShow'
-    else if @_duringTransition == 'hide'
-      @reset()
-      @namespacedTrigger 'afterHide'
-    @_duringTransition = false
-    null
-
-  _activeChanged: ->
-    if @active
-      @target.addClass "#{@constructor._tag}-active"
-      @_enableAutoHide() if @autoHide
-      @namespacedTrigger 'show'
-    else
-      @target.removeClass "#{@constructor._tag}-active"
-      @_disableAutoHide() if @autoHide
-      @namespacedTrigger 'hide'
-
-  _beforeDisabledChanged: (disabled) ->
-    @active = false if disabled && @active
-    null
-
-  _enableAutoHide: ->
-    $(document).on "mousedown.tao-popover-#{@taoId}", (e) =>
-      return unless @active
-      target = e.target
-      inTarget = @target.is(target) || @target.has(target).length
-      inTrigger = @triggerEl && (@triggerEl.is(target) || @triggerEl.has(target).length)
-      inPopover = @jq.is(target) || @jq.has(target).length
-
-      return if inTarget || inTrigger || inPopover
-      @active = false
-      null
-
-  _disableAutoHide: ->
-    $(document).off "mousedown.tao-popover-#{@taoId}"
-
-  refresh: ->
-    unless @direction
-      direction = new Direction
-        popover: @jq
-        target: @target
-        boundarySelector: @boundarySelector
-      @direction = direction.toString()
-
-    @position = new Position
-      popover: @jq
-      target: @target
-      direction: @direction.split('-')
-      withArrow: @withArrow
-      offset: @offset
-
-    @jq.css
-      top: @position.top
-      left: @position.left
-    @
-
-  resetAttributes: ->
-    @active = false if @active
-    @triggerEl?.off '.tao-popover'
-    @target = null
-    @triggerEl = null
-
-    for attr in _.toArray(@attributes)
-      unless attr.name in ['class', 'tao-id']
-        @jq.removeAttr attr.name
-
-  setContent: (content) ->
-    @jq.find('.tao-popover-content').empty()
-      .append content
-    @
-
-  toggleActive: ->
-    @active = !@active
-    @
-
-  beforeCache: ->
-    @reset()
-    @active = false
-
-  remove: ->
-    @namespacedTrigger 'beforeRemove'
-    @target.removeClass 'tao-popover-active'
-    @jq.remove()
-    @namespacedTrigger 'remove'
-    @
-
-  reset: ->
-    if @autoDestroy
-      @remove()
-    else
-      @jq.hide()
-    @
-
-  _disconnected: ->
-    @triggerEl?.off '.tao-popover'
-    $(document).off ".tao-popover-#{@taoId}"
-
-TaoComponent.register Tao.Popover.Element

data/lib/assets/javascripts/tao/ui/popover/index.coffee

@@ -1,16 +0,0 @@
-#= require_self
-#= require ./element
-#= require ./confirm
-#= require ./create
-
-window.TaoPopover = Tao.Popover =
-
-  closeAll: ->
-    $('.tao-popover').each (i, dialog) ->
-      dialog.active = false
-      null
-
-  removeAll: ->
-    $('.tao-popover').each (i, dialog) ->
-      dialog.remove()
-      null

data/lib/assets/javascripts/tao/ui/popover/position.coffee

@@ -1,80 +0,0 @@
-
-class Tao.Popover.Position extends TaoModule
-
-  @option 'direction', 'popover', 'target'
-
-  @option 'withArrow', default: false
-
-  @option 'offset', type: 'number', default: 0
-
-  _init: ->
-    @top = 0
-    @left = 0
-
-    @_setPosition()
-    @_setOffset()
-
-  _setPosition: ->
-    targetOffset = @target.offset()
-    targetWidth  = @target.outerWidth()
-    targetHeight = @target.outerHeight()
-    popoverWidth  = @popover.outerWidth()
-    popoverHeight = @popover.outerHeight()
-    parentOffset = @popover.offsetParent().offset()
-
-    if @withArrow
-      $arrow = @popover.find('.tao-popover-arrow')
-      arrowWidth = $arrow.outerWidth()
-      arrowHeight = $arrow.outerHeight()
-    else
-      arrowWidth = 8
-      arrowHeight = 8
-
-    switch @direction[0]
-      when 'left'
-        @left = targetOffset.left - popoverWidth - arrowWidth - parentOffset.left
-      when 'right'
-        @left = targetOffset.left + targetWidth + arrowWidth - parentOffset.left
-      when 'top'
-        @top = targetOffset.top - popoverHeight - arrowHeight - parentOffset.top
-      when 'bottom'
-        @top = targetOffset.top + targetHeight + arrowHeight - parentOffset.top
-
-    switch @direction[1]
-      when 'top'
-        if @withArrow
-          @top = targetOffset.top - popoverHeight + targetHeight / 2 + arrowHeight * 1.5 - parentOffset.top
-        else
-          @top = targetOffset.top - popoverHeight + targetHeight - parentOffset.top
-      when 'bottom'
-        if @withArrow
-          @top = targetOffset.top + targetHeight / 2 - arrowHeight * 1.5 - parentOffset.top
-        else
-          @top = targetOffset.top - parentOffset.top
-      when 'left'
-        if @withArrow
-          @left = targetOffset.left - popoverWidth + targetWidth / 2 + arrowWidth * 1.5 - parentOffset.left
-        else
-          @left = targetOffset.left - popoverWidth + targetWidth - parentOffset.left
-      when 'right'
-        if @withArrow
-          @left = targetOffset.left + targetWidth / 2 - arrowWidth * 1.5 - parentOffset.left
-        else
-          @left = targetOffset.left - parentOffset.left
-      when 'center'
-        @left = targetOffset.left + targetWidth / 2  - popoverWidth / 2 - parentOffset.left
-      when 'middle'
-        @top = targetOffset.top + targetHeight / 2  - popoverHeight / 2 - parentOffset.top
-
-  _setOffset: ->
-    return unless @offset
-
-    switch @direction[0]
-      when 'top'
-        @top -= @offset
-      when 'bottom'
-        @top += @offset
-      when 'left'
-        @left -= @offset
-      when 'right'
-        @left += @offset

data/lib/assets/javascripts/tao/ui/shared/slide_box/element/base.coffee

@@ -1,118 +0,0 @@
-class Tao.SlideBox.ElementBase extends TaoComponent
-
-  @tag 'tao-slide-box'
-
-  @attribute 'active', type: 'boolean', observe: true
-
-  @attribute 'autoHide', 'autoDestroy', 'modal', 'withoutPadding', type: 'boolean'
-
-  @attribute 'triggerSelector', 'triggerTraversal'
-
-  @attribute 'direction', default: 'btt'
-
-  @attribute 'size'
-
-  _connected: ->
-    @wrapper = @jq.find('.slide-box-wrapper')
-    @triggerEl = if @triggerTraversal && @triggerSelector
-      @jq[@triggerTraversal]?(@triggerSelector)
-    else if @triggerSelector
-      $ @triggerSelector
-
-    @_initSize()
-    @_bind()
-    @_activeChanged() if @active
-
-  _disconnected: ->
-    @triggerEl?.off ".tao-slide-box-#{@taoId}"
-    @off()
-    $(document).off ".tao-select-#{@taoId}"
-
-  _initSize: ->
-    sizeProperty = if @direction in ['btt', 'ttb'] then 'height' else 'width'
-    size = if (size = parseFloat(@size)) < 0
-      "#{$(window)[sizeProperty]() + size}px"
-    else
-      @size
-    @wrapper.css sizeProperty, size
-
-  _bind: ->
-    @on 'click', (e) =>
-      @active = false if e.target == @
-
-    @on 'click', '.slide-box-wrapper > .link-close', =>
-      @active = false
-
-    @on 'transitionend', @_afterTransition.bind(@)
-
-    if @triggerEl && @triggerEl.length > 0
-      @triggerEl.on "click.tao-slide-box-#{@taoId}", (e) =>
-        @active = true
-
-  _beforeActiveChanged: (active) ->
-    if active
-      @_prepareShowTransition()
-    else
-      @_prepareHideTransition()
-    null
-
-  _prepareShowTransition: ->
-    @namespacedTrigger 'beforeShow'
-    @jq.show()
-    @reflow()
-    @_duringTransition = 'show'
-
-  _prepareHideTransition: ->
-    @namespacedTrigger 'beforeHide'
-    if @jq.is(':visible') && @wrapper.css('opacity') * 1 > 0
-      @_duringTransition = 'hide'
-    else
-      @reset()
-
-  _afterTransition: (e) ->
-    return unless $(e.target).is(@wrapper) && e.originalEvent.propertyName == 'opacity'
-    if @_duringTransition == 'show'
-      @namespacedTrigger 'afterShow'
-    else if @_duringTransition == 'hide'
-      @reset()
-      @namespacedTrigger 'afterHide'
-    @_duringTransition = false
-    null
-
-  _activeChanged: ->
-    @_unbindAutoHideEvent() if @autoHide
-    if @active
-      @_bindAutoHideEvent() if @autoHide
-      $('body').addClass('slide-box-active')
-      @namespacedTrigger 'show'
-    else
-      $('body').removeClass('slide-box-active')
-      @namespacedTrigger 'hide'
-
-  _autoHideEvent: ''
-
-  _unbindAutoHideEvent: ->
-    $(document).off "#{@_autoHideEvent}.tao-slide-box-#{@taoId}"
-
-  _bindAutoHideEvent: ->
-    $(document).on "#{@_autoHideEvent}.tao-slide-box-#{@taoId}", (e) =>
-      return if e.target == @ || $.contains(@, e.target) || @triggerEl?.is(e.target)
-      @active = false
-      @_unbindAutoHideEvent()
-
-  remove: ->
-    @namespacedTrigger 'beforeRemove'
-    @jq.remove()
-    @namespacedTrigger 'remove'
-    @
-
-  beforeCache: ->
-    @reset()
-    active = false
-
-  reset: ->
-    if @autoDestroy
-      @remove()
-    else
-      @jq.hide()
-    @

data/lib/assets/javascripts/tao/ui/shared/slide_box/export.coffee

@@ -1,11 +0,0 @@
-Tao.SlideBox =
-
-  closeAll: ->
-    $('.tao-slide-box').each (i, dialog) ->
-      dialog.active = false
-      null
-
-  removeAll: ->
-    $('.tao-slide-box').each (i, dialog) ->
-      dialog.remove()
-      null

data/lib/assets/javascripts/tao/ui/shared/ujs.coffee

@@ -1,51 +0,0 @@
-# hack ujs for adding loading icon on disabled buttons/links
-
-prependLoadingIcon = (element) ->
-  $element = $ element
-  if $element.is('button') && $element.data('loading')
-    $element.addClass('text-with-icon')
-      .prepend Tao.iconTag('loading', class: 'spin')
-
-# jquery-ujs
-if $.rails?
-  originDisableElement = $.rails.disableElement
-  $.rails.disableElement = (element) ->
-    originDisableElement element
-    prependLoadingIcon element
-
-  originDisableFormElement = $.rails.disableFormElement
-  $.rails.disableFormElement = (element) ->
-    originDisableFormElement element
-    prependLoadingIcon element
-
-  originEnableElement = $.rails.enableElement
-  $.rails.enableElement = (element) ->
-    originEnableElement element
-    $(element).removeClass 'text-with-icon'
-
-  originEnableFormElement = $.rails.enableFormElement
-  $.rails.enableFormElement = (element) ->
-    originEnableFormElement element
-    $(element).removeClass 'text-with-icon'
-
-# rails-ujs
-else if Rails?
-  originDisableElement = Rails.disableElement
-  Rails.disableElement = (e) ->
-    originDisableElement e
-    element = if e instanceof Event then e.target else e
-    if Rails.matches(element, Rails.formSubmitSelector)
-      Rails.formElements(element, Rails.formDisableSelector).forEach (el) ->
-        prependLoadingIcon el
-    else
-      prependLoadingIcon element
-
-  originEnableElement = Rails.enableElement
-  Rails.enableElement = (e) ->
-    originEnableElement e
-    element = if e instanceof Event then e.target else e
-    if Rails.matches(element, Rails.formSubmitSelector)
-      Rails.formElements(element, Rails.formDisableSelector).forEach (el) ->
-        $(el).removeClass 'text-with-icon'
-    else
-      $(el).removeClass 'text-with-icon'

data/lib/assets/javascripts/tao/ui/slide_box/element.coffee

@@ -1,9 +0,0 @@
-#= require tao/ui/shared/slide_box/element/base
-
-class Tao.SlideBox.Element extends Tao.SlideBox.ElementBase
-
-  @attribute 'withCloseButton', type: 'boolean'
-
-  _autoHideEvent: 'mousedown'
-
-TaoComponent.register Tao.SlideBox.Element

data/lib/assets/javascripts/tao/ui/slide_box/index.coffee

@@ -1,2 +0,0 @@
-#= require tao/ui/shared/slide_box/export
-#= require ./element