openstamanager/modules/checklists/components/add-check.php

<?php

include_once __DIR__.'/../../../core.php';

$manager_id = filter('manager_id');

$checks = $structure->recordChecks($id_record);
$list = [];
foreach ($checks as $check) {
    $list[] = [
        'id' => $check->id,
        'text' => $check->content,
    ];
}

echo '
<form action="" method="post" id="check-form">
    <div class="row">
        <div class="col-md-9">
            {[ "type": "text", "label": "'.tr('Contenuto').'", "name": "content", "required": 1 ]}
        </div>
        
        <div class="col-md-3">
            {[ "type": "select", "label": "'.tr('Genitore').'", "name": "parent", "values": '.json_encode($list).' ]}
        </div>
    </div>
    
    <div class="row">
         <div class="col-md-6">
            {[ "type": "select", "label": "'.tr('Utente').'", "name": "assigned_users", "ajax-source": "utenti", "multiple": 1 ]}
        </div>
        
        <div class="col-md-6">
            {[ "type": "select", "label": "'.tr('Gruppo').'", "name": "group_id", "values": "query=SELECT id, nome AS text FROM zz_groups" ]}
        </div>
    </div>
    
    <!-- PULSANTI -->
	<div class="row">
        <div class="col-md-12 text-right">
            <button type="button" class="btn btn-primary" id="check-add">
                <i class="fa fa-plus"></i> '.tr('Aggiungi').'
            </button>
        </div>
    </div>
</form>

<script>$(document).ready(init)</script>

<script type="module">
import Checklist from "./modules/checklists/js/checklist.js";

$(document).ready(function() {
    $("#check-add").click(function(event){
        addCheck(this);
    });
    
    $("#parent").change(function(){
        if ($(this).selectData()) {
            $("#assigned_users").val("").attr("disabled", true).attr("required", false);
            $("#group_id").val("").attr("disabled", true).attr("required", false);
        } else {
            $("#assigned_users").val("").attr("disabled", false).attr("required", true);
            $("#group_id").val("").attr("disabled", false).attr("required", true);
        }
    });
    
    $("#assigned_users").change(function(){
        if ($(this).selectData()) {
            $("#parent").val("").attr("disabled", true).attr("required", false);
            $("#group_id").val("").attr("disabled", true).attr("required", false);
        } else {
            $("#parent").val("").attr("disabled", false).attr("required", true);
            $("#group_id").val("").attr("disabled", false).attr("required", true);
        }
    });
    
    $("#group_id").change(function(){
        if ($(this).selectData()) {
            $("#parent").val("").attr("disabled", true).attr("required", false);
            $("#assigned_users").val("").attr("disabled", true).attr("required", false);
        } else {
            $("#parent").val("").attr("disabled", false).attr("required", true);
            $("#assigned_users").val("").attr("disabled", false).attr("required", true);
        }
    });
});

function addCheck(btn) {
    var $form = $(btn).closest("form");
    
    var continua = true;
    $form.find(":input:not(:button)").each(function (index, value) { 
        continua &= $(this).parsley().validate();
    });

    if (!continua) {
        swal({
            type: "error",
            title: "'.tr('Errore').'",
            text: "'.tr('Alcuni campi obbligatori non sono stati compilati correttamente.').'",
        });

        return;
    }
    
    var checklist = new Checklist({
        id_module: "'.$id_module.'",
        id_plugin: "'.$id_plugin.'",
        id_record: "'.$id_record.'",
    }, "'.$manager_id.'");
   
    checklist.addCheck({
        content: $form.find("#content").val(),
        parent: $form.find("#parent").val(),
        assigned_users: $form.find("#assigned_users").val(),
        group_id: $form.find("#group_id").val(),
    });
    
    $form.closest(".modal").modal("hide");
}
</script>';