PHP kartik\base Html5InputAsset Examples

Example #1

File: ColorInput.php Project: Liv1020/cms

    /**
     *
     * Registers the needed assets
     */
    public function registerAssets()
    {
        $view = $this->getView();
        $value = $this->hasModel() ? Html::getAttributeValue($this->model, $this->attribute) : $this->value;
        $this->html5Options['value'] = $value;
        ColorInputAsset::register($view);
        if ($this->useNative) {
            parent::registerAssets();
            return;
        }
        \kartik\base\Html5InputAsset::register($view);
        $caption = 'jQuery("#' . $this->options['id'] . '")';
        $input = 'jQuery("#' . $this->html5Options['id'] . '")';
        $this->pluginOptions['change'] = new JsExpression("function(color){\n            _.delay(function()\n            {\n                {$caption}.val(color." . $this->saveValueAs . "());\n            }, 500);\n        }");
        $this->registerPlugin('spectrum', $input);
        $js = <<<JS
{$input}.spectrum('set','{$value}');
{$caption}.on('change', function(){
    {$input}.spectrum('set',{$caption}.val());
});
JS;
        $view->registerJs($js);
    }

Example #2

File: Html5Input.php Project: nguyentuansieu/BioMedia

 /**
  * Registers the needed assets
  */
 public function registerAssets()
 {
     $view = $this->getView();
     Html5InputAsset::register($view);
     $caption = 'jQuery("#' . $this->options['id'] . '")';
     $input = 'jQuery("#' . $this->html5Options['id'] . '")';
     $js = "{$caption}.on('change',function(){{$input}.val(this.value)});\n" . "{$input}.on('input change',function(e){{$caption}.val(this.value);if(e.type=='change'){{$caption}.trigger('change');}});";
     $this->registerWidgetJs($js);
 }

Example #3

File: ColorInput.php Project: ICHydro/anaconda

 /**
  * Registers the needed assets
  */
 public function registerColorInput()
 {
     $view = $this->getView();
     ColorInputAsset::register($view);
     if ($this->useNative) {
         return;
     }
     if ($this->showDefaultPalette) {
         $palette = Json::encode($this->_defaultPalette);
         $this->_paletteVar = 'kvPalette_' . hash('crc32', $palette);
         $view->registerJs("var {$this->_paletteVar}={$palette};", View::POS_HEAD);
         $this->pluginOptions['palette'] = new JsExpression($this->_paletteVar);
     }
     Html5InputAsset::register($view);
     $input = 'jQuery("#' . $this->html5Options['id'] . '")';
     $el = 'jQuery("#' . $this->options['id'] . '")';
     $cont = 'jQuery("#' . $this->html5Container['id'] . '")';
     $doneJs = "function(){{$input}.spectrum('set',{$el}.val());{$cont}.removeClass('kv-center-loading');}";
     $this->registerPlugin($this->pluginName, $input, $doneJs);
 }

Example #4

File: Html5Input.php Project: kartik-v/yii2-krajee-base

 /**
  * Registers the needed assets for [[Html5Input]] widget.
  */
 public function registerAssets()
 {
     $view = $this->getView();
     Html5InputAsset::register($view);
     $idCap = '#' . $this->options['id'];
     $idInp = '#' . $this->html5Options['id'];
     $this->registerWidgetJs("kvInitHtml5('{$idCap}','{$idInp}');");
 }

Example #5

File: Html5Input.php Project: aoopvn/EduSec4.0.0

 /**
  * Registers the needed assets
  */
 public function registerAssets()
 {
     $view = $this->getView();
     Html5InputAsset::register($view);
     $caption = 'jQuery("#' . $this->options['id'] . '")';
     $input = 'jQuery("#' . $this->html5Options['id'] . '")';
     $js = "{$caption}.change(function(){ {$input}.val(this.value)} );\n" . "{$input}.change(function(){ {$caption}.val(this.value); {$caption}.trigger('change');} );";
     $view->registerJs($js);
 }