Underlining Apprise version info added to Frontend Display (#61)

apprise_api/api/context_processors.py

@@ -24,6 +24,7 @@
 # THE SOFTWARE.
 from .utils import ConfigCache
 from django.conf import settings
+import apprise
 
 
 def stateful_mode(request):
@@ -38,3 +39,10 @@ def config_lock(request):
     Returns the state of our global configuration lock
     """
     return {'CONFIG_LOCK': settings.APPRISE_CONFIG_LOCK}
+
+
+def apprise_version(request):
+    """
+    Returns the current version of apprise loaded under the hood
+    """
+    return {'APPRISE_VERSION': apprise.__version__}

apprise_api/api/templates/base.html

@@ -34,6 +34,7 @@
           <img class="left" src="{% static "logo.png" %}" alt="{% trans "Apprise Logo" %}" />
         </a>
         <h1>{% trans "Apprise API" %}</h1>
+        <i>APPRISE v{{APPRISE_VERSION}}</i>
       </div>
     </div>
     <!-- Page Layout here -->

apprise_api/api/templates/config.html

@@ -24,13 +24,6 @@
           Here is where you can store your Apprise configuration associated with the key <code>{{key}}</code>.
           {% endblocktrans %}
         </li>
-        <li>
-          {% blocktrans %}
-          You can always refer to the
-          <a href="https://github.com/caronc/apprise/wiki#notification-services">Apprise Wiki</a> if you're having
-          troubles assembling your URL(s).
-          {% endblocktrans %}
-        </li>
         <li>
           {% blocktrans %}
           In the future you can return to this configuration screen at any time by placing the following into your
@@ -38,6 +31,24 @@
           {% endblocktrans %}
           <code>{{request.scheme}}://{{request.META.HTTP_HOST}}{{BASE_URL}}/cfg/{{key}}</code>
         </li>
+        <li>
+          {% blocktrans %}
+          Use the <strong><i class="material-icons">settings</i> Configuration</strong> section to prepare and save your Apprise configuration.
+          {% endblocktrans %}
+      <ul>
+        <li>
+          {% blocktrans %}
+          <i class="material-icons">lightbulb_outline</i>You can always refer to the
+          <a href="https://github.com/caronc/apprise/wiki#notification-services">Apprise Wiki</a> if you're having troubles assembling your URL(s).
+          {% endblocktrans %}
+        </li>
+      </ul>
+        </li>
+        <li>
+          {% blocktrans %}
+          Use the <strong><i class="material-icons">announcement</i> Notifications</strong> section to test out your saved configuration.
+          {% endblocktrans %}
+        </li>
       </ol>
     </div>
     <div class="section no-config">
@@ -62,7 +73,7 @@
     {% endif %}
     <div class="has-config">
       <div class="section">
-        <h5>{% trans "Working With Your Configuration" %}</h5>
+        <h5>{% trans "Working Remotely With Your Configuration" %}</h5>
         <p>
         {% blocktrans %}The following command would cause apprise to directly notify all of your services:{% endblocktrans %}
         <br />

apprise_api/core/settings/__init__.py

@@ -76,6 +76,7 @@ TEMPLATES = [
                 'core.context_processors.base_url',
                 'api.context_processors.stateful_mode',
                 'api.context_processors.config_lock',
+                'api.context_processors.apprise_version',
             ],
         },
     },

apprise_api/static/css/base.css

@@ -3,6 +3,14 @@
   font-size: 2.1rem;
   font-weight: bold;
   text-transform: uppercase;
+  float: left;
+}
+
+/* Apprise Version */
+.nav i {
+  float: right;
+	font-style: normal;
+  font-size: 0.7rem;
 }
 
 code {
@@ -42,6 +50,12 @@ textarea {
   padding: 1rem 2rem;
 }
 
+#overview strong {
+	color: #004d40;
+	display: inline-block;
+  background-color: #eee;
+}
+
 .tabs .tab a{
 	border-radius: 25px 25px 0 0;
     color:#2bbbad;