Merge pull request #2654 from HB9HIL/progressive-web-app

Progressive Web App (online only)

application/views/interface_assets/header.php

@@ -5,7 +5,11 @@
 	<!-- Required meta tags -->
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
+	<meta name="apple-mobile-web-app-capable" content="yes">
+	<meta name="mobile-web-app-capable" content="yes">
+	<meta name="apple-mobile-web-app-status-bar-style" content="default">
+	<link rel="manifest" href="<?php echo base_url(); ?>manifest.json"/>
+	
 	<!-- Bootstrap CSS -->
 	<?php if ($this->optionslib->get_theme()) { ?>
 		<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/<?php echo $this->optionslib->get_theme(); ?>/bootstrap.min.css">

manifest.json

@@ -0,0 +1,66 @@
+{
+    "name": "Cloudlog",
+    "short_name": "Cloudlog",
+    "theme_color": "#000000",
+    "background_color": "#ffffff",
+    "display": "standalone",
+    "orientation": "portrait",
+    "scope": "/",
+    "start_url": "/",
+    "icons": [
+      {
+       "src": "assets/icons/icon-48x48.png",
+       "sizes": "48x48",
+       "type": "image/png",
+       "purpose": "maskable any"
+       },
+       {
+       "src": "assets/icons/icon-72x72.png",
+       "sizes": "72x72",
+       "type": "image/png",
+       "purpose": "maskable any"
+       },
+       {
+       "src": "assets/icons/icon-96x96.png",
+       "sizes": "96x96",
+       "type": "image/png",
+       "purpose": "maskable any"
+       },
+       {
+       "src": "assets/icons/icon-128x128.png",
+       "sizes": "128x128",
+       "type": "image/png",
+       "purpose": "maskable any"
+       },
+       {
+       "src": "assets/icons/icon-144x144.png",
+       "sizes": "144x144",
+       "type": "image/png",
+       "purpose": "maskable any"
+       },
+       {
+       "src": "assets/icons/icon-152x152.png",
+       "sizes": "152x152",
+       "type": "image/png",
+       "purpose": "maskable any"
+       },
+       {
+       "src": "assets/icons/icon-192x192.png",
+       "sizes": "192x192",
+       "type": "image/png",
+       "purpose": "maskable any"
+       },
+       {
+       "src": "assets/icons/icon-384x384.png",
+       "sizes": "384x384",
+       "type": "image/png",
+       "purpose": "maskable any"
+       },
+       {
+       "src": "assets/icons/icon-512x512.png",
+       "sizes": "512x512",
+       "type": "image/png",
+       "purpose": "maskable any"
+       }
+   ]
+  }