From 8b87d3dfe3a0ff7beb4f945d14f90be2504bdaac Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Wed, 12 Apr 2023 10:51:00 +0200
Subject: [PATCH] added more help fields

---
 gui/src/index.html | 252 +++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 243 insertions(+), 9 deletions(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index e511859e..d80537f1 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1817,7 +1817,15 @@
               aria-label="Close"
             ></button>
           </div>
-          <div class="modal-body">Test ...</div>
+          <div class="modal-body"><div class="card mb-3">
+              <div class="card-body">
+                <h5 class="card-title">
+                   .....
+                </h5>
+                <p class="card-text">
+....                </p>
+              </div>
+            </div></div>
         </div>
       </div>
     </div>
@@ -1943,7 +1951,15 @@
               aria-label="Close"
             ></button>
           </div>
-          <div class="modal-body">Test ...</div>
+          <div class="modal-body"><div class="card mb-3">
+              <div class="card-body">
+                <h5 class="card-title">
+                   .....
+                </h5>
+                <p class="card-text">
+....                </p>
+              </div>
+            </div></div>
         </div>
       </div>
     </div>
@@ -1965,7 +1981,106 @@
               aria-label="Close"
             ></button>
           </div>
-          <div class="modal-body">Test ...</div>
+          <div class="modal-body">
+
+          <div class="card mb-3">
+              <div class="card-body">
+                <h5 class="card-title">
+                  <div
+            class="btn-group btn-group-sm me-2"
+            role="group"
+            aria-label="local-remote-switch toggle button group"
+            data-bs-placement="bottom"
+            data-bs-toggle="tooltip"
+            data-bs-trigger="hover"
+            data-bs-html="true"
+            title="Select a local or a remote location of your TNC daemon. Normally local is the preferred option."
+          >
+            <input
+              type="radio"
+              class="btn-check"
+              name="local-remote-switch"
+              autocomplete="off"
+              checked
+              disabled
+            />
+            <label
+              class="btn btn-sm btn-outline-secondary"
+              for="local-remote-switch1"
+            >
+              <i class="bi bi-pc-display-horizontal"></i>
+              <span class="ms-2 me-2">Local tnc</span>
+            </label>
+            <input
+              type="radio"
+              class="btn-check"
+              name="local-remote-switch"
+              autocomplete="off"
+              disabled
+            />
+            <label
+              class="btn btn-sm btn-outline-secondary"
+              for="local-remote-switch2"
+            >
+              <i class="bi bi-ethernet"></i>
+              <span class="ms-2 me-2">Remote tnc</span>
+            </label>
+          </div>
+                </h5>
+                <p class="card-text">
+                  Local / Remote switch
+                </p>
+              </div>
+            </div>
+<div class="card mb-3">
+              <div class="card-body">
+                <h5 class="card-title">
+                 <div class="input-group input-group-sm me-2">
+            <span class="input-group-text">tnc ip</span>
+            <input
+              type="text"
+              class="form-control"
+              placeholder="ip address"
+              value="192.168.178.163"
+              maxlength="17"
+              style="width: 8rem"
+              aria-label="Username"
+              aria-describedby="basic-addon1"
+              disabled
+            />
+            <span class="input-group-text">:</span>
+            <input
+              type="text"
+              class="form-control"
+              placeholder="port"
+              value="3000"
+              maxlength="5"
+              max="65534"
+              min="1025"
+              style="width: 4rem"
+              aria-label="Username"
+              aria-describedby="basic-addon1"
+              disabled
+            />
+            <button
+              class="btn btn-sm btn-danger"
+              type="button"
+              disabled
+            >
+              <i class="bi bi-diagram-3" style="font-size: 1rem"></i>
+            </button>
+          </div>
+                </h5>
+                <p class="card-text">
+                  Remote IP of TNC. Port is port of daemon. The tnc port will automatically adjusted. ( daemon port - 1 )
+                </p>
+              </div>
+            </div>
+
+
+
+</div>
+
         </div>
       </div>
     </div>
@@ -1987,7 +2102,35 @@
               aria-label="Close"
             ></button>
           </div>
-          <div class="modal-body">Test ...</div>
+          <div class="modal-body">
+
+
+             <div class="card mb-3">
+              <div class="card-body">
+                <h5 class="card-title">
+                  <button
+          class="btn btn-sm btn-outline-danger"
+          type="button"
+          data-bs-toggle="tooltip"
+          data-bs-trigger="hover"
+          data-bs-html="false"
+          title="Abort session and stop transmissions"
+          disabled
+        >
+          <i class="bi bi-sign-stop-fill"></i> &nbsp;STOP TRANSMISSION&nbsp;<i
+            class="bi bi-sign-stop-fill"
+          ></i>
+        </button>
+                </h5>
+                <p class="card-text">
+                  Stop the current transmission or connection. A bunch of bursts will be sent so the remote station is getting informed about our disconnect attempt. The remote station won't be staying then in unnecessary busy state.
+                </p>
+              </div>
+            </div>
+
+
+
+          </div>
         </div>
       </div>
     </div>
@@ -2009,7 +2152,47 @@
               aria-label="Close"
             ></button>
           </div>
-          <div class="modal-body">Test ...</div>
+          <div class="modal-body">
+
+
+            <div class="card mb-3">
+              <div class="card-body">
+                <h5 class="card-title">
+                   <div class="btn-group" role="group">
+          <button
+            type="button"
+            class="btn btn-sm btn-outline-success"
+            data-bs-toggle="tooltip"
+            data-bs-trigger="hover"
+            data-bs-html="false"
+            title="Start the TNC. Please set your audio and radio settings first!"
+            disabled
+          >
+            <i class="bi bi-play-fill"></i>
+            <span class="ms-2">Start tnc</span>
+          </button>
+          <button
+            type="button"
+            class="btn btn-sm btn-outline-danger"
+            data-bs-toggle="tooltip"
+            data-bs-trigger="hover"
+            data-bs-html="false"
+            title="Stop the TNC."
+            disabled
+          >
+            <i class="bi bi-stop-fill"></i>
+            <span class="ms-2">Stop tnc</span>
+          </button>
+
+        </div>
+                </h5>
+                <p class="card-text">
+                  Start or stop the TNC service. This is only working if the daemon is running. This is working locally and also remotely.
+                </p>
+              </div>
+            </div>
+
+          </div>
         </div>
       </div>
     </div>
@@ -2031,7 +2214,15 @@
               aria-label="Close"
             ></button>
           </div>
-          <div class="modal-body">Test ...</div>
+          <div class="modal-body"><div class="card mb-3">
+              <div class="card-body">
+                <h5 class="card-title">
+                   .....
+                </h5>
+                <p class="card-text">
+....                </p>
+              </div>
+            </div></div>
         </div>
       </div>
     </div>
@@ -2053,7 +2244,33 @@
               aria-label="Close"
             ></button>
           </div>
-          <div class="modal-body">Test ...</div>
+          <div class="modal-body"><div class="card mb-3">
+              <div class="card-body">
+                <h5 class="card-title">
+                   .....
+                </h5>
+                <p class="card-text">
+....                </p>
+              </div>
+            </div>
+          <div class="card mb-3">
+              <div class="card-body">
+                <h5 class="card-title">
+                   .....
+                </h5>
+                <p class="card-text">
+....                </p>
+              </div>
+            </div>
+          <div class="card mb-3">
+              <div class="card-body">
+                <h5 class="card-title">
+                   .....
+                </h5>
+                <p class="card-text">
+....                </p>
+              </div>
+            </div></div>
         </div>
       </div>
     </div>
@@ -2075,7 +2292,16 @@
               aria-label="Close"
             ></button>
           </div>
-          <div class="modal-body">Test ...</div>
+          <div class="modal-body">
+            <div class="card mb-3">
+              <div class="card-body">
+                <h5 class="card-title">
+                   .....
+                </h5>
+                <p class="card-text">
+....                </p>
+              </div>
+            </div></div>
         </div>
       </div>
     </div>
@@ -2098,7 +2324,15 @@
               aria-label="Close"
             ></button>
           </div>
-          <div class="modal-body">Test ...</div>
+          <div class="modal-body"><div class="card mb-3">
+              <div class="card-body">
+                <h5 class="card-title">
+                   .....
+                </h5>
+                <p class="card-text">
+....                </p>
+              </div>
+            </div></div>
         </div>
       </div>
     </div>