docs

docker-compose.yml

@@ -49,6 +49,7 @@ services:
       - ${DEV_LOCATION}/front/systeminfo.php:/home/pi/pialert/front/systeminfo.php      
       - ${DEV_LOCATION}/front/report.php:/home/pi/pialert/front/report.php      
       - ${DEV_LOCATION}/front/flows.php:/home/pi/pialert/front/flows.php      
+      - ${DEV_LOCATION}/front/donations.php:/home/pi/pialert/front/donations.php      
       - ${DEV_LOCATION}/front/plugins:/home/pi/pialert/front/plugins      
       # DELETE END anyone trying to use this file: comment out / delete ABOVE lines, they are only for development purposes
       # ---------------------------------------------------------------------------

docs/FRONTEND_DEVELOPMENT.md

@@ -43,4 +43,4 @@ Some useful frontend JavaScript functions:
 - `getSetting(string stringKey)` - method to retrieve settings in the frontend 
 
 
-Check the [pialert_common.js](https://github.com/jokob-sk/Pi.Alert/blob/main-2023-06-10/front/js/pialert_common.js) file for more frontend function.
+Check the [pialert_common.js](https://github.com/jokob-sk/Pi.Alert/blob/main-2023-06-10/front/js/pialert_common.js) file for more frontend functions.

front/donations.php

@@ -0,0 +1,22 @@
+<?php
+    require 'php/templates/header.php';
+?>
+<script src="js/pialert_common.js"></script>
+
+
+<div id="settingsPage" class="content-wrapper">
+    <p>
+        <a target="_blank" href="https://github.com/sponsors/jokob-sk">
+            <img alt="Sponsor Me on GitHub" src="https://i.imgur.com/X6p5ACK.png" width="150px">
+        </a>
+        <a target="_blank" href="https://www.buymeacoffee.com/jokobsk">
+            <img alt="Buy Me A Coffee" src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" width="117px" height="30px">
+        </a>
+        <a target="_blank" href="https://www.patreon.com/user?u=84385063">
+            <img alt="Support me on patreon" src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Patreon_logo_with_wordmark.svg/512px-Patreon_logo_with_wordmark.svg.png" width="117px">
+        </a>
+    </p>
+    <p>
+    BTC: 1N8tupjeCK12qRVU2XrV17WvKK7LCawyZM
+    </p>
+</div>

front/php/templates/header.php

@@ -262,6 +262,9 @@ if ($ENABLED_DARKMODE === True) {
 	      <li class=" <?php if (in_array (basename($_SERVER['SCRIPT_NAME']), array('help_faq.php') ) ){ echo 'active'; } ?>">
           <a href="help_faq.php"><i class="fa fa-question"></i> <span><?= lang('Navigation_HelpFAQ');?></span></a>
         </li>
+        <li class=" <?php if (in_array (basename($_SERVER['SCRIPT_NAME']), array('donations.php') ) ){ echo 'active'; } ?>">
+          <a href="donations.php"><i class="fa fa-heart"></i> <span><?= lang('Navigation_Donations');?></span></a>
+        </li>
       </ul>
 
       <!-- /.sidebar-menu -->

front/php/templates/language/en_us.json

@@ -46,6 +46,7 @@
         "Navigation_SystemInfo" : "System info",        
         "Navigation_Flows" : "Flows",
         "Navigation_HelpFAQ" : "Help / FAQ",
+        "Navigation_Donations" : "Donations",
         "Device_Title" : "Devices",
         "Device_Shortcut_AllDevices" : "All Devices",
         "Device_Shortcut_Connected" : "Connected",