FM / item-mapping

/var/www/vhosts/nabawater/backend/views/item-mapping/

/var/www/vhosts/nabawater/backend/views/item-mapping

Name	Size	Mode	Actions
create.php	477	0644	edit dl rm
index.php	4981	0644	edit dl rm
item_mapping_ajax.php	199	0644	edit dl rm
update.php	421	0644	edit dl rm
_form.php	7604	0644	edit dl rm

Edit: /var/www/vhosts/nabawater/backend/views/item-mapping/_form.php (7604B)

<?php

use backend\components\CActiveForm;
use yii\helpers\Html;
use yii\helpers\Url;
use backend\models\Vendor;
use backend\models\Item;
use backend\models\AdminUser;

/* @var $model \backend\models\ItemMapping */
/* @var $modelGroup \backend\models\ItemMappingGroup */

if (isset($modelGroup->getErrors()['mapping'])) {
    $divBlockError = $model->getErrors()['mapping'][0];
    $style     = 'style="border-color:red;"';
} else {
    $divBlockError = '';
    $style     = '';
}

$form = CActiveForm::begin()->setModel($model) ;
?>

<div class="card-body">
    <h4 class="card-title"><?= $this->title; ?></h4>
    <hr>
    <div class="col-md-12">
         <?php if(AdminUser::isVendor() || AdminUser::isBranch()){
                $model->vendor_id = Yii::$app->getUser()->getIdentity()->vendor_id;
            } ?>
        <?= $form->field($model, 'vendor_id')->dropDownList((new Vendor())->getVendorData(), ['prompt' => 'Please Select an Vendor', 'class' => 'select2 form-control']) ?>  
    </div>
    <div class="col-md-12">
        <?= $form->field($model, 'item_id')->dropDownList((new Item())->getVendorItemData($model->vendor_id), ['prompt' => 'Please Select an Item', 'class' => 'select2 form-control']) ?>  
    </div>
    <?php   foreach ($model->getMappingType() as $mappingTypeKey => $mappingTypeValue): ?>
    <?php       if ($mappingTypeKey == $modelGroup::MAPPING_TYPE_INGREDIENT) { ?>
                    <div class="form-group drag_main">
                        <h4><?= Yii::t('backend', 'Drag to add Group')?></h4>
                        <div id="drag-left">
                            <ul class="drag_list left_drag_list"> 
                            <?php 
                                if (!$model->isNewRecord) {
                                    $groupIds  = is_array($modelGroup->item_ingredient_group_id[$mappingTypeKey]) ? $modelGroup->item_ingredient_group_id[$mappingTypeKey][0] : $modelGroup->item_ingredient_group_id[$mappingTypeKey];
                                } else {
                                    $groupIds = '';
                                }
                                foreach ($model->getGroups($groupIds, 'NOT IN', $model->item_mapping_id, $mappingTypeKey, $model->vendor_id) as $groupKey => $groupValue) {
                                ?>
                                    <li id="<?php echo $groupValue['item_ingredient_group_id'] ?>"> 
                                        <h4><?php echo $groupValue['group_name'] ?></h4> 
                                    </li>
                                <?php
                                } ?>
                            </ul> 
                        </div> 
                        <div id="drag-right">
                            <ul class="right_drag_list drag_list" <?php echo $style; ?>>
                                <?php 
                                    if (!$model->isNewRecord) {
                                        foreach ($model->getGroups($groupIds, 'IN', $model->item_mapping_id, $mappingTypeKey, $model->vendor_id) as $ingredientKey => $ingredientValue) {
                                    ?>
                                            <li id="<?php echo $ingredientValue['item_ingredient_group_id'] ?>"> 
                                                <?php 
                                                if ($ingredientValue['is_drink'] == 1) {
                                                    $checked = 'checked';
                                                } else {
                                                    $checked = '';
                                                }
                                            ?>
                                                <h4><?php echo $ingredientValue['group_name'] ?></h4> 
                                            </li>
                                    <?php
                                        } 
                                    } ?>
                            </ul>
                            <span style="color:red;" id="ingredientError"><?php echo $divBlockError; ?></span>
                            
                        </div> 
                        <div class="drag-right help-block"></div> 
                        <?= $form->field($modelGroup, 'item_ingredient_group_id[]', ['lang' => $mappingTypeKey])->hiddenInput(['value' => $groupIds]); ?>
                        </div> 
        <?php   } ?>
        <?php endforeach; ?>
        <div class ='col-md-6'>
            <?= $form->field($model, 'item_mapping_status')->radioList([$model::ACTIVE => Yii::t('backend', 'Active'), $model::INACTIVE => Yii::t('backend', 'Inactive')]); ?>
        </div>
        <div class="col-md-12 text-center">
            <?= Html::submitButton($model->getIsNewRecord() ? yii::t('backend','Create') :  yii::t('backend','Update'),
                ['class' => 'btn btn-success']); ?>
            <?= Html::a(yii::t('backend','Cancel'), ['index'], ['class' => 'btn btn-secondary']); ?>
            <?php CActiveForm::end(); ?>
        </div>
</div>
<script>
runOnLoad(function () {    
    $(function() {
      $( "#drag-left ul, #drag-right ul" ).sortable({
        connectWith: ".drag_list",
        opacity: 0.8,
        appendTo: ".drag_main",
        receive: function( event, ui ) {
            assignValues();
        },
        stop : function(event, ui){
            assignValues();
        }
      }).disableSelection();
    });
    
    $('#item-mapping-form').on('submit', function(e) {
        var drag_length = $('#drag-right li').length;
        if (drag_length == 0) {
            e.preventDefault();
            $('#drag-right .drag_list').css('border-color', 'red');
            $('#ingredientError').html('<?= Yii::t("backend", "Item Mapping Group cannot be created with  Empty ingredient groups") ?>');
        }
    });
    
    window.assignValues = function(argument) {
        var selected = [];
        $('#drag-right ul li').each(function (index, value) {
            selected.push(this.id);
            $(this).find('span').css('display', 'inline-block');
        });
        
        $('#drag-left ul li').each(function (index, value) {
            $(this).find('input:checkbox').removeAttr('checked');
            $(this).find('span').css('display', 'none');
        });
        
        if (selected.length == 0) {
            $('#drag-right .drag_list').css('border-color', 'red');
            $('#save').attr('disabled', true);
            $('#ingredientError').html('<?php echo Yii::t("backend", "Atleast drag one value group!") ?>');
        } else {
            $('#drag-right .drag_list').css('border-color', 'green');
            $('#ingredientError').html('');
            $('#save').attr('disabled', false);
        }
        
        $('#itemmappinggroup-item_ingredient_group_id-2').val(selected.join(','));
    }
    
    $('#itemmapping-vendor_id').on('change', function(){
        var vendor_id = $(this).val();
        $.ajax({
            type: "POST",
            url: '<?= Url::to(['get-data-vendor-based']) ?>',
            data: {id : vendor_id },
            success: function(data) {
                $('#itemmapping-item_id').html(data.item);
                $('ul.left_drag_list').html('');
                $('ul.right_drag_list').html('');
                $('ul.left_drag_list').html(data.html);

// $('#item-branch_id').html(data);
            }
        });
    });

$(".select2").select2();
});
</script>

cmd: