Boa tarde Senhores
Não consigo utilizar o orgChart na widget HTML, não sei onde declarar ou referenciar application.resource.component.1=fluigorgchart citado na documentação.
<html>
<head>
<link rel="stylesheet" type="text/css" href="/style-guide/css/fluig-style-guide-orgchart.min.css">
<script src="/style-guide/js/fluig-style-guide-orgchart.min.js"></script>
<title></title>
</head>
<body>
<h2>Live demo</h2>
<div class="bs-example">
<div class="row">
<div class="col-md-12">
<div id="orgChart"></div>
</div>
</div>
</div>
</body>
<script type="text/javascript">
var testData = [
{id: 1, img: './images/logo-demo-map.png', name: 'My Organization', parent: 0},
{id: 2, img: './images/user_picture.png', name: 'Person 1', description: "CEO", parent: 1},
{id: 3, img: './images/user_picture.png', name: 'Person 2', description: "Division 1 VP", parent: 2},
{id: 4, img: './images/user_picture.png', name: 'Person 3', description: "Division 2 VP", parent: 2},
{id: 6, img: './images/user_picture.png', name: 'Person 4', description: "Division 1 Director", parent: 3},
{id: 7, img: './images/user_picture.png', name: 'Person 5', description: "Division 1 Director", parent: 3},
{id: 8, img: './images/user_picture.png', name: 'Person 6', description: "Division 2 Director", parent: 4}
];
var settings = {
data: testData
}
var testOrgChart = FLUIGC.orgChart('#orgChart', settings);
testOrgChart.on('fluig.orgchart.node.click', function(node){
FLUIGC.toast({
title: 'Node clicked: ',
message: node.data.name,
type: 'success'
});
});
</script>
</html>