ibms-dome/Frontend/js/forge/forgemodel.js

var viewer;

const devices = [
    {
        id: "Sensor 1",
        position: {
            x: -22.779729106182415,
            y: 5.431043023608719,
            z: 4.553068469137088,
        },
        type: "combo",
        sensorTypes: ["temperature", "co2"],
        dbId: 1,
    },
    {
        id: "Sensor 2",
        position: {
            x: 0.20752051811882666,
            y: 5.431043023608719,
            z: 4.553068469137088,
        },
        type: "combo",
        sensorTypes: ["temperature", "co2"],
        dbId: 2,
    },
];

var sensorStyleDefinitions = {
    co2: {
        url: "https://d2zqnmauvnpnnm.cloudfront.net/assets-1/images/co2.svg",
        color: 0xffffff,
    },
    temperature: {
        url: "https://d2zqnmauvnpnnm.cloudfront.net/assets-1/images/thermometer.svg",
        color: 0xffffff,
    },
    default: {
        url: "https://d2zqnmauvnpnnm.cloudfront.net/assets-1/images/circle.svg",
        color: 0xffffff,
    },
};

// Initialize sensor values
let sensorVals = [];
let fragProxy;
var targetFloorZ;
var elevatorSpeed;
for (let i = 0; i < devices.length; i++) {
    sensorVals[i] = Math.random();
}

function launchViewer(urn) {
    var options = {
        env: 'AutodeskProduction',
        getAccessToken: getForgeToken
    };

    Autodesk.Viewing.Initializer(options, () => {
        viewer = new Autodesk.Viewing.GuiViewer3D(document.getElementById('forgeViewer'));
        viewer.start();
        var documentId = 'urn:' + urn;
        Autodesk.Viewing.Document.load(documentId, onDocumentLoadSuccess, onDocumentLoadFailure);



        //test 
        for (let i = 0; i < urns.length; i++) {
            Autodesk.Viewing.Document.load(urns[i]["urn"], async (doc) => {
                let viewables = doc.getRoot().getDefaultGeometry();
                let model = await viewer.loadDocumentNode(doc, viewables, {
                    preserveView: false,
                    keepCurrentModels: true,
                    placementTransform: (new THREE.Matrix4()).setPosition(urns[i]["xform"]),
                    keepCurrentModels: true,
                    globalOffset: {
                        x: 0,
                        y: 0,
                        z: 0
                    }
                });

                await viewer.waitForLoadDone(); //!<<< Wait for loading materials, properties and geometries for this model (URN)
            });
        }

        loadHeatmaps(viewer.getAllModels()[0]); //!<<< equals to viewer.model



    });
}

function getAllLeafComponents(viewer, callback) {
    var cbCount = 0;
    var tree;
    var jsData = []

    function getLeafComponentsRec(current, parent) {
        cbCount++;
        if (tree.getChildCount(current) != 0) {
            tree.enumNodeChildren(current, function (children) {
                getLeafComponentsRec(children, current);
            }, false);
        }
        var nodeName = viewer.model.getInstanceTree().getNodeName(current)
        jsData.push({ id: current, parent: parent, text: nodeName })

        if (--cbCount == 0) callback(jsData);
    }
    viewer.getObjectTree(function (objectTree) {
        tree = objectTree;
        var rootId = tree.getRootId()
        var nodeName = viewer.model.getInstanceTree().getNodeName(rootId)
        jsData.push({ id: rootId, parent: '#', text: nodeName })
        var allLeafComponents = getLeafComponentsRec(rootId, '#');

    });
}

function onDocumentLoadSuccess(doc) {
    var viewables = doc.getRoot().getDefaultGeometry();
    viewer.loadDocumentNode(doc, viewables).then(i => {
        // documented loaded, any action?
    });
    viewer.addEventListener(Autodesk.Viewing.AGGREGATE_SELECTION_CHANGED_EVENT, (args) => {
        var currSelection = viewer.getSelection();
        var domElem = document.getElementById('id_printer');
        domElem.innerText = currSelection[0];
    });

    viewer.addEventListener(Autodesk.Viewing.GEOMETRY_LOADED_EVENT, function () {
        var instanceTree = viewer.model.getData().instanceTree;
        var allDbIdsStr = Object.keys(instanceTree.nodeAccess.dbIdToIndex);
        var domElem = document.getElementById('all_id');
        domElem.innerText = allDbIdsStr;
        //allDbIdsStr.map(function (id) { return parseInt(id) });
        //getAllLeafComponents(viewer, function (jsonData) {
        //    console.log("data: " + jsonData);
        //});
        //var a = getAllDbIds(viewer);
        //console.log("a: " + a);//10952

        let tree = viewer.model.getData().instanceTree;
        let nodeId = 10952;

        tree.enumNodeFragments(nodeId, function (frag) {
            fragProxy = viewer.impl.getFragmentProxy(viewer.model, frag);
            fragProxy.getAnimTransform();
            //fragProxy.quaternion = new THREE.Quaternion().setFromAxisAngle(
            //    new THREE.Vector3(0, 0.3, 0),
            //    -Math.PI / 2);
            //fragProxy.quaternion = new THREE.Quaternion().setFromAxisAngle(new THREE.Vector3(0, 1, 0));
            //fragProxy.quaternion = new THREE.Quaternion().setPosition(new THREE.Vector3(10, 5, 0), 5);
            //fragProxy.updateAnimTransform();
            //do some work with fragment proxy


            //var fragPosition = new THREE.Vector3(
            //    10 - fragProxy.offset.x,
            //    10 - fragProxy.offset.y,
            //    10 - fragProxy.offset.z)


            let fragPosition = new THREE.Vector3(0, 0, 0);// 一樓0 二樓15 三樓 26

            fragProxy.position = fragPosition

            fragProxy.updateAnimTransform()

        });
        viewer.impl.sceneUpdated(true);

    });

    
}

function setElevatorFloor(floor) {
    if (floor == 0)
        targetFloorZ = 0;
    else if (floor == 1)
        targetFloorZ = 15;
    else if (floor == 2)
        targetFloorZ = 26;
}

function setElevatorSpeed(speed) { //0.01 ~ 1
    elevatorSpeed = speed;
}

function movElevator() {


    let tree = viewer.model.getData().instanceTree;
    let nodeId = 10952;
    let fragProxyZ = 0;
    var movStatus = 0; // 0=no 1=up 2=down


    if (fragProxy.position.z > targetFloorZ) {
        movStatus = 2
    }
    else if (fragProxy.position.z < targetFloorZ) {
        movStatus = 1
    }

    if (movStatus == 0) {
        return;
    }

    tree.enumNodeFragments(nodeId, function (frag) {
        fragProxy = viewer.impl.getFragmentProxy(viewer.model, frag);
        fragProxy.getAnimTransform();
        //let fragPosition = new THREE.Vector3(0, 0, 15);// 一樓0 二樓15 三樓 26
        if (movStatus == 2) {
            fragProxy.position.z -= elevatorSpeed;
        }
        else if (movStatus == 1) {
            fragProxy.position.z += elevatorSpeed;
        }

        fragProxyZ = fragProxy.position.z;
        fragProxy.updateAnimTransform()

    });
    viewer.impl.sceneUpdated(true);

    if (movStatus == 2) {
        if (fragProxyZ >= targetFloorZ) {
            requestAnimationFrame(movElevator);
        }
    }
    else if (movStatus == 1) {
        if (fragProxyZ <= targetFloorZ) {
            requestAnimationFrame(movElevator);
        }
    }
    

    //let fragPosition = new THREE.Vector3(position);// 一樓0 二樓15 三樓 26

    //fragProxy.position = fragPosition;

    //fragProxy.updateAnimTransform();

    //viewer.impl.sceneUpdated(true);
}

function getAllDbIds(viewer) {
    var instanceTree = viewer.model.getData().instanceTree;

    var allDbIdsStr = Object.keys(instanceTree.nodeAccess.dbIdToIndex);

    return allDbIdsStr.map(function (id) { return parseInt(id) });
}

/**
 * Autodesk.Viewing.Document.load() failuire callback.
 */
function onDocumentLoadFailure(viewerErrorCode) {
    console.error("onDocumentLoadFailure() - errorCode:" + viewerErrorCode);
}

function getForgeToken(callback) {
    fetch('http://localhost:3604/api/forge/oauth/token').then(res => {
        res.json().then(data => {
            callback(data.dictionary.access_token, data.dictionary.expires_in);
        });
    });
    //callback("eyJhbGciOiJSUzI1NiIsImtpZCI6IlU3c0dGRldUTzlBekNhSzBqZURRM2dQZXBURVdWN2VhIn0.eyJzY29wZSI6WyJkYXRhOndyaXRlIiwiZGF0YTpyZWFkIiwiYnVja2V0OnJlYWQiLCJidWNrZXQ6dXBkYXRlIiwiYnVja2V0OmNyZWF0ZSJdLCJjbGllbnRfaWQiOiJUQTNocXNGZnpRYk5PVVhLcGxkS1VLU2V3NFNKMjF3NSIsImF1ZCI6Imh0dHBzOi8vYXV0b2Rlc2suY29tL2F1ZC9hand0ZXhwNjAiLCJqdGkiOiJiemxzWE5qWElvZ2R1UjUzTUJkdlhrTTNTT01qeVB1bHJrMmdTVWJudGNTeDg1b01kRG1xejg3Z05jenJkRzhpIiwiZXhwIjoxNjY4MTgzMDM2fQ.VU3qLwTJ9nlXnomKCdk4y5UcgszGEO_zlvE7w5mWWajeBMwKLo-zw7LJEqUEajRksvssppR9SbVsjLSx-vDVc3DRhCo3jYTWKPT1T3wQrlkOSqLeIrAdnKdBDNBWKgrGJt_xcmXc3dZ3XNKf9L_F6Ex808rUlo6cem1mcPpKl1jCBDqKu1mAX7aDtZ65TTQZbGGhbG4HdnET-d1i5w4LunGN11UAHhDUW3n0SWWIBL27PiiUQONZttajhD5st6IngYLcjr93BYVyJmDF7-wm4WZlHSw2OnXIfbJcFXEd83uVv_Rej4UXjzZ0e6kHwzc2nvGvKSIFu3Nt7CabdR8CkA", 3599);
}

async function loadHeatmaps(model) {

    const dataVizExtn = await viewer.loadExtension("Autodesk.DataVisualization");

    // Given a model loaded from Forge
    const structureInfo = new Autodesk.DataVisualization.Core.ModelStructureInfo(model);

    const devices = [
        {
            id: "Oficina 6",
            name: "Oficina-",
            position: { x: 22.475382737884104, y: 7.4884431474006163, z: 3.0 },
            sensorTypes: ["temperature", "humidity"]
        }
    ];

    var offset = Autodesk.viewer.model.getGlobalOffset();
    removeOffset(devices[0], offset)

    // Generates `SurfaceShadingData` after assigning each device to a room.

    const shadingData = await Autodesk.structureInfo.generateSurfaceShadingData(devices);

    // Use the resulting shading data to generate heatmap from.
    await dataVizExtn.setupSurfaceShading(model, shadingData);

    // Register color stops for the heatmap. Along with the normalized sensor value
    // in the range of [0.0, 1.0], `renderSurfaceShading` will interpolate the final
    // heatmap color based on these specified colors.
    const sensorColors = [0x0000ff, 0x00ff00, 0xffff00, 0xff0000];

    // Set heatmap colors for temperature
    const sensorType = "temperature";
    dataVizExtn.registerSurfaceShadingColors(sensorType, sensorColors);

    // Function that provides sensor value in the range of [0.0, 1.0]

    function getSensorValue(surfaceShadingPoint, sensorType) {
        // The `SurfaceShadingPoint.id` property matches one of the identifiers passed
        // to `generateSurfaceShadingData` function. In our case above, this will either
        // be "cafeteria-entrace-01" or "cafeteria-exit-01".
        const deviceId = surfaceShadingPoint.id;

        // Read the sensor data, along with its possible value range
        let sensorValue = readSensorValue(deviceId, sensorType);
        const maxSensorValue = getMaxSensorValue(sensorType);
        const minSensorValue = getMinSensorValue(sensorType);

        // Normalize sensor value to [0, 1.0]
        sensorValue = (sensorValue - minSensorValue) / (maxSensorValue - minSensorValue);
        return clamp(sensorValue, 0.0, 1.0);
    }

    // This value can also be a room instead of a floor
    const floorName = "01 - Entry Level";
    dataVizExtn.renderSurfaceShading(floorName, sensorType, getSensorValue);
}