Skip to content

Latest commit

 

History

History
362 lines (324 loc) · 11.6 KB

CHANGELOG.md

File metadata and controls

362 lines (324 loc) · 11.6 KB
Raw

v3.0.4

  • Removed:

    • $watch in node, nodes
    • $icon_class -> node.icon_class

  • Fixed:

    • Indent when error dragging in list.
    • Optimal $watch of tree-dnd (faster, stabler).

  • Added:

    • Just only plugin when need (increment speed init tree):
      • Filter.
      • Order By.
      • Drag & Drop.
      • Control of Tree.
    • In Demo:
      • Custom Options & Demo live.
      • Order By.

v3.0.3

  • Fix error dragDrop for Tree
  • Optimal getElementChilds
  • Add new Demo (filter, multi tree)
  • Problems:
    • Error when drag node to thead (table)
  • Next feature:
    • Split angular-tree-dnd:
      • Only Directive control: next, prev,...
      • Only DragNDrop
      • ....
      • And Full-All
      • OrderBy

v3.0.2

  • Add function Scope.$safeApply().
  • Fix Watch
  • Fix Bower.json
  • Fix any error angular 1.2.1.
  • New feature:
    • Filter.
    • Add scope.targeting (boolean): true - when dragMove targeting (tree-dnd over).
    • Add attribute enableCollapse to enable Mode collapse node when dragStart.
  • Next feature:
    • Multi select.
    • OrderBy data.

v3.0.1

  • Add gulp, travis,...

  • dragBorder: allow drag indent if position of drag >= border drag.

  • for_all_descendants: To access all descendant of node.

    • param: for_all_descendants(node, fnCallback);
    • return: false (when fnCallback return false or null), true (if accessed all descendant)
    • fnCallback: to proccess when dir to node.
      • result: if return true or Object then break function for_all_descendants (when function for_all_descendants return false)

  • for_all_ancestors: sample like for_all_descendants (but use to ancestors);

  • Attribute tree-class if type:

    • string: will cast value to scope.tree_class
    • object: will cast vaule to $TreeDnDClass
      • '$TreeDnDClass': constant of class in Tree, able extend by attribute tree-class
        • tree: 'tree-dnd', (auto addClass tree-dnd)
        • empty: 'tree-dnd-empty',
        • hidden: 'tree-dnd-hidden',
        • node: 'tree-dnd-node', (auto addClass tree-dnd-node)
        • nodes: 'tree-dnd-nodes', (auto addClass tree-dnd-nodes)
        • handle: 'tree-dnd-handle',
        • place: 'tree-dnd-placeholder',
        • drag: 'tree-dnd-drag',
        • status: 'tree-dnd-status',
        • icon:
          • '1': 'glyphicon glyphicon-minus', (able cast by attribute icon-leaf)
          • '0': 'glyphicon glyphicon-plus', (able cast by attribute icon-leaf)
          • '-1': 'glyphicon glyphicon-file', (able cast by attribute icon-leaf)

  • Attribute tree-control - Allow developer create new or overdrive all function exist below :

    • Directive:
      • collapse_all: ()
      • collapse_node: (node)
      • expand_all: ()
      • expand_all_parents: (child)
      • expand_node: (node)
      • select_first_node: ()
      • select_next_node: (node)
      • select_next_sibling: (node)
      • select_node: (node)
      • deselect_node: ()
      • select_parent_node: (node)
      • select_prev_node: (node)
      • select_prev_sibling: (node)
    • Event:
      • for_all_ancestors: (child, fn)
      • for_all_descendants: (node, fn)
      • get_children: (node)
      • get_closest_ancestor_next_sibling: (node)
      • get_first_child: (node)
      • get_first_node: ()
      • get_last_descendant: (node)
      • get_next_node: (node)
      • get_next_sibling: (node)
      • get_parent: (node)
      • get_prev_node: (node)
      • get_prev_sibling: (node)
      • get_selected_node: ()
      • get_siblings: (node)
    • Effect:
      • reload_data: ()
      • add_node: (parent, new_node, index)
      • add_node_root: (new_node)
      • remove_node: (node)
      • selected_node: null

v3.0.0

  • Renamed
    • module treeTable to ntt.TreeDnD
    • angular-tree-table to ng-tree-dnd:
    • tree-table to tree-dnd.
    • tree-table-node to tree-dnd-node.
    • tree-table-nodes to tree-dnd-nodes.
    • datas in tree-table-nodes to nodes.
    • branch to node.

v2.1.1

  • Fix call function 'on-click', 'on-select'
  • Fix status dragging.
  • Fix factory Template

v2.1.0

  • Fix hashKey
  • Able Drag data in tree-table different (supported)
  • Removed:
    • __tree_icon__ (in Tree_Data): changed to __icon__ (-1: leaf, 0: collect, 1: expaned)
  • Added $iconClass replace for __tree_icon__ (avoid conflict when create tree-table use one tree-data)
  • Add function:
    • re-Add function dropped in $callbaks (used to copying or remove node old): * 
          dropped:     function (info, pass, isMove);
      • With param:
        • info:
          • drag: Scope of Node dragging.
          • tree: Scope of Node Target.
          • node: Node dragging.
          • parent: Parent containd Node Dragging.
          • move:
            • parent: Node parent to move node dragging to.
            • pos: Position insert.
          • target: Data node Target (able skip, not important)
        • pass: bypass resutl in $callback.beforeDrop:.
        • isMove: status Moving or Copying.
    • 'onSelect': Select and callback function on-select (created in directive)
    • 'onClick': callback function on-click. (created in directive)
    • 'column-defs': null will auto get colDefinitions (sample with empty).
    • 'toggleExpand': use toggle Expand;
  • Next Feature:
    • Allow load Children dynamic with '$http'.

v2.0.1

  • Fix remove indent when drag elemnt with level > 1;
  • Fix drag not two tree-table different (development, not support).
  • Add attributes
    • enable-move: true: To move node, false: to copy node (default true)
    • enable-hotkey: true: press 'shift' to move node, unpress 'shift' to copy node. (default false)
    • enable-drag: to Enable-drag (default true)
    • enable-status: to show status moving, copying (default false)
    • template-copy: to add url template of Status Copy (can bypass string or variable in controller, but just only get $templateCache, if not exist will get default);
    • template-move: to add url template of Status Move (can bypass string or variable in controller, but just only get $templateCache, if not exist will get default);
    • Example:
<tree-table class="tree-table table table-hover b-b b-light" tree-data="tree_data" tree-control="my_tree"
    primary-key="primaryKey" 
    callbacks="callbacks" 
    
    enable-drag="true"
    enable-status="true" 
    enable-move="true" 
    icon-leaf="none" 
    icon-expand="fa fa-fw fa-angle-right"
    icon-collapse="fa fa-fw fa-angle-down" 
    
    column-defs="col_defs" 
    expand-on="expanding_property"
    
    template-url="tree-table-template.html" 
    template-move="'tree-table-template.html'"
    template-copy="tree-table-template.html"

    data-indent="30"
    data-indent-unit="px"
    data-indent-plus="15"
></tree-table>

v2.0.0

  • Fix any bug.
  • Can use & display ListTree and TableTree
  • Combinding with list-tree.
<script type="text/ng-template" id="tree-table-template-render.html">
    <ul tree-table-nodes="tree_data" class="tree-table-rows">
        <li tree-table-node="row" ng-repeat="row in datas track by row.__hashKey__" ng-show="row.__visible__"
            ng-class="(row.__selected__ ? ' active':'')"
            ng-style="expandingProperty.cellStyle ? expandingProperty.cellStyle : {}" ng-click="user_clicks_branch(row)"
            ng-class="expandingProperty.cellClass" compile="expandingProperty.cellTemplate"
            ng-include="'tree-table-template-fetch.html'"></li>
    </ul>
</script>
<script type="text/ng-template" id="tree-table-template-fetch.html">
    <a tree-table-node-handle class="btn btn-default"> - </a>{{row[expandingProperty.field] || row[expandingProperty]}}
    <a ng-show="row.__expanded__ != null" class="btn btn-default"
       ng-click="expand(row)"> {{ (row.__expanded__) ? '-' : '+' }} </a>
    <ul tree-table-nodes="row.__children__" class="tree-table-rows">
        <li tree-table-node="row" ng-repeat="row in datas track by row.__hashKey__" ng-show="row.__visible__"
            ng-class="(row.__selected__ ? ' active':'')"
            ng-style="expandingProperty.cellStyle ? expandingProperty.cellStyle : {}" ng-click="user_clicks_branch(row)"
            ng-class="[expandingProperty.cellClass]" compile="expandingProperty.cellTemplate"
            ng-include="'tree-table-template-fetch.html'"></li>
    </ul>
</script>
<tree-table tree-data="tree_data" tree-control="my_tree" drag-enabled="true" column-defs="[]"
            expand-on="expanding_property" on-select="my_tree_handler(branch)" on-click="my_tree_handler(branch)"
            template-url="tree-table-template-render.html"></tree-table>

v1.1.0

  • Fix any bug.
  • Fix not refresh data
  • Fix error in Angular 1.3
  • Combinding with list-tree (ol,ul, li, present not compatible - beta)
  • Add infomation node into Node Target after DropStop:
    scope.$callbacks.dragStop(dragInfo, _status);
* _status: Status changed pos of node, Drag succeed!
* dragInfo:
    * node:          scope.node(), // Data node dragged
    * scope:         scope, // Scope node
    * level:         scope.node().__level__, // Level indent
    * target:        scope.prev(), // Node prev
    * move:
        * parent: -1, // -1: Dragged failed, null: node root, > 0: node normal
        * pos:    -1 // Position new Note moveTo
  • Add 'data' to TreeTableNode tree-table-node=data in template;
<tr tree-table-node="row" ng-repeat="row in tree_rows track by hashedTree(row)"
                            ng-show="row.__visible__" ng-class="(row.__selected__ ? ' active':'')" class="ng-animate ">
    ....
</tr>
  • Add class for tree-table (auto render to tree_class add to )
        <tree-table
        class="tree-table table table-hover b-b b-light"
        tree-data="tree_data" tree-control="my_tree">
    </tree-table>

    v1.0.3

    • Add attribute 'primaryKey' to filter & reload data in repeat best (instead of default uid = now())
    • Add function hashedTree to track by on ng-repeat
    • Fix any error when drag.
    • Add demo new.
        	<tree-table 
    		tree-data="tree_data" 
    		tree-control="my_tree" 
    		primary-key="primaryKey" 
    		callbacks="callbacks"
                drag-enabled="true" 
                icon-leaf="none" 
                icon-expand="fa fa-fw fa-angle-right"
                icon-collapse="fa fa-fw fa-angle-down" 
                column-defs="col_defs" 
                expand-on="expanding_property"
                template-url="tree-table-template.html" 
                on-select="my_tree_handler(branch)"
                on-click="my_tree_handler(branch)" 
                data-indent="30" data-indent-unit="px"
                data-indent-plus="15">
        </tree-table>

    V1.0.2

    ###Add function $TreeTableConvert.line2tree -> convert data line to tree vaild.

    Desciption

    line2tree(data, keyPrimary, keyParent);

    Example:

    var data = [
	{
		id: 1, 
		parent: null
	},
	{id: 2},
	{id: 3},
	{id: 4},
	{
		id: 5,
		parent: 4
	}
]

*$scope.tree_data = $TreeTableConvert.line2tree(data, 'id', 'parent');

    ###Add function $TreeTableConvert.tree2tree -> convert data tree to tree vaild.

    Desciption

    line2tree(data, keyChildren);

    Example:

    var data = [
	id: 1
	children: [
		{id: 2},
		{id: 3},
		{id: 4}
		{
			id: 5,
			children: []
		}
	]
];

$scope.tree_data = $TreeTableConvert.tree2tree(data, 'children');

    Result data tree vaild

       data = [
	id: 1
	__children__: [
		{id: 2},
		{id: 3},
		{id: 4}
		{
			id: 5,
			__children__: []
		}
	]
]