feat: Introduce projectLogoUrl configuration to replace admin image usage (#234)

Author: roadiz-ci

src/RozierServiceRegistry.php

@@ -50,6 +50,7 @@ public function getMaxFilesize(): int|float
         return UploadedFile::getMaxFilesize();
     }
 
+    /** @deprecated */
     public function getAdminImage(): ?DocumentInterface
     {
         return $this->settingsBag->getDocument('admin_image');

templates/admin/blocks/adminImage.html.twig

@@ -1,6 +1,6 @@
 <div id="company">
-    {% if rozier.adminImage %}
-        <a class="admin-image" href="{{ path('adminHomePage') }}">{{- rozier.adminImage|display({ picture: true, width: 180, quality: 70 }) -}}</a>
+    {%  if project_logo_url is not empty %}
+        <a class="admin-image" href="{{ path('adminHomePage') }}"><img loading="lazy" src="{{ project_logo_url }}" alt=""/></a>
     {% else %}
         <a class="uk-icon-rz-roadiz-icon" href="{{ path('adminHomePage') }}"></a>
     {% endif %}

templates/admin/blocks/loginImage.html.twig

@@ -1,6 +1,6 @@
 <div id="login-logo">
-    {% if rozier.adminImage %}
-        {{- rozier.adminImage|display({ picture: true, width: 200, quality: 70 }) -}}
+    {%  if project_logo_url is not empty %}
+        <img loading="lazy" src="{{ project_logo_url }}" alt=""/>
     {% else %}
         <i class="uk-icon-rz-roadiz-icon"></i>
     {% endif %}

templates/admin/meta-icon.html.twig

@@ -1,18 +1,13 @@
-{% if rozier.adminImage and rozier.adminImage.mimeType == 'image/png' %}
-    <link rel="apple-touch-icon" sizes="180x180" href="{{ rozier.adminImage|url({absolute: true, fit:'180x180'}) }}">
-    <link rel="icon" type="{{ rozier.adminImage.mimeType }}"
-          sizes="32x32"
-          href="{{ rozier.adminImage|url({absolute: true, fit:'32x32'}) }}">
-    <link rel="icon" type="{{ rozier.adminImage.mimeType }}"
-          sizes="16x16"
-          href="{{ rozier.adminImage|url({absolute: true, fit:'16x16'}) }}">
+{% if project_logo_url is not empty %}
+    <link rel="apple-touch-icon" href="{{ project_logo_url }}">
+    <link rel="icon" href="{{ project_logo_url }}">
 {% else %}
     <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('/bundles/roadizrozier/apple-touch-icon.png') }}">
     <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('/bundles/roadizrozier/favicon-32x32.png') }}">
     <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('/bundles/roadizrozier/favicon-16x16.png') }}">
 {% endif %}
-{% if rozier.adminImage and rozier.adminImage.mimeType == 'image/svg+xml' and main_color %}
-    <link rel="mask-icon" href="{{ rozier.adminImage|url({absolute: true}) }}" color="{{ main_color }}">
+{% if project_logo_url matches '/\.svg$/' and main_color %}
+    <link rel="mask-icon" href="{{ project_logo_url }}" color="{{ main_color }}">
 {% endif %}
 {% if main_color %}
     <meta name="msapplication-TileColor" content="{{ main_color }}">
@@ -23,4 +18,4 @@
     <meta name="apple-mobile-web-app-status-bar-style" content="#808080">
     <meta name="theme-color" content="#808080">
 {% endif %}
-<meta name="mobile-web-app-capable" content="yes" />
+<meta name="mobile-web-app-capable" content="yes"/>