Merge pull request #3335 from AllskyTeam/3317-bug-if-a-field-is-outside-the-image-nothing-is-indicated-in-overlay-manager

3317 Fixes for off screen fields

Author: Alex-developer

html/documentation/overlays/overlay-window.png

@@ -846,7 +846,7 @@ <h2>The Overlay Editor User Interface</h2>
 							<tr>
 								<td class="moduleAnnotation">
 									<span class="moduleToolbarIconNumber">14</span>
-									Working Area
+									<span class="moduleToolbar">Working Area</span>
 								</td>
 								<td></td>
 								<td>
@@ -864,6 +864,16 @@ <h2>The Overlay Editor User Interface</h2>
 									</blockquote>
 								</td>
 							</tr>
+							<tr>
+								<td class="moduleAnnotation">
+									<span class="moduleToolbarIconNumber">15</span>
+									<span class="moduleToolbar">Field Errors</span>
+								</td>
+								<td class="overlayIcon"><i class="fa fa-solid fa-circle-exclamation fa-lg"></i></td>
+								<td>
+									<p><strong>Only</strong> displayed if any fields are detected that are off off the screen. Selecting this icon will display a dialog allowing the off screen fields to be deleted or fixed. Fixing the field will move it into the visible portion of the overlay editor allowing you to move it to the exact position required.</p>
+								</td>
+							</tr>							
 						</tbody>
 					</table>
 					<hr class="separatorSmall">

html/documentation/overlays/overlays.html

@@ -112,6 +112,11 @@ function DisplayOverlay($image_name)
                                             <li>
                                                 <div class="btn btn-lg navbar-btn oe-zoom" id="oe-zoom-fit" data-toggle="tooltip" data-container="body" data-placement="top" title="Fit to Window"><i class="fa-solid fa-down-left-and-up-right-to-center"></i></div>
                                             </li>
+                                            <li>
+                                                <div class="btn btn-lg navbar-btn oe-field-errors hidden" id="oe-field-errors" data-toggle="tooltip" data-container="body" data-placement="top" title="Display Field Errors">
+                                                    <i class="fa-solid fa-circle-exclamation"></i>
+                                                </div>
+                                            </li>
                                         </ul>
                                         <ul class="nav navbar-nav navbar-right">
                                             <li id="oe-toolbar-debug" class="hidden">
@@ -220,6 +225,34 @@ function DisplayOverlay($image_name)
                 </table>                
             </div>
 
+            <div class="modal" role="dialog" id="oe-field-errors-dialog">
+                <div class="modal-dialog modal-lg" role="document">
+                    <div class="modal-content">
+                        <div class="modal-header">
+                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                            <h4 class="modal-title">Field Errors</h4>
+                        </div>
+                        <div class="modal-body">
+                            <div role="tabpanel" class="tab-pane active" id="oe-field-errors-dialog-fields">
+                                <table id="fielderrorstable" class="display compact" style="width:98%">
+                                    <thead>
+                                        <tr>
+                                            <th>Id</th>
+                                            <th>Field Name</th>
+                                            <th>Type</th>
+                                            <th>&nbsp;</th>
+                                        </tr>
+                                    </thead>
+                                </table>
+                            </div>
+                        </div>
+                        <div class="modal-footer">
+                            <button type="button" class="btn btn-default" id="oe-field-errors-dialog-close">Close</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
             <div class="modal" role="dialog" id="oe-item-list-dialog">
                 <div class="modal-dialog modal-lg" role="document">
                     <div class="modal-content">