Devil Killer Is Here MiNi Shell
MiNi SheLL

Current Path : /home/vmanager/www/backend/components/widgets/
Linux 9dbcd5f6333d 5.15.0-124-generic #134-Ubuntu SMP Fri Sep 27 20:20:17 UTC 2024 x86_64
Current File : /home/vmanager/www/backend/components/widgets/EditableColumnValue.php
<?php

namespace backend\components\widgets;

use Yii;
use yii\helpers\Html;
use yii\base\Widget;
use backend\assets\TinyMCEv5Asset;
use common\components\EncriptionEngine;

class EditableColumnValue extends Widget
{
    public $idItem;    
    public $fieldName;    
    public $currentValue = null;    
    public $actionUrl;
    
    protected static $loadedInits = [];

    /**
     * @inheritdoc
     */
    public function run()
    {        
        $this->initConfig();
        
        $this->registerClientScript();

        echo $this->renderHTMLCode();
    }

    protected function initConfig()
    {
        if(empty($this->idItem)) {
            throw new \yii\base\InvalidConfigException('Param: "idItem" can\'t be empty.');
        }
        
        if(empty($this->fieldName)) {
            throw new \yii\base\InvalidConfigException('Param: "fieldName" can\'t be empty.');
        }
        
        if(empty($this->actionUrl)) {
            throw new \yii\base\InvalidConfigException('Param: "actionUrl" can\'t be empty.');
        }        
    }
    
    protected function registerClientScript()
    {
        $actionUrl = $this->actionUrl;        
        if(!empty(self::$loadedInits[$actionUrl])) {
            return;
        } 
        
        $messageErrorOccurredWhileTransferringData = Yii::t('backend', 'Wystąpił błąd podczas przesyłania danych.');
        
$jsCode = <<< JS
    $(".input-toggle-button").on("click", function() {
        var valueContainer = $(this).parent("span");
        var inputContainer = valueContainer.prev().prev();

        inputContainer.find("input").val(valueContainer.find("span.value").text());

        valueContainer.hide();
        inputContainer.show();
    });

    $(".input-cancel-button").on("click", function() {
        var cancelButton = $(this);
        if(cancelButton.data("disabled") === true) {
            return;
        }

        var inputContainer = $(this).parent("span").parent("div.input-group");
        var valueContainer = inputContainer.next().next("span.editable-value");
        var errorContainer = inputContainer.next("div.error-message"); 

        errorContainer.text(null);
        valueContainer.show();
        inputContainer.hide();

        inputContainer.find("input").value = null;
    });

    $(".input-save-button").on("click", function() {
        var saveButton = $(this);
        if(saveButton.data("disabled") === true) {
            return;
        }

        var inputContainer = $(this).parent("span").parent("div.input-group");
        var valueContainer = inputContainer.next().next("span.editable-value");
        var errorContainer = inputContainer.next("div.error-message");        
        var cancelButton = saveButton.next("button.input-cancel-button");
        var input = inputContainer.find("input");

        //ustawiamy przycisk zapisz oraz anuluj jako wyłączone
        saveButton.data("disabled", true);
        cancelButton.data("disabled", true);

        //wysyłamy ajaxa        
        $.ajax({
            url: "${actionUrl}",
            method: "post",
            data: {
                "idItem": input.data("id"),
                "fieldName": input.attr("name"),
                "value": input.val(),
            },
            dataType: "json"
        })
        .done(function(data) {
            if(data) {
                if(data.returnCode === 0) {
                    //jeśli nie ma błędów, to gasimy pole formularza
                    errorContainer.text(null);
                    valueContainer.show();
                    inputContainer.hide();
                    valueContainer.find("span.value").text(input.val());
                    input.val(null);
                } else {
                    //jeśli są błędy, to wyświetlamy je pod polem
                    errorContainer.text(data.errorMessage);
                }
            } else {
                //jeśli nie dostaliśmy oczekiwanego obiektu JSON, to zwracamy informację o błędzie połączenia
                errorContainer.text("${messageErrorOccurredWhileTransferringData}"); 
            }
        })
        .fail(function() {
            errorContainer.text("${messageErrorOccurredWhileTransferringData}"); 
        })
        .always(function() {
            saveButton.data("disabled", false);
            cancelButton.data("disabled", false);
        });
    });
JS;

        $this->getView()->registerJs($jsCode);
        self::$loadedInits[$actionUrl] = true;

        
    }
    
    protected function renderHTMLCode()
    {
        $htmlCode = "<div class=\"input-group\" style=\"display: none;\">"
                    . "\n".Html::textInput($this->fieldName, $this->currentValue, ['class' => 'form-control', 'data' => ['id' => $this->idItem]])
                    . "\n<span class=\"input-group-btn\">"
                        . "\n<button class=\"input-save-button btn btn-default\" type=\"button\"><span class=\"fa fa-fw fa-check\"></span></button>"
                        . "\n<button class=\"input-cancel-button btn btn-default\" type=\"button\"><span class=\"fa fa-fw fa-close\"></span></button>"
                    . "\n</span>"
                . "\n</div>"
                . "<div class=\"error-message\" style=\"color: red;\"></div>";
        $htmlCode .= "<span class=\"editable-value\"><span class=\"value\">".$this->currentValue."</span> <span class=\"fa fa-fw fa-edit input-toggle-button\" style=\"cursor: pointer;\"></span></span>";
        return $htmlCode;
    }
}
Creat By MiNi SheLL
Email: jattceo@gmail.com