<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>

    <link rel="shortcut icon" href="https://github.com/Autodesk-Forge/learn.forge.viewmodels/raw/master/img/favicon.ico">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.7/themes/default/style.min.css" />
    <!-- Autodesk Forge Viewer files -->
    <link rel="stylesheet" href="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/style.min.css" type="text/css">


    <div id="MyControls" class="adsk control">
        <p style="text-align: center; font-weight: bold;">Robot Controls</p>
        <p id="id_printer">Selected_ID: </p>
        <p id="all_id">All_ID: </p>
        <button id="1F1oor" onclick="move1Floor()">1 Floor</button>
        <button id="2F1oor" onclick="move2Floor()">2 Floor</button>
        <button id="3F1oor" onclick="move3Floor()">3 Floor</button>
        <input id="lightBar" type="range" min="0" max="100" step="5" onchange="changeLightPower()">亮度
        <!-- <input type="range">Main Axis</input> -->
    </div>

    <div>
        <div id="forgeViewer"></div>
    </div>



    <!--Base JS-->
    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
    <!--<script src="lib//vendors.bundle.js"></script>
    <script src="lib//app.bundle.js"></script>-->
    <!-- JQuery Validate -->
    <!--<script src="lib/jquery-validation/dist/jquery.validate.js"></script>
    <script src="lib/jquery-validation/dist/additional-methods.min.js"></script>
    <script src="lib/jquery-validation/dist/localization/messages_zh_TW.js"></script>
    <script src="lib/notifications/sweetalert2/sweetalert2.bundle.js"></script>
    <script src="lib/notifications/toastr/toastr.js"></script>
    <script src="js/toast.js"></script>-->
    <script src="js/init.js"></script>

    <!-- Common packages: jQuery, Bootstrap, jsTree -->
    <!--<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.7/jstree.min.js"></script>
    <script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.js"></script>
    <!-- <script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.16/viewer3D.js"></script> -->
    <script src="js/forge/forgemodel.js"></script>


    <script>
        $(document).ready(function () {
            //launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dnNjb2RlX2ZvcmdlX3Rlc3QvJUUzJTgwJTkwJUU2JUIwJUI4JUU2JTk4JUE1JUU2JUEzJUE3JUUzJTgwJTkxJUUzJTgwJTkwTUVQJUUzJTgwJTkxVjMubndk');
            //launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dnNjb2RlX2ZvcmdlX3Rlc3QvJUUzJTgwJTkwTUVQJUUzJTgwJTkxLm53Yw');//[TEST].nwd
            //launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6LW1vZGVsX3Rlc3QxMTIxLyVFMyU4MCU5MFRFU1QlRTMlODAlOTEubndk');

            launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dGEzaHFzZmZ6cWJub3V4a3BsZGt1a3NldzRzajIxdzUtYmltc19tb2RlbHMvJUUzJTgwJTkwTUVQJUUzJTgwJTkxLm53Yw==');
            //
            //launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dGEzaHFzZmZ6cWJub3V4a3BsZGt1a3NldzRzajIxdzUtYmltc19tb2RlbHMvJUUzJTgwJTkwVEVTVCVFMyU4MCU5MS5ud2Q=');
            
        });
        function move1Floor() {
            setElevatorSpeed(0.2);
            setElevatorFloor(0);
            requestAnimationFrame(movElevator);
        }
        function move2Floor() {
            setElevatorSpeed(0.2);
            setElevatorFloor(1);
            requestAnimationFrame(movElevator);
        }
        function move3Floor() {
            setElevatorSpeed(0.2);
            setElevatorFloor(2);
            requestAnimationFrame(movElevator);
        }

        function changeLightPower() {
            var value = document.getElementById('lightBar').value;
            console.log("power: " + value);
            setLightPower(value);
        }

    </script>


</body>
</html>