aerogel-admin 1.4.4

data/assets/vendor/smart-list-table.css.scss

@@ -0,0 +1,42 @@
+// set parameters here
+// ...
+// $stt-selected-bg = ...
+// $stt-selected-fg = ...
+
+$stt-hover-fg: #000 !default;
+$stt-hover-bg: #eee !default;
+$stt-hover-cursor: pointer !default;
+
+$stt-selected-fg: inherit !default;
+$stt-selected-bg: #5e96de !default;
+
+$stt-drag-helper-bg: #fff !default;
+$stt-drag-helper-fg: #000 !default;
+$stt-drag-helper-shadow: 5px 5px 5px #777 !default;
+$stt-drag-helper-border: 1px solid #ccc !default;
+$stt-drag-helper-zindex: 100 !default;
+
+$stt-drag-over-bg: #eee !default;
+$stt-drag-over-fg: inherit !default;
+
+$stt-drag-source-bg: #e9e9e9 !default;
+$stt-drag-source-fg: inherit !default;
+
+$stt-drop-target-overlay-border-width: 3px !default;
+$stt-drop-target-overlay-border-color: black !default;
+$stt-drop-target-overlay-border-style: solid !default;
+
+$stt-drop-target-overlay-before-border-style: $stt-drop-target-overlay-border-style none none none !default;
+$stt-drop-target-overlay-before-border-width: $stt-drop-target-overlay-border-width !default;
+$stt-drop-target-overlay-before-border-color: $stt-drop-target-overlay-border-color !default;
+
+$stt-drop-target-overlay-into-border-style: $stt-drop-target-overlay-border-style !default;
+$stt-drop-target-overlay-into-border-width: $stt-drop-target-overlay-border-width !default;
+$stt-drop-target-overlay-into-border-color: $stt-drop-target-overlay-border-color !default;
+
+$stt-drop-target-overlay-after-border-style: none none $stt-drop-target-overlay-border-style none !default;
+$stt-drop-target-overlay-after-border-width: $stt-drop-target-overlay-border-width !default;
+$stt-drop-target-overlay-after-border-color: $stt-drop-target-overlay-border-color !default;
+
+
+@import "smart-list-table/smart-list-table";

data/assets/vendor/smart-list-table.js.coffee

@@ -0,0 +1 @@
+#= require ./smart-list-table/smart-list-table

data/assets/vendor/smart-list-table/smart-list-table-row.js.coffee

@@ -0,0 +1,63 @@
+
+Function::property = (name) ->
+    Object.defineProperty @prototype, name,
+        get: -> @get_property name
+        set: (v) -> @set_property name, v
+
+# An object representing tree table row.
+#
+#
+class @SmartListTableRow
+
+    constructor: (@table, @el) ->
+        @id = @el.attr 'data-id'
+        @contents = @active_column().html()
+        @attributes = {}
+        for attr in @el.get(0).attributes
+            @attributes[attr.name] = attr.value
+        @_properties = {}
+
+
+    active_column: ->
+        @el.find(@table.settings.active_column_selector).first()
+
+    render: ->
+        @el.removeClass "#{@table.settings.selectedClass}"
+        @el.addClass @table.settings.selectedClass if @get_property 'selected'
+        # @active_column().html( "#{@_prefix()}#{@contents}")
+
+    show: ->
+        @el.show()
+
+    hide: ->
+        @el.hide()
+
+    get_property: (name) ->
+        @_properties[name]
+    set_property: (name, v) ->
+        @_properties[name] = v
+        @render()
+        v
+
+    @property 'selected'
+    # @property 'other_prop1'
+
+
+    _indenter: (level) ->
+        px = level * @table.settings.indent
+        "<span class='indenter' style='padding-left:#{px}px'></span>"
+
+    _prefix: ->
+        p_indent = @_indenter @get_property 'level'
+        p_prefix = ''
+        s = {}
+        if @get_property 'branch'
+            s = @table.settings.prefix.branch
+        else
+            s = @table.settings.prefix.leaf
+        if @get_property 'expanded'
+            p_prefix = s.expanded
+        else
+            p_prefix = s.collapsed
+        "#{p_indent}#{p_prefix}"
+

data/assets/vendor/smart-list-table/smart-list-table.css.scss

@@ -0,0 +1,54 @@
+
+.smart-list-table tbody {
+
+    tr:hover {
+        background: $stt-hover-bg;
+        color: $stt-hover-fg;
+        cursor: $stt-hover-cursor;
+    }
+    tr.selected {
+        background: $stt-selected-bg;
+        color: $stt-selected-fg;
+    }
+
+    tr td span.indenter {
+        display: inline-block;
+        // margin: 0;
+    }
+
+    tr.drag-helper {
+        background: $stt-drag-helper-bg;
+        box-shadow: $stt-drag-helper-shadow;
+        border: $stt-drag-helper-border;
+        z-index: $stt-drag-helper-zindex;
+    }
+
+    tr.drag-over {
+        background: $stt-drag-over-bg;
+        color: $stt-drag-over-fg;
+    }
+
+    tr.drag-source {
+        background: $stt-drag-source-bg;
+        color: $stt-drag-source-fg;
+    }
+
+    .drop-target-overlay {
+        // border: 1px solid green;
+    }
+    .drop-target-overlay.before {
+        border-style: $stt-drop-target-overlay-before-border-style;
+        border-width: $stt-drop-target-overlay-before-border-width;
+        border-color: $stt-drop-target-overlay-before-border-color;
+    }
+    .drop-target-overlay.into {
+        border-style: $stt-drop-target-overlay-into-border-style;
+        border-width: $stt-drop-target-overlay-into-border-width;
+        border-color: $stt-drop-target-overlay-into-border-color;
+    }
+    .drop-target-overlay.after {
+        border-style: $stt-drop-target-overlay-after-border-style;
+        border-width: $stt-drop-target-overlay-after-border-width;
+        border-color: $stt-drop-target-overlay-after-border-color;
+    }
+}

data/assets/vendor/smart-list-table/smart-list-table.js.coffee

@@ -0,0 +1,133 @@
+#= require ./smart-list-table-row
+#
+debug = false
+log = (msg) ->
+    console?.log "** smart-list-table: #{msg}" if debug
+error = (msg) ->
+    console?.error "** smart-list-table: #{msg}" if debug
+    throw new Error msg
+
+class @SmartListTable
+
+    # Default settings
+    @_default_settings:
+        column: 1
+        addClass: 'smart-list-table'
+        selectedClass: "selected"
+        hoverClass: null # or class to add on mouseenter/mouseleave
+        dragAndDrop:
+            enabled: false
+            handle: null # or selector to drag-n-drop handle
+            helper: null # or function returning helper element
+            helperClass: 'drag-helper'
+            helperOpacity: 0.85
+            dragOverClass: 'drag-over'
+            dragSourceClass: 'drag-source'
+            dropTarget:
+                beforePx: 7
+                afterPx: 10
+                overlay:
+                    class: "drop-target-overlay"
+                    before: '' # contents for 'before' insert mode
+                    into: ''   # contents for 'into' insert mode
+                    after: ''  # contents for 'after' insert mode
+        debug: false
+        on_select: null
+
+    # Creates a SmartTreeTable object using an HTML table specified by +el+ selector.
+    #
+    constructor: (el, options = {}) ->
+        unless $(el).length > 0
+            error "No matching elements specified by selector '#{el}'"
+        @settings = $.extend true, SmartListTable._default_settings, options
+        @settings.active_column_selector = "td:nth-child(#{@settings.column})"
+        @table = $(el).first()
+        @table.addClass @settings.addClass if @settings.addClass?
+        @init_table_rows()
+        @bind_event_listeners()
+        @selected_row = null
+        @drag_and_drop = null
+        $(el).disableSelection()
+        # SmartListTable object ready
+        #
+        # @enable_drag_and_drop() if @settings.dragAndDrop.enabled
+        log "created SmartListTable: #{el}"
+
+
+    #
+    # private methods
+    #
+
+    # Returns SmartListTable rows as list.
+    #
+    table_html_rows: ->
+        @table.find('tbody tr')
+
+    # Returns table row ids as list.
+    #
+    table_html_row_ids: ->
+        @id_of(row) for row in @table_html_rows()
+
+    # Returns Rows as list, ordered as the table.
+    #
+    rows_list: ->
+        @rows[id] for id in @table_html_row_ids()
+
+    # Returns +id+ of a given row HTML element.
+    #
+    id_of: (el) ->
+        $(el).attr 'data-id'
+
+    # initializes table rows
+    #
+    init_table_rows: ->
+        @rows = {}
+        for row in @table_html_rows()
+            row_obj = new SmartListTableRow @, $(row)
+            row_obj.expanded = true
+            @rows[row_obj.id] = row_obj
+
+        @update_table_rows()
+        #for row in @rows_list()
+        #    @collapse row.id
+            # log "row: #{row.id} -> #{row.parent_id} (level:#{row.level}): #{row.contents}"
+
+
+    # Updates table rows.
+    # Sets level, branch/leaf properties.
+    #
+    update_table_rows: ->
+        # nothing
+
+
+    # Selects row with +id+.
+    #
+    select: (id, process_callbacks = true ) ->
+        @selected_row.selected = false if @selected_row?
+        @selected_row = null
+        @selected_row = @rows[id] if id?
+        @selected_row.selected = true if @selected_row?
+        # if parent is collapsed, expand all until first expanded ancestor
+
+        if @settings.on_select? && process_callbacks
+            selected_id = if @selected_row? then @selected_row.id else null
+            selected_el = if @selected_row? then @selected_row.el else null
+            @settings.on_select selected_id, @selected_row, selected_el
+
+
+    # Binds event listeners on rows.
+    #
+    bind_event_listeners: ->
+        @table.find('tbody').on 'click', 'tr', (e) =>
+            id = @id_of $(e.currentTarget)
+            @select id
+
+        if @settings.hoverClass?
+            @table.find('tbody').on 'mouseenter', 'tr', (e) =>
+                $(e.currentTarget).addClass @settings.hoverClass
+            @table.find('tbody').on 'mouseleave', 'tr', (e) =>
+                $(e.currentTarget).removeClass @settings.hoverClass
+
+
+$ ->
+    log "initialized"

data/assets/vendor/smart-tree-table.css.scss

@@ -0,0 +1,42 @@
+// set parameters here
+// ...
+// $stt-selected-bg = ...
+// $stt-selected-fg = ...
+
+$stt-hover-fg: #000 !default;
+$stt-hover-bg: #eee !default;
+$stt-hover-cursor: pointer !default;
+
+$stt-selected-fg: inherit !default;
+$stt-selected-bg: #5e96de !default;
+
+$stt-drag-helper-bg: #fff !default;
+$stt-drag-helper-fg: #000 !default;
+$stt-drag-helper-shadow: 5px 5px 5px #777 !default;
+$stt-drag-helper-border: 1px solid #ccc !default;
+$stt-drag-helper-zindex: 100 !default;
+
+$stt-drag-over-bg: #eee !default;
+$stt-drag-over-fg: inherit !default;
+
+$stt-drag-source-bg: #e9e9e9 !default;
+$stt-drag-source-fg: inherit !default;
+
+$stt-drop-target-overlay-border-width: 3px !default;
+$stt-drop-target-overlay-border-color: black !default;
+$stt-drop-target-overlay-border-style: solid !default;
+
+$stt-drop-target-overlay-before-border-style: $stt-drop-target-overlay-border-style none none none !default;
+$stt-drop-target-overlay-before-border-width: $stt-drop-target-overlay-border-width !default;
+$stt-drop-target-overlay-before-border-color: $stt-drop-target-overlay-border-color !default;
+
+$stt-drop-target-overlay-into-border-style: $stt-drop-target-overlay-border-style !default;
+$stt-drop-target-overlay-into-border-width: $stt-drop-target-overlay-border-width !default;
+$stt-drop-target-overlay-into-border-color: $stt-drop-target-overlay-border-color !default;
+
+$stt-drop-target-overlay-after-border-style: none none $stt-drop-target-overlay-border-style none !default;
+$stt-drop-target-overlay-after-border-width: $stt-drop-target-overlay-border-width !default;
+$stt-drop-target-overlay-after-border-color: $stt-drop-target-overlay-border-color !default;
+
+
+@import "smart-tree-table/smart-tree-table";

data/assets/vendor/smart-tree-table.js.coffee

@@ -0,0 +1 @@
+#= require ./smart-tree-table/smart-tree-table

data/assets/vendor/smart-tree-table/smart-tree-table-drag-n-drop.js.coffee

@@ -0,0 +1,190 @@
+# Enables drag-and-drop functionality on passed SmartTreeTable
+#
+debug = false
+log = (msg) ->
+    console?.log "** smart-tree-table-drag-n-drop: #{msg}" if debug
+error = (msg) ->
+    console?.error "** smart-tree-table-drag-n-drop: #{msg}" if debug
+    throw new Error msg
+
+
+class @SmartTreeTableDragAndDrop
+
+    constructor: (@table) ->
+        @settings = @table.settings.dragAndDrop
+        @reset()
+        @bind_draggables()
+
+
+
+    # Resets inner structures.
+    #
+    reset: ->
+        @helper = null
+        @drag_over_row = null
+        @drop_target = {}
+        @drop_target_overlay = null
+        @drag_start_row = null
+
+
+    bind_draggables: ->
+        draggable_options =
+            addClasses: false
+            appendTo: @table.table
+            helper: ( @settings.helper || @create_drag_and_drop_helper )
+            opacity: @settings.helperOpacity
+
+            start: (e, ui) =>
+                if @settings.handle
+                    id = @table.id_of $(e.currentTarget).closest 'tr'
+                else
+                    id = @table.id_of $(e.currentTarget)
+                @on_drag_start id
+
+            stop: =>
+                @on_drag_stop()
+
+            drag: (e, ui) =>
+                center_y = ui.helper.position().top + ui.helper.height()/2;
+                @on_drag_evaluate center_y
+
+        if @settings.handle?
+            @table.table_html_rows().find(@settings.handle).draggable draggable_options
+        else
+            @table.table_html_rows().draggable draggable_options
+        log "enabled, handle: #{if @settings.handle? then @settings.handle else 'all rows'}"
+
+    # Callback to be invoked on drag start.
+    #
+    on_drag_start: (id) ->
+        @drag_start_row = @table.rows[id]
+        @table.select null
+        @table.collapse id
+        @drag_start_row.el.addClass @settings.dragSourceClass if @settings.dragSourceClass
+        # validate drop targets
+        @create_drop_target_overlay()
+        log "started row #{id}"
+
+    # Callback to be invoked on drag finish.
+    #
+    on_drag_stop: ->
+        @destroy_drop_target_overlay()
+        @drag_over_row.el.removeClass @settings.dragOverClass if @drag_over_row?
+        @drag_start_row.el.removeClass @settings.dragSourceClass if @settings.dragSourceClass
+        if @drop_target.id? && @drop_target.insert_mode != 'outside'
+            @table.move_tree_node @drag_start_row.id, @drop_target.id, @drop_target.insert_mode
+            log "finished: #{@drop_target.insert_mode}:#{@drop_target.id}"
+        else
+            log "finished outside of valid targets"
+        @reset()
+
+
+    # Callback to be invoked on each drag movement.
+    # +y+ is the center position of the draggable helper.
+    #
+    on_drag_evaluate: (y) ->
+        drag_over_table = false
+        for id, row of @table.rows
+            row_top = row.el.position().top
+            row_bottom = row_top + row.el.height()
+            if row_top < y && row_bottom > y
+                drag_over_table = true
+                @on_drag_over row, y-row_top, row_bottom-y
+        @on_drag_over null, 0, 0 unless drag_over_table
+
+
+    # Callback to be invoked on drag over table row,
+    # +row+ is Row object or null if helper is dragged outside of the table
+    # +before_px+ is the distance from row top to helper's +y+
+    # +after_px+ is the distance from row bottom to helper's +y+
+    #
+    on_drag_over: (row, before_px, after_px) ->
+        @drag_over_row.el.removeClass @settings.dragOverClass if @drag_over_row?
+        @drag_over_row = row
+        @drop_target = {}
+        unless row?
+            @hide_drop_target_overlay()
+            return
+        @drag_over_row.el.addClass @settings.dragOverClass
+        unless @drag_start_row.id == row.id
+            @drop_target.id = row.id
+            @drop_target.row = row
+            if before_px < @settings.dropTarget.beforePx
+                @drop_target.insert_mode = 'before'
+            else if after_px < @settings.dropTarget.afterPx
+                @drop_target.insert_mode = 'after'
+            else
+                @drop_target.insert_mode = 'into'
+        @update_drop_target_overlay row, @drop_target.insert_mode
+
+    #
+    #
+    create_drag_and_drop_helper: (e) =>
+        src = null
+        if @settings.handle?
+            src = $(e.currentTarget).closest 'tr'
+        else
+            src = $(e.currentTarget)
+        helper = src.clone()
+        helper.children().each (i) ->
+            $(@).width src.children().eq(i).width()
+        helper.width src.width()
+        helper.height src.height()
+        helper.addClass @settings.helperClass
+        helper.removeClass "selected"
+        log "helper created"
+        helper
+
+    # Create drop target overlay
+    #
+    create_drop_target_overlay: ->
+        @drop_target_overlay = $( '<div>', { class: @settings.dropTarget.overlay.class } )
+        @drop_target_overlay.css 'position', 'absolute'
+        # @drop_target_overlay.css 'z-index', 100
+        @table.table.find('tbody').append @drop_target_overlay
+        @drop_target_overlay.text( "overlay created" )
+
+
+    # Destroy drag target overlay
+    #
+    destroy_drop_target_overlay: ->
+        @drop_target_overlay.remove() if @drop_target_overlay?
+
+    # Hides drag_target_overlay
+    #
+    hide_drop_target_overlay: ->
+        @drop_target_overlay.hide() if @drop_target_overlay?
+
+    # Shows drop_target_overlay
+    #
+    show_drop_target_overlay: ->
+        @drop_target_overlay.show() if @drop_target_overlay?
+
+    # Updates drag target overlay.
+    #
+    update_drop_target_overlay: (row, insert_mode = 'outside' ) ->
+        @show_drop_target_overlay()
+        @drop_target_overlay.html ''
+        if insert_mode == 'before'
+            @drop_target_overlay.html @settings.dropTarget.overlay.before
+        if insert_mode == 'into'
+            @drop_target_overlay.html @settings.dropTarget.overlay.into
+        if insert_mode == 'after'
+            @drop_target_overlay.html @settings.dropTarget.overlay.after
+        el_top = row.el.position().top
+        el_left = row.el.position().left
+        el_height = row.el.height()
+        el_width = row.el.width()
+        @drop_target_overlay.removeClass "before into after outside"
+        @drop_target_overlay.addClass insert_mode
+        @drop_target_overlay.css(
+            top: el_top
+            left: el_left
+            height: el_height
+            width: el_width
+        )
+
+
+
+
+