FewoVerwalter plugin

Plugin for displaying holiday objects, booking masks, request masks and master data

components

• Text searchmask - free text search in your objects with dropdown list.
• Searchmask - Search with arrival, departure and equipment.
• Listfilter - Filtering of the object list by type, period (free), prices, equipment, location, region, .....
• Price calculator - Price calculator for the object in detail page.
• Object list - Lists for displaying objects with images and maps.
• Random list - Lists for displaying objects with pictures by chance.
• Object slider - Presentation of the object images (large) as a slider in a detail page.
• Object details - Representation of the object master data in a detail page.
• Images - Presentation of object pictures, house pictures and floor plans.
• House list - Representation of the house data in a list page.
• House details - Representation of the house master data in a detail page.
• Ratings - Presentation of the current ratings in all pages and the detail page.
• Rating form - Rating form with rating script.
• Booking form - Booking form with guest data, services and fellow traveler.
• Offer form - Offer form with guest data, services and fellow traveler.
• SlickSlider - Slider für Objekt- und Hausbilder.
• Galerie - Gallery for object and house pictures incl. FancyBox.
• MAP - LeafLet Map for object and house.
• SEO - Schema.org component with LocalBusiness and Hotel.

Installation

• Web server PHP at least version 7.n
• IonCube-Loader for PHP 7.n
• Request license file for your URL
• Install Fewo plugin in octobercms
• Store license file in the directory plugins/xsigns/fewo

Dependencies

• PHP 7.4 or higher
• MySql 5.7 or higher

After installation

• After the installation, enter a user with password under Settings -> Fewo-Settings. Then transfer the data from the 'Fewo-Verwalter' to the website. Under Settings In the Fewo-Verwalter' software you must enter the URL from your web-site.
• Once all the data has been transferred, you can start by inserting the components into your page structure.
• All language settings can be made in the individual components.

Updatehinweise / Upgrade Guide

HINWEIS!
Die Bearbeitung eines Partials ist nur dann notwendig, wenn das entsprechende Partial einer Komponente im Backend angepasst wurde.
Die angepassten Partials finden Sie im Backend unter CMS > Partials. Schauen Sie hier, ob das entsprechende Partial zu finden ist.

---

Upgrade 3.8.19

Folgende Partialanpassungen sind für dieses Update notwendig

Komponente Eigentümerdaten default.htm:
Innerhalb des Code-Blocks var abrTable = $('#abrechnungen').DataTable({...}) muss folgender Code für das columnDefs-Objekt hinzugefügt werden:

{
    targets: 4,
    sortable: true,
    type: 'de_date',
},

Innerhalb des Code-Blocks var table = $('#vorgaenge').DataTable({...}) muss folgender Code für das columnDefs-Objekt hinzugefügt werden:

{
    targets: 2,
    visible: true,
    searchable: true,
    sortable: true,
    type: 'de_date',
},

---

Upgrade 3.8.11

Folgende Partialanpassungen sind für dieses Update notwendig

Komponente Objektliste default.htm:
Der Folgende Code-Block muss UNTER den Code-Block {% if objekt.Adresse %} . . . {% endif %} eingefügt werden:

{% if objekt.alternativeZeitraeume %}
    <div class="fewo-alternative d-inline-block">
        {{ alternativeLabel|raw }}
        {% for alternative in objekt.alternativeZeitraeume %}
            <div class="fewo-alternative-item"><a href="{{ alternative.href }}">{{ alternative.label|raw }}</div>
        {% endfor %}
    </div>
{% endif %}
{% if objekt.buchungsluecken %}
    <div class="fewo-buchungsluecken d-inline-block">
        {{ buchungslueckenLabel|raw }}
        {% for luecke in objekt.buchungsluecken %}
            <div class="fewo-buchungsluecken-item"><a href="{{ luecke.href }}">{{ luecke.label|raw }}</div>
        {% endfor %}
    </div>
{% endif %}

---

Upgrade 3.7.6

Folgende Partialanpassungen sind für dieses Update notwendig

Komponente Belegungsplan default.htm:
Folgende Code-Zeile muss unter der Zeile var caloffset = '{{ caloffset }}'; eingefügt werden:

var mindaysText = '{{ minnaechte }}';

---

Upgrade 3.7.3

Folgende Partialanpassungen sind für dieses Update notwendig

Komponente Eigentümerdaten default.htm:
Folgende Code-Zeile über der Zeile <table id="abrechnungen" class="display" style="width:100%"> einfügen:

<div id="abr-error"></div>

 

Optionale Anpassung (wenn Ausgabe nicht erwünscht, ist diese Anpassung nicht notwendig)
Komponente Buchungsmaske zusammen.htm:
Folgender Code-Block muss unter den Code-Block {% if data.zahlung2 > 0 %} ... {% endif %} eingefügt werden:

{% if istZahlung and data.kurtaxePreis > 0 %}
    <div class="kurtaxe_hinweis">{{ zahlungKurtaxeHinweis|raw }}</div>
{% endif %}

---

Upgrade 3.7.0

Folgende Partialanpassungen sind für dieses Update notwendig

Komponente Eigentümerdaten default.htm:
Der Code-Block für die Eigenbelegungen...

{% if showbelegen %}
    ...
    ### Hier steht der restliche Code ###
    ...
{% endif %}

... muss durch folgenden Code ersetzt werden:

{% if showbelegen %}
    <div role="tabpanel" class="tab-pane" id="4">
        <div id="bookingMask">
            <form class="eigenbelegung_form" method="post" data-request="{{ __SELF__ }}::onBelegung">
                <div class="bel_objekt">
                    <div class="label label_objektauswahl">{{ labels.belobjekt }}</div>
                    <select id="ctrl_objekt" class="select frm_objekt" name="objekt" data-request="{{ __SELF__ }}::onObjektChange" style="width:300px;">
                        {% for key, obj in belobjekte %}
                            <option value="{{ key }}">{{ obj|raw }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div id="belegung"></div>
            </form>
        </div>
    </div>
{% endif %}

Folgende Code-Zeile muss gelöscht werden:

$('#ctrl_objekt').select2({});

Die Code-Zeile {"data": "titel"}, muss durch folgenden Code ersetzt werden:

{"data": "titel",
    "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
        $(nTd).html("<a target='_blank' href='" + oData.href + "'>" + oData.titel + "</a>");
    }
},

---

Upgrade 3.6.3

Umstellung der PHP-Version für October 1 (PHP 7.4) und October 3 (PHP 8.1)

WICHTIG! Bitte lesen

Informationen zu October 1:
Bitte stellen Sie Ihre PHP-Version auf PHP 7.4 um, sollten Sie weiterhin October 1 benutzen.

Informationen zu October 3:
Ab sofort ist die Verwendung des neuen October 3 möglich. Bitte stellen Sie Ihre Version auf PHP 8.1 um, sollten Sie die neue October 3 Version benutzen.

---

Upgrade 3.6.0

Folgende Partialanpassungen sind für dieses Update notwendig

Komponente Objektliste default.htm:
Bild und Bild-Slider
Das alt-Attribut und das title-Attribut beider img-Tags (einfaches Bild und Slider) müssen durch folgenden Code ersetzt werden:

alt="{% if objekt.image_title %}{{ objekt.image_title }}{% else %}{{ objekt.TitelFuerTags|raw }}{% endif %}"{% if objekt.image_title %} title="{{ objekt.image_title }}"{% endif %}

 

Komponente Buchungsmaske btnend.htm und btnend-variant2.htm:
Die Code-Zeile für den Button mit der class fewo-btnweiter muss durch folgende Code-Zeilen ersetzt werden.

{% if btnbuchen != '' %}
    <button id="btnweiter6" class="fewo-btnweiter fewo-btnend" onclick="$('.fewo-btnend').hide();" data-request="{{ __SELF__ }}::onBtnBuchen" data-request-data="btype: 'B'">{{ btnbuchen }}</button>
{% endif %}

{% if btnanfragen != '' %}
    <button id="btnweiter6" class="fewo-btnweiter fewo-btnend" onclick="$('.fewo-btnend').hide();" data-request="{{ __SELF__ }}::onBtnBuchen" data-request-data="btype: 'A'">{{ btnanfragen }}</button>
{% endif %}

---

Upgrade 3.5.35

Folgende Partialanpassungen sind für dieses Update notwendig

Komponente Hausliste default.htm:
Der JavaScript-Codeblock für das Laden der Hauskarte muss entfernt und durch <div id="hausmap-{{ haus.id }}">{{ haus.hausmap|raw }}</div> ersetzt werden. Der Code befindet sich nun in dem Partial hausmap.htm.

Dieser Code...

{% if haus.map %}
    <div class="fewo-map">
    <div id="mapid{{ haus.id }}" class="fewo-hausmap" style="height:{{ mapheight }}px;"></div>
        <script>
            jQuery(document).ready(function() {
                ...
                ### Hier steht der restliche Code ###
                ...
            });
        </script>
    </div>
{% endif %}

...muss gelöscht und durch...

<div id="hausmap-{{ haus.id }}">{{ haus.hausmap|raw }}</div>

...ersetzt werden.

 

Komponente Objektmap default.htm:
Der Div-Container mit der ID map und der JavaScript-Codeblock für das Laden der Karte muss entfernt und durch <div id="objmap">{{ objmap|raw }}</div> ersetzt werden. Der Code befindet sich nun in dem Partial map.htm.

Dieser Code...

<div id="map" class="fewo-listmap" style="height:600px;"></div>
<script>
    jQuery(document).ready(function() {
        ...
        ### Hier steht der restliche Code ###
        ...
    });
</script>

...muss entfernt und durch...

<div id="objmap">{{ objmap|raw }}</div>

...ersetzt werden.

---

Upgrade 3.5.34

Folgende Partialanpassungen sind für dieses Update notwendig

Komponente Buchungsmaske preise.htm:
Der folgende Code ist für die Ausgabe der Kurtaxe in der Buchungsmaske zuständig und muss oberhalb von <!-- Gesamtsumme --> oder an anderer beliebiger Stelle in diesem Partial eingefügt werden:

{% if kurtaxe > 0 %}
    <div class="zeile zeile_preise kurtaxe">
        <div class="zeilensummentitel sum_titel">{{ summen.kurtaxe }}</div>
        <div class="zeilesumme kurtaxe">{{ kurtaxe }}</div>
    </div>
{% endif %}

Komponente Preisrechner default.htm: Der folgende für die Ausgabe der Kurtaxe im Preisrechner zuständig und muss unterhalb von <div id="kaution">{{ kaution }}</div> oder an anderer beliebiger Stelle in diesem Partial eingefügt werden:

<div class="label">{{ pkurtaxelabel }}</div>
<div id="kurtaxe">{{ kurtaxe }}</div>

Komponente Bewertungen default.htm:
Die Code-Zeile src="{{ bewertung.image|raw }}" für das img-Tag muss durch folgenden Code ersetzt werden:

src="{{ bewertung.image.path }}"

---

Upgrade 3.5.33

Folgende Partialanpassungen sind für dieses Update notwendig

Komponente Objektliste default.htm:

Schritt 1 (Gesamt Map):
Der JavaScript-Codeblock für das Laden der Gesamtkarte muss entfernt und durch <div id="objGesMapContainer">{{ objgesmap|raw }}</div> ersetzt werden. Der Code befindet sich nun in dem Partial objgesmap.htm.

Dieser Code...

{% if showmap == true %}
    {% if mapOption == true %}
        <div id="fewo-listmap">
            <div id="map" class="fewo-listmap" style="height:{{gesmapheight}}px;"></div>
            <script>
            ...
            ### Hier steht der restliche Code ###
            ...
        </script>
    {% endif %}
{% endif %}

...muss gelöscht und durch...

<div id="objGesMapContainer">{{ objgesmap|raw }}</div>

...ersetzt werden.

Schritt 2 (Map pro Objekt):
Der JavaScript-Codeblock für das Laden der einzelnen Objektkarten muss entfernt und durch <div id="objMapContainer-{{ objekt.id }}">{{ objekt.objmap|raw }}</div> ersetzt werden. Der Code befindet sich nun in dem Partial objmap.htm.

Dieser Code...

{% if objekt.map == true %}
    {% if mapOption == true %}
        <div class="fewo-map">
            <div id="mapid{{ objekt.id }}" class="fewo-objektmap" style="height:{{ mapheight }}px;"></div>
            <script>
            ...
            ### Hier steht der restliche Code ###
            ...
        </script>
    {% endif %}
{% endif %}

...muss gelöscht und durch...

<div id="objMapContainer-{{ objekt.id }}">{{ objekt.objmap|raw }}</div>

...ersetzt werden.

Komponente ObjektBewertungen item.htm:

Der Bewertungstitel wird nun in einem <p>-Tag geladen. Dafür einfach folgende Zeile in diesem Partial wie folgt anpassen:

<div class="bew_titel"><p>{{ bewertung.titel|raw }}</p></div>

---

Upgrade 3.5.23

Folgende Partialanpassungen sind für dieses Update notwendig

Komponente Buchungsmaske variant2.htm und leistungen.htm: Der folgende Code muss oberhalb der Zeile {% for leist in optleistungen %} eingefügt werden:

{% if showTooltip %}
    <script>
        $(document).ready(function() {
            $('[data-toggle="tooltip"]').tooltip();
        });
    </script>
{% endif %}

Komponente Buchungsmaske variant2.htm und leistungen.htm: Der folgende Code muss hinter {{ leist.titel }} eingefügt werden:

{% if showTooltip %}<span class="fewo-tooltip" data-toggle="tooltip" data-placement="right" title="{{ leist.tooltip|raw }}"></span>{% endif %}

Upgrade 3.5.19

Folgende Partialanpassungen sind für dieses Update notwendig

Komponente Angebot-Detail default.htm: Die Code-Zeile src="{{ image.thumb(image_width,image_height) }}" muss durch folgenden Code ersetzt werden:

src="{{ image|raw }}"

Komponente Angebot-Detail objlist.htm: Die Code-Zeile src="{{ objekt.image.thumb(objekt.image_width,objekt.image_height) }}" muss durch folgenden Code ersetzt werden:

src="{{ objekt.image|raw }}"

Komponente Angebote default.htm: Die Code-Zeile src="{{ angebot.image.thumb(image_width,image_height) }}" muss durch folgenden Code ersetzt werden:

src="{{ angebot.image|raw }}"

Komponente Buchungsmaske default.htm und variant2.htm: Die Code-Zeile src="{{ ang_image.thumb(200,200) }}" muss durch folgenden Code ersetzt werden:

src="{{ ang_image|raw }}"

Komponente Galerie default.htm: Die Code-Zeile src="{{ image.thumb( gal_width , gal_height ) }}" muss durch folgenden Code ersetzt werden:

src="{{ image.thumb|raw }}"

Komponente Bewertungen default.htm: Die Code-Zeile src="{{ bewertung.image.thumb( img_width, img_height) }}" muss durch folgenden Code ersetzt werden:

src="{{ bewertung.image|raw }}"

Komponente Hausdetail default.htm: Die Code-Zeile src="{{ image.thumb(image_width,image_height) }}" muss druch folgenden Code ersetzt werden:

src="{{ image|raw }}"

Komponente Hausliste default.htm: Die Code-Zeile src="{{ haus.image.thumb(haus.image_width,haus.image_height) }}" muss durch folgenden Code ersetzt werden:

src="{{ haus.image|raw }}"

Komponente Obj-Bewertungen item.htm: Die Code-Zeile src="{{ bewertung.image.thumb( img_width, img_height) }}" muss durch folgenden Code ersetzt werden:

src="{{ bewertung.image.thumb|raw }}"

---

Upgrade 3.5.18

Dieses Update enthält eine neue Funktion für die Eigentümerlogin-Erweiterung.

Ab sofort ist es möglich, automatisierte Emails an den Eigentümer zu senden, sobald dieser über den Fewo-Verwalter für den Eigentümerlogin freigeschlatet oder die Login-Daten geändern wurden. Diese Funktion kann im Backend unter Einstellungen -> Eigentümer-Einstellungen aktiviert werden. Die entsprechenden Mail-Vorlagen, können im Bereich der Mail-Vorlagen angepasst werden. Mehrsprachige Mail-Vorlagen sind möglich.

---

Upgrade 3.5.15

Folgende Partialanpassungen sind für dieses Update notwendig

Komponente Listenfilter default.htm: Die Code-Zeile $('#abreise').request('onDataChange'); im Script-Bereich, muss durch folgenden Code ersetzt werden:

$('#abreise').request('onDataChange', {data: {dateChange: 1}});

---

Upgrade 3.5.14

Folgende Partialanpassungen für dieses Update

Komponente Eigentümerdaten default.htm: Der komplette Code muss ersetzt werden durch:
WICHTIG! Anpassung nur notwendig, wenn das default.htm Partial für Eigentümerdaten angepasst wurde!

<div class="clearfix"></div>
<div class="eheader">
    <div class="enummer">{{ labels.enummer }} {{ nummer }}</div>
    {% if firma %}
    <div class="efirma">{{ labels.efirma }} {{ firma }}</div>
    {% endif %}
    <div class="ename">{{ labels.ename }} {{ vorname }} {{ name }}</div>
    <div class="float-right">
        <a href="#" data-request="onLogout">{{ btnlogout }}</a>
    </div>
</div>
<div class="edaten">
    <div id="exTab2" class="container col-md-12 p-0 float-left"> 
        <ul class="nav nav-tabs" role="tablist" id="edatenTab">
            {% if showabrechnung == 1 %}
                <li class="nav-item disabled" id="tab1"><a class="nav-link active" href="#1" data-toggle="tab" role="tab">{{ labels.tab1 }}</a></li>
            {% endif %}
            {% if showvorgaenge == 1 %}
                <li class="nav-item disabled" id="tab2"><a class="nav-link" href="#2" data-toggle="tab" role="tab">{{ labels.tab2 }}</a></li>
            {% endif %}
            {% if showobjekte %}
                <li class="nav-item disabled" id="tab3"><a class="nav-link" href="#3" data-toggle="tab" role="tab">{{ labels.tab3 }}</a></li>
            {% endif %}
            {% if showbelegen %}
                <li class="nav-item disabled" id="tab4"><a class="nav-link" href="#4" data-toggle="tab" role="tab">{{ labels.tab4 }}</a></li>
            {% endif %}
        </ul>
        <div class="tab-content" >
            {% if showabrechnung ==1 %}
                <div role="tabpanel" class="tab-pane active" id="1">
                    <table id="abrechnungen" class="display" style="width:100%">
                        <thead>
                            <tr>
                                <th></th>
                                <th>{{ labels.rechnungsnr }}</th>
                                <th>{{ labels.jahr }}</th>
                                <th>{{ labels.monat }}</th>
                                <th>{{ labels.datum }}</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            {% endif %}
            {% if showvorgaenge == 1 %}
                <div role="tabpanel" class="tab-pane" id="2">
                    <table id="vorgaenge" class="display" style="width:100%">
                        <thead>
                            <tr>
                                <th></th>
                                <th>{{ labels.vorgjahr }}</th>
                                <th>{{ labels.vorgdatum }}</th>
                                <th>{{ labels.vorgart }}</th>
                                <th>{{ labels.vorganreise }}</th>
                                <th>{{ labels.vorgabreise }}</th>
                                <th>{{ labels.vorgtage }}</th>
                                <th>{{ labels.vorgobjekt }}</th>
                                <th>{{ labels.vorgobjid }}</th>
                                <th>{{ labels.vorgerwachsene }}</th>
                                <th>{{ labels.vorgkinder }}</th>
                                <th>{{ labels.vorgobjpreis }}</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th></th>
                                <th>{{ labels.vorgjahr }}</th>
                                <th>{{ labels.vorgdatum }}</th>
                                <th>{{ labels.vorgart }}</th>
                                <th>{{ labels.vorganreise }}</th>
                                <th>{{ labels.vorgabreise }}</th>
                                <th>{{ labels.vorgtage }}</th>
                                <th>{{ labels.vorgobjekt }}</th>
                                <th>{{ labels.vorgobjid }}</th>
                                <th>{{ labels.vorgerwachsene }}</th>
                                <th>{{ labels.vorgkinder }}</th>
                                <th>{{ labels.vorgobjpreis }}</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            {% endif %}
            {% if showobjekte %}
                <div role="tabpanel" class="tab-pane" id="3">
                    <table id="objekte" class="display" style="width:100%">
                        <thead>
                            <tr>
                                <th></th>
                                <th>{{ labels.objnr }}</th>
                                <th>{{ labels.objtitel }}</th>
                                <th>{{ labels.objart }}</th>
                                <th>{{ labels.objpers }}</th>
                                <th>{{ labels.objqm }}</th>
                                <th>{{ labels.objint }}</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            {% endif %}
            {% if showbelegen %}
                <div role="tabpanel" class="tab-pane" id="4">
                    <form class="eigenbelegung_form" method="post" data-request="{{ __SELF__ }}::onBelegung">
                        <div class="bel_objekt">
                            <div class="label label_objektauswahl">{{ labels.belobjekt }}</div>
                            <select id="ctrl_objekt" class="select frm_objekt" name="objekt" data-request="{{ __SELF__ }}::onObjektChange" style="width:300px;">
                                {% for key, obj in belobjekte %}
                                    <option value="{{ key }}">{{ obj|raw }}</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div id="belegung"></div>
                    </form>
                </div>
            {% endif %}
        </div>
    </div>
</div>
<script>
    function format(d) {
        // `d` is the original data object for the row
        var subtable = '<table class="display" cellspacing="2" border="0" style="margin-left:50px;width:90%;">'+
            '<thead>' +
            '<tr>';
        {% if showgastdaten %}
            {% if showGastVorname %}subtable += '<th style="padding-left:20px;">{{ labels.vorgvorname }}</th>';{% endif %}
            {% if showGastName %}subtable += '<th style="padding-left:20px;">{{ labels.vorgname }}</th>';{% endif %}
            {% if showGastEmail %}subtable += '<th style="padding-left:20px;">{{ labels.vorgmail }}</th>';{% endif %}
        {% endif %}
        {% if showGastHinweis %}subtable += '<th style="padding-left:20px;">{{ labels.memo }}</th>';{% endif %}
        {% if showGastEigentuemerhinweis %}subtable += '<th style="padding-left:20px;">{{ labels.ehinweis }}</th>';{% endif %}
        subtable += '</tr>' +
            '</thead>' +
            '<tr>';
        {% if showgastdaten %}
            {% if showGastVorname %}subtable += '<td style="padding-left:20px;">'+d.vorname+'</td>';{% endif %}
            {% if showGastName %}subtable += '<td style="padding-left:20px;">'+d.name+'</td>';{% endif %}
            {% if showGastEmail %}subtable += '<td style="padding-left:20px;">' + d.mail + '</td>';{% endif %}
        {% endif %}
        {% if showGastHinweis %}subtable += '<td style="padding-left:20px;">' + d.memo + '</td>';{% endif %}
        {% if showGastEigentuemerhinweis %}subtable += '<td style="padding-left:20px;">' + d.ehinweis + '</td>';{% endif %}
        subtable += '</tr>';
        {% if showleistung %}
            var length = JSON.parse(d.leistungen).length;
            if(length > 0) {
                subtable += '<tr>';
                {% if showgastdaten %}
                    subtable += '<td colspan="5">';
                {% else %}
                    subtable += '<td colspan="2">';
                {% endif %}
                subtable += '<table id="leistungen" class="display" style="width:100%; margin-top:10px;">' +
                    '<thead>' +
                    '<tr>' +
                    '<th>{{ labels.lnr }}</th>' +
                    '<th>{{ labels.ltitel }}</th>' +
                    '<th class="dt-center">{{ labels.lanz }}</th>' +
                    '<th class="dt-right">{{ labels.lepreis }}</th>' +
                    '<th class="dt-right">{{ labels.lsumme }}</th>' +
                    '</tr>' +
                    '</thead>' +
                    '<tbody>';
                $.each(JSON.parse(d.leistungen), function (index, value) {
                    subtable += '<tr>';
                    subtable += '<td>' + value.nr + '</td>';
                    subtable += '<td>' + value.text + '</td>';
                    subtable += '<td class="dt-center">' + value.anz + '</td>';
                    subtable += '<td class="dt-right">' + value.epreis + '</td>';
                    subtable += '<td class="dt-right">' + value.summe + '</td>';
                    subtable += '</tr>';
                });
                subtable += '</tbody></table>' +
                '</td>' +
                '</tr>';
            }
        {% endif %}
        subtable += '</table>';
        return subtable;
    }

    function formatAbr(d) {
        var subtable = '<table class="display" cellspacing="2" border="0" style="margin-left: 50px; width: 90%;">' +
            '<thead>' +
            '<tr>' +
            '<th>{{ labels.abrechnung }}</th>' +
            '<th>{{ labels.provision }}</th>' +
            '<th>{{ labels.wartung }} 1</th>' +
            '<th>{{ labels.wartung }} 2</th>' +
            '<th>{{ labels.wartung }} 3</th>' +
            '<th>{{ labels.wartung }} 4</th>' +
            '</tr>' +
            '</thead>' +
            '<tbody>' +
            '<tr>' +
            '<td><button data-attach-loading data-request-data="file: \'' + d.abr + '\', fileid: {{ nummer}}" data-request="{{ __SELF__ }}::onDownload">Download</button></td>' +
            '<td><button data-attach-loading data-request-data="file: \'' + d.prov + '\', fileid: {{ nummer}}" data-request="{{ __SELF__ }}::onDownload">Download</button></td>';
        $.each(d.wartung, function (index, value) {
            subtable += '<td><button data-attach-loading data-request-data="file: \'' + value + '\', fileid: {{ nummer}}" data-request="{{ __SELF__ }}::onDownload">Download</button></td>';
        });

        subtable += '</tr>' +
            '</tbody>' +
            '</table>';

        return subtable;
    }

    $(document).ready(function() {
        $('#ctrl_objekt').select2({});

        {% if showabrechnung ==1 %}
            var abrData = {{ abrechnungen|raw }};

            var abrTable = $('#abrechnungen').DataTable({
                bFilter: true,
                language: { {{ scriptlang|raw}} },
                order: [[2, 'asc']],
                displayLength: 15,
                data: abrData,
                columns: [
                    {
                        className: 'details-control',
                        orderable: false,
                        data: null,
                        defaultContent: ''
                    },
                    {'data': 'rechnr'},
                    {'data': 'jahr'},
                    {'data': 'monat'},
                    {'data': 'datum'},
                ],
                columnDefs: [
                    {
                        targets: 0,
                        width: '30px',
                        serachable: false,
                        sortable: false,
                    },
                    {
                        targets: 1,
                        width: "10px",
                    },
                ],
                drawCallback: function(settings) {
                    var api = this.api();
                    var rows = api.rows({page: 'current'}).nodes();
                    var last = null;
                    api.column(0, {page: 'current'}).data().each(function(group, i) {
                        if (last !== group) {
                            if (i['jahr'] == group) {
                                $(rows).eq(i).before(
                                    '<tr class="group"><td colspan="9">' + group + '</td></tr>'
                                );
                                last = group;
                            }
                        }
                    });
                },
            });

            // Order by the grouping
            $('#abrechnungen tbody').on('click', 'tr.group', function() {
                var currentOrder = abrTable.order()[0];
                if (currentOrder[0] === 0 && currentOrder[1] === 'asc') {
                    abrTable.order([0, 'desc'], [1, 'desc']).draw();
                } else {
                    abrTable.order([0, 'asc'], [1, 'desc']).draw();
                }
            });

            $('#abrechnungen tbody').on('click', 'td.details-control', function() {
                var tr = $(this).closest('tr');
                var row = abrTable.row(tr);

                if (row.child.isShown()) {
                    // This row is already open - close it
                    row.child.hide();
                    tr.removeClass('shown');
                } else {
                    // Open this row
                    row.child(formatAbr(row.data())).show();
                    tr.addClass('shown');
                }
            });
        {% endif %}

        {% if showvorgaenge == 1 %}
            var vorgData = {{vorgaenge|raw}};

            $('#vorgaenge thead tr').clone(true).addClass('filters').appendTo('#vorgaenge thead');

            // Vorgaenge ***********************************
            var table = $('#vorgaenge').DataTable({
                rowReorder: true,
                language: { {{ scriptlang|raw}} },
                data: vorgData,
                columns: [
                    {
                        className:      'details-control',
                        orderable:      false,
                        data:           null,
                        defaultContent: ''
                    },
                    {"data": "jahr"},
                    {"data": "datum"},
                    {"data": "art"},
                    {"data": "anreise"},
                    {"data": "abreise"},
                    {"data": "tage"},
                    {"data": "objekt"},
                    {"data": "objid"},
                    {"data": "erwachsene"},
                    {"data": "kinder"},
                    {"data": "objpreis", render: $.fn.dataTable.render.number( '.', ',', 2,'', ' €' )},
                ],
                columnDefs: [
                    {
                        targets: 1,
                        width:"30px",
                        visible: true,
                        searchable: true,
                        sortable: true,
                    },
                    {
                        targets: 3,
                        sortable: false,
                        searchable: false,
                        className: "dt-center",
                        render: function(data,type,row)
                        {
                            var color= '#000';
                            if(data == 'B')
                                color = 'red';
                            if(data == 'A')
                                color = '#e6e600';
                            if(data == 'BL')
                                color = '#00b300';
                            return '<span style="font-weight:bold;color:' + color +'">' + data +'</span>';
                        }
                    },
                    {
                        targets: 4,
                        sortable: true,
                        searchable: true,
                        type: 'de_date',
                    },
                    {
                        targets: 5,
                        sortable: true,
                        searchable: true,
                        type: 'de_date',
                    },
                    {
                        targets: 6,
                        width: "30px",
                        sortable: false,
                        searchable: false,
                        className: "dt-center"
                    },
                    {
                        targets: 8,
                        width: "30px",
                        sortable: false,
                        searchable: true,
                        className: "dt-center",
                    },
                    {
                        targets: 9,
                        sortable: false,
                        searchable: false,
                        className: "dt-center"
                    },
                    {
                        targets: 10,
                        sortable: false,
                        searchable: false,
                        className: "dt-center"
                    },
                    {
                        targets: 11 ,
                        className: "dt-right"
                    },
                ],
                order: [[1, 'desc'], [4, 'desc']],
                displayLength: {{ itemsProSeite }},
                dom: 'lfrtip',
                buttons: [
                    'csv', 'print'
                ],
                orderCellsTop: true,
                initComplete: function () {
                    var api = this.api();
                    api.columns().eq(0).each(function (colIdx) {
                        var cell = $('.filters th').eq($(api.column(colIdx).header()).index());
                        var title = $(cell).text();
                        if(colIdx > 0 && colIdx !== 3 && colIdx !== 9  && colIdx !== 6)
                            $(cell).html('<input type="text" size="8" placeholder="' + title + '" />');
                        else
                            $(cell).html(' ');
                        $('input', $('.filters th').eq($(api.column(colIdx).header()).index())).off('keyup change').on('keyup change', function (e) {
                            e.stopPropagation();
                            $(this).attr('title', $(this).val());
                            var regexr = '({search})';
                            var cursorPosition = this.selectionStart;
                            if (colIdx !== 8) {
                                api.column(colIdx).search(
                                    this.value !== ''
                                        ? regexr.replace('{search}', '(((' + this.value + ')))')
                                        : '',
                                    this.value !== '',
                                    this.value === ''
                                ).draw();
                            } else {
                                api.column(colIdx).search(
                                    this.value !== ''
                                        ? '\\b' + $(this).val() + '\\b'
                                        : '',
                                    this.value !== '',
                                    this.value === ''
                                ).draw();
                            }
                            $(this).focus()[0].setSelectionRange(cursorPosition, cursorPosition);
                        });
                    });
                },
                drawCallback: function (settings) {
                    var api = this.api();
                    var rows = api.rows({ page: 'current' }).nodes();
                    var last = null;
                    var totale = [];
                    totale['Totale'] = [];
                    var groupid = -1;
                    var subtotale = [];
                    var columns = [1];
                    var columns1 = 9, s = 0;
                    var colNo = [10];
                    var count = 0, svalue = [];
                    for (var c = 0; c < columns.length; c++) {
                        colNo = columns[c];
                        api.column(colNo, { page: 'current' }).data().each(function(group, i) {
                            if (last !== group) {
                                groupid++;
                                $.each(api.rows({ page: 'current' }).data(), function(index, row) {
                                    if (row['jahr'] === group) {
                                        var addSum = false;
                                        $.each(row, function (index2, val2) {
                                            if(index2 === 'art' && val2 === 'B')
                                                addSum = true;
                                            if (index2 === 'objpreis' || index2 === 'tage' || index2 === 'erwachsene' || index2 === 'kinder') {
                                                if (typeof subtotale[groupid] == 'undefined')
                                                    subtotale[groupid] = [];
                                                if (typeof subtotale[groupid][index2] == 'undefined') {
                                                    subtotale[groupid][index2] = 0;
                                                    if (index2 === 'kinder')
                                                        subtotale[groupid]['kkinder'] = 0;
                                                }
                                                var valCol = 0;
                                                if (index2 === 'kinder') {
                                                    var kinder = val2.split("/");
                                                    subtotale[groupid][index2] = +parseFloat(subtotale[groupid][index2] + parseFloat(kinder[0])).toFixed(2);
                                                    subtotale[groupid]['kkinder'] = +parseFloat(subtotale[groupid]['kkinder'] + parseFloat(kinder[1])).toFixed(2);
                                                } else {
                                                    valCol = Number(val2);
                                                    if(addSum === true)
                                                        subtotale[groupid][index2] = +parseFloat(subtotale[groupid][index2] + valCol).toFixed(2);
                                                }
                                            }
                                        });
                                    }
                                });
                                svalue.push(count);
                                last = group;
                                count = i;
                            } else {
                                count = count + 1;
                            }
                        });
                    }
                    if (svalue.length > groupid) {
                        svalue.push(count);
                        groupid++;
                    }
                    for (var c = 0; c < svalue.length-1;) {
                        var colNo2 = columns[c];
                        api.column(colNo2, {page: 'current'}).data().each(function(group, i) {
                            var  subtd = '';
                            subtd = "Summen " + group + " : "+ $.fn.dataTable.render.number('.', ',', 2,'',' €').display(subtotale[s]['objpreis']);
                            var objsumme = $.fn.dataTable.render.number('.', ',', 2,'',' €').display(subtotale[s]['objpreis']);
                            var tage = $.fn.dataTable.render.number('.', ',', 0).display(subtotale[s]['tage']);
                            var erw = $.fn.dataTable.render.number('.', ',', 0).display(subtotale[s]['erwachsene']);
                            var kind = $.fn.dataTable.render.number('.', ',', 0).display(subtotale[s]['kinder']);
                            var kkind = $.fn.dataTable.render.number('.', ',', 0).display(subtotale[s]['kkinder']);
                            if (i == svalue[c + 1]) {
                                $(rows).eq(i).after(
                                    '<tr class="group group-end"><td colspan="6">Summen (B) ' + group + '</td><td class="dt-center">' + tage + '</td><td></td><td></td><td class="dt-center">' + erw + '</td><td class="dt-center">' + kind + '/' + kkind + '</td><td class="dt-right">' + objsumme + '</td></tr>'
                                );
                                s++;
                                c++;
                            }
                        });
                    }
                }
            });
            // Add event listener for opening and closing details
            $('#vorgaenge tbody').on('click', 'td.details-control', function () {
                var tr = $(this).closest('tr');
                var row = table.row( tr );
                if ( row.child.isShown() ) {
                    // This row is already open - close it
                    row.child.hide();
                    tr.removeClass('shown');
                }
                else {
                    // Open this row
                    row.child( format(row.data()) ).show();
                    tr.addClass('shown');
                }
            });
        {% endif %}

        {% if showobjekte %}
            var objData = {{ objekte|raw}};
            var tableObjekte = $('#objekte').DataTable({
                rowReorder: true,
                language: { {{scriptlang | raw}}},
                data:objData,
                columns:[
                     {
                        className: 'details-objekte',
                        orderable: false,
                        data: null,
                        defaultContent: ''
                    },
                    {"data": "id"},
                    {"data": "titel"},
                    {"data": "art"},
                    {"data": "pers"},
                    {"data": "qm",render: $.fn.dataTable.render.number( '.', ',', 2,'',' qm' )},
                    {"data": "intern"},
                ],
                columnDefs: [
                    {
                        targets: 1,
                        visible: true,
                        searchable: true,
                    },
                    {
                        targets: 4,
                        sortable: false,
                        searchable: false,
                        className: "dt-center"
                    },

                    {
                        targets: 6 ,
                        className: "dt-center"
                    },
                ],
                order:[[1, 'asc']],
                displayLength:15,
                dom:'Bfrtip',
                buttons:['csv', 'print']
            });
        {% endif %}
    });
</script>

In der Eigentümer-Komponente können nun weitere Einstellungen für die Anzeige der Daten für die Vorgangsliste festgelegt werden.

---

Upgrade 3.5.13

WICHTIG! Durchführung nur notwendig, wenn Sync Feondi in den Fewo-Einstllungen aktiviert ist.
Dieses Update enthält Verbesserungen für die Benutzung von Sync Feondi im Backend. Wenn Sie den Sync für Feondi in den Fewo-Einstellungen aktiviert haben, müssen alle Belegungen im Fewo-Verwalter zu Feondi erneut gesendet werden.
Gehen Sie dazu im Fewo-Verwalter auf Programm > Internetschnittstellen > Fewo-Verwalter Proxy (Feondi) > alle Belegungen senden. Warten Sie, bis die Übertragung abgeschlossen ist.

---

Upgrade 3.5.7

Behebung einer Sicherheitslücke im Bereich Listensortierung (credits @Daniel Blumhagen für die Meldung der Lücke)

Zur kurzfristigen Installation des Updates wird dringend geraten!

---

Upgrade 3.5.5

Achtung: Im Falle der Verwendung unseres Eigentümerlogins, müssen alle notwendigen Abrechnungen erneut vom Fewo-Verwalter für den Eigentümerlogin bereitgestellt werden. Dies kann wie folgt erfolgen:

Gehen Sie im Fewo-Verwalter in den Bereich Finanzen. Klicken Sie nun auf den Button Abrechnungsliste. Markieren Sie alle Abrechnungen, die für den Eigentümerlogin bereitgestellt werden sollen. Dies können Sie entweder mit gedrückter Strg-Taste und anklicken der jeweiligen Abrechnung machen oder indem Sie die oberste zu sendende Abrechnung anklicken, die Umschalt-Taste (Großschreib-Taste) drücken und gedrückt halten und dann die unterste Abrechnung mit der Maus anklicken (beides Windows-Standard für die Mehrfach-Auswahl in Listen wenn zulässig). Anschließend klicken Sie auf den Button in Eigentümerlogin bereitstellen.

Folgende Partialanpassungen sind für dieses Update notwendig

Komponente Bild aus Stammdaten (Image) default.htm: Das src-Attribut aller img-Tags muss wie folgt definiert werden:

src="{{ image|raw }}"

---

Upgrade 3.5.4

Folgende Partialanpassungen sind für dieses Update notwendig

Komponente Buchungsmaske default.htm: Folgende Code-Zeile muss innerhalb des div-Elements mit der Klasse class="book-22" ganz unten (unterhalb von id="error-anreise") eingefügt werden:

<div id="belplanScript"></div>

Optionale Anpassungen

Diese Anpassungen sind optional.
Folgende Felder können in der Zusammenfassung der Buchungsmaske (Partials > Buchungsmaske/zusammen.htm) ausgegeben werden:

Ausgabe Gast-Titel. Label Platzhalter kann in der Komponenete gesetzt werden.

<div class="label">{{ labels.titel }}</div>
<div class="zusammenfassung titel">{{ data.titel }}</div>

Ausgabe Anzahl der gewählten Nächte. Label Platzhalter kann in der Komponenete gesetzt werden.

<div class="label">{{ labels.naechte }}</div>
<div class="zusammenfassung naechte">{{ data.naechte }}</div>

Ausgabe Objektpreis. Label Platzhalter kann in der Komponenete gesetzt werden.

<div class="label">{{ summen.objektpreis }}</div>
<div class="zusammenfassung objektpreis">{{ data.objektpreis }}</div>

---

Upgrade 3.4.38

Folgende Partialanpassungen sind für dieses Update notwendig

Komponente Objekt OpenStreetMap (ObjektMap) default.htm: Kompletten Code ersetzen durch:

<div id="fewo-liste" class="col-lg-12 float-left">
    <div id="fewo-listmap">
        {% if keineObjekte %}
            <div><p>{{ keineTrefferLabel }}</p></div>
        {% else %}
            <div id="map" class="fewo-listmap" style="height:600px;"></div>
            <script>
                jQuery(document).ready(function() {
                    let tiles = L.tileLayer('{{maptype}}', {
                        maxZoom: 18,
                        scrollWheelZoom: false,
                        attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>, Service <a href="https://www.fewo-verwalter.de" target=_blank">Fewo-Verwalter</a>'
                    });
                    let latlng = L.latLng({{mapcenterlat}}, {{mapcenterlng}})
                    let map = L.map('map', {
                        center: latlng,
                        zoom: 14,
                        layers: [tiles],
                        {% if fullscreen %}
                            fullscreenControl: true,
                            fullscreenControlOptions: {
                                title: "Vollbildansicht",
                                titleCancel: "Normalansicht"
                            },
                        {% endif %}
                    });
                    let markers = L.markerClusterGroup({ chunkedLoading: true });
                    let markerList = [];
                    {% for marker in maps %}
                        var title = '<div class="map_marker"><img src="{{ marker.image|raw }}"><div class="title">{{ marker.titel }}</div><div class="title">{{ marker.strasse|raw }}</div><div class="title">{{ marker.plz }} {{ marker.ort|raw }}</div><div class="btn btn-success btn-sm fewo-btndetail"><a href="{{ marker.href }}">{{ btnDetail|raw }}</a></div></div>';
                        var marker = L.marker(L.latLng({{ marker.lat}}, {{marker.long}}), { title: '{{ marker.titel }}' });
                        marker.bindPopup(title).on('click', clickZoom);
                        markerList.push(marker);
                    {% endfor %}
                    markers.addLayers(markerList);
                    map.addLayer(markers);
                    try {
                        var bounds = markers.getBounds();
                        if (bounds) {
                            map.fitBounds(bounds);
                        }
                    } catch(err) {
                        // pass
                    }
                    map.on('mouseout',function() {
                        map.scrollWheelZoom.disable();
                    });
                    function clickZoom(e) {
                        map.setView(e.target.getLatLng());
                    }
                });
            </script>
        {% endif %}
    </div>
</div>

WICHTIG: Gegebenenfalls muss bereits individuell angepasster Code in den obenstehenden Code erneut integriert werden.

---

Upgrade 3.4.36

Folgende Partialanpassungen sind für dieses Update notwendig

Angebote default.htm: Code {{ listitemcss }} hinter der Klasse fewo-item einfügen:

<div class="fewo-item {{ listitemcss }}">

---

Upgrade 3.4.32

Folgende Partialanpassungen sind für dieses Update notwendig

Listenfilter default.htm: Im Script innerhalb der Funktion $(document).ready(function() {}); unten folgenden Code einfügen:

picker.bind('datepicker-clear', function() {
    $.request('onDeleteDate');
});

---

Upgrade 3.4.20

Optionale Anpassung: Nur notwendig, wenn Ausgabe des Youtube-Links auf der Listenseite erwünscht ist

Objektliste default.htm: Folgende Codezeile innerhalb des <article>-Elemets an der gewünschten Stelle einfügen:

{% if objekt.YoutubeLink %}<div class="fewo-youtubeLink">{{ objekt.YoutubeLink|raw }}</div>{% endif %}

---

Upgrade 3.4.18

WICHTIG!
Bitte wenden Sie sich VOR der Aktivierung von Sync Feondi an unseren Support, damit er diesen Kanal für Sie aktivieren kann!
Danach aktivieren Sie die Funktion Sync Feondi im Backend unter Einstellungen > FEWO Einstellungen.
Damit die Funktion Sync Feondi benutzt werden kann, ist ein erneutes Daten senden vom Fewo-Verwalter an Feondi notwendig.
Gehen Sie dazu im Fewo-Verwalter auf Programm > Internetschnittstellen > Fewo-Verwalter Proxy (Feondi) > alle Daten senden. Warten Sie, bis die Übertragung abgeschlossen ist.

---

Upgrade 3.4.13

WICHTIG! Bitte lösen Sie nach dem Update "alle Belegungen senden" im Fewo-Verwalter aus.

Folgende Partialanpassungen sind für dieses Update notwendig

Buchungsmaske mitreisende-variant2.htm und mitreisende.htm: Im Script {{ mitreisender.mitgeb2 }} ändern zu:

{{ mitreisender.mitgeb }}

---

Upgrade 3.4.8

Folgende Partialanpassungen sind für dieses Update notwendig

Buchungsmaske default.htm und variant2.htm: Folgenden Code im Script-Teil unterhalb von var customArrowNext = ' '; einfügen und
Preisrechner default.htm: Folgenden Code im Script-Teil unterhalb von var customArrowNext = ' '; einfügen.

var wechselleiste = '{{ wechselleiste }}';
var wechselleisteStart = {{ wechselleisteStart }};

HINWEIS: Nach Durchführung des Updates und der Anpassungen muss gegebenenfalls der Browser-Cache geleert werden.

---

Upgrade 3.4.0

Folgende Partialanpassungen sind für dieses Update notwendig

Im Falle der Verwendung einer Karte auf der Listenseite, muss das komplette default.htm Partial der Listenseite überarbeitet werden. Schauen Sie dazu in das default.htm Partial der Komponente.

Notwendige Anpassungen in der Übersicht

• Um das div mit der ID fewo-listmap eine if else Anweisung schreiben {% if mapOption == true %}
• In den else-Teil das script für GoogleMaps einfügen
• Im article-Tag muss folgender Code eingefügt werden: {% if showmap == true %}onclick="onListSelected({{ objekt.id }})"{% endif %}>
• Das div nach <article> muss mit der Klasse class="mapObjekt" erweitert werden
• Um das div mit der Klasse fewo-map eine if else Anweisung schreiben {% if mapOption == true %}
• In den else-Teil den das Script für GoogleMaps einfügen

Bild aus Stammdaten default.htm: Das letzte und das drittletzte <img>-Tag ersetzen durch folgenden Code:

<img src="{{ image|raw }}" alt="{{ image.title }}" title="{{ image.title }}">

---

Upgrade 3.3.8

Folgende Partialanpassungen sind für dieses Update notwendig

Objekliste default.htm: img-Tag im div-Container mit der Klasse fewo_image durch folgenden Code ersetzen:

<img src="{{ objekt.image|raw }}" alt="{{ objekt.image.title }}" title="{{ objekt.image.title }}"/>

Maps default.htm: Folgende Code-Zeilen unterhalb von var color = '{{ color }}'; einfügen:

var isInTab = false;
var selectedTab = '';

---

Upgrade 3.3.6

Folgende Partialanpassungen sind für dieses Update notwendig

Buchungsmaske default.htm: Folgenden Code unter die Zeile var dateplaceholder = '{{ dateplaceholder }}'; einfügen und
Preisrechner default.htm: Folgenden Code unter die Zeile var zeitraum = '{{ ppzeitraum }}'; einfügen:

var calClick = {{ calClick }};

---

Upgrade 3.3.4

Folgende Partialanpassungen sind für dieses Update notwendig

Preisrechner default.htm: Folgenden Code über die Zeile // Datepicker settings einfügen:

var anreise = '{{ ppanreise }}';
var abreise = '{{ ppabreise }}';
var zeitraum = '{{ ppzeitraum }}';

---

Upgrade 3.3.2

Anpassungen Eigentümerlogin

Folgende Anpassungen sind nur notwendig, wenn Sie bereits einen Eigentümerlogin besitzen!

• Melden Sie sich in Ihrem Hosting an
• Wechseln Sie in das Hauptverzeichnis Ihrer OctoberCMS-Installation
• Navigieren Sie in das Verzeichnis /plugins/xsigns
• Erstellen Sie eine Lokale Kopie des Ordners owner auf Ihren Rechner
• Löschen Sie nun den Ordner owner in Ihrem Hosting

Folgende Partialanpassungen sind für dieses Update notwendig

SchemaOrg default.htm aggregateRating-Block ersetzen durch:

{% if ratingcount > 0 %}
  "aggregateRating": {
    "@type": "AggregateRating",
    "bestRating": 5,
    "ratingValue": "{{ ratingvalue }}",
    "reviewCount": "{{ ratingcount }}",
    "worstRating": 1
  },
{% endif %}

Buchungsmaske default.htm und Preisrechner default.htm: Folgenden Code unter var todayInvalid = {{ todayno }}; einfügen

var customArrowPrev = ' ';
var customArrowNext = ' ';

---

Upgrade 3.3.1

Folgende Partialanpassungen sind für dieses Update notwendig

Preisrechner default.htm: Kompletten script-Part ersetzen

<script type="text/javascript">
    {% if script1 %}
        var script1 = true;
    {% else %}
        var script1 = false;
    {% endif %}

    var datecompact = {{ datecompact }};

    {% if felder.tagein %}
        var tagein = true;
    {% else %}
        var tagein = false;
    {% endif %}

    // Datepicker settings
    var separator = ' bis ';
    var selectForward = true;
    var autoClose = true;
    var showArrow = {% if datecompact == 1 %} false {% else %} true {% endif %};
    var format = 'DD.MM.YYYY';
    var startOfWeek = 'monday';
    var startDate = '{{ mindate|raw}}';
    var