Commit 2c6ac5b60c80a268642702ef619aee906bfbab1e

Authored by Lars Jørgen Fredheim
1 parent 197a2e2b

Merged HTML docs

css/style.css
... ... @@ -4,9 +4,20 @@ html, body {
4 4 height : 100%;
5 5 margin : 0;
6 6 padding : 0;
  7 + font-family: Arial, Helvetica, sans-serif;
  8 + font-size: 16px;
  9 + text-align: center;
  10 +}
  11 +
  12 +#renderCanvas {
  13 + width : 100%;
  14 + height : 100%;
  15 + touch-action: none;
  16 + display: none;
  17 + z-index : 5;
7 18 }
8 19  
9   -button:focus {
  20 +input:focus, select:focus, button:focus {
10 21 outline: 0;
11 22 }
12 23  
... ... @@ -14,10 +25,7 @@ label {
14 25 font-weight: bold;
15 26 }
16 27  
17   -#renderCanvas {
18   - width : 100%;
19   - height : 100%;
20   - touch-action: none;
  28 +#main {
21 29 display: none;
22 30 }
23 31  
... ... @@ -183,4 +191,267 @@ label {
183 191  
184 192 #btNext:active, #btBack:active, #btBuild:active {
185 193 transform: scale(0.95);
  194 +}
  195 +
  196 +/* ----------------------------------------------------------- */
  197 +
  198 +#gui {
  199 + width: 100%;
  200 + height: 100%;
  201 + /*display: none;*/
  202 + z-index: 10;
  203 +}
  204 +
  205 +#topButtons {
  206 + width: 12%;
  207 + height: 5%;
  208 + position: fixed;
  209 + left: 0;
  210 + top: 0;
  211 +}
  212 +
  213 +.cameraButtons {
  214 + float: left;
  215 + height: 100%;
  216 + margin: 1%;
  217 +}
  218 +
  219 +#helpLinesButton {
  220 + height: 100%;
  221 + float: left;
  222 + margin: 1%;
  223 +}
  224 +
  225 +#totalCostButton {
  226 + position: fixed;
  227 + left: 0;
  228 + bottom: 0;
  229 + height: 50px;
  230 + width: 200px;
  231 + font-size: 1.4em;
  232 + border: 1px solid black;
  233 + border-radius: 5px;
  234 +}
  235 +
  236 +#itemList {
  237 + position: fixed;
  238 + width: 50%;
  239 + height: 70%;
  240 + background: lightgrey url("../images/background.jpg") no-repeat center;
  241 + left: 25%;
  242 + top: 15%;
  243 + border: 1px solid black;
  244 + border-radius: 10px;
  245 + display: none;
  246 + z-index: 15;
  247 +}
  248 +
  249 +#itemListHeader {
  250 + position: relative;
  251 + width: 100%;
  252 + height: 10%;
  253 + top: 0;
  254 +}
  255 +
  256 +#closeItemList {
  257 + position: absolute;
  258 + top: 25%;
  259 + right: 2%;
  260 + background-color: red;
  261 + border: 1px solid black;
  262 + border-radius: 5px;
  263 + cursor: pointer;
  264 + font-size: 1.4em;
  265 +}
  266 +
  267 +#itemTableDiv {
  268 + width: 98%;
  269 + height: 80%;
  270 + border: 1px solid black;
  271 + margin: 0 1%;
  272 + overflow: scroll;
  273 + background-color: white;
  274 +}
  275 +
  276 +#itemTable tr {
  277 + background-color: rgb(230, 230, 230);
  278 +}
  279 +
  280 +#itemTable, #itemTable tr, #itemTable td {
  281 + border-collapse: collapse;
  282 +}
  283 +
  284 +#itemTable {
  285 + width: 100%;
  286 + vertical-align: top;
  287 +}
  288 +
  289 +#itemListFooter {
  290 + position: relative;
  291 + width: 100%;
  292 + height: 10%;
  293 + bottom: 0;
  294 +}
  295 +
  296 +#downloadItemListButton {
  297 + position: absolute;
  298 + right: 1%;
  299 + bottom: 25%;
  300 + border: 1px solid black;
  301 + background-color: white;
  302 + border-radius: 5px;
  303 + font-size: 1.3em;
  304 +}
  305 +
  306 +#moduleMenuToggleButton {
  307 + z-index: 20;
  308 + position: fixed;
  309 + top: 1%;
  310 + right: 0.5%;
  311 + border: 1px solid black;
  312 + border-radius: 5px;
  313 + height: 2%;
  314 + transform: rotate(180deg);
  315 + transition: transform 1s;
  316 +}
  317 +
  318 +#moduleMenu {
  319 + width: 15%;
  320 + height: 100%;
  321 + position: fixed;
  322 + left: 85%;
  323 + top: 0;
  324 + background: lightgrey url("../images/background.jpg") no-repeat center;
  325 + border: 1px solid black;
  326 + border-radius: 10px;
  327 + transition: left 1s;
  328 +}
  329 +
  330 +.poleButton {
  331 + border: 1px solid black;
  332 + border-radius: 5px;
  333 + background-color: white;
  334 + width: 25%;
  335 +}
  336 +
  337 +.menuHeader {
  338 + font-size: 1.5em;
  339 + padding: 2% 0;
  340 +}
  341 +
  342 +#glassTypeInfo {
  343 + padding-bottom: 2%;
  344 +}
  345 +
  346 +#glassButtons {
  347 + position: relative;
  348 +}
  349 +
  350 +#decreaseGlassWidth {
  351 + width: 10%;
  352 + position: absolute;
  353 + left: 0;
  354 + top: 40%;
  355 +}
  356 +
  357 +#increaseGlassWidth {
  358 + width: 10%;
  359 + transform: rotate(180deg);
  360 + position: absolute;
  361 + right: 0;
  362 + top: 40%;
  363 +}
  364 +
  365 +#glassButton {
  366 + width: 55%;
  367 + transform: scale(1.4, 1);
  368 +}
  369 +
  370 +#poleMenu {
  371 + position: fixed;
  372 + bottom: -5.5%;
  373 + left: 40%;
  374 + width: 15%;
  375 + height: 5%;
  376 + background: lightgrey;
  377 + border: 1px solid black;
  378 + border-radius: 5px;
  379 + transition: bottom 0.5s;
  380 +}
  381 +
  382 +#glassMenu {
  383 + position: fixed;
  384 + bottom: -5.5%;
  385 + left: 40%;
  386 + width: 20%;
  387 + height: 5%;
  388 + background-color: lightgrey;
  389 + border: 1px solid black;
  390 + border-radius: 5px;
  391 + transition: bottom 0.5s;
  392 +}
  393 +
  394 +.meshControlsButtonsDiv {
  395 + height: 80%;
  396 + float: left;
  397 + margin: 1%;
  398 +}
  399 +
  400 +.meshControlsButtons {
  401 + height: 100%;
  402 + border: 1px solid black;
  403 + border-radius: 5px;
  404 + background-color: white;
  405 +}
  406 +
  407 +#autoGenButton {
  408 + height: 100%;
  409 + border: 1px solid black;
  410 + border-radius: 5px;
  411 + background-color: white;
  412 + cursor: pointer;
  413 +}
  414 +
  415 +#glassMenuTypeSelect {
  416 + font-size: 1.5em;
  417 + margin: 2.4% 1%;
  418 +}
  419 +
  420 +#autoGenPoleSelect {
  421 + position: fixed;
  422 + width: 20%;
  423 + height: 50%;
  424 + left: 40%;
  425 + top: 25%;
  426 + background: lightgrey url("../images/background.jpg") no-repeat center;
  427 + border: 1px solid black;
  428 + border-radius: 10px;
  429 + z-index: 15;
  430 + display: none;
  431 +}
  432 +
  433 +#autoGenPoleSelectHeader {
  434 + width: 100%;
  435 + height: 10%;
  436 + font-size: 1.4em;
  437 +}
  438 +
  439 +.autoGenPoleRow {
  440 + width: 98%;
  441 + height: 43%;
  442 + padding: 1%;
  443 +}
  444 +
  445 +.autoGenPoleButton {
  446 + width: 25%;
  447 + border: 1px solid black;
  448 + border-radius: 5px;
  449 + background-color: white;
  450 +}
  451 +#autoGenFinishButton {
  452 + position: fixed;
  453 + left: 0;
  454 + top: 50%;
  455 + font-size: 1.5em;
  456 + display: none;
186 457 }
187 458 \ No newline at end of file
... ...
index.html
1 1 <!DOCTYPE html>
2   -<html>
3   - <head>
4   - <meta charset="UTF-8">
  2 +<html lang="en">
  3 +<head>
  4 + <meta charset="UTF-8">
  5 + <title>Rekkverkskalkulator</title>
5 6  
6   - <title>Rekkverkskalkulator</title>
  7 + <!-- Bootstrap CSS -->
  8 + <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
7 9  
8   - <link rel="stylesheet" type="text/css" href="style/style.css" />
  10 + <!-- My CSS -->
  11 + <link rel="stylesheet" type="text/css" href="css/style.css">
9 12  
10   - <script src="lib/babylon.js"></script>
11   - <script src="lib/jspdf.debug.js"></script>
  13 +<!------------------------------------------------------ SCRIPT ------------------------------------------------------->
  14 + <script src="lib/babylon.js"></script>
  15 + <script src="lib/jspdf.debug.js"></script>
12 16  
13   - <script src="js/materials/GridMaterial.js"></script>
14   - <script src="js/MaterialProvider.js"></script>
  17 + <script src="js/materials/GridMaterial.js"></script>
  18 + <script src="js/MaterialProvider.js"></script>
15 19  
16   - <script src="js/app.js"></script>
17   - <script src="js/HTMLGUI.js"></script>
18   - <script src="js/Glass.js"></script>
19   - <script src="js/GlassProvider.js"></script>
20   - <script src="js/MeshControls.js"></script>
21   - <script src="js/pole/PoleProvider.js"></script>
22   - <script src="js/pole/Pole.js"></script>
23   - <script src="js/terrace/BuildingPlane.js"></script>
24   - <script src="js/TextProvider.js"></script>
25   - <script src="js/Segment.js"></script>
26   - <script src="js/Modules.js"></script>
  20 + <script src="js/app.js"></script>
  21 + <script src="js/Glass.js"></script>
  22 + <script src="js/GlassProvider.js"></script>
  23 + <script src="js/MeshControls.js"></script>
  24 + <script src="js/pole/PoleProvider.js"></script>
  25 + <script src="js/pole/Pole.js"></script>
  26 + <script src="js/terrace/BuildingPlane.js"></script>
  27 + <script src="js/TextProvider.js"></script>
  28 + <script src="js/Segment.js"></script>
  29 + <script src="js/Modules.js"></script>
27 30  
28   - <script src="js/terrace/Terrace.js"></script>
29   - <script src="js/terrace/CustomTerrace.js"></script>
  31 + <script src="js/terrace/Terrace.js"></script>
  32 + <script src="js/terrace/CustomTerrace.js"></script>
30 33  
31   - <script src="js/camera/CameraController.js"></script>
32   - <script src="js/camera/OrthographicCamera.js"></script>
  34 + <script src="js/camera/CameraController.js"></script>
  35 + <script src="js/camera/OrthographicCamera.js"></script>
33 36  
34   - <script src="js/gui/GUI.js"></script>
35   - <script src="js/gui/CustomTerraceGUI.js"></script>
36   - <script src="js/gui/LayoutSelectionGUI.js"></script>
37   - <script src="js/gui/NotificationMessage.js"></script>
  37 + <script src="js/gui/GUI.js"></script>
  38 + <script src="js/gui/CustomTerraceGUI.js"></script>
  39 + <script src="js/gui/LayoutSelectionGUI.js"></script>
  40 + <script src="js/HTMLGUI.js"></script>
  41 + <script src="js/gui/NotificationMessage.js"></script>
38 42  
39   - <script src="js/PDF/PDF.js"></script>
40   - <script src="js/PDF/ImageURLS.js"></script>
  43 + <script src="js/PDF/PDF.js"></script>
  44 + <script src="js/PDF/ImageURLS.js"></script>
41 45  
42   - <script src="js/Constants.js"></script>
  46 + <script src="js/Constants.js"></script>
  47 +<!--------------------------------------------------------------------------------------------------------------------->
  48 +
  49 +</head>
  50 +<body onload="main()">
43 51  
44   - </head>
45   - <body onload="main()">
46   - <canvas id="renderCanvas"></canvas>
47   - <a id="inputTabFix" href="" onClick="return false;"></a>
  52 + <canvas id="renderCanvas">
  53 + Denne nettleseren støtter ikke "canvas"-elementet!
  54 + </canvas>
48 55  
  56 + <!-- Remove? -->
  57 + <a id="inputTabFix" href="" onClick="return false;"></a>
  58 +
  59 + <div class="setup" id="setup">
  60 + <div class="container">
  61 + <div class="row">
  62 + <div class="col-md-7 box">
  63 +
  64 + <div id="layout">
  65 + <div class="row">
  66 + <div class="col-md-12">
  67 + <h1 class="text-center headline">Velg utforming på din terrasse</h1>
  68 + </div>
  69 + </div>
  70 + <div class="row">
  71 + <div class="col-md-12">
  72 + <p class="text-center grey" style="padding-bottom: 20px">I neste steg kan du legge inn sidemål</p>
  73 + </div>
  74 + </div>
  75 + <div id="layoutButtons" class="row">
  76 + <div class="col-lg-3 col-6">
  77 + <img id="btLayout1" class="layoutButton img-fluid" src="images/terrace_square.png">
  78 + </div>
  79 + <div class="col-lg-3 col-6">
  80 + <img id="btLayout2" class="layoutButton img-fluid" src="images/terrace_l_shape.png">
  81 + </div>
  82 + <div class="col-lg-3 col-6">
  83 + <img id="btLayout3" class="layoutButton img-fluid" src="images/terrace_diamond.png">
  84 + </div>
  85 + <div class="col-lg-3 col-6">
  86 + <img id="btLayout4" class="layoutButton img-fluid" src="images/terrace_triangle.png">
  87 + </div>
  88 + </div>
  89 + <div class="row">
  90 + <div class="col-md-12" style="padding-top: 20px">
  91 + <p class="text-center grey">Ser du ikke noe som likner?</p>
  92 + </div>
  93 + </div>
  94 + <div class="row">
  95 + <div class="col-md-12" style="padding-bottom: 15px">
  96 + <button class="center" id="btBuild"><span>Bygg din egen</span></button>
  97 + </div>
  98 + </div>
  99 + </div>
  100 +
  101 + <div id="measurements">
  102 + <div class="row">
  103 + <div class="col-md-12">
  104 + <h1 class="text-center headline">Legg inn mål for din terrasse</h1>
  105 + </div>
  106 + </div>
  107 + <div class="row">
  108 + <div class="col-lg-7">
  109 + <img class="img-fluid float-right" id="layoutPreview" src="">
  110 + </div>
  111 + <div class="col-lg-5">
  112 + <form id="lengths">
  113 + <div class="form-group" id="formA">
  114 + <label for="sideA">Side A</label>
  115 + <input type="text" class="form-control" id="sideA" placeholder="Lengde i mm"/>
  116 + </div>
  117 + <div class="form-group" id="formB">
  118 + <label for="sideB">Side B</label>
  119 + <input type="text" class="form-control" id="sideB" placeholder="Lengde i mm"/>
  120 + </div>
  121 + <div class="form-group" id="formC">
  122 + <label for="sideC">Side C</label>
  123 + <input type="text" class="form-control" id="sideC" placeholder="Lengde i mm"/>
  124 + </div>
  125 + <div class="form-group" id="formD">
  126 + <label for="sideD">Side D</label>
  127 + <input type="text" class="form-control" id="sideD" placeholder="Lengde i mm"/>
  128 + </div>
  129 + </form>
  130 + </div>
  131 + </div>
  132 + <div class="row">
  133 + <div class="col-lg-12">
  134 + <button class="float-left" id="btBack"><span>Forrige</span></button>
  135 + <button class="float-right" id="btNext"><span>Neste</span></button>
  136 + </div>
  137 + </div>
  138 + <!-- Button trigger modal -->
  139 + <button id="triggerModal" type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"></button>
  140 + <!-- Modal -->
  141 + <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  142 + <div class="modal-dialog" role="document">
  143 + <div class="modal-content">
  144 + <div class="modal-header">
  145 + <h5 class="modal-title" id="exampleModalLabel">Ugyldig</h5>
  146 + <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  147 + <span aria-hidden="true">&times;</span>
  148 + </button>
  149 + </div>
  150 + <div class="modal-body">
  151 + Vennligst oppgi numeriske verdier
  152 + </div>
  153 + <div class="modal-footer">
  154 + <button type="button" class="btn btn-secondary" data-dismiss="modal">Lukk</button>
  155 + </div>
  156 + </div>
  157 + </div>
  158 + </div>
  159 +
  160 + </div>
  161 + </div>
  162 + </div>
  163 + </div>
  164 + </div>
  165 +
  166 + <div class="main" id="main">
49 167 <div id="gui">
50 168 <input id="moduleMenuToggleButton" type="image" src="images/menu_toggle_arrows.png" title="Skjul menyen" onclick="toggleMenuVisibility()" ondragstart="return false;" />
51 169 <div id="moduleMenu">
... ... @@ -115,13 +233,13 @@
115 233 <div id="itemTableDiv">
116 234 <table id="itemTable">
117 235 <thead>
118   - <tr>
119   - <th>Varenr</th>
120   - <th>Nobbnr</th>
121   - <th>Artikkel</th>
122   - <th>Antall</th>
123   - <th>Pris</th>
124   - </tr>
  236 + <tr>
  237 + <th>Varenr</th>
  238 + <th>Nobbnr</th>
  239 + <th>Artikkel</th>
  240 + <th>Antall</th>
  241 + <th>Pris</th>
  242 + </tr>
125 243 </thead>
126 244 <tbody id="itemTableBody">
127 245  
... ... @@ -170,5 +288,13 @@
170 288 </div>
171 289  
172 290 <button id="autoGenFinishButton" onclick="onAutoGenFinished()">Ferdig</button>
173   - </body>
  291 + </div>
  292 +
  293 + <!-- jQuery -->
  294 + <script src="lib/jquery-3.3.1.min.js"></script>
  295 +
  296 + <!-- Bootstrap JavaScript -->
  297 + <script src="lib/bootstrap.min.js"></script>
  298 +
  299 +</body>
174 300 </html>
175 301 \ No newline at end of file
... ...
index_NEW.html deleted
1   -<!DOCTYPE html>
2   -<html lang="en">
3   -<head>
4   - <meta charset="UTF-8">
5   - <title>Rekkverkskalkulator</title>
6   -
7   - <!-- Bootstrap CSS -->
8   - <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
9   -
10   - <!-- My CSS -->
11   - <link rel="stylesheet" type="text/css" href="css/style.css">
12   -
13   -<!------------------------------------------------------ SCRIPT ------------------------------------------------------->
14   - <script src="lib/babylon.js"></script>
15   - <script src="lib/jspdf.debug.js"></script>
16   -
17   - <script src="js/materials/GridMaterial.js"></script>
18   - <script src="js/MaterialProvider.js"></script>
19   -
20   - <script src="js/app.js"></script>
21   - <script src="js/Glass.js"></script>
22   - <script src="js/GlassProvider.js"></script>
23   - <script src="js/MeshControls.js"></script>
24   - <script src="js/pole/PoleProvider.js"></script>
25   - <script src="js/pole/Pole.js"></script>
26   - <script src="js/terrace/BuildingPlane.js"></script>
27   - <script src="js/TextProvider.js"></script>
28   - <script src="js/Segment.js"></script>
29   - <script src="js/Modules.js"></script>
30   -
31   - <script src="js/terrace/Terrace.js"></script>
32   - <script src="js/terrace/CustomTerrace.js"></script>
33   -
34   - <script src="js/camera/CameraController.js"></script>
35   - <script src="js/camera/OrthographicCamera.js"></script>
36   -
37   - <script src="js/gui/GUI.js"></script>
38   - <script src="js/gui/CustomTerraceGUI.js"></script>
39   - <script src="js/gui/LayoutSelectionGUI.js"></script>
40   - <script src="js/gui/MeshControlsGUI.js"></script>
41   - <script src="js/gui/NotificationMessage.js"></script>
42   -
43   - <script src="js/PDF/PDF.js"></script>
44   - <script src="js/PDF/ImageURLS.js"></script>
45   -
46   - <script src="js/Constants.js"></script>
47   -<!--------------------------------------------------------------------------------------------------------------------->
48   -
49   -</head>
50   -<body onload="main()">
51   -
52   - <canvas id="renderCanvas">
53   - Denne nettleseren støtter ikke "canvas"-elementet!
54   - </canvas>
55   -
56   - <!-- Remove? -->
57   - <a id="inputTabFix" href="" onClick="return false;"></a>
58   -
59   - <div class="setup" id="setup">
60   - <div class="container">
61   - <div class="row">
62   - <div class="col-md-7 box">
63   -
64   - <div id="layout">
65   - <div class="row">
66   - <div class="col-md-12">
67   - <h1 class="text-center headline">Velg utforming på din terrasse</h1>
68   - </div>
69   - </div>
70   - <div class="row">
71   - <div class="col-md-12">
72   - <p class="text-center grey" style="padding-bottom: 20px">I neste steg kan du legge inn sidemål</p>
73   - </div>
74   - </div>
75   - <div id="layoutButtons" class="row">
76   - <div class="col-lg-3 col-6">
77   - <img id="btLayout1" class="layoutButton img-fluid" src="images/terrace_square.png">
78   - </div>
79   - <div class="col-lg-3 col-6">
80   - <img id="btLayout2" class="layoutButton img-fluid" src="images/terrace_l_shape.png">
81   - </div>
82   - <div class="col-lg-3 col-6">
83   - <img id="btLayout3" class="layoutButton img-fluid" src="images/terrace_diamond.png">
84   - </div>
85   - <div class="col-lg-3 col-6">
86   - <img id="btLayout4" class="layoutButton img-fluid" src="images/terrace_triangle.png">
87   - </div>
88   - </div>
89   - <div class="row">
90   - <div class="col-md-12" style="padding-top: 20px">
91   - <p class="text-center grey">Ser du ikke noe som likner?</p>
92   - </div>
93   - </div>
94   - <div class="row">
95   - <div class="col-md-12" style="padding-bottom: 15px">
96   - <button class="center" id="btBuild"><span>Bygg din egen</span></button>
97   - </div>
98   - </div>
99   - </div>
100   -
101   - <div id="measurements">
102   - <div class="row">
103   - <div class="col-md-12">
104   - <h1 class="text-center headline">Legg inn mål for din terrasse</h1>
105   - </div>
106   - </div>
107   - <div class="row">
108   - <div class="col-lg-7">
109   - <img class="img-fluid float-right" id="layoutPreview" src="">
110   - </div>
111   - <div class="col-lg-5">
112   - <form id="lengths">
113   - <div class="form-group" id="formA">
114   - <label for="sideA">Side A</label>
115   - <input type="text" class="form-control" id="sideA" placeholder="Lengde i mm"/>
116   - </div>
117   - <div class="form-group" id="formB">
118   - <label for="sideB">Side B</label>
119   - <input type="text" class="form-control" id="sideB" placeholder="Lengde i mm"/>
120   - </div>
121   - <div class="form-group" id="formC">
122   - <label for="sideC">Side C</label>
123   - <input type="text" class="form-control" id="sideC" placeholder="Lengde i mm"/>
124   - </div>
125   - <div class="form-group" id="formD">
126   - <label for="sideD">Side D</label>
127   - <input type="text" class="form-control" id="sideD" placeholder="Lengde i mm"/>
128   - </div>
129   - </form>
130   - </div>
131   - </div>
132   - <div class="row">
133   - <div class="col-lg-12">
134   - <button class="float-left" id="btBack"><span>Forrige</span></button>
135   - <button class="float-right" id="btNext"><span>Neste</span></button>
136   - </div>
137   - </div>
138   - <!-- Button trigger modal -->
139   - <button id="triggerModal" type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"></button>
140   - <!-- Modal -->
141   - <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
142   - <div class="modal-dialog" role="document">
143   - <div class="modal-content">
144   - <div class="modal-header">
145   - <h5 class="modal-title" id="exampleModalLabel">Ugyldig</h5>
146   - <button type="button" class="close" data-dismiss="modal" aria-label="Close">
147   - <span aria-hidden="true">&times;</span>
148   - </button>
149   - </div>
150   - <div class="modal-body">
151   - Vennligst oppgi numeriske verdier
152   - </div>
153   - <div class="modal-footer">
154   - <button type="button" class="btn btn-secondary" data-dismiss="modal">Lukk</button>
155   - </div>
156   - </div>
157   - </div>
158   - </div>
159   -
160   - </div>
161   - </div>
162   - </div>
163   - </div>
164   - </div>
165   -
166   - <!-- jQuery -->
167   - <script src="lib/jquery-3.3.1.min.js"></script>
168   -
169   - <!-- Bootstrap JavaScript -->
170   - <script src="lib/bootstrap.min.js"></script>
171   -
172   -</body>
173   -</html>
174 0 \ No newline at end of file
index_OLD.html 0 → 100644
  1 +<!DOCTYPE html>
  2 +<html>
  3 + <head>
  4 + <meta charset="UTF-8">
  5 +
  6 + <title>Rekkverkskalkulator</title>
  7 +
  8 + <link rel="stylesheet" type="text/css" href="style/style.css" />
  9 +
  10 + <script src="lib/babylon.js"></script>
  11 + <script src="lib/jspdf.debug.js"></script>
  12 +
  13 + <script src="js/materials/GridMaterial.js"></script>
  14 + <script src="js/MaterialProvider.js"></script>
  15 +
  16 + <script src="js/app.js"></script>
  17 + <script src="js/HTMLGUI.js"></script>
  18 + <script src="js/Glass.js"></script>
  19 + <script src="js/GlassProvider.js"></script>
  20 + <script src="js/MeshControls.js"></script>
  21 + <script src="js/pole/PoleProvider.js"></script>
  22 + <script src="js/pole/Pole.js"></script>
  23 + <script src="js/terrace/BuildingPlane.js"></script>
  24 + <script src="js/TextProvider.js"></script>
  25 + <script src="js/Segment.js"></script>
  26 + <script src="js/Modules.js"></script>
  27 +
  28 + <script src="js/terrace/Terrace.js"></script>
  29 + <script src="js/terrace/CustomTerrace.js"></script>
  30 +
  31 + <script src="js/camera/CameraController.js"></script>
  32 + <script src="js/camera/OrthographicCamera.js"></script>
  33 +
  34 + <script src="js/gui/GUI.js"></script>
  35 + <script src="js/gui/CustomTerraceGUI.js"></script>
  36 + <script src="js/gui/LayoutSelectionGUI.js"></script>
  37 + <script src="js/gui/NotificationMessage.js"></script>
  38 +
  39 + <script src="js/PDF/PDF.js"></script>
  40 + <script src="js/PDF/ImageURLS.js"></script>
  41 +
  42 + <script src="js/Constants.js"></script>
  43 +
  44 + </head>
  45 + <body onload="main()">
  46 + <canvas id="renderCanvas"></canvas>
  47 + <a id="inputTabFix" href="" onClick="return false;"></a>
  48 +
  49 + <div id="gui">
  50 + <input id="moduleMenuToggleButton" type="image" src="images/menu_toggle_arrows.png" title="Skjul menyen" onclick="toggleMenuVisibility()" ondragstart="return false;" />
  51 + <div id="moduleMenu">
  52 + <div id="poleHeader" class="menuHeader">Stolper</div>
  53 + <div id="poleButtons">
  54 + <div id="poleRow1Buttons">
  55 + <input class="poleButton" type="image" src="images/menu_pole_180.png" title="180&#176; Stolpe" onmousedown="addPoleFromMenu('180')" ondragstart="return false;" />
  56 + <input class="poleButton" type="image" src="images/menu_pole_90.png" title="90&#176; Stolpe" onmousedown="addPoleFromMenu('90')" ondragstart="return false;" />
  57 + <input class="poleButton" type="image" src="images/menu_pole_45.png" title="45&#176; Stolpe" onmousedown="addPoleFromMenu('45')" ondragstart="return false;" />
  58 + </div>
  59 + <div id="poleRow2Buttons">
  60 + <input class="poleButton" type="image" src="images/menu_pole_end.png" title="Endestolpe" onmousedown="addPoleFromMenu('end')" ondragstart="return false;" />
  61 + <input class="poleButton" type="image" src="images/menu_pole_wall.png" title="Veggfeste" onmousedown="addPoleFromMenu('wall')" ondragstart="return false;" />
  62 + </div>
  63 + </div>
  64 +
  65 + <div id="glassHeader" class="menuHeader">Glass</div>
  66 + <div id="glassTypeInfo">
  67 + Glasstype:
  68 + <select id="glassTypeSelect" onchange="changeMenuGlassType()">
  69 + <optgroup label="Glasstype:">
  70 + <option value="0">Klart</option>
  71 + <option value="1">Frostet</option>
  72 + <option value="2">Sotet</option>
  73 + </optgroup>
  74 + </select>
  75 + </div>
  76 + <div id="glassButtons">
  77 + <input id="decreaseGlassWidth" type="image" src="images/menu_arrow.png" title="Reduser glassbredde" onclick="reduceGlassSize()" ondragstart="return false;" />
  78 + <input id="glassButton" type="image" src="images/menu_glass_clear.png" title="Glass" onmousedown="addGlassFromMenu()" ondragstart="return false;" />
  79 + <input id="increaseGlassWidth" type="image" src="images/menu_arrow.png" title="Øk glassbredde" onclick="increaseGlassSize()" ondragstart="return false;" />
  80 + </div>
  81 + <div id="glassWidthInfo">
  82 + <select id="glassWidthText" title="Glassbredde" onchange="updateGlassStretch()">
  83 + <optgroup label="Glassbredde:">
  84 + <option value="120">120mm</option>
  85 + <option value="220">220mm</option>
  86 + <option value="320">320mm</option>
  87 + <option value="420">420mm</option>
  88 + <option value="520">520mm</option>
  89 + <option value="620">620mm</option>
  90 + <option value="720">720mm</option>
  91 + <option value="820">820mm</option>
  92 + <option value="920">920mm</option>
  93 + <option value="1020">1020mm</option>
  94 + <option value="1120" selected="selected">1120mm</option>
  95 + </optgroup>
  96 + </select>
  97 + x 840mm
  98 + </div>
  99 + <p class ="moduleMenuHeader" id="fpsCounter">fps: </p>
  100 + </div>
  101 +
  102 + <div id="topButtons">
  103 + <input class="cameraButtons" id="camera2DButton" type="image" src="images/cam2D_blk.png" onclick="use2DCamera()" ondragstart="return false;" />
  104 + <input class="cameraButtons" id="camera3DButton" type="image" src="images/cam3D_red.png" onclick="use3DCamera()" ondragstart="return false;" />
  105 + <input id="helpLinesButton" type="image" src="images/ruler.png" onclick="toggleHelplines()" ondragstart="return false;" />
  106 + </div>
  107 +
  108 + <button id="totalCostButton" onclick="displayItemList()">0 kr</button>
  109 +
  110 + <div id="itemList">
  111 + <div id="itemListHeader">
  112 + <div class="menuHeader">Plukkliste</div>
  113 + <button id="closeItemList" onclick="hideItemList()">X</button>
  114 + </div>
  115 + <div id="itemTableDiv">
  116 + <table id="itemTable">
  117 + <thead>
  118 + <tr>
  119 + <th>Varenr</th>
  120 + <th>Nobbnr</th>
  121 + <th>Artikkel</th>
  122 + <th>Antall</th>
  123 + <th>Pris</th>
  124 + </tr>
  125 + </thead>
  126 + <tbody id="itemTableBody">
  127 +
  128 + </tbody>
  129 + </table>
  130 + </div>
  131 + <div id="itemListFooter">
  132 + <button id="downloadItemListButton" onclick="downloadItemList()">Last ned</button>
  133 + </div>
  134 + </div>
  135 + </div>
  136 +
  137 + <div id="poleMenu">
  138 + <div class="meshControlsButtonsDiv"><input class="meshControlsButtons" type="image" src="images/menu_pole_rotate_left.png" onclick="rotateMeshLeft()" ondragstart="return false;" /></div>
  139 + <div class="meshControlsButtonsDiv"><input class="meshControlsButtons" type="image" src="images/menu_pole_rotate_right.png" onclick="rotateMeshRight()" ondragstart="return false;" /></div>
  140 + <div class="meshControlsButtonsDiv"><input class="meshControlsButtons" type="image" src="images/menu_pole_delete.png" onclick="deleteMesh()" ondragstart="return false;" /></div>
  141 + <div class="meshControlsButtonsDiv"><input id="autoGenButton" type="button" onclick="startAutoGeneration()" value="Auto"/></div>
  142 + </div>
  143 +
  144 + <div id="glassMenu">
  145 + <div class="meshControlsButtonsDiv"><input class="meshControlsButtons" type="image" src="images/menu_pole_rotate_left.png" onclick="rotateMeshLeft()" ondragstart="return false;" /></div>
  146 + <div class="meshControlsButtonsDiv"><input class="meshControlsButtons" type="image" src="images/menu_pole_rotate_right.png" onclick="rotateMeshRight()" ondragstart="return false;" /></div>
  147 + <div class="meshControlsButtonsDiv"><input class="meshControlsButtons" type="image" src="images/menu_pole_delete.png" onclick="deleteMesh()" ondragstart="return false;" /></div>
  148 + <div id="glassMenuType">
  149 + <select title="Glasstype" id="glassMenuTypeSelect" onchange="changeGlassType()">
  150 + <optgroup label="Glasstype:">
  151 + <option value="0">Klart</option>
  152 + <option value="1">Frostet</option>
  153 + <option value="2">Sotet</option>
  154 + </optgroup>
  155 + </select>
  156 + </div>
  157 + </div>
  158 +
  159 + <div id="autoGenPoleSelect">
  160 + <div id="autoGenPoleSelectHeader">Velg stolpe</div>
  161 + <div class="autoGenPoleRow">
  162 + <input class="autoGenPoleButton" type="image" src="images/menu_pole_180.png" title="180&#176; Stolpe" onclick="onAutoGenPoleSelected('180')" ondragstart="return false;" />
  163 + <input class="autoGenPoleButton" type="image" src="images/menu_pole_90.png" title="90&#176; Stolpe" onclick="onAutoGenPoleSelected('90')" ondragstart="return false;" />
  164 + <input class="autoGenPoleButton" type="image" src="images/menu_pole_45.png" title="45&#176; Stolpe" onclick="onAutoGenPoleSelected('45')" ondragstart="return false;" />
  165 + </div>
  166 + <div class="autoGenPoleRow">
  167 + <input class="autoGenPoleButton" type="image" src="images/menu_pole_end.png" title="Endestolpe" onclick="onAutoGenPoleSelected('end')" ondragstart="return false;" />
  168 + <input class="autoGenPoleButton" type="image" src="images/menu_pole_wall.png" title="Veggfeste" onclick="onAutoGenPoleSelected('wall')" ondragstart="return false;" />
  169 + </div>
  170 + </div>
  171 +
  172 + <button id="autoGenFinishButton" onclick="onAutoGenFinished()">Ferdig</button>
  173 + </body>
  174 +</html>
0 175 \ No newline at end of file
... ...
js/app.js
... ... @@ -63,9 +63,9 @@ function main() {
63 63 terrace = new Terrace();
64 64 meshControls = new MeshControls();
65 65 gui = new GUI();
66   - gui.showLayoutSelection();
  66 + //gui.showLayoutSelection();
67 67  
68   - //initButtons();
  68 + initButtons();
69 69  
70 70 window.addEventListener("resize", function () { // Watch for browser/canvas resize events
71 71 engine.resize();
... ... @@ -587,6 +587,7 @@ function drawTerrace() {
587 587 }
588 588 measurements.style.display = "none";
589 589 document.getElementById("setup").style.display = "none";
  590 + document.getElementById("main").style.display = "inline";
590 591 canvas.style.display = "inline";
591 592 terrace.displayTerrace(inputs);
592 593 camera.focusPerspectiveCamera();
... ...