angular-gantt/mkdocs/plugins/movable.md

Gantt chart component for AngularJS

# Movable

Move and resize tasks.

## Usage

    angular.module('myApp', ['gantt', 'gantt.movable']);

<!-- -->

    <div gantt>
        <gantt-movable enabled="true"
                       allow-moving="true" 
                       allow-resizing="true"
                       allow-row-switching="true">
        </gantt-movable>
    </div>


## Attributes

- ### enabled

    Enable moving and resizing of tasks. Can also be a function (`fn(event, Task)`). Such a 
    function can be used to only activate the moving when a certain mouse button is pressed, 
    or the task is in a certain condition.
    
    default: `true`

- ### allow-moving

    Tasks can be moved inside a row.
    
    default: `true`

- ### allow-resizing

    Tasks can be resized.
    
    default: `true`

- ### allow-row-switching

    Tasks can be moved to a different row. Can also be a function (`fn(Task, TargetRow)`) returning `true` to allow the 
    switch, or `false` to prevent it.
    
    default: `true`

## Model

Attributes can be defined for a specific `Row` or `Task` object using an object property named `movable`

    {
      ...
      // Inside Row or Task object
      // Full options object
      'movable': {
        'enabled': <Boolean>,
        'allowMoving': <Boolean>,
        'allowResizing': <Boolean>,
        'allowRowSwitching': <Boolean|Function>
      }
      
      // Or shortcut for enabled property
      'movable': <Boolean>
    }

## API

### Events
  
- **api.tasks.on.moveBegin(task)**, **api.tasks.on.move(task, fromRow)**, **api.tasks.on.moveEnd(task)**

    A task is starting to move, moving or has stopped moving.

- **api.tasks.on.resizeBegin(task)**, **api.tasks.on.resize(task)**, **api.tasks.on.resizeEnd(task)**

    A task is starting to resize, resizing or has stopped resizing.