From 81a61c28619ef9f32e79e5698bc4162ca1ceb82d Mon Sep 17 00:00:00 2001
From: "Matthias P. Braendli" <matthias.braendli@mpb.li>
Date: Tue, 16 Jan 2024 22:18:32 +0100
Subject: Add Destination to Send page

---
 templates/dashboard.html |  5 +++++
 templates/send.html      | 20 ++++++++++++++++++++
 2 files changed, 25 insertions(+)

(limited to 'templates')

diff --git a/templates/dashboard.html b/templates/dashboard.html
index be176c4..fa899ba 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -1,6 +1,11 @@
 {% include "head.html" %}
 <div class="">
   <h1>Dashboard</h1>
+  <div>
+    <h2>Statistics</h2>
+    <p>This node is up since {{ node_startup_time }}</p>
+    <p>Database contains {{ num_received_frames }} received frames</p>
+  </div>
   <div>
     <h2>Ten most recent packets</h2>
     <ul>
diff --git a/templates/send.html b/templates/send.html
index e287b18..2a669e4 100644
--- a/templates/send.html
+++ b/templates/send.html
@@ -1,8 +1,28 @@
 {% include "head.html" %}
 <div class="">
   <h1>Send a frame</h1>
+  <p>
+  One main feature of CATS is that packets are constructed from Whiskers.
+  Each Whisker represents one possible attribute of data.</p>
+  <p>On this page you can select which whiskers to include in your packet.</p>
 
   <div>
+    <h2>Identification</h2>
+    <p>{{ conf.callsign }}-{{ conf.ssid }}</p>
+    <h2>Destination Whisker</h2>
+    <p>CATS packets can optionally have one or more destinations.
+    This can be useful for e.g. sending a message to another amateur radio operator,
+    or for communicating with a service.
+    The destination consists of a UTF-8 callsign and an SSID byte.</p>
+    <template id="destination_template">
+      <p class="destination">
+        <input class="textinput dest_callsign" type="text" placeholder="Type callsign here">
+        <input class="textinput dest_ssid" type="text" placeholder="Type SSID here">
+        <button class="btn" type="button" onclick="btn_remove_destination(this)">Remove</button>
+      </p>
+    </template>
+    <div id="destinations"></div>
+    <button class="btn" type="button" onclick="btn_add_destination()">Add destination</button>
     <h2>Comment Whisker</h2>
     <div>
       <input type="checkbox" id="with_comment" value="Include Comment" checked>
-- 
cgit v1.2.3