Browse Source

feat: add default expand template to tree component

pull/6566/head
mehmet-erim 6 years ago
parent
commit
6896319bf0
  1. 36
      npm/ng-packs/packages/components/tree/src/lib/components/tree.component.html

36
npm/ng-packs/packages/components/tree/src/lib/components/tree.component.html

@ -38,3 +38,39 @@
</div>
</div>
</ng-template>
<ng-template #defaultIconTemplate let-node let-origin="origin">
<i style="line-height: 28px" aria-hidden="true">
<ng-container *ngTemplateOutlet="node.isExpanded ? minusIcon : plusIcon"></ng-container
></i>
</ng-template>
<ng-template #minusIcon>
<svg
width="15"
height="15"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
fill-rule="evenodd"
clip-rule="evenodd"
>
<path
d="M11.5 0c6.347 0 11.5 5.153 11.5 11.5s-5.153 11.5-11.5 11.5-11.5-5.153-11.5-11.5 5.153-11.5 11.5-11.5zm0 1c5.795 0 10.5 4.705 10.5 10.5s-4.705 10.5-10.5 10.5-10.5-4.705-10.5-10.5 4.705-10.5 10.5-10.5zm-6.5 10h13v1h-13v-1z"
/>
</svg>
</ng-template>
<ng-template #plusIcon>
<svg
width="15"
height="15"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
fill-rule="evenodd"
clip-rule="evenodd"
>
<path
d="M11.5 0c6.347 0 11.5 5.153 11.5 11.5s-5.153 11.5-11.5 11.5-11.5-5.153-11.5-11.5 5.153-11.5 11.5-11.5zm0 1c5.795 0 10.5 4.705 10.5 10.5s-4.705 10.5-10.5 10.5-10.5-4.705-10.5-10.5 4.705-10.5 10.5-10.5zm.5 10h6v1h-6v6h-1v-6h-6v-1h6v-6h1v6z"
/>
</svg>
</ng-template>

Loading…
Cancel
Save