index_OLD.html 9.92 KB
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">

        <title>Rekkverkskalkulator</title>

        <link rel="stylesheet" type="text/css" href="style/style.css" />

        <script src="lib/babylon.js"></script>
        <script src="lib/jspdf.debug.js"></script>

        <script src="js/materials/GridMaterial.js"></script>
        <script src="js/MaterialProvider.js"></script>

        <script src="js/app.js"></script>
        <script src="js/HTMLGUI.js"></script>
        <script src="js/Glass.js"></script>
        <script src="js/GlassProvider.js"></script>
        <script src="js/MeshControls.js"></script>
        <script src="js/pole/PoleProvider.js"></script>
        <script src="js/pole/Pole.js"></script>
        <script src="js/terrace/BuildingPlane.js"></script>
        <script src="js/TextProvider.js"></script>
        <script src="js/Segment.js"></script>
        <script src="js/Modules.js"></script>

        <script src="js/terrace/Terrace.js"></script>
        <script src="js/terrace/CustomTerrace.js"></script>

        <script src="js/camera/CameraController.js"></script>
        <script src="js/camera/OrthographicCamera.js"></script>

        <script src="js/gui/GUI.js"></script>
        <script src="js/gui/CustomTerraceGUI.js"></script>
        <script src="js/gui/LayoutSelectionGUI.js"></script>
        <script src="js/gui/NotificationMessage.js"></script>

        <script src="js/PDF/PDF.js"></script>
        <script src="js/PDF/ImageURLS.js"></script>

        <script src="js/Constants.js"></script>

    </head>
    <body onload="main()">
        <canvas id="renderCanvas"></canvas>
        <a id="inputTabFix" href="" onClick="return false;"></a>

        <div id="gui">
            <input id="moduleMenuToggleButton" type="image" src="images/menu_toggle_arrows.png" title="Skjul menyen" onclick="toggleMenuVisibility()" ondragstart="return false;" />
            <div id="moduleMenu">
                <div id="poleHeader" class="menuHeader">Stolper</div>
                <div id="poleButtons">
                    <div id="poleRow1Buttons">
                        <input class="poleButton" type="image" src="images/menu_pole_180.png" title="180&#176; Stolpe" onmousedown="addPoleFromMenu('180')" ondragstart="return false;" />
                        <input class="poleButton" type="image" src="images/menu_pole_90.png" title="90&#176; Stolpe" onmousedown="addPoleFromMenu('90')" ondragstart="return false;" />
                        <input class="poleButton" type="image" src="images/menu_pole_45.png" title="45&#176; Stolpe" onmousedown="addPoleFromMenu('45')" ondragstart="return false;" />
                    </div>
                    <div id="poleRow2Buttons">
                        <input class="poleButton" type="image" src="images/menu_pole_end.png" title="Endestolpe" onmousedown="addPoleFromMenu('end')" ondragstart="return false;" />
                        <input class="poleButton" type="image" src="images/menu_pole_wall.png" title="Veggfeste" onmousedown="addPoleFromMenu('wall')" ondragstart="return false;" />
                    </div>
                </div>

                <div id="glassHeader" class="menuHeader">Glass</div>
                <div id="glassTypeInfo">
                    Glasstype:
                    <select id="glassTypeSelect" onchange="changeMenuGlassType()">
                        <optgroup label="Glasstype:">
                            <option value="0">Klart</option>
                            <option value="1">Frostet</option>
                            <option value="2">Sotet</option>
                        </optgroup>
                    </select>
                </div>
                <div id="glassButtons">
                    <input id="decreaseGlassWidth" type="image" src="images/menu_arrow.png" title="Reduser glassbredde" onclick="reduceGlassSize()" ondragstart="return false;" />
                    <input id="glassButton" type="image" src="images/menu_glass_clear.png" title="Glass" onmousedown="addGlassFromMenu()" ondragstart="return false;" />
                    <input id="increaseGlassWidth" type="image" src="images/menu_arrow.png" title="Øk glassbredde" onclick="increaseGlassSize()" ondragstart="return false;" />
                </div>
                <div id="glassWidthInfo">
                    <select id="glassWidthText" title="Glassbredde" onchange="updateGlassStretch()">
                        <optgroup label="Glassbredde:">
                            <option value="120">120mm</option>
                            <option value="220">220mm</option>
                            <option value="320">320mm</option>
                            <option value="420">420mm</option>
                            <option value="520">520mm</option>
                            <option value="620">620mm</option>
                            <option value="720">720mm</option>
                            <option value="820">820mm</option>
                            <option value="920">920mm</option>
                            <option value="1020">1020mm</option>
                            <option value="1120" selected="selected">1120mm</option>
                        </optgroup>
                    </select>
                    x 840mm
                </div>
                <p class ="moduleMenuHeader" id="fpsCounter">fps: </p>
            </div>

            <div id="topButtons">
                <input class="cameraButtons" id="camera2DButton" type="image" src="images/cam2D_blk.png" onclick="use2DCamera()" ondragstart="return false;" />
                <input class="cameraButtons" id="camera3DButton" type="image" src="images/cam3D_red.png" onclick="use3DCamera()" ondragstart="return false;" />
                <input id="helpLinesButton" type="image" src="images/ruler.png" onclick="toggleHelplines()" ondragstart="return false;" />
            </div>

            <button id="totalCostButton" onclick="displayItemList()">0 kr</button>

            <div id="itemList">
                <div id="itemListHeader">
                    <div class="menuHeader">Plukkliste</div>
                    <button id="closeItemList" onclick="hideItemList()">X</button>
                </div>
                <div id="itemTableDiv">
                    <table id="itemTable">
                        <thead>
                            <tr>
                                <th>Varenr</th>
                                <th>Nobbnr</th>
                                <th>Artikkel</th>
                                <th>Antall</th>
                                <th>Pris</th>
                            </tr>
                        </thead>
                        <tbody id="itemTableBody">

                        </tbody>
                    </table>
                </div>
                <div id="itemListFooter">
                    <button id="downloadItemListButton" onclick="downloadItemList()">Last ned</button>
                </div>
            </div>
        </div>

        <div id="poleMenu">
            <div class="meshControlsButtonsDiv"><input class="meshControlsButtons" type="image" src="images/menu_pole_rotate_left.png" onclick="rotateMeshLeft()" ondragstart="return false;" /></div>
            <div class="meshControlsButtonsDiv"><input class="meshControlsButtons" type="image" src="images/menu_pole_rotate_right.png" onclick="rotateMeshRight()" ondragstart="return false;" /></div>
            <div class="meshControlsButtonsDiv"><input class="meshControlsButtons" type="image" src="images/menu_pole_delete.png" onclick="deleteMesh()" ondragstart="return false;" /></div>
            <div class="meshControlsButtonsDiv"><input id="autoGenButton" type="button" onclick="startAutoGeneration()" value="Auto"/></div>
        </div>

        <div id="glassMenu">
            <div class="meshControlsButtonsDiv"><input class="meshControlsButtons" type="image" src="images/menu_pole_rotate_left.png" onclick="rotateMeshLeft()" ondragstart="return false;" /></div>
            <div class="meshControlsButtonsDiv"><input class="meshControlsButtons" type="image" src="images/menu_pole_rotate_right.png" onclick="rotateMeshRight()" ondragstart="return false;" /></div>
            <div class="meshControlsButtonsDiv"><input class="meshControlsButtons" type="image" src="images/menu_pole_delete.png" onclick="deleteMesh()" ondragstart="return false;" /></div>
            <div id="glassMenuType">
                <select title="Glasstype" id="glassMenuTypeSelect" onchange="changeGlassType()">
                    <optgroup label="Glasstype:">
                        <option value="0">Klart</option>
                        <option value="1">Frostet</option>
                        <option value="2">Sotet</option>
                    </optgroup>
                </select>
            </div>
        </div>

        <div id="autoGenPoleSelect">
            <div id="autoGenPoleSelectHeader">Velg stolpe</div>
            <div class="autoGenPoleRow">
                <input class="autoGenPoleButton" type="image" src="images/menu_pole_180.png" title="180&#176; Stolpe" onclick="onAutoGenPoleSelected('180')" ondragstart="return false;" />
                <input class="autoGenPoleButton" type="image" src="images/menu_pole_90.png" title="90&#176; Stolpe" onclick="onAutoGenPoleSelected('90')" ondragstart="return false;" />
                <input class="autoGenPoleButton" type="image" src="images/menu_pole_45.png" title="45&#176; Stolpe" onclick="onAutoGenPoleSelected('45')" ondragstart="return false;" />
            </div>
            <div class="autoGenPoleRow">
                <input class="autoGenPoleButton" type="image" src="images/menu_pole_end.png" title="Endestolpe" onclick="onAutoGenPoleSelected('end')" ondragstart="return false;" />
                <input class="autoGenPoleButton" type="image" src="images/menu_pole_wall.png" title="Veggfeste" onclick="onAutoGenPoleSelected('wall')" ondragstart="return false;" />
            </div>
        </div>

        <button id="autoGenFinishButton" onclick="onAutoGenFinished()">Ferdig</button>
    </body>
</html>