@@ -11,5 +11,7 @@ declare(strict_types=1);

  */

 use vossmedien\AloxBundle\Controller\Frontend\Module\JoblistModuleController;

+use vossmedien\AloxBundle\Controller\Frontend\Module\JobSearchModuleController;

 $GLOBALS['TL_DCA']['tl_module']['palettes'][JoblistModuleController::TYPE] = '{title_legend},name,type;{alox_legend},perPage;{template_legend:hide},customTpl;{protected_legend:hide},protected;{expert_legend:hide},guests,cssID';

+$GLOBALS['TL_DCA']['tl_module']['palettes'][JobSearchModuleController::TYPE] = '{title_legend},name,type;{aloxSearch_legend},jumpTo;{template_legend:hide},customTpl;{protected_legend:hide},protected;{expert_legend:hide},guests,cssID';

@@ -11,6 +11,9 @@ declare(strict_types=1);

  */

 use vossmedien\AloxBundle\Controller\Frontend\Module\JoblistModuleController;

+use vossmedien\AloxBundle\Controller\Frontend\Module\JobSearchModuleController;

 $GLOBALS['TL_LANG']['FMD'][JoblistModuleController::TYPE][0] = 'Alox Job Liste';

 $GLOBALS['TL_LANG']['FMD'][JoblistModuleController::TYPE][1] = 'Gibt eine Liste mit Jobs aus.';

+$GLOBALS['TL_LANG']['FMD'][JobSearchModuleController::TYPE][0] = 'Alox Job Suchmaske';

+$GLOBALS['TL_LANG']['FMD'][JobSearchModuleController::TYPE][1] = 'Gibt eine Suchmaske aus, die auf eine Joblistenseite verlinkt werden kann.';

@@ -12,3 +12,4 @@ declare(strict_types=1);

 $GLOBALS['TL_LANG']['tl_module']['alox_legend'] = 'Listen-Konfiguration';

+$GLOBALS['TL_LANG']['tl_module']['aloxSearch_legend'] = 'Such-Konfiguration';

new file mode 100644

@@ -0,0 +1,74 @@

+{% extends '@Contao/block_unsearchable' %}

+

+{% block content %}

+    <form{{ formAction is defined ? ' action='~formAction : '' }} class="filter" method="get">

+        <div class="formbody">

+            <input type="hidden" name="FORM_SUBMIT" value="{{ formSubmit }}">

+            <div class="widget widget-text">

+                <input type="text" name="filter_keywords" placeholder="Jobtitel" value="">

+            </div>

+            <div class="widget widget-autocomplete">

+                <input type="hidden" id="filter-city-label-{{ id }}" name="filter_city_label" value="">

+                <select id="filter-city-{{ id }}" name="filter_city" data-placeholder="PLZ/Ort" autocomplete="off">

+                    <option value="">PLZ/Ort</option>

+                </select>

+            </div>

+            <div class="widget widget-text">

+                <input type="text" name="filter_radius" placeholder="Suchradius in km" value="">

+            </div>

+            {% if filterVertragsarten is defined %}

+                <div class="widget widget-select">

+                    <select name="filter_vertragsart">

+                        <option value="">Art der Anstellung</option>

+                        {% for vertragsart in filterVertragsarten %}

+                            <option value="{{ vertragsart.ObjectUuid }}">{{ vertragsart.Bezeichnung }}</option>

+                        {% endfor %}

+                    </select>

+                </div>

+            {% endif %}

+            {% if filterAbteilung is defined %}

+                <div class="widget widget-select">

+                    <select name="filter_abteilung">

+                        <option value="">Unternehmensbereich / Abteilung</option>

+                        {% for abteilung in filterAbteilung %}

+                            <option value="{{ abteilung.ObjectUuid }}">{{ abteilung.Bezeichnung }}</option>

+                        {% endfor %}

+                    </select>

+                </div>

+            {% endif %}

+            <div class="widget widget-submit">

+                <button type="submit">Suchen</button>

+            </div>

+        </div>

+    </form>

+

+    <script>

+        document.addEventListener('DOMContentLoaded', function () {

+            new TomSelect("#filter-city-{{ id }}",{

+                allowEmptyOption: true,

+                create: false,

+                valueField: 'latLon',

+                labelField: 'name',

+                searchField: 'name',

+                load: function(query, callback) {

+                    var url = '_geodb/getLatLon?q=' + encodeURIComponent(query);

+                    fetch(url)

+                        .then(response => response.json())

+                        .then(json => {

+                            callback(json.items);

+                        }).catch(() => {

+                        callback();

+                    });

+                },

+                onChange: function (values) {

+                    let target = document.getElementById('filter-city-label-{{ id }}');

+                    if (target !== undefined && this.activeOption.innerText !== undefined)

+                    {

+                        target.value = this.activeOption.innerText

+                    }

+                }

+            });

+        }, false);

+    </script>

+

+{% endblock %}

new file mode 100644

@@ -0,0 +1,80 @@

+<?php

+

+declare(strict_types=1);

+

+/*

+ * This file is part of alox bundle for Contao.

+ *

+ * (c) Benjamin Roth

+ *

+ * @license commercial

+ */

+

+namespace vossmedien\AloxBundle\Controller\Frontend\Module;

+

+use Contao\CoreBundle\Controller\FrontendModule\AbstractFrontendModuleController;

+use Contao\CoreBundle\ServiceAnnotation\FrontendModule;

+use Contao\ModuleModel;

+use Contao\PageModel;

+use Contao\Template;

+use Symfony\Component\HttpFoundation\Request;

+use Symfony\Component\HttpFoundation\Response;

+use vossmedien\AloxBundle\API\Zvoove;

+

+/**

+ * @FrontendModule(JobSearchModuleController::TYPE, category="miscellaneous")

+ */

+class JobSearchModuleController extends AbstractFrontendModuleController

+{

+    public const TYPE = 'alox_jobsearch';

+

+    /**

+     * @var Zvoove

+     */

+    protected $api;

+

+    public function __construct(Zvoove $api)

+    {

+        $this->api = $api;

+    }

+

+

+    protected function getResponse(Template $template, ModuleModel $model, Request $request): ?Response

+    {

+        $limit = null;

+        $offset = 0;

+

+        $strFormId = 'joblist-form';

+

+        $filterVertragsarten = $this->api->getKatalogByRelationName('StelleVertragsart','ChildEntity');

+        $filterAbteilung = $this->api->getKatalogByRelationName('StelleAbteilung','Abteilung');

+

+

+        // Populate template vars

+        if ($filterVertragsarten !== null && $filterVertragsarten->TotalItems > 0)

+        {

+            $template->filterVertragsarten = $filterVertragsarten;

+        }

+

+        if ($filterAbteilung !== null && $filterAbteilung->TotalItems > 0)

+        {

+            $template->filterAbteilung = $filterAbteilung;

+        }

+

+        $template->formSubmit = $strFormId;

+

+        // Submit action if jumpTo is defined

+        if ($model->jumpTo && ($jumpTo = PageModel::findByPk($model->jumpTo)) !== null)

+        {

+            $template->formAction = $jumpTo->getFrontendUrl();

+        }

+

+

+        // Add scripts

+        $GLOBALS['TL_BODY']['tomselect'] = Template::generateScriptTag('bundles/vossmedienalox/lib/tomselect/js/tom-select.base.js',false,null);

+        $GLOBALS['TL_CSS']['tomselect'] = 'bundles/vossmedienalox/lib/tomselect/css/tom-select.min.css';

+

+        return $template->getResponse();

+    }

+

+}

@@ -45,7 +45,7 @@ class JoblistModuleController extends AbstractFrontendModuleController

         $limit = null;

         $offset = 0;

-        $strFormId = 'joblist-form-' . $model->id;

+        $strFormId = 'joblist-form';

         $arrSearchParams = [];

         $arrSetFilters = [

             'filter_keywords' => null,