From f9113819ee288c8ee17cd2ca50a9c12d2833a855 Mon Sep 17 00:00:00 2001
From: Sami Mokaddem <sami.mokaddem@circl.lu>
Date: Mon, 4 Oct 2021 13:06:12 +0200
Subject: [PATCH] chg: [elements:flash] Support of toast for flash messages

---
 templates/element/flash/error.php   | 22 +++++++++++++++++-----
 templates/element/flash/success.php | 22 +++++++++++++++++-----
 2 files changed, 34 insertions(+), 10 deletions(-)

diff --git a/templates/element/flash/error.php b/templates/element/flash/error.php
index 20e19ca..735088f 100644
--- a/templates/element/flash/error.php
+++ b/templates/element/flash/error.php
@@ -1,4 +1,5 @@
 <?php
+
 /**
  * @var \App\View\AppView $this
  * @var array $params
@@ -8,8 +9,19 @@ if (!isset($params['escape']) || $params['escape'] !== false) {
     $message = h($message);
 }
 ?>
-<div class="alert alert-danger alert-dismissible fade show" role="alert">
-    <?= $message ?>
-    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
-    </button>
-</div>
+<?php if (!empty($params['toast'])) : ?>
+    <script>
+        $(document).ready(function() {
+            UI.toast({
+                variant: 'danger',
+                titleHtml: '<?= $message ?>'
+            })
+        })
+    </script>
+<?php else : ?>
+    <div class="alert alert-danger alert-dismissible fade show" role="alert">
+        <?= $message ?>
+        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
+        </button>
+    </div>
+<?php endif; ?>
\ No newline at end of file
diff --git a/templates/element/flash/success.php b/templates/element/flash/success.php
index b0d1a1c..1e866d3 100644
--- a/templates/element/flash/success.php
+++ b/templates/element/flash/success.php
@@ -1,4 +1,5 @@
 <?php
+
 /**
  * @var \App\View\AppView $this
  * @var array $params
@@ -8,8 +9,19 @@ if (!isset($params['escape']) || $params['escape'] !== false) {
     $message = h($message);
 }
 ?>
-<div class="alert alert-success alert-dismissible fade show" role="alert">
-    <?= $message ?>
-    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
-    </button>
-</div>
+<?php if (!empty($params['toast'])) : ?>
+    <script>
+        $(document).ready(function() {
+            UI.toast({
+                variant: 'success',
+                titleHtml: '<?= $message ?>'
+            })
+        })
+    </script>
+<?php else : ?>
+    <div class="alert alert-success alert-dismissible fade show" role="alert">
+        <?= $message ?>
+        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
+        </button>
+    </div>
+<?php endif; ?>