From 22f86df89412527147b913e6700cb2141d99434b Mon Sep 17 00:00:00 2001
From: BrainFooLong <brainfoolong@users.noreply.github.com>
Date: Sat, 6 Apr 2024 12:25:14 +0200
Subject: [PATCH] added CustomElementButton.php performance test page

---
 .../src/View/Misc/CustomElementButton.php     | 57 +++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 appdata/modules/FramelixTests/src/View/Misc/CustomElementButton.php

diff --git a/appdata/modules/FramelixTests/src/View/Misc/CustomElementButton.php b/appdata/modules/FramelixTests/src/View/Misc/CustomElementButton.php
new file mode 100644
index 0000000..319dde5
--- /dev/null
+++ b/appdata/modules/FramelixTests/src/View/Misc/CustomElementButton.php
@@ -0,0 +1,57 @@
+<?php
+
+namespace Framelix\FramelixTests\View\Misc;
+
+use Framelix\Framelix\Network\JsCall;
+use Framelix\Framelix\Utils\JsonUtils;
+use Framelix\Framelix\View;
+
+class CustomElementButton extends View\Backend\View
+{
+
+    protected string|bool $accessRole = "*";
+
+    public static function onJsCall(JsCall $jsCall): void
+    {
+        if ($jsCall->action === 'more-buttons') {
+            for ($i = 5000; $i < 10000; $i++) {
+                ?>
+              <framelix-button icon="718" theme="<?= $i % 2 ? 'error' : 'success' ?>" style="font-family: monospace">
+                Btn <?= sprintf("%04d", $i) ?>
+              </framelix-button>
+                <?php
+            }
+        }
+    }
+
+    public function onRequest(): void
+    {
+        $this->showContentBasedOnRequestType();
+    }
+
+    public function showContent(): void
+    {
+        ?>
+      <h3>Performance Test when displaying 5000 buttons and loading 5000 more dynamically</h3>
+        <?php
+        for ($i = 0; $i < 5000; $i++) {
+            ?>
+          <framelix-button icon="718" theme="<?= $i % 2 ? 'error' : 'success' ?>" style="font-family: monospace">
+            Btn <?= sprintf("%04d", $i) ?>
+          </framelix-button>
+            <?php
+        }
+        ?>
+      <div class="results"></div>
+      <script>
+        (async function () {
+          const response = await FramelixRequest.jsCall(<?=JsonUtils::encode(
+              JsCall::getUrl([self::class, "onJsCall"], "more-buttons")
+          )?>).getJson()
+          $('.results')[0].innerHTML = response
+        })()
+      </script>
+        <?php
+    }
+
+}
\ No newline at end of file