Update templates/proposed-GUI.html

templates/proposed-GUI.html

@@ -295,10 +295,12 @@
                 <select id="section-select" 
                   onchange="
                     document.getElementById('description-section-1-0').style.display = this.value === 'section-1-0' ? 'block' : 'none'; 
-                    document.getElementById('description-section-3-2').style.display = this.value === 'section-3-2' ? 'block' : 'none';">
+                    document.getElementById('description-section-3-2').style.display = this.value === 'section-3-2' ? 'block' : 'none';
+                    document.getElementById('description-section-3-3').style.display = this.value === 'section-3-3' ? 'block' : 'none';">
                   <option value="">--Select Section--</option>
                   <option value="section-1-0">Section 1.0</option>
                   <option value="section-3-2">Section 3.2</option>
+                  <option value="section-3-3">Section 3.3</option>
                 </select>
                 <div id="description-section-1-0" class="description">
                   <label style="font-style: italic;">* Notes for section 1.0 measurement:</label>
@@ -341,6 +343,41 @@
                     </ol>
                   </div>
                 </div>
+                <div id="description-section-3-3" class="description">
+                  <label style="font-style: italic;">* Notes for section 3.3 measurement:</label>
+                  <p>The algorithm is designed to measure the Ceiling finishes for Ceiling plans by detecting each shape individually and measuring its area and perimeter.</p>
+                  <label style="font-weight: 200;">Steps to use:</label>
+                  <div style="margin-left: 20px;">
+                    <ol>
+                      <li>Select Section 3.2 from the drop-down list.</li>
+                      <li>Choose the PDF you wish to measure. A pdf will be downloaded for the next step.</li>
+                      <li>A pop window will appear in which it contains the pdf drawn on it a big blue shape. Measure its perimeter and input the value in the corresponding cell in the console. Be sure to adjust the unit (e.g., m, cm).</li>
+                      <li>Open AutoCAD and import the PDF.</li>
+                      <li>When a pop-up window appears in AutoCAD, ensure the following options are selected:
+                         <ol class="sub-item">
+                          <li>PDF Data to Import:
+                            <ol class="nested-item">
+                              <li>Vector geometry (Solid Fills)</li>
+                              <li>TrueType text</li>
+                            </ol>
+                          </li>
+                          <li>Layers:
+                            <ol class="nested-item">
+                              <li>Use PDF Layers</li>
+                            </ol>
+                          </li>
+                          <li>Import Options:
+                            <ol class="nested-item">
+                              <li>Convert solid fills to hatches</li>
+                              <li>Apply line weight properties</li>
+                            </ol>
+                          </li>
+                        </ol>
+                      </li>
+                      <li>Upload the generated DXF file to the console, input the measured perimeter, and click the green button.</li>
+                    </ol>
+                  </div>
+                </div>
               </body>
               <br>
               <i id="secondpage" class="fa fa-arrow-right" aria-hidden="true"></i>
@@ -418,6 +455,11 @@
                       <li>After setting the scale, all annotations will appear and dynamically update in the measurement column, along with their corresponding labels.</li>
                       <li>This section works correctly only if the PDF was originally created in AutoCAD.</li>
                       <li>Double check the required items in the pop up window in AutoCAD while importing the pdf, if something is missing in it, the markups might appear as X shapes.</li>
+                      <li>If the perimeter is not an accurate number, the markups may shift.</li>
+                      <li>Some tiny shapes might be missed during processing.</li>
+                      <li>The annotation shapes are primarily based on the DXF file's shape.</li>
+                      <li>The annotations might appear duplicated in a very small percentage of the pdfs</li>
+                      <li>Thoroughly review the generated markups, as they may include elements outside your measurement scope. For example,  parts of the title block may appear as markups. </li>
                     </ol>
                   </div>
                 </div>