vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Refactor #3832 Refactor #3833 - For OrganizationChart

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-04-07 09:49:35 +03:00
parent 1646da534e
commit 7a5860f97b
4 changed files with 26 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

8
components/lib/organizationchart/OrganizationChartNode.vue
View file

@ -6,7 +6,7 @@
<div :class="nodeContentClass" @click="onNodeClick">
<component :is="templates[node.type] || templates['default']" :node="node" />
<a v-if="toggleable" tabindex="0" class="p-node-toggler" @click="toggleNode" @keydown="onKeydown">
<i class="p-node-toggler-icon pi" :class="{ 'pi-chevron-down': expanded, 'pi-chevron-up': !expanded }"></i>
<component :is="templates.togglericon || (expanded ? 'ChevronDownIcon' : 'ChevronUpIcon')" :expanded="expanded" class="p-node-toggler-icon" />
</a>
</div>
</td>
@ -48,6 +48,8 @@
</template>
<script>
import ChevronDownIcon from 'primevue/icon/chevrondown';
import ChevronUpIcon from 'primevue/icon/chevronup';
import { DomHandler } from 'primevue/utils';
export default {
@ -132,6 +134,10 @@ export default {
toggleable() {
return this.collapsible && this.node.collapsible !== false && !this.leaf;
}
},
components: {
ChevronDownIcon: ChevronDownIcon,
ChevronUpIcon: ChevronUpIcon
}
};
</script>