tao_ui 0.1.3 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c40aaf675e0382b773487556bad159b860c00d45
-  data.tar.gz: 1ab1ddeb87558923d1566be4f25c92a641281210
+  metadata.gz: c4503a47fdc14364f2b6de5a4754818c9ea7d214
+  data.tar.gz: cca0b1713325cdb3cd7d283ad6963a1e0bb902e8
 SHA512:
-  metadata.gz: e5c30518908771fc5b04ca6297c839b1b52c72e53f3cb357643287266b002a155a0a58693c95552ea064950ea2ec3577d500d76595586e662c3a2bf326071b70
-  data.tar.gz: eb6454b14d0c394067c95b5b41d6797e1b76f2ac65ddee5d64f5f1fd335b921e24d74ed0baa0475535eead7d877614028c88304490116f85bf85ff7537386898
+  metadata.gz: 9653a5a12c355ce4d3fc758302b83f7bec482a79303fbf68a161b37e9d4daaf70b18550fbd5ff7b52c756becdf14a28d9419778c0825514797ab784bff9a3ab8
+  data.tar.gz: b6162bbcea4162b646cc5ed191511251f5cfa2131f0f795b9d048cd7c08ea09754cbb1af03bd663e3e967e891cfa5eb0da858801850dc62da46d731abdfea224

data/lib/assets/icons/close.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
+    <title>Close</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="zhiren_icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Main" transform="translate(3.000000, 3.000000)" fill="#9B9B9B">
+            <path d="M8.83832409,8.13223866 L1.06053975,0.354454322 C0.863250778,0.157165345 0.548022825,0.158062608 0.353042717,0.353042717 C0.163764932,0.542320501 0.158694605,0.864780038 0.354454322,1.06053975 L8.13223866,8.83832409 L0.354454322,16.6161084 C0.157165345,16.8133974 0.158062608,17.1286254 0.353042717,17.3236055 C0.542320501,17.5128832 0.864780038,17.5179536 1.06053975,17.3221939 L8.83832409,9.54440952 L16.6161084,17.3221939 C16.8133974,17.5194828 17.1286254,17.5185856 17.3236055,17.3236055 C17.5128832,17.1343277 17.5179536,16.8118681 17.3221939,16.6161084 L9.54440952,8.83832409 L17.3221939,1.06053975 C17.5194828,0.863250778 17.5185856,0.548022825 17.3236055,0.353042717 C17.1343277,0.163764932 16.8118681,0.158694605 16.6161084,0.354454322 L8.83832409,8.13223866 Z" id="Close"></path>
+        </g>
+    </g>
+</svg>

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

@@ -0,0 +1,61 @@
+class Tao.Dialog.Element extends TaoComponent
+
+  @tag 'tao-dialog'
+
+  @attribute 'active', type: 'boolean', observe: true
+
+  @attribute 'modal', 'withCloseButton', 'autoDestroy', type: 'boolean'
+
+  @attribute 'triggerSelector', 'triggerTraversal', 'size'
+
+  _connected: ->
+    @triggerEl = if @triggerTraversal && @triggerSelector
+      @jq[@triggerTraversal]?(@triggerSelector)
+    else if @triggerSelector
+      $ @triggerSelector
+
+    @_bind()
+    @_activeChanged() if @active
+
+  _disconnected: ->
+    @triggerEl?.off ".tao-slide-box-#{@taoId}"
+    @off()
+
+  _bind: ->
+    @on 'click', (e) =>
+      @active = false if e.target == @
+
+    @on 'click', '.tao-dialog-wrapper > .link-close', =>
+      @active = false
+
+    if @triggerEl && @triggerEl.length > 0
+      @triggerEl.on "click.tao-slide-box-#{@taoId}", (e) =>
+        @active = true
+
+  _beforeActiveChanged: (active) ->
+    if active
+      @jq.find('.tao-dialog-content').css
+        maxHeight: $(window).height() - 40
+      @jq.show()
+      @_reflow()
+    else
+      @one 'transitionend', =>
+        if @autoDestroy
+          @jq.remove()
+        else
+          @jq.hide()
+    null
+
+  _activeChanged: ->
+    if @active
+      $('body').addClass('dialog-active')
+      @trigger 'show'
+    else
+      $('body').removeClass('dialog-active')
+      @trigger 'hide'
+
+  setContent: (content) ->
+    @jq.find('.tao-dialog-content').empty()
+      .append content
+
+TaoComponent.register Tao.Dialog.Element

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

@@ -0,0 +1,4 @@
+#= require_self
+#= require ./element
+
+window.TaoDialog = Tao.Dialog = {}

data/lib/assets/javascripts/tao/ui/icons/{basic.coffee → base.coffee}

@@ -1,4 +1,5 @@
-Tao.ui.icons += '''
+Tao._icons += '''
+  <symbol id="icon-close" viewBox="0 0 24 24" width="100%" height="100%"><defs/><g class="zhiren_icon" stroke="none" stroke-width="1" fill-rule="evenodd"><g class="Main" transform="translate(3.000000, 3.000000)"><path d="M8.83832409,8.13223866 L1.06053975,0.354454322 C0.863250778,0.157165345 0.548022825,0.158062608 0.353042717,0.353042717 C0.163764932,0.542320501 0.158694605,0.864780038 0.354454322,1.06053975 L8.13223866,8.83832409 L0.354454322,16.6161084 C0.157165345,16.8133974 0.158062608,17.1286254 0.353042717,17.3236055 C0.542320501,17.5128832 0.864780038,17.5179536 1.06053975,17.3221939 L8.83832409,9.54440952 L16.6161084,17.3221939 C16.8133974,17.5194828 17.1286254,17.5185856 17.3236055,17.3236055 C17.5128832,17.1343277 17.5179536,16.8118681 17.3221939,16.6161084 L9.54440952,8.83832409 L17.3221939,1.06053975 C17.5194828,0.863250778 17.5185856,0.548022825 17.3236055,0.353042717 C17.1343277,0.163764932 16.8118681,0.158694605 16.6161084,0.354454322 L8.83832409,8.13223866 Z" class="Close"/></g></g></symbol>
   <symbol id="icon-loading" viewBox="0 0 20 20" width="100%" height="100%"><defs/><g class="zhiren_icon" stroke="none" stroke-width="1" fill-rule="evenodd"><g class="Main"><rect class="Path" opacity="0.5" x="9" y="0" width="2" height="6" rx="1"/><rect class="Path" opacity="0.600000024" transform="translate(14.828427, 4.828427) rotate(45.000000) translate(-14.828427, -4.828427) " x="13.8284271" y="1.82842712" width="2" height="6" rx="1"/><rect class="Path" opacity="0.400000006" transform="translate(4.828427, 4.828427) scale(-1, 1) rotate(45.000000) translate(-4.828427, -4.828427) " x="3.82842712" y="1.82842712" width="2" height="6" rx="1"/><rect class="Path" opacity="0.200000003" transform="translate(4.828427, 14.828427) rotate(45.000000) translate(-4.828427, -14.828427) " x="3.82842712" y="11.8284271" width="2" height="6" rx="1"/><rect class="Rectangle-24" opacity="0.300000012" x="0" y="9" width="6" height="2" rx="1"/><rect class="Rectangle-24" opacity="0.699999988" x="14" y="9" width="6" height="2" rx="1"/><rect class="Rectangle-24" opacity="0.05" transform="translate(14.828427, 14.828427) rotate(45.000000) translate(-14.828427, -14.828427) " x="11.8284271" y="13.8284271" width="6" height="2" rx="1"/><rect class="Combined-Shape" opacity="0.100000001" x="9" y="14" width="2" height="6" rx="1"/></g></g></symbol>
 
 '''

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

@@ -1,9 +1,9 @@
 #= require_self
-#= require ./basic
+#= require_tree .
 
-Tao.ui =
+_.extend Tao,
 
-  icons: ''
+  _icons: ''
 
   iconTag: (name, attributes={}) ->
     $("<svg><use xlink:href=\"#icon-#{name}\"/></svg>")
@@ -15,6 +15,6 @@ Tao.Application.initializer 'icons', (app) ->
     return if $('#tao-icons').length > 0
     document.body.insertAdjacentHTML 'afterbegin', """
     <svg id="tao-icons" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display:none">
-      #{Tao.ui.icons}
+      #{Tao._icons}
     </svg>
     """

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

@@ -1,5 +1,8 @@
 #= require_self
-#= require ./ujs
+#= require tao/ui/shared/ujs
 #= require ./icons
+#= require ./slide_box
+#= require ./popover
+#= require ./dialog
 
 window.Tao ||= {}

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

@@ -1,5 +1,6 @@
 #= require_self
-#= require ../ujs
-#= require ../icons
+#= require tao/ui/shared/ujs
+#= require tao/ui/icons
+#= require ./slide_box
 
 window.Tao ||= {}

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

@@ -0,0 +1,7 @@
+#= require tao/ui/shared/slide_box/element/base
+
+class Tao.SlideBox.Element extends Tao.SlideBox.ElementBase
+
+  _autoHideEvent: 'touchstart'
+
+TaoComponent.register Tao.SlideBox.Element

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

@@ -0,0 +1,4 @@
+#= require_self
+#= require ./element
+
+Tao.SlideBox = {}

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

@@ -0,0 +1,18 @@
+# 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

@@ -0,0 +1,76 @@
+
+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

@@ -0,0 +1,99 @@
+#= require ./direction
+#= require ./position
+
+{Direction, Position} = Tao.Popover
+
+class Tao.Popover.Element extends TaoComponent
+
+  @tag 'tao-popover'
+
+  @attribute 'active', type: 'boolean', observe: true
+
+  @attribute 'targetSelector', 'targetTraversal', 'triggerSelector', 'triggerTraversal'
+
+  @attribute 'triggerAction', default: 'click'
+
+  @attribute 'boundarySelector', 'direction', 'arrowAlign', 'arrowVerticalAlign'
+
+  @attribute 'offset', type: 'number', default: 0
+
+  @attribute 'autoHide', type: 'boolean'
+
+  @attribute 'autoDestroy', type: 'boolean'
+
+  _connected: ->
+    @_initTarget()
+    @_initTrigger()
+    @_activeChanged() if @active
+
+  _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
+
+    if @triggerAction == 'click'
+      @triggerEl.on 'click.tao-popover', (e) =>
+        @toggleActive()
+    else if @triggerAction == 'hover'
+      @triggerEl.on 'mouseenter.tao-popover', (e) =>
+        @active = true
+      .on 'mouseleave.tao-popover', (e) =>
+        @active = false
+
+  _activeChanged: ->
+    if @active
+      @refresh()
+      @_enableAutoHide() if @autoHide
+      @trigger 'show'
+    else
+      @_disableAutoHide() if @autoHide
+      @trigger 'hide'
+      @jq.remove() if @autoDestroy
+
+  _enableAutoHide: ->
+    $(document).on "mousedown.tao-popover-#{@taoId}", (e) =>
+      return unless @active
+      target = $ e.target
+      return if target.is(@target) or @jq.has(target).length or target.is(@)
+      @active = false
+
+  _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('-')
+      arrowAlign: @arrowAlign
+      arrowVerticalAlign: @arrowVerticalAlign
+      offset: @offset
+
+    @jq.css
+      top: @position.top
+      left: @position.left
+
+  toggleActive: ->
+    @active = !@active
+
+  _disconnected: ->
+    @triggerEl.off '.tao-popover'
+    $(document).off ".tao-popover-#{@taoId}"
+
+TaoComponent.register Tao.Popover.Element

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

@@ -0,0 +1,5 @@
+#= require_self
+#= require ./element
+#= require ./create
+
+window.TaoPopover = Tao.Popover = {}

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

@@ -0,0 +1,83 @@
+
+class Tao.Popover.Position extends TaoModule
+
+  @option 'direction', 'popover', 'target'
+
+  @option 'arrowAlign', default: 'center'
+
+  @option 'arrowVerticalAlign', default: 'middle'
+
+  @option 'offset', default: 0
+
+  ARROW_OFFSET: 16
+
+  _init: ->
+    @top = 0
+    @left = 0
+
+    @_setPosition()
+    @_setArrowAlign()
+    @_setOffset()
+
+  _setPosition: ->
+    targetOffset = @target.offset()
+    targetWidth  = @target.outerWidth()
+    targetHeight = @target.outerHeight()
+    popoverWidth  = @popover.outerWidth()
+    popoverHeight = @popover.outerHeight()
+    parentOffset = @popover.offsetParent().offset()
+    $arrow = @popover.find('.tao-popover-arrow')
+    arrowWidth = $arrow.outerWidth()
+    arrowHeight = $arrow.outerHeight()
+
+    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'
+        @top = targetOffset.top - popoverHeight + targetHeight / 2 + arrowHeight / 2 + @ARROW_OFFSET - parentOffset.top
+      when 'bottom'
+        @top = targetOffset.top + targetHeight / 2 - arrowHeight / 2 - @ARROW_OFFSET - parentOffset.top
+      when 'left'
+        @left = targetOffset.left - popoverWidth + targetWidth / 2 + arrowWidth / 2 + @ARROW_OFFSET - parentOffset.left
+      when 'right'
+        @left = targetOffset.left + targetWidth / 2 - arrowWidth / 2 - @ARROW_OFFSET - parentOffset.left
+      when 'center'
+        @left = targetOffset.left + targetWidth / 2  - popoverWidth / 2 - parentOffset.left
+      when 'middle'
+        @top = targetOffset.top + targetHeight / 2  - popoverHeight / 2 - parentOffset.top
+
+  _setArrowAlign: ->
+    if /top|bottom/.test @direction[0]
+      switch @arrowAlign
+        when 'left'
+          @left -= @target.width() / 2
+        when 'right'
+          @left += @target.width() / 2
+
+    if /left|right/.test @direction[0]
+      switch @arrowVerticalAlign
+        when 'top'
+          @top -= @target.height() / 2
+        when 'bottom'
+          @top += @target.height() / 2
+
+  _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

@@ -0,0 +1,76 @@
+class Tao.SlideBox.ElementBase extends TaoComponent
+
+  @tag 'tao-slide-box'
+
+  @attribute 'active', type: 'boolean', observe: true
+
+  @attribute 'withCloseButton', 'autoHide', 'autoDestroy', type: 'boolean'
+
+  @attribute 'triggerSelector', 'triggerTraversal'
+
+  @attribute 'direction', default: 'btt'
+
+  @attribute 'size'
+
+  _connected: ->
+    @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'
+    @jq[sizeProperty] if (size = parseFloat(@size)) < 0
+       $(window)[sizeProperty]() + size
+    else
+      @size
+
+  _bind: ->
+    @on 'click', '> .link-close', =>
+      @active = false
+
+    if @triggerEl && @triggerEl.length > 0
+      @triggerEl.on "click.tao-slide-box-#{@taoId}", (e) =>
+        @active = true
+
+  _beforeActiveChanged: (active) ->
+    if active
+      @jq.show()
+      @_reflow()
+    else
+      @one 'transitionend', =>
+        if @autoDestroy
+          @jq.remove()
+        else
+          @jq.hide()
+    null
+
+  _activeChanged: ->
+    @_unbindAutoHideEvent() if @autoHide
+    if @active
+      @_bindAutoHideEvent() if @autoHide
+      $('body').addClass('slide-box-active')
+      @trigger 'show'
+    else
+      $('body').removeClass('slide-box-active')
+      @trigger '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()

data/lib/assets/javascripts/tao/ui/{ujs.coffee → shared/ujs.coffee}

@@ -1,7 +1,8 @@
 # hack ujs for adding loading icon on disabled buttons/links
 
 prependLoadingIcon = (element) ->
-  $(element).prepend Tao.ui.iconTag('loading', class: 'spin')
+  $(element).addClass('text-with-icon')
+    .prepend Tao.iconTag('loading', class: 'spin')
 
 # jquery-ujs
 if $.rails?
@@ -15,6 +16,16 @@ if $.rails?
     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
@@ -26,3 +37,13 @@ else if Rails?
         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

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

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

@@ -0,0 +1,4 @@
+#= require_self
+#= require ./element
+
+Tao.SlideBox = {}

data/lib/assets/stylesheets/tao/ui/_mixins.scss

@@ -1,2 +1,2 @@
-@import 'tao/ui/mixins/base';
-@import 'tao/ui/mixins/buttons';
+@import 'tao/ui/shared/mixins/base';
+@import 'tao/ui/shared/mixins/buttons';

data/lib/assets/stylesheets/tao/ui/_variables.scss

@@ -1,3 +1,3 @@
 @import 'tao/ui/variables/base';
-@import 'tao/ui/variables/buttons';
-@import 'tao/ui/variables/tables';
+@import 'tao/ui/shared/variables/buttons';
+@import 'tao/ui/shared/variables/tables';