Add search modal window support.

bearcms · Dec 8, 2021 · cb84032 · cb84032
1 parent 6d08271
commit cb84032
Show file tree

Hide file tree

Showing 11 changed files with 113 additions and 6 deletions.
diff --git a/.gitattributes b/.gitattributes
@@ -1,3 +1,4 @@
 /.gitattributes export-ignore
 /.gitignore export-ignore
+/dev export-ignore
 /README.md export-ignore
diff --git a/assets/search.min.js.php b/assets/search.min.js.php
@@ -0,0 +1,12 @@
+<?php
+
+/*
+ * Search box element addon for Bear CMS
+ * https://github.com/bearcms/search-box-element-addon
+ * Copyright (c) Amplilabs Ltd.
+ * Free to use under the MIT license.
+ */
+
+return <<<'EOT'
+var bearCMS=bearCMS||{};bearCMS.search=bearCMS.search||{open:function(){clientPackages.get("modalWindows").then((function(e){e.open("-bearcms-search-input")}))}};
+EOT;
diff --git a/autoload.php b/autoload.php
@@ -12,6 +12,10 @@
         'bearcms/bearframework-addon',
         'bearframework/localization-addon',
         'bearframework/tasks-addon',
-        'ivopetkov/data-index-bearframework-addon'
+        'ivopetkov/data-index-bearframework-addon',
+        'ivopetkov/client-packages-bearframework-addon',
+        'ivopetkov/modal-windows-bearframework-addon',
+        'ivopetkov/form-bearframework-addon',
+        'ivopetkov/form-elements-bearframework-addon'
     ]
 ]);
diff --git a/classes/Utilities.php b/classes/Utilities.php
@@ -1,8 +1,8 @@
 <?php
 
 /*
- * Audits addon for Bear CMS
- * https://github.com/bearcms/audits-addon
+ * Search box element addon for Bear CMS
+ * https://github.com/bearcms/search-box-element-addon
  * Copyright (c) Amplilabs Ltd.
  * Free to use under the MIT license.
  */

diff --git a/components/searchBoxElement.php b/components/searchBoxElement.php
@@ -1,5 +1,12 @@
 <?php
 
+/*
+ * Search box element addon for Bear CMS
+ * https://github.com/bearcms/search-box-element-addon
+ * Copyright (c) Amplilabs Ltd.
+ * Free to use under the MIT license.
+ */
+
 use BearFramework\App;
 
 $app = App::get();

diff --git a/components/searchWindowForm.php b/components/searchWindowForm.php
@@ -0,0 +1,30 @@
+<?php
+/*
+ * Search box element addon for Bear CMS
+ * https://github.com/bearcms/search-box-element-addon
+ * Copyright (c) Amplilabs Ltd.
+ * Free to use under the MIT license.
+ */
+
+use BearFramework\App;
+
+$app = App::get();
+
+$form->constraints
+    ->setRequired('bearcms-search-input');
+
+$form->onSubmit = function ($values) use ($app) {
+    $searchTerm = $values['bearcms-search-input'];
+    return $app->urls->get('/s/' . $searchTerm . '/');
+};
+
+echo '<html>';
+echo '<body>';
+
+echo '<form onsubmitsuccess="clientPackages.get(\'modalWindows\').then(function(m){m.closeAll();m.showLoading();});window.location.href=event.result;">';
+echo '<form-element-textbox name="bearcms-search-input" placeholder="' . htmlentities(__('bearcms/search-box-element-addon/ModalWindow/SearchHint')) . '"/>';
+echo '<form-element-submit-button text="' . htmlentities(__('bearcms/search-box-element-addon/ModalWindow/SearchButton')) . '"/>';
+echo '</form>';
+
+echo '</body>';
+echo '</html>';
diff --git a/composer.json b/composer.json
@@ -21,7 +21,11 @@
         "bearframework/localization-addon": "1.*",
         "bearframework/tasks-addon": "1.*",
         "ivopetkov/html5-dom-document-php": "2.*",
-        "ivopetkov/data-index-bearframework-addon": "1.*"
+        "ivopetkov/data-index-bearframework-addon": "1.*",
+        "ivopetkov/client-packages-bearframework-addon": "1.*",
+        "ivopetkov/modal-windows-bearframework-addon": "1.*",
+        "ivopetkov/form-bearframework-addon": "1.*",
+        "ivopetkov/form-elements-bearframework-addon": "1.*"
     },
     "require-dev": {
         "bearcms/addon-tests": "1.*"

diff --git a/dev/search.js b/dev/search.js
@@ -0,0 +1,23 @@
+/*
+ * Search box element addon for Bear CMS
+ * https://github.com/bearcms/search-box-element-addon
+ * Copyright (c) Amplilabs Ltd.
+ * Free to use under the MIT license.
+ */
+
+/* global clientPackages */
+
+var bearCMS = bearCMS || {};
+bearCMS.search = bearCMS.search || (function () {
+
+    var open = function () {
+        clientPackages.get('modalWindows').then(function (modalWindows) {
+            modalWindows.open('-bearcms-search-input');
+        });
+    };
+
+    return {
+        'open': open
+    };
+
+}());
diff --git a/index.php b/index.php
@@ -62,6 +62,26 @@
                 ]);
             };
 
+            $app->clientPackages
+                ->add('-bearcms-search', function (IvoPetkov\BearFrameworkAddons\ClientPackage $package) {
+                    //$js = file_get_contents(__DIR__ . '/dev/search.js');
+                    $js = include __DIR__ . '/assets/search.min.js.php';
+                    $package->addJSCode($js);
+                    $package->embedPackage('modalWindows');
+                });
+
+            $app->modalWindows
+                ->add('-bearcms-search-input', function () use ($app, $context) {
+                    $content = '<component src="form" filename="' . $context->dir . '/components/searchWindowForm.php" mode="preview"/>';
+                    $content = $app->components->process($content);
+                    $content = $app->clientPackages->process($content);
+                    return [
+                        'title' => __('bearcms/search-box-element-addon/ModalWindow/Title'),
+                        'content' => $content,
+                        'width' => '400px'
+                    ];
+                });
+
             $app->routes
                 ->add(['/s', '/s/'], [
                     [$app->bearCMS, 'disabledCheck'],

diff --git a/locales/bg.php b/locales/bg.php
@@ -14,5 +14,8 @@
     'bearcms/search-box-element-addon/ButtonTitle' => 'Търси',
     'bearcms/search-box-element-addon/page-title' => 'Резултати от търсене на %s',
     'bearcms/search-box-element-addon/no-results-found' => 'Не са намерени никакви резултати при търсенето на %s',
-    'bearcms/search-box-element-addon/building-search-index' => 'Търсачката в момента не работи. Моля, опитайте отново след няколко минути.'
+    'bearcms/search-box-element-addon/building-search-index' => 'Търсачката в момента не работи. Моля, опитайте отново след няколко минути.',
+    'bearcms/search-box-element-addon/ModalWindow/Title' => 'Търсене в съдържанието на сайта',
+    'bearcms/search-box-element-addon/ModalWindow/SearchHint' => 'Търсене ...',
+    'bearcms/search-box-element-addon/ModalWindow/SearchButton' => 'Намери',
 ];
diff --git a/locales/en.php b/locales/en.php
@@ -14,5 +14,8 @@
     'bearcms/search-box-element-addon/ButtonTitle' => 'Search',
     'bearcms/search-box-element-addon/page-title' => 'Search results for %s',
     'bearcms/search-box-element-addon/no-results-found' => 'No results found while searching for %s',
-    'bearcms/search-box-element-addon/building-search-index' => 'The search is currently not available. Please try again in few minutes.'
+    'bearcms/search-box-element-addon/building-search-index' => 'The search is currently not available. Please try again in few minutes.',
+    'bearcms/search-box-element-addon/ModalWindow/Title' => 'Search the site\'s content',
+    'bearcms/search-box-element-addon/ModalWindow/SearchHint' => 'Search ...',
+    'bearcms/search-box-element-addon/ModalWindow/SearchButton' => 'Search',
 ];