ui_nestable.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <!-- start: PAGE TITLE -->
  2. <section id="page-title">
  3. <div class="row">
  4. <div class="col-sm-8">
  5. <h1 class="mainTitle" translate="sidebar.nav.element.NESTABLE">{{ mainTitle }}</h1>
  6. <span class="mainDescription">Drag &amp; drop hierarchical list with mouse and touch compatibility</span>
  7. </div>
  8. <div ncy-breadcrumb></div>
  9. </div>
  10. </section>
  11. <!-- end: PAGE TITLE -->
  12. <!-- start: NESTABLE LIST -->
  13. <div class="container-fluid container-fullw bg-white">
  14. <div>
  15. <!-- /// controller: 'nestableCtrl' - localtion: assets/js/controllers/nestableCtrl.js /// -->
  16. <div ng-controller="nestableCtrl">
  17. <div class="row">
  18. <div class="col-md-6">
  19. <div ng-nestable ng-model="mdl">
  20. {{$item.text}}
  21. </div>
  22. </div>
  23. <div class="col-md-6">
  24. <div ng-nestable ng-model="mdl2">
  25. {{$item.text}}
  26. </div>
  27. </div>
  28. <div class="col-md-6">
  29. <h5>Data binding</h5>
  30. <div class="well">
  31. {{mdl | json}}
  32. </div>
  33. </div>
  34. <div class="col-md-6">
  35. <h5>Data binding</h5>
  36. <div class="well">
  37. {{mdl2 | json}}
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. <!-- end: NESTABLE LIST -->