Merge pull request #82 from deanblackborough/update-and-tailwind

Budget design update

Author: deanblackborough

.docker/app/Dockerfile

@@ -1,4 +1,4 @@
-FROM php:8.1-apache
+FROM php:8.2-apache
 
 COPY . /var/www/html
 COPY .docker/app/vhost.conf /etc/apache2/sites-available/000-default.conf

.github/workflows/laravel.yml

@@ -14,7 +14,7 @@ jobs:
     steps:
     - uses: shivammathur/setup-php@15c43e89cdef867065b0213be354c2841860869e
       with:
-        php-version: '8.1'
+        php-version: '8.2'
     - uses: actions/checkout@v3
     - name: Copy .env
       run: php -r "file_exists('.env') || copy('.env.example', '.env');"

app/View/Components/Content/Landing/Feature.php

@@ -0,0 +1,30 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\View\Components\Content\Landing;
+
+use Illuminate\View\Component;
+
+class Feature extends Component
+{
+    public string $title;
+
+    public string $description;
+
+    public function __construct(string $title, string $description)
+    {
+        $this->title = $title;
+        $this->description = $description;
+    }
+
+    public function render()
+    {
+        return <<<'blade'
+<div class="border-t border-gray-200 pt-4">
+    <dt class="font-medium text-lg text-gray-900">{{ $title }}</dt>
+    <dd class="mt-2 text-sm text-gray-800">{{ $description }}</dd>
+</div>
+blade;
+    }
+}

app/View/Components/Content/Landing/TableHeaderRowDesktop.php

@@ -0,0 +1,26 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\View\Components\Content\Landing;
+
+use Illuminate\View\Component;
+
+class TableHeaderRowDesktop extends Component
+{
+    public string $title;
+
+    public function __construct(string $title)
+    {
+        $this->title = $title;
+    }
+
+    public function render()
+    {
+        return <<<'blade'
+<tr>
+    <th class="bg-gray-100 py-3 pl-6 text-left text-base font-medium text-pinky-800" colspan="3" scope="colgroup">{{ $title }}</th>
+</tr>
+blade;
+    }
+}

app/View/Components/Content/Landing/TableHeaderRowMobile.php

@@ -0,0 +1,32 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\View\Components\Content\Landing;
+
+use Illuminate\View\Component;
+
+class TableHeaderRowMobile extends Component
+{
+    public string $title;
+
+    public function __construct(string $title)
+    {
+        $this->title = $title;
+    }
+
+    public function render()
+    {
+        return <<<'blade'
+<caption class="border-t border-gray-200 bg-gray-50 py-3 px-4 text-left text-sm font-medium text-gray-900">
+    {{ $title }}
+</caption>
+<thead>
+<tr>
+    <th class="sr-only" scope="col">Feature</th>
+    <th class="sr-only" scope="col">Included</th>
+</tr>
+</thead>
+blade;
+    }
+}

app/View/Components/Content/Landing/TableRowDesktop.php

@@ -0,0 +1,40 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\View\Components\Content\Landing;
+
+use Illuminate\View\Component;
+
+class TableRowDesktop extends Component
+{
+    public string $feature;
+
+    public string $budget;
+
+    public string $budget_pro;
+
+    public function __construct(string $feature, string $budget, string $budgetPro)
+    {
+        $this->feature = $feature;
+        $this->budget = $budget;
+        $this->budget_pro = $budgetPro;
+    }
+
+    public function render()
+    {
+        return <<<'blade'
+<tr>
+    <th class="py-5 px-6 text-left text-sm font-normal text-gray-800" scope="row">{{ $feature }}</th>
+
+    <td class="py-5 px-6">
+        <span class="block text-sm text-gray-900">{{ $budget }}</span>
+    </td>
+
+    <td class="py-5 px-6">
+        <span class="block text-sm text-gray-900">{{ $budget_pro }}</span>
+    </td>
+</tr>
+blade;
+    }
+}

app/View/Components/Content/Landing/TableRowMobile.php

@@ -0,0 +1,32 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\View\Components\Content\Landing;
+
+use Illuminate\View\Component;
+
+class TableRowMobile extends Component
+{
+    public string $feature;
+
+    public string $description;
+
+    public function __construct(string $feature, string $description)
+    {
+        $this->feature = $feature;
+        $this->description = $description;
+    }
+
+    public function render()
+    {
+        return <<<'blade'
+<tr class="border-t border-gray-200">
+    <th class="py-5 px-4 text-left text-sm font-normal text-gray-800" scope="row">{{ $feature }}</th>
+    <td class="py-5 pr-4">
+        <span class="block text-sm text-gray-900">{!! $description !!}</span>
+    </td>
+</tr>
+blade;
+    }
+}

app/View/Components/Helper/Control/Link/Text.php

@@ -0,0 +1,27 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\View\Components\Helper\Control\Link;
+
+use Illuminate\View\Component;
+
+class Text extends Component
+{
+    public function __construct(
+        private readonly string $label,
+        private readonly string $route,
+        private readonly bool $lockable = false
+    )
+    {
+    }
+
+    public function render()
+    {
+        return view('components.helper.control.link.text', [
+            'label' => $this->label,
+            'route' => $this->route,
+            'lockable' => $this->lockable
+        ]);
+    }
+}

app/View/Components/Layout/Footer.php

@@ -0,0 +1,34 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\View\Components\Layout;
+
+use Illuminate\Support\Facades\Config;
+use Illuminate\View\Component;
+
+/**
+ * @author Dean Blackborough <dean@g3d-development.com>
+ * @copyright Dean Blackborough (Costs to Expect) 2018-2023
+ * @license https://github.com/costs-to-expect/budget/blob/main/LICENSE
+ */
+class Footer extends Component
+{
+    public function __construct()
+    {
+        //
+    }
+
+    public function render()
+    {
+        $config = Config::get('app.config');
+
+        return view(
+            'components.layout.footer',
+            [
+                'version' => $config['version'],
+                'release_date' => $config['release_date'],
+            ]
+        );
+    }
+}

app/View/Components/Layout/Navbar.php

@@ -0,0 +1,27 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\View\Components\Layout;
+
+use Illuminate\View\Component;
+
+class Navbar extends Component
+{
+    public string $active_route;
+
+    public function __construct(string $activeRoute)
+    {
+        $this->active_route = $activeRoute;
+    }
+
+    public function render()
+    {
+        return view(
+            'components.layout.navbar',
+            [
+                'active_route' => $this->active_route,
+            ]
+        );
+    }
+}