angular-layout-design

Installation

bower

$ bower install

Examples:

Directive format

<design-dragdrop diagram="zoneinfo" mode="{{mode}}" table-selected="tableSelected(table)" templete-url="./bower_components/angular-layout-design/template.html"></design-dragdrop>

Include

CSS

  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <link rel="stylesheet" href="./bower_components/angular-layout-design/style.css">
  <link rel="stylesheet" href="./bower_components/angular-bootstrap-colorpicker/css/colorpicker.css">

JS

  <script src="https://code.jquery.com/jquery-1.10.2.js" ></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
  <script src="./bower_components/angular-layout-design/dragon-drop.js"></script>
  <script src="./bower_components/angular-bootstrap-colorpicker/js/bootstrap-colorpicker-module.js"></script>