From d8cda8dfc78f302fca2ff1a5a767f07a0ee9958a Mon Sep 17 00:00:00 2001
From: Christopher Ross Hind <chrishind10@gmail.com>
Date: Sat, 16 Jan 2021 15:19:21 +0000
Subject: [PATCH] Switch PDA stylesheet to useragent detection

---
 app/Helper/PDA.php                       | 13 +++++++++
 public/css/main.css                      |  1 +
 public/css/page/index.css                | 14 ++++++++++
 public/css/page/subforum.css             | 34 +++++++++++++++++++++---
 public/css/pda.css                       | 33 ++++++++++++++++++++---
 resources/views/layout/default.blade.php | 14 +++++++---
 6 files changed, 98 insertions(+), 11 deletions(-)
 create mode 100644 app/Helper/PDA.php

diff --git a/app/Helper/PDA.php b/app/Helper/PDA.php
new file mode 100644
index 0000000..72d38e4
--- /dev/null
+++ b/app/Helper/PDA.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Helper;
+
+class PDA
+{
+    public static function isPDA()
+    {
+        $ua = $_SERVER['HTTP_USER_AGENT'] ?? '';
+        if (str_contains($ua, 'Windows CE; PPC;')) return true;
+        return false;
+    }
+}
diff --git a/public/css/main.css b/public/css/main.css
index 78dce50..5365382 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -11,6 +11,7 @@ body {
     padding: 15px;
     margin: 0 auto;
     line-height: 1.3;
+    background: #333;
 }
 
 p {
diff --git a/public/css/page/index.css b/public/css/page/index.css
index 8b00314..6784463 100644
--- a/public/css/page/index.css
+++ b/public/css/page/index.css
@@ -16,6 +16,10 @@
 	border: none;
 }
 
+body.simple .row.subforums {
+    padding: 0;
+}
+
 .cell {
 	width: 50%;
 	float: left;
@@ -29,6 +33,16 @@
 	margin-left: 5px;
 }
 
+body.simple .cell {
+    width: unset;
+    float: none;
+}
+
+body.simple .cell .row {
+    margin-left: 0;
+    margin-right: 0;
+}
+
 .row.subforum h3,
 .row.lastThread h4 {
 	margin: 0;
diff --git a/public/css/page/subforum.css b/public/css/page/subforum.css
index cb9f2be..69712b3 100644
--- a/public/css/page/subforum.css
+++ b/public/css/page/subforum.css
@@ -2,6 +2,10 @@
 	padding: 0;
 }
 
+body.simple .row.threads {
+    padding: 0;
+}
+
 .row.thread {
 	position: relative;
 	padding-top: 0;
@@ -19,6 +23,13 @@
 	height: 44px;
 }
 
+body.simple .row.thread img.icon {
+    width: 22px;
+    height: 22px;
+    top: 5px;
+    left: 5px;
+}
+
 .row.thread a {
 	margin: 1px 0;
 	display: block;
@@ -32,20 +43,35 @@
 	padding-top: 10px;
 }
 
+body.simple .row.thread a.main {
+    padding-top: 0;
+    padding-left: 27px;
+    width: unset;
+    min-height: 27px;
+}
+
 .row.thread .meta {
 	position: relative;
 	width: 100%;
 	padding-bottom: 10px;
 }
 
-.row.thread a.left,
-.row.thread a.right {
+.row.thread .meta a.left,
+.row.thread .meta a.right {
 	display: block;
 	float: left;
 	width: 49.5%;
 }
 
-.row.thread a.right {
+.row.thread .meta a.right {
 	float: right;
 	text-align: right;
-}
\ No newline at end of file
+}
+
+body.simple .row.thread .meta a {
+    float: none;
+    width: unset;
+    text-align: left;
+    font-size: 10px;
+    padding-left: 27px;
+}
diff --git a/public/css/pda.css b/public/css/pda.css
index e9a74e1..054a964 100644
--- a/public/css/pda.css
+++ b/public/css/pda.css
@@ -1,10 +1,37 @@
-.row.titlebar .logo {
+/* reduce padding */
+body.simple {
+    padding: 5px;
+}
+
+body.simple .row {
+    padding: 5px;
+}
+
+body.simple .row.spacer {
+    height: 5px;
+    padding: 0;
+}
+
+/* Fix header styling */
+body.simple .row.titlebar .logo {
     position: relative;
-    padding: 10px 15px;
+    padding: 0;
     text-align: center;
     margin: 0;
 }
 
-.row.titlebar .menu {
+body.simple .row.titlebar .menu {
     text-align: center;
+    padding: 10px 0 0 0;
+}
+
+body.simple .row.titlebar .menu a {
+    line-height: 1;
+}
+
+/* Fix stats styling */
+body.simple .row.stats span {
+    display: block;
+    width: unset;
+    float: none;
 }
diff --git a/resources/views/layout/default.blade.php b/resources/views/layout/default.blade.php
index c817cb5..79fcb56 100644
--- a/resources/views/layout/default.blade.php
+++ b/resources/views/layout/default.blade.php
@@ -1,3 +1,6 @@
+@php
+    $pda = App\Helper\PDA::isPDA();
+@endphp
 <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Frameset//EN' 'http://www.w3.org/TR/html4/frameset.dtd'>
 <html class="lang-eng" dir="ltr" ng-app="" >
     <head>
@@ -7,13 +10,16 @@
         <meta charset='ISO-8859-1'>
         <link rel='icon' type='image/x-icon' href='/favicon.ico' />
         <link rel='stylesheet' type='text/css' href='/css/main.css'/>
+        @if ($pda)
+            <link rel='stylesheet' type='text/css' href='/css/pda.css'/>
+        @else
+            <link rel='stylesheet' type='text/css' href='/css/mobile.css'/>
+        @endif
+        @yield('scripts')
         <meta name='theme-color' content='#333'>
         <title>Knockout Lite | @yield('title', 'Index')</title>
     </head>
-    <body>
+    <body class="{{ $pda ? 'simple' : null }}">
         @yield('page')
-        @yield('scripts')
-        <link rel='stylesheet' type='text/css' href='/css/mobile.css'/>
-        <link rel='stylesheet' type='text/css' media='handheld' href='/css/pda.css'/>
     </body>
 </html>