UI: add DD JS to Input View Controls (#62)

klees · Jul 8, 2024 · f74ec01 · f74ec01
1 parent 598ca71
commit f74ec01
Showing 1 changed file with 27 additions and 0 deletions.
diff --git a/components/ILIAS/UI/src/Implementation/Component/Input/ViewControl/Renderer.php b/components/ILIAS/UI/src/Implementation/Component/Input/ViewControl/Renderer.php
@@ -21,6 +21,7 @@
 namespace ILIAS\UI\Implementation\Component\Input\ViewControl;
 
 use ILIAS\UI\Implementation\Render\AbstractComponentRenderer;
+use ILIAS\UI\Implementation\Render\ResourceRegistry;
 use ILIAS\UI\Renderer as RendererInterface;
 use ILIAS\UI\Component;
 use LogicException;
@@ -117,6 +118,10 @@ function(event, signal_data) {
             fn($id) => "$('#{$id} > .dropdown-menu')
                 .on('click', (event) =>  event.stopPropagation());"
         );
+        $component = $component->withAdditionalOnLoadCode(
+            fn($id) =>
+            "il.UI.dropdown.init(document.getElementById(\"$id\"));"
+        );
 
         $id = $this->bindJavaScript($component);
         $container_submit_signal = $component->getOnChangeSignal();
@@ -175,6 +180,10 @@ function(event, signal_data) {
                     });"
             );
         }
+        $component = $component->withAdditionalOnLoadCode(
+            fn($id) =>
+            "il.UI.dropdown.init(document.getElementById(\"$id\"));"
+        );
         $id = $this->bindJavaScript($component);
 
         $tpl->setVariable('ID', $id);
@@ -354,6 +363,15 @@ function(event, signal_data) {
                     });"
             );
         }
+        $component = $component->withAdditionalOnLoadCode(
+            fn($id) => "
+                il.UI.dropdown.init(
+                    document.getElementById(\"$id\").querySelector(
+                        '.dropdown.il-viewcontrol-pagination__num-of-items'
+                    )
+                );
+            "
+        );
         $id = $this->bindJavaScript($component);
 
         $tpl->setVariable('ID', $id);
@@ -371,4 +389,13 @@ function(event, signal_data) {
 
         return $tpl->get();
     }
+
+    /**
+     * @inheritdoc
+     */
+    public function registerResources(ResourceRegistry $registry): void
+    {
+        parent::registerResources($registry);
+        $registry->register('assets/js/dropdown.js');
+    }
 }