Add app cards to home page

langs/en/apps.json

@@ -0,0 +1,9 @@
+{
+    "Punch in and check work schedule": "Punch in and check work schedule",
+    "Manage physical items": "Manage physical items",
+    "Create and publish e-newsletters": "Create and publish e-newsletters",
+    "Manage users, permissions, and security": "Manage users, permissions, and security",
+    "Checkout customers and manage online orders": "Checkout customers and manage online orders",
+    "Build websites and manage contact form messages": "Build websites and manage contact form messages",
+    "Track jobs and assigned tasks": "Track jobs and assigned tasks"
+}

pages/home.php

@@ -8,25 +8,57 @@
 
 <div class="app-dock-container mobile-app-hide">
     <div class="app-dock">
-<?php
-foreach (EXTERNAL_APPS as $a) {
-    ?>
+        <?php
+        foreach (EXTERNAL_APPS as $a) {
+            ?>
             <div class="app-dock-item">
                 <p>
                     <a href="<?php echo $a['url']; ?>">
                         <img class="img-responsive app-icon" src="<?php
-        if (strpos($a['icon'], "http") !== 0) {
-            echo $a['url'] . $a['icon'];
-        } else {
-            echo $a['icon'];
-        }
-    ?>"/>
+                        if (strpos($a['icon'], "http") !== 0) {
+                            echo $a['url'] . $a['icon'];
+                        } else {
+                            echo $a['icon'];
+                        }
+                        ?>"/>
                         <span><?php echo $a['title']; ?></span>
                     </a>
                 </p>
             </div>
-    <?php
-}
-?>
+            <?php
+        }
+        ?>
+        <div class="row mt-4">
+            <?php
+            foreach (EXTERNAL_APPS as $a) {
+                if (!isset($a['card'])) {
+                    continue;
+                }
+                ?>
+                <div class="col-12 col-sm-6 col-md-4 mb-4">
+                    <div class="card bg-<?php echo $a['card']['color']; ?> h-100">
+                        <div class="card-body align-middle">
+                            <a href="<?php echo $a['url']; ?>" class="row align-items-center h-100 text-<?php echo (empty($a['card']['text']) ? "light" : $a['card']['text']) ?>">
+                                <div class="col-4 col-sm-4">
+                                    <img class="img-fluid" src="<?php
+                                    if (strpos($a['icon'], "http") !== 0) {
+                                        echo $a['url'] . $a['icon'];
+                                    } else {
+                                        echo $a['icon'];
+                                    }
+                                    ?>"/>
+                                </div>
+                                <div class="col-12 col-sm-8">
+                                    <span class="h5 font-weight-normal"><?php echo $a['title']; ?></span><br />
+                                    <?php $Strings->get($a['card']['string']); ?>
+                                </div>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                <?php
+            }
+            ?>
+        </div>
     </div>
 </div>

settings.template.php

@@ -44,44 +44,91 @@ define('LANGUAGE', "en");
 // Used in the mobile app and in the "dock" in AccountHub.
 define('EXTERNAL_APPS', [
     "accounthub" => [
-        "url" => "http://localhost/accounthub",
+        "url" => "/accounthub",
         "mobileapi" => "/mobile/index.php",
         "icon" => "/static/img/logo.svg",
         "title" => SITE_TITLE
     ],
-    "binstack" => [
-        "url" => "http://localhost/inventory",
+    "qwikclock" => [
+        "url" => "/qwikclock",
         "mobileapi" => "/mobile/index.php",
         "icon" => "/static/img/logo.svg",
-        "title" => "BinStack"
+        "title" => "QwikClock",
+        "station_features" => [
+            "qwikclock_punchinout",
+            "qwikclock_myshifts",
+            "qwikclock_jobs"
+        ],
+        "card" => [
+            "color" => "blue",
+            "string" => "Punch in and check work schedule"
+        ]
     ],
-    "taskfloor" => [
-        "url" => "http://localhost/taskfloor",
+    "binstack" => [
+        "url" => "/binstack",
         "mobileapi" => "/mobile/index.php",
         "icon" => "/static/img/logo.svg",
-        "title" => "TaskFloor",
-        "station_features" => [
-            "taskfloor_viewtasks",
-            "taskfloor_viewmessages"
+        "title" => "BinStack",
+        "card" => [
+            "color" => "green",
+            "string" => "Manage physical items"
         ]
     ],
-    "qwikclock" => [
-        "url" => "http://localhost/qwikclock",
+    "newspen" => [
+        "url" => "/newspen",
         "mobileapi" => "/mobile/index.php",
         "icon" => "/static/img/logo.svg",
-        "title" => "QwikClock",
-        "station_features" => [
-            "qwikclock_punchinout",
-            "qwikclock_myshifts",
-            "qwikclock_jobs"
+        "title" => "NewsPen",
+        "card" => [
+            "color" => "purple",
+            "string" => "Create and publish e-newsletters"
         ]
     ],
     "managepanel" => [
-        "url" => "http://localhost/managepanel",
+        "url" => "/managepanel",
         "mobileapi" => "/mobile/index.php",
         "icon" => "/static/img/logo.svg",
-        "title" => "ManagePanel"
-    ]
+        "title" => "ManagePanel",
+        "card" => [
+            "color" => "brown",
+            "string" => "Manage users, permissions, and security"
+        ]
+    ],
+    "nickelbox" => [
+        "url" => "/nickelbox",
+        "mobileapi" => "/mobile/index.php",
+        "icon" => "/static/img/logo.svg",
+        "title" => "NickelBox",
+        "card" => [
+            "color" => "light-green",
+            "text" => "dark",
+            "string" => "Checkout customers and manage online orders"
+        ]
+    ],
+    "sitewriter" => [
+        "url" => "/sitewriter",
+        "mobileapi" => "/mobile/index.php",
+        "icon" => "/static/img/logo.svg",
+        "title" => "SiteWriter",
+        "card" => [
+            "color" => "light-blue",
+            "string" => "Build websites and manage contact form messages"
+        ]
+    ],
+    "taskfloor" => [
+        "url" => "/taskfloor",
+        "mobileapi" => "/mobile/index.php",
+        "icon" => "/static/img/logo.svg",
+        "title" => "TaskFloor",
+        "station_features" => [
+            "taskfloor_viewtasks",
+            "taskfloor_viewmessages"
+        ],
+        "card" => [
+            "color" => "blue-grey",
+            "string" => "Track jobs and assigned tasks"
+        ]
+    ],
 ]);
 
 // Email settings for receiving admin alerts.