FM / role

/var/www/vhosts/nabawater/backend/views/role/

/var/www/vhosts/nabawater/backend/views/role

Name	Size	Mode	Actions
create.php	436	0644	edit dl rm
index.php	3628	0644	edit dl rm
update.php	435	0644	edit dl rm
_form-bak.php	4026	0644	edit dl rm
_form.php	4995	0644	edit dl rm
_search.php	999	0644	edit dl rm

Edit: /var/www/vhosts/nabawater/backend/views/role/_form.php (4995B)

<?php

use yii\helpers\Html;
use backend\components\CActiveForm;
use backend\assets\AppAsset;

/* @var $this yii\web\View */
/* @var $model backend\models\Role */
/* @var $form yii\widgets\ActiveForm */
?>

<div class="card-body">
    <h4 class="card-title"><?= $this->title; ?></h4>
    <hr>
    <div class="role-form">
        <?php $form = CActiveForm::begin(['enableClientValidation' => false,])->setModel($model); ?>
        <div class="col-md-12">
            <?= $form->field($model, 'role_name')->textInput(['maxlength' => true]) ?>
        </div>

<?= $form->field($model, 'backend_role_json')->hiddenInput()->label(false) ?>

<div class="form-group text-center">
            <?= Html::submitButton($model->isNewRecord ? yii::t('backend','Create') : yii::t('backend','Update'), ['class' => 'btn btn-success']) ?>
            <?= Html::a(yii::t('backend','Cancel'), ['index'], ['class' => 'btn btn-secondary']); ?>
        </div>
        <?php CActiveForm::end(); ?>
    </div>
</div>

/**
     * @link: https://stackoverflow.com/a/12825917/5798881
     */
    treeConfig.forEach(function (config) {
        selected = config.input.val();
        if (selected === '') {
            selected = '[]';
        }
        config.selected = JSON.parse(selected);

treeObj = $('#' + config.treeId);

treeObj.jstree({
            "plugins": ["checkbox"],
            'core': {
                'data': config.data
            }
        }).bind("loaded.jstree", function (e, data) {
            selected = [];
            config.selected.forEach(function (value) {
                if (parseInt(value.state) === 1) {
                    selected.push(value.id);
                }
            });
            $(this).jstree("select_node", selected);
        });
    });

$('.listTree ul li ul li span input').click(function () {
        $(this).addClass("clickedOnChild");
    });
    $('.listTree ul li ul li span').click(function () {
        var checkBoxes = $(this).find("input");
        // Avoid if  user directly clicked on the checkbox
        if (checkBoxes.hasClass("clickedOnChild")) {
            checkBoxes.removeClass("clickedOnChild");
            return;
        }
        checkBoxes.click();
    });

$(".jstree").on("changed.jstree", function (e, data) {
        selected_data = data.selected;
    });
    
    var treeJson, treeJsonObj;
    $('form#role-form').on('beforeSubmit', function (e) {
        if (selected_data.length == 0) {
            Core.error('Role cannot be created or updated with empty data');
            return false;
        }
        
        treeConfig.forEach(function (config) {
            treeJson = [];
            treeJsonObj = $('#' + config.treeId).jstree(true).get_json('#');

treeJsonObj.forEach(function (value) {
                value.children.forEach(function (childValue) {
                    treeJson.push({
                        id: childValue.id,
                        state: Core.boolToInt(childValue.state.selected)
                    })
                });
            });

config.input.val(JSON.stringify(treeJson));
        });
    
        // return false;
    });
});
</script>

cmd: