<dashboard version="1.1" theme="dark" stylesheet="manage_file_systems_exclusion_v2.css" script="manage_file_systems_exclusion_v2.js" hideEdit="true">
    <label>Configuration and management of per server file system exclusion</label>
    <description>Use this interface to automatically exclude specific file systems from file system usage alerting</description>
    <row>
        <panel>
            <html>
                <style>
                    .parent-top-single {
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        grid-template-rows: 1fr;
                        grid-column-gap: 0px;
                        grid-row-gap: 0px;
                    }
                </style>

                <!-- modal windows -->

                <!-- Help Modal -->
                <div class="modal custom-modal-60 fade" id="modal_help" tabindex="-1" role="dialog">
                    <div class="modal-dialog" 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"></span>
                                </button>
                                <div style="text-align: left;">
                                    <h4 class="modal-title">Integrated Navigation:</h4>
                                </div>
                            </div>
                            <div class="modal-body">
                                <div style="text-align: center;">
                                    <h1>ALERTING PER SERVER FILE-SYSTEM EXCLUSION</h1>
                                </div>
                                <div>
                                    <h3>The alerting per server file-system exclusion management interface allows you to configure Nmon alerting features for:</h3>
                                    <ul>
                                        <li>exclusion of file-systems from alerting on a per server and per file-system basis</li>
                                    </ul>
                                    <div class="list">
                                        <h4>file-systems exclusion:</h4>
                                        <ul>
                                            <li>mount: mount point of the Unix file-system</li>
                                            <li>exclude: (true/false) explicit exclusion (default)</li>
                                        </ul>
                                    </div>
                                    <h3>When a server is matched within the <span style="color: indianred">nmon_alerting_filesystem_per_server_exclusion</span> KVstore lookup, the file-system will automatically be excluded.</h3>
                                    <h3>You can use <span style="color: indianred">wildcards to match multiple file-systems at once, and case is insensitive</span>.
                                    </h3>
                                    <h3>Lookup access:</h3>
                                    <pre>| inputlookup nmon_alerting_filesystem_per_server_exclusion</pre>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>

                <!-- Error or failure during the operation -->
                <div class="modal fade" id="modal_generic_error" role="dialog">
                    <div class="modal-dialog">

                        <!-- Modal content-->
                        <div class="modal-content">
                            <div class="modal-header modal-header-danger">
                                <button type="button" class="close" data-dismiss="modal"></button>
                                <h1 style="color: indianred;">
                                    <span class="glyphicon glyphicon-lock"></span>Oops!</h1>
                            </div>
                            <div class="modal-body">
                                <h1>Sorry but it looks like an error occurred while attempting to perform this operation.</h1>
                                <h2>You might not have the permission to do so, or an unexpected failure was encountered.</h2>
                                <b>The server returned the following error message:</b>
                                <div class="modal-error-message">
                                    <p>error return message</p>
                                </div>
                            </div>
                        </div>

                        <div class="modal-footer">
                            <button type="submit" class="btn btn-default pull-right" data-dismiss="modal">
                                <span class="glyphicon glyphicon-remove"></span> Close</button>
                        </div>
                    </div>
                </div>

                <!-- successful operation -->
                <div class="modal fade" id="modal_generic_success" role="dialog">
                    <div class="modal-dialog">

                        <!-- Modal content-->
                        <div class="modal-content">
                            <div class="modal-header modal-header-danger">
                                <button type="button" class="close" data-dismiss="modal"></button>
                                <h1 style="color: #77dd77;">
                                    <span class="glyphicon glyphicon-lock"></span>Success</h1>
                            </div>
                            <div class="modal-body">
                                <div class="modal-success-message">
                                    <h2>The operation was achieved successfully.</h2>
                                </div>
                            </div>

                            <div class="modal-footer">
                                <button type="submit" class="btn btn-primary pull-right" data-dismiss="modal">
                                    <span class="glyphicon glyphicon-remove"></span> Ok</button>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- add entity -->
                <div class="modal custom-modal-80 fade" id="modal_add_entity" role="dialog">
                    <div class="modal-dialog">

                        <!-- Modal content-->
                        <div class="modal-content">
                            <div class="modal-header modal-header-danger">
                                <button type="button" class="close" data-dismiss="modal"></button>
                                <h1 style="color: dodgerblue;">
                                    <span class="glyphicon glyphicon-lock"></span>Add entity:</h1>
                            </div>
                            <div class="modal-body">

                                <div>
                                    <h2>
                                        Please enter the new mount point to be excluded.
                                    </h2>
                                    <h3>
                                        You can use wildcards to match multiple file-systems at once, and case is insensitive:
                                    </h3>
                                    <div class="fieldset">
                                        <div class="input input-text" id="input_add_frameid">
                                            <label>set frameID:</label>
                                        </div>
                                        <div class="input input-text" id="input_add_serialnum">
                                            <label>set serialnum:</label>
                                        </div>
                                        <div class="input input-text" id="input_add_host">
                                            <label>set host:</label>
                                        </div>
                                        <div class="input input-text" id="input_add_mount">
                                            <label>set mount:</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button id="btn_submit_new_entity" style="margin-right: 10px;" class="btn btn-primary pull-right" data-dismiss="modal">
                                    <span class="glyphicon glyphicon-remove"></span> Submit</button>
                                <button id="btn_cancel_new_entity" style="margin-right: 10px;" class="btn btn-secondary pull-right" data-dismiss="modal">
                                    <span class="glyphicon glyphicon-remove"></span> Cancel</button>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- update entity -->
                <div class="modal custom-modal-80 fade" id="modal_update_entity" role="dialog">
                    <div class="modal-dialog">

                        <!-- Modal content-->
                        <div class="modal-content">
                            <div class="modal-header modal-header-danger">
                                <button type="button" class="close" data-dismiss="modal"></button>
                                <h1 style="color: dodgerblue;">
                                    <span class="glyphicon glyphicon-lock"></span>Update or delete entity:</h1>
                            </div>
                            <div class="modal-body">

                                <div>

                                    <h2>
                                        Update the entity information in the following inputs and click on the update button. If you wish to delete this entity from the collection, click on delete.
                                    </h2>

                                    <div class="fieldset">
                                        <div class="input input-text" id="input_update_frameid">
                                            <label>update frameID:</label>
                                        </div>
                                        <div class="input input-text" id="input_update_serialnum">
                                            <label>update serialnum:</label>
                                        </div>
                                        <div class="input input-text" id="input_update_host">
                                            <label>update host:</label>
                                        </div>
                                        <div class="input input-text" id="input_update_mount">
                                            <label>update mount:</label>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <div class="modal-footer">
                                <button id="btn_submit_delete_entity" style="margin-right: 10px;" class="btn btn-danger pull-right" data-dismiss="modal">
                                    <span class="glyphicon glyphicon-remove"></span> Delete this entity</button>
                                <button id="btn_submit_update_entity" style="margin-right: 10px;" class="btn btn-primary pull-right" data-dismiss="modal">
                                    <span class="glyphicon glyphicon-remove"></span> Update this entity</button>
                                <button id="btn_cancel_update_entity" style="margin-right: 10px;" class="btn btn-secondary pull-right" data-dismiss="modal">
                                    <span class="glyphicon glyphicon-remove"></span> Cancel</button>
                            </div>

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

                <!-- end modals -->

                <div class="parent-top-single">
                    <div id="element_unset_exclusions">
                    </div>
                    <div id="element_nb_frameID">
                    </div>
                    <div id="element_nb_mount">
                    </div>
                </div>
            </html>
        </panel>
    </row>
    <row>
        <panel>
            <html>
                <div>
                    <button id="btn_help" style="margin-left: 20px; margin-right: 10px;" class="btn btn-primary pull-left" data-dismiss="modal">
                        <span class="glyphicon glyphicon-remove"></span> Help &amp; information</button>
                    <button id="btn_add_new_template" style="margin-left: 20px; margin-right: 10px;" class="btn btn-primary pull-left" data-dismiss="modal">
                        <span class="glyphicon glyphicon-remove"></span>Add a new exclusion</button>
                </div>
            </html>
        </panel>
    </row>

    <row>
        <panel>
            <html>
                <div>

                    <div>
                        <h2>Filters:</h2>
                    </div>

                    <div class="fieldset">

                        <div class="input input-text" id="input_inventory_search_frameid">
                            <label>Search frameID:</label>
                        </div>
                        <div class="input input-text" id="input_inventory_search_serialnum">
                            <label>Search serialnum:</label>
                        </div>
                        <div class="input input-text" id="input_inventory_search_host">
                            <label>Search host:</label>
                        </div>
                        <div class="input input-text" id="input_inventory_search_mount">
                            <label>Search mount point:</label>
                        </div>
                        <div class="input input-text" id="input_inventory_search_filesystem">
                            <label>Search filesystem:</label>
                        </div>

                    </div>

                    <div style="margin-left: 20px;">
                        <div class="input input-linklist" id="inputLink">
                            <label></label>
                        </div>
                    </div>

                    <div id="tableParent1" style="display: none;">
                        <h2>This table shows the servers currently in the inventory, to add a new exclusion for that machine, click on the corresponding row:
                        </h2>
                        <div id="element_table_show_lookup_inventory">
                        </div>
                    </div>

                    <div id="tableParent2" style="display: none;">
                        <h2>This table shows exclusions currently configured, click on any row to update or delete this entry.</h2>
                        <h3>You can add a new exclusion entry, mount point is case insensitive and accepts wildcards to match multiple mount points at once</h3>
                        <div id="element_table_show_lookup_content">
                        </div>
                    </div>
                </div>
            </html>
        </panel>
    </row>

</dashboard>