angular-multi-select-tree-0.1.0.tpl.js 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. angular.module('multi-select-tree').run(['$templateCache', function($templateCache) {
  2. 'use strict';
  3. $templateCache.put('src/multi-select-tree.tpl.html',
  4. "<div class=\"tree-control\">\n" +
  5. "\n" +
  6. " <div class=\"tree-input\" ng-click=\"onControlClicked($event)\">\n" +
  7. " <span ng-if=\"selectedItems.length == 0\" class=\"selected-items\">\n" +
  8. " <span ng-bind=\"defaultLabel\"></span>\n" +
  9. " </span>\n" +
  10. " <span ng-if=\"selectedItems.length > 0\" class=\"selected-items\">\n" +
  11. " <span ng-repeat=\"selectedItem in selectedItems\" class=\"selected-item\">{{selectedItem.name}} <span class=\"selected-item-close\"\n" +
  12. " ng-click=\"deselectItem(selectedItem, $event)\"></span></span>\n" +
  13. " <span class=\"caret\"></span>\n" +
  14. " </span>\n" +
  15. " <!-- <input type=\"text\" class=\"blend-in\" /> -->\n" +
  16. " </div>\n" +
  17. " <div class=\"tree-view\" ng-show=\"showTree\">\n" +
  18. " <div class=\"helper-container\">\n" +
  19. " <div class=\"line\" data-ng-if=\"switchView\">\n" +
  20. " <button type=\"button\" ng-click=\"switchCurrentView($event);\" class=\"helper-button\">{{switchViewLabel}}</button>\n" +
  21. " </div>\n" +
  22. " <div class=\"line\">\n" +
  23. " <input placeholder=\"Search...\" type=\"text\" ng-model=\"filterKeyword\" ng-click=\"onFilterClicked($event)\"\n" +
  24. " class=\"input-filter\">\n" +
  25. " <span class=\"clear-button\" ng-click=\"clearFilter($event)\"><span class=\"item-close\"></span></span>\n" +
  26. " </div>\n" +
  27. " </div>\n" +
  28. " <ul class=\"tree-container\">\n" +
  29. " <tree-item class=\"top-level\" ng-repeat=\"item in inputModel\" item=\"item\" ng-show=\"!item.isFiltered\"\n" +
  30. " use-callback=\"useCallback\" can-select-item=\"canSelectItem\"\n" +
  31. " multi-select=\"multiSelect\" item-selected=\"itemSelected(item)\"\n" +
  32. " on-active-item=\"onActiveItem(item)\" select-only-leafs=\"selectOnlyLeafs\"></tree-item>\n" +
  33. " </ul>\n" +
  34. " </div>\n" +
  35. "</div>\n"
  36. );
  37. $templateCache.put('src/tree-item.tpl.html',
  38. "<li>\n" +
  39. " <div class=\"item-container\" ng-class=\"{active: item.isActive, selected: item.selected}\"\n" +
  40. " ng-click=\"clickSelectItem(item, $event)\" ng-mouseover=\"onMouseOver(item, $event)\">\n" +
  41. " <span ng-if=\"showExpand(item)\" class=\"expand\" ng-class=\"{'expand-opened': item.isExpanded}\"\n" +
  42. " ng-click=\"onExpandClicked(item, $event)\"></span>\n" +
  43. "\n" +
  44. " <div class=\"item-details\"><input class=\"tree-checkbox\" type=\"checkbox\" ng-if=\"showCheckbox()\"\n" +
  45. " ng-checked=\"item.selected\"/>{{item.name}}\n" +
  46. " </div>\n" +
  47. " </div>\n" +
  48. " <ul ng-repeat=\"child in item.children\" ng-if=\"item.isExpanded\">\n" +
  49. " <tree-item item=\"child\" item-selected=\"subItemSelected(item)\" use-callback=\"useCallback\"\n" +
  50. " can-select-item=\"canSelectItem\" multi-select=\"multiSelect\"\n" +
  51. " on-active-item=\"activeSubItem(item, $event)\"></tree-item>\n" +
  52. " </ul>\n" +
  53. "</li>\n"
  54. );
  55. }]);