feat: adds support for settings page and adds links to github (#3922)

assets/components.d.ts

@@ -66,6 +66,7 @@ declare module 'vue' {
     'Mdi:account': typeof import('~icons/mdi/account')['default']
     'Mdi:announcement': typeof import('~icons/mdi/announcement')['default']
     'Mdi:arrowUp': typeof import('~icons/mdi/arrow-up')['default']
+    'Mdi:beer': typeof import('~icons/mdi/beer')['default']
     'Mdi:check': typeof import('~icons/mdi/check')['default']
     'Mdi:chevronDoubleDown': typeof import('~icons/mdi/chevron-double-down')['default']
     'Mdi:chevronLeft': typeof import('~icons/mdi/chevron-left')['default']

assets/components/PageWithLinks.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col gap-8 px-4 py-4 md:px-8">
+  <div class="flex flex-col gap-5 px-4 py-4 md:px-8">
     <section>
       <Links>
         <template #more-items>

assets/pages/settings.vue

@@ -142,6 +142,32 @@
 
       <Toggle v-model="showAllContainers">{{ $t("settings.show-stopped-containers") }}</Toggle>
     </section>
+
+    <section class="flex flex-col gap-4">
+      <div class="has-underline">
+        <h2>Support</h2>
+      </div>
+
+      Please consider supporting Dozzle by donating or sponsoring us on GitHub. Your contributions help us maintain and
+      improve Dozzle for everyone. Thank you for your support! 🙏🏼
+
+      <ul class="mb-8 flex gap-2">
+        <li>
+          <a href="https://github.com/dozzle/dozzle" target="_blank" rel="noopener noreferrer" class="btn"> GitHub </a>
+        </li>
+        <li>
+          <a
+            href="https://buymeacoffee.com/amirraminfar"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="btn btn-secondary"
+          >
+            <mdi:beer />
+            Buy me a beer
+          </a>
+        </li>
+      </ul>
+    </section>
   </PageWithLinks>
 </template>
 
@@ -227,14 +253,14 @@ const fakeMessages = computedWithControl(
 @reference "@/main.css";
 
 .has-underline {
-  @apply border-base-content/50 mb-4 border-b py-4;
+  @apply border-base-content/50 mb-4 border-b py-2;
 
   h2 {
-    @apply text-2xl;
+    @apply text-3xl;
   }
 }
 
-:deep(a:not(.menu a)) {
+:deep(a:not(.menu a):not(.btn)) {
   @apply text-primary underline-offset-4 hover:underline;
 }
 </style>

locales/da.yml

@@ -86,7 +86,7 @@ settings:
   show-stopped-containers: Vis stoppet containere
   about: Omkring
   search: Aktiver søgning med Dozzle ved brug af
-  using-version: Du bruger Dozzle {version}.
+  using-version: Du bruger <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}.
   update-available: >-
     Ny version er tilgængelig! Opdater til <a href="{href}" target="_blank" rel="noreferrer noopener">{nextVersion}</a>.
   show-std: Vis stdout og stderr mærker

locales/de.yml

@@ -86,7 +86,7 @@ settings:
   show-stopped-containers: Zeige gestoppte Container
   about: Über
   search: Aktiviere die Suche mit Dozzle mit
-  using-version: Du verwendest Dozzle {version}.
+  using-version: Du verwendest <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}.
   update-available: >-
     Eine neue Version ist verfügbar! Aktualisiere auf <a href="{href}" target="_blank" rel="noreferrer noopener">{nextVersion}</a>.
   show-std: Zeige stdout und stderr Labels

locales/en.yml

@@ -90,7 +90,7 @@ settings:
   show-stopped-containers: Show stopped containers
   about: About
   search: Enable searching with Dozzle using
-  using-version: You are using Dozzle {version}.
+  using-version: You are using <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}.
   update-available: >-
     New version is available! Update to <a href="{href}" target="_blank"
     rel="noreferrer noopener">{nextVersion}</a>.

locales/es.yml

@@ -86,7 +86,7 @@ settings:
   show-stopped-containers: Mostrar contenedores parados
   about: Acerca de
   search: Activar la búsqueda con Dozzle mediante
-  using-version: Estás usando Dozzle {version}.
+  using-version: Estás usando <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}.
   update-available: >-
     ¡La nueva versión está disponible! Actualizar a la <a href="{href}" target="_blank" rel="noreferrer noopener">{nextVersion}</a>.
   show-std: Mostrar etiquetas de salida estándar y salida de error estándar

locales/fr.yml

@@ -86,7 +86,7 @@ settings:
   show-stopped-containers: Afficher les conteneurs arrêtés
   about: A propos de
   search: Activer la recherche avec Dozzle en utilisant
-  using-version: Vous utilisez Dozzle {version}.
+  using-version: Vous utilisez <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}.
   update-available: >-
     Nouvelle version disponible! Mise à jour de <a href="{href}" target="_blank" rel="noreferrer noopener">{nextVersion}</a>.
   show-std: Afficher les étiquettes stdout et stderr

locales/id.yml

@@ -94,7 +94,7 @@ settings:
   show-stopped-containers: Tampilkan kontainer yang dihentikan
   about: Tentang
   search: Aktifkan pencarian dengan Dozzle menggunakan
-  using-version: Anda menggunakan Dozzle {version}.
+  using-version: Anda menggunakan <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}.
   update-available: >-
     Versi baru tersedia! Perbarui ke <a href="{href}" target="_blank" rel="noreferrer noopener">{nextVersion}</a>.
   show-std: Tampilkan label stdout dan stderr

locales/it.yml

@@ -86,7 +86,7 @@ settings:
   show-stopped-containers: Visualizza i container arrestati
   about: Circa
   search: Abilita la ricerca attraverso Dozzle
-  using-version: Stai utilizzando Dozzle {version}.
+  using-version: Stai utilizzando <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}.
   update-available: >-
     Nuova versione disponibile! Aggiorna a <a href="{href}" target="_blank" rel="noreferrer noopener">{nextVersion}</a>.
   show-std: Visualizza stdout e stderr

locales/nl.yml

@@ -87,7 +87,7 @@ settings:
   show-stopped-containers: Gestopte containers tonen
   about: Over
   search: Doorzoeken inschakelen via Dozzle
-  using-version: Je gebruikt Dozzle {version}.
+  using-version: Je gebruikt <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}.
   update-available: >-
     Er is een nieuwe versie beschikbaar! Update naar <a href="{href}" target="_blank" rel="noreferrer noopener">{nextVersion}</a>.
   show-std: Toon stdout- en stderr-labels

locales/pl.yml

@@ -92,7 +92,7 @@ settings:
   show-stopped-containers: Pokaż zatrzymane kontenery
   about: Informacje
   search: Włącz szukanie z dozzle
-  using-version: Używasz dozzle w wersji {version}.
+  using-version: Używasz <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> w wersji {version}.
   update-available: >-
     Nowa wersja jest dostępna! Zaktualizuj do <a href="{href}" target="_blank"
     rel="noreferrer noopener">{nextVersion}</a>.

locales/pr.yml

@@ -89,7 +89,7 @@ settings:
   show-stopped-containers: Mostrar contentores parados
   about: Acerca de
   search: Habilitar a pesquisa com Dozzle usando
-  using-version: Está a usar o Dozzle {version}.
+  using-version: Está a usar <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}.
   update-available: >-
     Está disponível uma nova versão! Actualização para
     <a href="{href}" target="_blank" rel="noreferrer noopener">{nextVersion}</a>.

locales/pt.yml

@@ -86,7 +86,7 @@ settings:
   show-stopped-containers: Mostrar containers parados
   about: Sobre
   search: Habilitar pesquisa com Dozzle usando
-  using-version: Você está usando Dozzle {version}.
+  using-version: Você está usando <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}.
   update-available: >-
     Nova versão disponível! Atualize para <a href="{href}" target="_blank" rel="noreferrer noopener">{nextVersion}</a>.
   show-std: Mostrar rótulos stdout e stderr

locales/ru.yml

@@ -86,7 +86,7 @@ settings:
   show-stopped-containers: Показывать остановленные контейнеры
   about: Информация
   search: Включить поиск с помощью Dozzle, используя
-  using-version: Вы используете версию Dozzle {version}.
+  using-version: Вы используете <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}.
   update-available: >-
     Доступна новая версия! Обновить до <a href="{href}" target="_blank" rel="noreferrer noopener">{nextVersion}</a>.
   show-std: Показывать метки stdout и stderr

locales/tr.yml

@@ -95,7 +95,7 @@ settings:
   show-stopped-containers: Durdurulan konteynerleri göster
   about: Hakkında
   search: Dozzle kullanarak aramayı etkinleştir
-  using-version: Dozzle {version} kullanıyorsunuz.
+  using-version: <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version} kullanıyorsunuz.
   update-available: >-
     Yeni sürüm mevcut! <a href="{href}" target="_blank"
     rel="noreferrer noopener">{nextVersion}</a> sürümüne güncelleyin.

locales/zh-tw.yml

@@ -88,7 +88,7 @@ settings:
   show-stopped-containers: 顯示已停止的容器
   about: 關於
   search: 啟用 Dozzle 搜尋功能
-  using-version: 您目前使用的是 Dozzle {version}。
+  using-version: 您目前使用的是 <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}。
   update-available: >-
     有新版本可用！請更新至 <a href="{href}" target="_blank"
     rel="noreferrer noopener">{nextVersion}</a>。

locales/zh.yml

@@ -86,7 +86,7 @@ settings:
   show-stopped-containers: 显示已停止的容器
   about: 关于
   search: 使用Dozzle启用搜索
-  using-version: 您正在使用Dozzle {version}。
+  using-version: 您正在使用<a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}。
   update-available: >-
     新版本可用！更新到 <a href="{href}" target="_blank" rel="noreferrer noopener">{nextVersion}</a>。
   show-std: 显示stdout和stderr标签