index_NEW.html 8.2 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Rekkverkskalkulator</title>

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

    <!-- My CSS -->
    <link rel="stylesheet" type="text/css" href="css/style.css">

<!------------------------------------------------------ SCRIPT ------------------------------------------------------->
    <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/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/MeshControlsGUI.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">
        Denne nettleseren støtter ikke "canvas"-elementet!
    </canvas>

    <!-- Remove? -->
    <a id="inputTabFix" href="" onClick="return false;"></a>

    <div class="setup" id="setup">
        <div class="container">
            <div class="row">
                <div class="col-md-7 box">

                    <div id="layout">
                        <div class="row">
                            <div class="col-md-12">
                                <h1 class="text-center headline">Velg utforming på din terrasse</h1>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <p class="text-center grey" style="padding-bottom: 20px">I neste steg kan du legge inn sidemål</p>
                            </div>
                        </div>
                        <div id="layoutButtons" class="row">
                            <div class="col-lg-3 col-6">
                                <img id="btLayout1" class="layoutButton img-fluid" src="images/terrace_square.png">
                            </div>
                            <div class="col-lg-3 col-6">
                                <img id="btLayout2" class="layoutButton img-fluid" src="images/terrace_l_shape.png">
                            </div>
                            <div class="col-lg-3 col-6">
                                <img id="btLayout3" class="layoutButton img-fluid" src="images/terrace_diamond.png">
                            </div>
                            <div class="col-lg-3 col-6">
                                <img id="btLayout4" class="layoutButton img-fluid" src="images/terrace_triangle.png">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12" style="padding-top: 20px">
                                <p class="text-center grey">Ser du ikke noe som likner?</p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12" style="padding-bottom: 15px">
                                <button class="center" id="btBuild"><span>Bygg din egen</span></button>
                            </div>
                        </div>
                    </div>

                    <div id="measurements">
                        <div class="row">
                            <div class="col-md-12">
                                <h1 class="text-center headline">Legg inn mål for din terrasse</h1>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-7">
                                <img class="img-fluid float-right" id="layoutPreview" src="">
                            </div>
                            <div class="col-lg-5">
                                <form id="lengths">
                                    <div class="form-group" id="formA">
                                        <label for="sideA">Side A</label>
                                        <input type="text" class="form-control" id="sideA" placeholder="Lengde i mm"/>
                                    </div>
                                    <div class="form-group" id="formB">
                                        <label for="sideB">Side B</label>
                                        <input type="text" class="form-control" id="sideB" placeholder="Lengde i mm"/>
                                    </div>
                                    <div class="form-group" id="formC">
                                        <label for="sideC">Side C</label>
                                        <input type="text" class="form-control" id="sideC" placeholder="Lengde i mm"/>
                                    </div>
                                    <div class="form-group" id="formD">
                                        <label for="sideD">Side D</label>
                                        <input type="text" class="form-control" id="sideD" placeholder="Lengde i mm"/>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <button class="float-left" id="btBack"><span>Forrige</span></button>
                                <button class="float-right" id="btNext"><span>Neste</span></button>
                            </div>
                        </div>
                        <!-- Button trigger modal -->
                        <button id="triggerModal" type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"></button>
                        <!-- Modal -->
                        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="exampleModalLabel">Ugyldig</h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="modal-body">
                                        Vennligst oppgi numeriske verdier
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Lukk</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- jQuery -->
    <script src="lib/jquery-3.3.1.min.js"></script>

    <!-- Bootstrap JavaScript -->
    <script src="lib/bootstrap.min.js"></script>

</body>
</html>