ogcp: add support to view script output

Add view at /action/script/output to visualize the result of
/shell/run for multiple clients.

Use shell/output to request the execution data of the selected clients.

Each client element has execution timestamip (UTC), client ip, cmd,
return code and stdout of the executed command.

2 files changed, 76 insertions, 0 deletions

diff --git a/ogcp/templates/actions/script_output.html b/ogcp/templates/actions/script_output.html
new file mode 100644
index 0000000..c7ffdcb
--- /dev/null
+++ b/ogcp/templates/actions/script_output.html
@@ -0,0 +1,74 @@
+{% extends 'commands.html' %}
+{% import "bootstrap/wtf.html" as wtf %}
+{% import "macros.html" as macros %}
+
+{% set sidebar_state = 'disabled' %}
+{% set btn_back = true %}
+
+{% block nav_client %} active {% endblock %}
+{% block nav_script_output %} active {% endblock %}
+{% block content %}
+
+<h1 class="m-5">
+    {{ _('Script output') }}
+</h1>
+
+{{ macros.cmd_selected_clients(selected_clients) }}
+
+<br>
+
+<style>
+.card-header {
+  padding: 0;
+  margin-bottom: 0;
+  border: 0;
+}
+
+.btn-link {
+  padding: 0;
+  border: 0;
+}
+
+.card-header button {
+  width: 100%;
+  text-align: center;
+}
+
+.bg-failed {
+    background-color: rgba(255,0,0,0.2);
+}
+
+.bg-ok {
+    background-color: rgba(0,255,0,0.2);
+}
+</style>
+
+<div class="accordion" id="shellAccordion">
+    {% for client in client_data %}
+    <div class="card">
+        <div class="card-header" id="heading_1">
+            <h2 class="mb-0">
+                <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse_{{ loop.index }}" aria-expanded="true" aria-controls="collapse_{{ loop.index }}">
+                    <table class="table table-bordered mb-0">
+                        <thead class="thead">
+                            <tr>
+                                <th class="col-2">{{ client['tstamp'] }}</th>
+                                <th class="col-2"><b>{{ client['addr'] }}</b></th>
+                                <th>{{ client['cmd'] }}</th>
+                                <th class="col-2 {% if client['retcode'] == 0 %}bg-ok{% else %}bg-failed{% endif %}">return: {{ client['retcode'] }}</th>
+                            </tr>
+                        </thead>
+                    </table>
+                </button>
+            </h2>
+        </div>
+        <div id="collapse_{{ loop.index }}" class="collapse" aria-labelledby="heading_{{ loop.index }}">
+            <div class="card-body">
+                <p><samp>{{ client['output'] }}</samp></p>
+            </div>
+        </div>
+    </div>
+    {% endfor %}
+</div>
+
+{% endblock %}
diff --git a/ogcp/templates/commands.html b/ogcp/templates/commands.html
index eab9f29..7a63c38 100644
--- a/ogcp/templates/commands.html
+++ b/ogcp/templates/commands.html
@@ -94,6 +94,8 @@
     <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
     <input class="btn btn-light dropdown-item{% block nav_run_script %}{% endblock %}" type="submit" value="{{ _('Run') }}"
            form="scopesForm" formaction="{{ url_for('action_run_script') }}" formmethod="get">
+    <input class="btn btn-light dropdown-item{% block nav_display_output %}{% endblock %}" type="submit" value="{{ _('Display output') }}"
+           form="scopesForm" formaction="{{ url_for('action_script_display_output') }}" formmethod="get">
   </div>
 
   <div class="dropdown btn">