multi-select-tree.tpl.html 1.7 KB

123456789101112131415161718192021222324252627282930313233
  1. <div class="tree-control">
  2. <div class="tree-input" ng-click="onControlClicked($event)">
  3. <span ng-if="selectedItems.length == 0" class="selected-items">
  4. <span ng-bind="defaultLabel"></span>
  5. </span>
  6. <span ng-if="selectedItems.length > 0" class="selected-items">
  7. <span ng-repeat="selectedItem in selectedItems" class="selected-item">{{selectedItem.name}} <span class="selected-item-close"
  8. ng-click="deselectItem(selectedItem, $event)"></span></span>
  9. <span class="caret"></span>
  10. </span>
  11. <!-- <input type="text" class="blend-in" /> -->
  12. </div>
  13. <div class="tree-view" ng-show="showTree">
  14. <div class="helper-container">
  15. <div class="line" data-ng-if="switchView">
  16. <button type="button" ng-click="switchCurrentView($event);" class="helper-button">{{switchViewLabel}}</button>
  17. </div>
  18. <div class="line">
  19. <input placeholder="Search..." type="text" ng-model="filterKeyword" ng-click="onFilterClicked($event)"
  20. class="input-filter">
  21. <span class="clear-button" ng-click="clearFilter($event)"><span class="item-close"></span></span>
  22. </div>
  23. </div>
  24. <ul class="tree-container">
  25. <tree-item class="top-level" ng-repeat="item in inputModel" item="item" ng-show="!item.isFiltered"
  26. use-callback="useCallback" can-select-item="canSelectItem"
  27. multi-select="multiSelect" item-selected="itemSelected(item)"
  28. on-active-item="onActiveItem(item)" select-only-leafs="selectOnlyLeafs"></tree-item>
  29. </ul>
  30. </div>
  31. </div>