Versão atual:

Organizational Chart - https://style.fluig.com/miscellaneous.html#fluig-orgchart - Sem conteúdo

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>

Versão (1):

Ver a versão formatada

Organizational Chart - https://style.fluig.com/miscellaneous.html#fluig-orgchart - Sem conteúdo

Comentário

new question