+<!-- View log entry -->
+ <div class="modal" id="view_log_entry" tabindex="-1" role="dialog" aria-labelledby="confirmModalCenterTitle" aria-hidden="true">
+ <div class="modal-dialog modal-xl" role="document">
+ <form method="post">
+ <div class="modal-content">
+ <div class="modal-header">
+ <h5 class="modal-title" id="view_log_entry_title">View log entry</h5>
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+ <span aria-hidden="true">×</span></button>
+ </div>
+ <div class="modal-body">
+ <ul class="nav nav-tabs" role="tablist">
+ <li class="nav-item" role="presentation"><a class="nav-link active" href="#event_pane" aria-controls="event_pane" role="tab" data-toggle="tab">Log entry</a></li>
+ <li class="nav-item" role="presentation"><a class="nav-link" href="#json_pane" aria-controls="json_pane" role="tab" data-toggle="tab">JSON</a></li>
+ </ul>
+
+ <div class="tab-content">
+ <div class="tab-pane show active" id="event_pane">
+ <table class="table-sm table-responsive caption-top table-hover">
+ <tbody>
+ <tr><td>Time</td><td id="view_log_entry_time"></td></tr>
+ <tr><td>Level</td><td id="view_log_entry_level"></td></tr>
+ <tr><td>Subsystem</td><td id="view_log_entry_subsystem"></td></tr>
+ <tr><td>Event</td><td id="view_log_entry_event"></td></tr>
+ <tr><td>Message</td><td id="view_log_entry_message" class="tdwrap"></td></tr>
+ </tbody>
+ </table>
+ </div>
+ <div class="tab-pane" id="json_pane">
+ <p class="card-text tdwrap" id="view_log_entry_json"></p>
+ </div>
+ </div>
+ </div>
+
+ <div class="modal-footer">
+ <!-- do we want a button at all? -->
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+
+
+<script src="../js/json-formatter.umd.js"></script>