Stuff

app/Http/Controllers/PublicController.php

@@ -35,7 +35,7 @@ class PublicController extends BaseController
         $tenant = Tenant::query()->where("url", "=", $tenant)->firstOrFail();
         $gallery = Gallery::getByTenantAndUrl($tenant->id, $gallery);
         $images = Image::query()->where("gallery", "=", $gallery->id)->get();
-        return view("themes.gallery.gallery.list", ["gallery" => $gallery, "tenant" => $tenant, "images" => $images]);
+        return view("themes.gallery.gallery-detail.list", ["gallery" => $gallery, "tenant" => $tenant, "images" => $images]);
     }
 
     public function returnImageFile($tenant_url, $gallery_url, $image_id, Request $request) {

resources/ansible/hosts.yml

@@ -4,6 +4,9 @@ all:
       hosts:
         www1.fra.kuvia.cloud:
           domain: www1.fra.kuvia.cloud www.kuvia.cloud kuvia.cloud
+        www2.fra.kuvia.cloud:
+          domain: www2.fra.kuvia.cloud
+
     mysql:
       hosts:
         www1.fra.kuvia.cloud:

resources/ansible/playbook.yml

@@ -176,3 +176,19 @@
        name: laravelcron
        user: www-data
        job: "php /var/www/kuvia/artisan schedule:run"
+
+   - name: Set upload_max_filesize for php
+     ansible.builtin.replace:
+       path: /etc/php/7.4/fpm/php.ini
+       regexp: '^upload_max_filesize\s*=.*$'
+       replace: 'upload_max_filesize = 100M'
+   - name: Set upload_max_filesize for php
+     ansible.builtin.replace:
+       path: /etc/php/7.4/fpm/php.ini
+       regexp: '^post_max_size\s*=.*$'
+       replace: 'post_max_size = 100M'
+   - name: Restart php
+     ansible.builtin.systemd:
+       state: restarted
+       daemon_reload: no
+       name: php7.4-fpm

resources/views/dashboard/index.blade.php

@@ -2,7 +2,7 @@
 
 @section('content')
 
-    <div class="row">
+    <div class="row" style="margin-top: 20px;">
         <div class="col-md-12">
             <h1>Dashboard</h1>
             <div class="alert alert-danger" role="alert">

resources/views/gallery/images.blade.php

@@ -1,7 +1,7 @@
 @extends('layout/template')
 
 @section('content')
-    <div class="row">
+    <div class="row" style="margin-top: 20px;">
         <div class="col-md-12">
             @foreach($images as $image)
                 <div class="card col-md-2 editImage" x-id="{{ $image->id }}" x-name="{{ $image->filename }}" x-image-url="/{{ $tenant->url }}/{{ $gallery->url }}/{{ $image->id }}/file?size=medium" style="float:left;cursor: pointer;" >

resources/views/layout/template.blade.php

@@ -54,7 +54,7 @@
         </div>
     </nav>
 
-    <div class="container-fluid" style="margin-top: 20px;">
+    <div class="container-fluid" >
         @yield('content')
     </div>
 

resources/views/themes/gallery/default/list.blade.php

@@ -1,28 +0,0 @@
-@extends('layout/template')
-
-@section('content')
-    <div class="row">
-        <div class="col-md-12">
-            <h1>Galleries {{ $gallery->name }}</h1>
-
-            <div id="mygallery">
-                @foreach($images as $image)
-                    <a href="/{{ $tenant->url }}/{{ $gallery->url }}/{{ $image->id }}/file?size=big">
-                        <img style="height: 200px;" alt="{{ $image->filename }}" src="{{$image->domain}}/{{ $tenant->url }}/{{ $gallery->url }}/{{ $image->id }}/file"/>
-                    </a>
-                @endforeach
-            </div>
-        </div>
-    </div>
-
-@endsection
-
-@section('js')
-    <link rel="stylesheet" href="/css/justifiedGallery.css" />
-    <script src="/js/jquery.justifiedGallery.js"></script>
-<script>
-    $("#mygallery").justifiedGallery({
-        rowHeight: 250,
-    });
-</script>
-@endsection

resources/views/themes/gallery/gallery-detail/list.blade.php

@@ -0,0 +1,28 @@
+@extends('layout/template')
+
+@section('content')
+    <div class="row" style="background-color: #607c89;min-height: calc(100vh - 200px);padding-top:20px;">
+        <div class="col-md-12" style="text-align: center;">
+            <div>
+                <div class="fotorama" data-nav="thumbs" data-keyboard="true" data-ratio="800/600" data-width="1200" data-maxheight="80%">
+                    @foreach($images as $image)
+                        <a href="/{{ $tenant->url }}/{{ $gallery->url }}/{{ $image->id }}/file?size=big"><img src="/{{ $tenant->url }}/{{ $gallery->url }}/{{ $image->id }}/file?size=pixel"></a>
+                    @endforeach
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+@endsection
+
+@section('js')
+    <link  href="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script>
+    <style type="text/css">
+        .fotorama__wrap {
+            margin: 0 auto;
+        }
+
+    </style>
+@endsection