id: 83
source: 1
name: CalcFormButtons
description: ''
category: knit
properties: 'a:0:{}'

-----

[[-<div class="d-grid gap-2 d-flex pb-1[[-d-flex justify-content-centercol-6 mx-auto]]">]]
[[- Der Rechnen Button wird immer angezeigt   d-flex align-items-center justify-content-center]]
    <button id="calcBtn" type="button" class="btn btn-info me-2 mb-2">[[!%knit.calcBtn]]</button>
[[- Wenn der User nicht angemeldet ist, wird nur der Button zum Löschen der Felder angezeigt. ]]
    [[+modx.user.id:isnotloggedin:is=`1`:then=`
        <button id="clrBtn" type="reset" class="btn btn-secondary me-2 mb-2">[[!%knit.clrBtn]]</button>
    `]]
[[- Der Basis-User kann auch nur die Felder leeren]]
    [[!+modx.user.id:userinfo=`primary_group`:is=`3`:then=`
        <button id="clrBtn" type="reset" class="btn btn-secondary me-2 mb-2">[[!%knit.clrBtn]]</button>
    `]]
[[!+modx.user.id:userinfo=`primary_group`:is=`4`:then=`
<button id="clrBtn" type="reset" class="btn btn-secondary me-2 mb-2">[[!%knit.clrBtn]]</button>
[[-<input id="clrBtn" type="submit" class="btn btn-secondary d-flex align-items-center justify-content-center" name="addCalc" value="[[!%knit.addCalcBtn]]" />]]
<input id="addBtn" type="submit" name="addCalc" class="btn btn-primary me-2 mb-2" value="[[!%knit.addCalcBtn]]" />
[[-<button id="sendBtn" type="submit" name="sendBtn" class="btn btn-secondary d-flex align-items-center justify-content-center">Senden[[-%knit.inc_btn_del? &namespace=`knit` &topic=`default`]]</button>]]
`]]

[[!+modx.user.id:userinfo=`primary_group`:is=`5`:then=`
<button id="clrBtn" type="reset" class="btn btn-secondary me-2 mb-2">[[!%knit.clrBtn]]</button>
<button id="newBtn" type="reset" class="btn btn-secondary me-2 mb-2">[[!%knit.newBtn]]</button>
<input type="hidden" class="form-control inVal" id="actionFld" name="actionFld" value="[[+fi.actionFld]]">
<button id="btnDelModal" type="button" class="btn btn-secondary me-2 mb-2" [[-type="reset"]] data-bs-toggle="modal" data-bs-target="#delModal">[[!%knit.delModal]]</button>
<button id="btnTitleModal" type="button" class="btn btn-secondary me-2 mb-2" data-bs-toggle="modal" data-bs-target="#titleModal">[[!%knit.titleModal]]</button>

`]]
[[-<button id="savBtn" type="button" class="btn btn-light d-flex align-items-center justify-content-center d-none" >[[%knit.inc_btn_save? &namespace=`knit` &topic=`default`]]</button>
<button id="sendBtn" type="submit" name="sendBtn" class="btn btn-secondary d-flex align-items-center justify-content-center">Senden[[-%knit.inc_btn_del? &namespace=`knit` &topic=`default`]]</button>]]

[[-</div>]]
<p hidden>
[[!+modx.user.id:userinfo=`primary_group`:is=`3`:then=`Basis`]]
[[!+modx.user.id:userinfo=`primary_group`:is=`4`:then=`Standard`]]
[[!+modx.user.id:userinfo=`primary_group`:is=`5`:then=`Premium`]]

</p>

[[- UX Hinweis: 
    Dem User muss klar sein, wann er bearbeitet und wann neu erstellt. D. Heißt der Speichern Button muss Update heißen, wenn bereits Daten geladen sind. 
    In der Liste der bestehenden Berechnungen muss jeweils ein bearbeiten und ein Löschen Button enthalten sein. Vllt. noch ein Details Button mit Modal um die Berechnung anzuschauen. 
]]