Hugging Face's logo

Spaces:
Marthee
/
MeasurementTesting
Sleeping

App Files Community
Marthee commited on
Commit
5dfece0
·
1 Parent(s): da9061e

Upload 4 files

Browse files
Files changed (4) hide show
  1. templates/home.html +68 -0
  2. templates/launch.json +12 -0
  3. templates/legendDirectory.html +97 -0
  4. templates/proposed-GUI.html +0 -0
templates/home.html ADDED
@@ -0,0 +1,68 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en" dir="ltr">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>Flask Tutorial</title>
6
+
7
+ </head>
8
+ <body>
9
+
10
+ <button onclick="duplicate()">Forwaaard</button>
11
+ <form action="/forward/" method="post">
12
+
13
+ <div id ="duplicater">
14
+
15
+ <select name="select" class="selections">
16
+ <option value="" disabled selected hidden>Choose value</option>
17
+ <option value="hi">hi </option>
18
+ <option value="11aaa"> 11</option>
19
+ </select>
20
+
21
+ </div>
22
+
23
+ <button name="forwardBtn" type="submit">donee</button>
24
+
25
+
26
+
27
+ </form>
28
+
29
+
30
+ </body>
31
+
32
+ </html>
33
+
34
+
35
+ <script >
36
+ var i = 0;
37
+ var original = document.getElementById('duplicater');
38
+
39
+ const vals = [];
40
+ function duplicate() {
41
+
42
+ var clone = original.cloneNode(true); // "deep" clone
43
+
44
+ // or clone.id = ""; if the divs don't need an ID
45
+ clone.id = 'duplicater' + ++i;
46
+
47
+ clone.getElementsByClassName('selections')[0].setAttribute('name', 'select'+i);
48
+ original.parentNode.appendChild(clone);
49
+
50
+ // var value = clone.id;
51
+ console.log( original.parentNode)
52
+ console.log( clone )
53
+ var sel0 = document.getElementById('duplicater').getElementsByClassName('selections')[0];
54
+ var sel = document.getElementById(clone.id).getElementsByClassName('selections')[0].tagName;
55
+ //var value = sel.textContent[sel.selectedIndex].text;
56
+ //var text = sel.options[sel.selectedIndex].text;
57
+ //vals.push(text)
58
+
59
+ console.log(sel0.value)
60
+ console.log(sel)
61
+ //console.log(value)
62
+ //console.log(text)
63
+ //var index=original.selectedIndex
64
+ //console.log(original.options[index].text)
65
+ }
66
+
67
+
68
+ </script>
templates/launch.json ADDED
@@ -0,0 +1,12 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {
2
+ "version": "0.2.0",
3
+ "configurations": [
4
+ {
5
+ "type": "node",
6
+ "request": "launch",
7
+ "outputCapture": "std"
8
+
9
+ }
10
+ ]
11
+ }
12
+
templates/legendDirectory.html ADDED
@@ -0,0 +1,97 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en" dir="ltr">
3
+ <head>
4
+ <link rel="stylesheet" href="https://use.typekit.net/zos0ars.css">
5
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
6
+ <link rel="stylesheet" href="static/style.css">
7
+
8
+ <meta charset="utf-8">
9
+ <title>ADR Console - V2</title>
10
+
11
+ </head>
12
+ <body>
13
+
14
+ <div class="tab-nav-container">
15
+
16
+ <label class="tab active pagetitle">ADR Console</label> <i class="fa fa-home" style="filter: invert();"></i>
17
+
18
+ <div class="tab legends">
19
+ <label> Legends' History </label>
20
+ <i class="fa fa-caret-down"></i>
21
+ <div class="dropbtnLinks-content">
22
+ <p> hii </p>
23
+ </div>
24
+ </button>
25
+ </div>
26
+ <div class="tab userguide">
27
+ <button class="dropbtn"> <i class="fa fa-info" aria-hidden="true"></i> <!--User Guide-->
28
+ <i class="fa fa-caret-down"></i>
29
+ </button>
30
+
31
+ <div class="dropdown-content">
32
+ <div id="userguidetext">
33
+ <div id="textfirstpage">
34
+ <label style="font-style: oblique;"> <br>
35
+ Please read the following before you use this tool. </label>
36
+ <br><br>
37
+ <label style="font-style: oblique;" >Note : The algorithm is based on detecting shapes and colors from the plan. Some shapes such as tables and textboxes containing information about the plan may be seen as shapes as well, therefore inserted into the algorithm as well.
38
+ To avoid this, please clean up the plan before you choose to measure it
39
+ by erasing them or by drawing a white rectangle above them using any external tool. </label>
40
+ <br>
41
+
42
+ <br>
43
+ The tool is divided into two main parts:
44
+ <br>
45
+ <li id="userguideheadings"> First Part </li>
46
+ <br> You will find three dropdowns. Choose the name of the project you want to measure, along with the project part, and the project section.
47
+ <br > <br>
48
+ <label style="font-style: italic;"> Please double check the project section chosen as this chooses the code that will be applied to the plan. </label>
49
+ <br>
50
+ <br>
51
+ Mark the project you wish to meaure from the section labeled 'To measure'. You could also choose any relevant documents you wish to see (optional).
52
+ <br> <label style="font-style: italic;">Pixel to Metric conversion important notes : </label>When you choose to measure a specific plan, you will be provided with a pdf that has
53
+ a white rectangle drawn in it. Please open this pdf in Bluebeam and measure its area and perimeter and insert them in the textboxes that will be shown below.
54
+ When measuring this rectangle, you could consider it as the scale check done on Bluebeam.
55
+ <br> <br> <label style="font-style: italic;">Notes when measuring secion 1.0: </label>
56
+ <label id=info >Choose whether this project contains levels or not. If you wish to measure all of the plan, let the number of plans equal to one. If you wish to measure certain regions of the plan or have the plan divided into levels,
57
+ please type in a number greater than 1 (number of levels). </label>
58
+ <br> If you choose Measure specific regions, please draw shapes around the desired regions on Bluebeam or any external tool before choosing to measure this plan.
59
+ <br> You should also insert the colors of the levels in rgb format (Red-Green-Blue).
60
+
61
+ <br>
62
+
63
+ <i id="secondpage" class="fa fa-arrow-right" aria-hidden="true"></i>
64
+ <br>
65
+ </div>
66
+ <div id="textsecondpage" hidden=until-found>
67
+ <br>
68
+ <li id="userguideheadings" > Second part </li>
69
+ <br>
70
+ First, please open the google sheets link labeled 'Legend' and fill in the names of each shape.
71
+ <br>Ex. The first row shows the measurement of GB-1 , in the first column type in GB-1.
72
+ <br> After you are done with filling in the legend, go back to the ADR Console.
73
+ You will find three dropdowns and three textboxes.
74
+
75
+ <li style="list-style-type:square;"> The first dropdown will allow you to choose whether the shape is a ground beam or a pile cap. </li>
76
+ <li style="list-style-type:square;"> The second dropdown is the choice of (Area-perimeter-Length-Count).</li>
77
+ <li style="list-style-type:square;"> The third dropdown gives you the first part of the MC-T Name.</li>
78
+ <br> Then fill in the rows below the dropdowns with the corresponding detail and depth.
79
+ The plus button allows you to add more rows within this block.
80
+ <br>
81
+ There is another button above the dropdowns (to the right) that allows you to add another block and repeat the process for another item (Ground Beam or Pile Cap) or (Area-perimeter-Length-Count).
82
+ <br><br>
83
+ <i id="firstpage" class="fa fa-arrow-left" aria-hidden="true"></i>
84
+ <br>
85
+
86
+ </div>
87
+
88
+ </div>
89
+ </div>
90
+ </div>
91
+
92
+ </div>
93
+
94
+
95
+ </body>
96
+
97
+ </html>
templates/proposed-GUI.html ADDED
The diff for this file is too large to render. See raw diff