JsUtilsActionsTrait.php

Go to the documentation of this file.

<?php
 
namespace Ajax\common\traits;
 
use Ajax\service\Javascript;
 
class JsUtilsActionsTrait {
 
    abstract public function _add_event($element, $js, $event, $preventDefault = false, $stopPropagation = false, $immediatly = true, $listenerOn=false);
 
    protected function _showHideWithEffect($action, $element = 'this', $speed = '', $callback = '', $immediatly = false) {
        $element = Javascript::prep_element ( $element );
        $speed = $this->_validate_speed ( $speed );
        if ($callback != '') {
            $callback = ", function(){\n{$callback}\n}";
        }
        $str = "$({$element}).{$action}({$speed}{$callback});";
        if ($immediatly)
            $this->jquery_code_for_compile [] = $str;
        return $str;
    }
 
    private function _validate_speed($speed) {
        if (in_array ( $speed, array (
                'slow',
                'normal',
                'fast'
        ) )) {
            $speed = '"' . $speed . '"';
        } elseif (preg_match ( "/[^0-9]/", $speed )) {
            $speed = '';
        }
 
        return $speed;
    }
 
    public function _genericCallValue($jQueryCall, $element = 'this', $param = "", $immediatly = false) {
        $element = Javascript::prep_element ( $element );
        if (isset ( $param )) {
            $param = Javascript::prep_value ( $param );
            $str = "$({$element}).{$jQueryCall}({$param});";
        } else
            $str = "$({$element}).{$jQueryCall}();";
        if ($immediatly)
            $this->jquery_code_for_compile [] = $str;
        return $str;
    }
 
    public function _genericCallElement($jQueryCall, $to = 'this', $element = '', $immediatly = false) {
        $to = Javascript::prep_element ( $to );
        $element = Javascript::prep_element ( $element );
        $str = "$({$to}).{$jQueryCall}({$element});";
        if ($immediatly)
            $this->jquery_code_for_compile [] = $str;
        return $str;
    }
 
    public function addClass($element = 'this', $class = '', $immediatly = false) {
        return $this->_genericCallValue ( 'addClass', $element, $class, $immediatly );
    }
 
    public function after($to, $element, $immediatly = false) {
        return $this->_genericCallElement ( 'after', $to, $element, $immediatly );
    }
 
    public function before($to, $element, $immediatly = false) {
        return $this->_genericCallElement ( 'before', $to, $element, $immediatly );
    }
 
    public function attr($element = 'this', $attributeName = 'id', $value = "", $immediatly = false) {
        $element = Javascript::prep_element ( $element );
        if (isset ( $value )) {
            $value = Javascript::prep_value ( $value );
            $str = "$({$element}).attr(\"$attributeName\",{$value});";
        } else
            $str = "$({$element}).attr(\"$attributeName\");";
        if ($immediatly)
            $this->jquery_code_for_compile [] = $str;
        return $str;
    }
 
    public function val($element = 'this', $value = '', $immediatly = false) {
        return $this->_genericCallValue ( 'val', $element, $value, $immediatly );
    }
 
    public function html($element = 'this', $value = '', $immediatly = false) {
        return $this->_genericCallValue ( 'html', $element, $value, $immediatly );
    }
 
    public function animate($element = 'this', $params = array (), $speed = '', $extra = '', $immediatly = false) {
        $element = Javascript::prep_element ( $element );
        $speed = $this->_validate_speed ( $speed );
 
        $animations = "\t\t\t";
        if (\is_array ( $params )) {
            foreach ( $params as $param => $value ) {
                $animations .= $param . ': \'' . $value . '\', ';
            }
        }
        $animations = substr ( $animations, 0, - 2 ); // remove the last ", "
 
        if ($speed != '') {
            $speed = ', ' . $speed;
        }
 
        if ($extra != '') {
            $extra = ', ' . $extra;
        }
 
        $str = "$({$element}).animate({\n$animations\n\t\t}" . $speed . $extra . ");";
 
        if ($immediatly)
            $this->jquery_code_for_compile [] = $str;
        return $str;
    }
 
    public function append($to, $element, $immediatly = false) {
        return $this->_genericCallElement ( 'append', $to, $element, $immediatly );
    }
 
    public function prepend($to, $element, $immediatly = false) {
        return $this->_genericCallElement ( 'prepend', $to, $element, $immediatly );
    }
 
    public function fadeIn($element = 'this', $speed = '', $callback = '', $immediatly = false) {
        return $this->_showHideWithEffect ( "fadeIn", $element, $speed, $callback, $immediatly );
    }
 
    public function fadeOut($element = 'this', $speed = '', $callback = '', $immediatly = false) {
        return $this->_showHideWithEffect ( "fadeOut", $element, $speed, $callback, $immediatly );
    }
 
    public function slideUp($element = 'this', $speed = '', $callback = '', $immediatly = false) {
        return $this->_showHideWithEffect ( "slideUp", $element, $speed, $callback, $immediatly );
    }
 
    public function removeClass($element = 'this', $class = '', $immediatly = false) {
        return $this->_genericCallValue ( 'removeClass', $element, $class, $immediatly );
    }
 
    public function slideDown($element = 'this', $speed = '', $callback = '', $immediatly = false) {
        return $this->_showHideWithEffect ( "slideDown", $element, $speed, $callback, $immediatly );
    }
 
    public function slideToggle($element = 'this', $speed = '', $callback = '', $immediatly = false) {
        return $this->_showHideWithEffect ( "slideToggle", $element, $speed, $callback, $immediatly );
    }
 
    public function hide($element = 'this', $speed = '', $callback = '', $immediatly = false) {
        return $this->_showHideWithEffect ( "hide", $element, $speed, $callback, $immediatly );
    }
 
    public function toggle($element = 'this', $speed = '', $callback = '', $immediatly = false) {
        return $this->_showHideWithEffect ( "toggle", $element, $speed, $callback, $immediatly );
    }
 
    public function toggleClass($element = 'this', $class = '', $immediatly = false) {
        return $this->_genericCallValue ( 'toggleClass', $element, $class, $immediatly );
    }
 
    public function trigger($element = 'this', $event = 'click', $immediatly = false) {
        $element = Javascript::prep_element ( $element );
        $str = "$({$element}).trigger(\"$event\");";
 
        if ($immediatly)
            $this->jquery_code_for_compile [] = $str;
        return $str;
    }
 
    public function show($element = 'this', $speed = '', $callback = '', $immediatly = false) {
        return $this->_showHideWithEffect ( "show", $element, $speed, $callback, $immediatly );
    }
 
    public function sortable($element, $options = array ()) {
        if (count ( $options ) > 0) {
            $sort_options = array ();
            foreach ( $options as $k => $v ) {
                $sort_options [] = "\n\t\t" . $k . ': ' . $v . "";
            }
            $sort_options = implode ( ",", $sort_options );
        } else {
            $sort_options = '';
        }
 
        return "$(" . Javascript::prep_element ( $element ) . ").sortable({" . $sort_options . "\n\t});";
    }
 
    public function tablesorter($table = '', $options = '') {
        $this->jquery_code_for_compile [] = "\t$(" . Javascript::prep_element ( $table ) . ").tablesorter($options);\n";
    }
 
    public function condition($condition, $jsCodeIfTrue, $jsCodeIfFalse = null, $immediatly = false) {
        $str = "if(" . $condition . "){" . $jsCodeIfTrue . "}";
        if (isset ( $jsCodeIfFalse )) {
            $str .= "else{" . $jsCodeIfFalse . "}";
        }
 
        if ($immediatly)
            $this->jquery_code_for_compile [] = $str;
        return $str;
    }
 
    private function _doJQuery($element, $jqueryCall, $param = "", $jsCallback = "", $immediatly = false) {
        $param = Javascript::prep_value ( $param );
        $callback = "";
        if ($jsCallback != "")
            $callback = ", function(event){\n{$jsCallback}\n}";
        $script = "$(" . Javascript::prep_element ( $element ) . ")." . $jqueryCall . "(" . $param . $callback . ");\n";
        if ($immediatly)
            $this->jquery_code_for_compile [] = $script;
        return $script;
    }
 
    public function doJQuery($element, $jqueryCall, $param = "", $jsCallback = "") {
        return $this->_doJQuery ( $element, $jqueryCall, $param, $jsCallback, true );
    }
 
    public function doJQueryDeferred($element, $jqueryCall, $param = "", $jsCallback = "") {
        return $this->_doJQuery ( $element, $jqueryCall, $param, $jsCallback, false );
    }
 
    private function _doJQueryOn($event, $element, $elementToModify, $jqueryCall, $param = "", $preventDefault = false, $stopPropagation = false, $jsCallback = "", $immediatly = true) {
        return $this->_add_event ( $element, $this->_doJQuery ( $elementToModify, $jqueryCall, $param, $jsCallback ), $event, $preventDefault, $stopPropagation, $immediatly );
    }
 
    public function doJQueryOn($event, $element, $elementToModify, $jqueryCall, $param = "", $parameters = array ()) {
        $jsCallback = "";
        $stopPropagation = false;
        $preventDefault = false;
        $immediatly = true;
        extract ( $parameters );
        return $this->_doJQueryOn ( $event, $element, $elementToModify, $jqueryCall, $param, $preventDefault, $stopPropagation, $jsCallback, $immediatly );
    }
 
    public function exec($js, $immediatly = false) {
        $script = $js . "\n";
        if ($immediatly)
            $this->jquery_code_for_compile [] = $script;
        return $script;
    }
 
    public function execAtLast($js) {
        $script = $js . "\n";
        $this->jquery_code_for_compile_at_last [] = $script;
        return $script;
    }
 
    public function execOn($event, $element, $js, $parameters = array ()) {
        $stopPropagation = false;
        $preventDefault = false;
        $immediatly = true;
        extract ( $parameters );
        $script = $this->_add_event ( $element, $this->exec ( $js ), $event, $preventDefault, $stopPropagation, $immediatly );
        return $script;
    }
    public function setJsonToElement($json, $elementClass = "_element", $immediatly = true) {
        $retour = "var data={$json};" . "\n\tdata=($.isPlainObject(data))?data:JSON.parse(data);" . "\n\tvar pk=data['pk'];var object=data['object'];" . "\n\tfor(var field in object){" . "\n\tif($('[data-field='+field+']',$('._element[data-ajax='+pk+']')).length){" . "\n\t\t$('[data-field='+field+']',$('._element[data-ajax='+pk+']')).each(function(){" . "\n\t\t\tif($(this).is('[value]')) { $(this).val(object[field]);} else { $(this).html(object[field]); }" . "\n\t});" . "\n}};\n";
        $retour .= "\t$(document).trigger('jsonReady',[data]);\n";
        return $this->exec ( $retour, $immediatly );
    }
 
    public function setDraggable($element, $parameters = [ ]) {
        $attr = "id";
        $preventDefault = false;
        $stopPropagation = false;
        $immediatly = true;
        extract ( $parameters );
        $script = $this->_add_event ( $element, Javascript::draggable ( $attr ), "dragstart", $preventDefault, $stopPropagation, $immediatly );
        return $script;
    }
 
    public function asDropZone($element, $jsCallback = "", $parameters = [ ]) {
        $stopPropagation = false;
        $immediatly = true;
        $jqueryDone = "append";
        $script = $this->_add_event ( $element, '', "dragover", true, $stopPropagation, $immediatly );
        extract ( $parameters );
        $script .= $this->_add_event ( $element, Javascript::dropZone ( $jqueryDone, $jsCallback ), "drop", true, $stopPropagation, $immediatly );
        return $script;
    }
 
    public function interval($jsCode, $time, $globalName = null, $immediatly = true) {
        if (! Javascript::isFunction ( $jsCode )) {
            $jsCode = "function(){\n" . $jsCode . "\n}";
        }
        if (isset ( $globalName )) {
            $script = "if(window.{$globalName}){clearInterval(window.{$globalName});}\nwindow.{$globalName}=setInterval({$jsCode},{$time});";
        } else {
            $script = "setInterval({$jsCode},{$time});";
        }
        return $this->exec ( $script, $immediatly );
    }
 
    public function clearInterval($globalName, $immediatly = true) {
        return $this->exec ( "if(window.{$globalName}){clearInterval(window.{$globalName});}", $immediatly );
    }
 
    public function counter($counterSelector, $value = 0, $limit = 0, $globalName = null, $countDown = true, $immediatly = true) {
        $stop = "";
        if ($countDown) {
            $stop = "if (--timer < " . $limit . ") {clearInterval(interval);display.trigger({type:'counter-end',value: timer,limit:" . $limit . "});}";
        } else {
            if ($limit != 0) {
                $stop = "if (++timer > " . $limit . ") {clearInterval(interval);display.trigger({type:'counter-end',value: timer,limit:" . $limit . "});}";
            }
        }
        $global = "";
        if (isset ( $globalName )) {
            $global = "\nwindow.{$globalName}=interval;";
        }
        $timer = "var startTimer=function(duration, display) {var timer = duration, days, hours, minutes, seconds;
                                            var sh=function(disp,v){if(disp.is('[value]')){disp.val(v);} else {disp.html(v);};};
                                            var shHide=function(v,k,kBefore){if(v==0 && display.find(k).closest('.timer').is(':visible') && (!kBefore || !display.find(kBefore).closest('.timer').is(':visible'))){display.find(k).closest('.timer').hide();}else{sh(display.find(k),v);}};
                                            var pl=function(v,text){return (v>1)?v+' '+text+'s':(v>0)?v+' '+text:'';};
                                            var d0=function(v){return v < 10 ? '0' + v : v;};
                                            var shortSh=function(d,h,m,s){sh(display,pl(d,'day')+' '+[h,m,s].join(':'));};
                                            var longSh=function(d,h,m,s){shHide(d,'.day');shHide(h,'.hour','.day');shHide(m,'.minute','.hour');shHide(s,'.second','.minute');};
                                            var mainSh=(display.find('.hour').first().length)?longSh:shortSh;
                                            display.trigger('counter-start',timer);
                                            display.show();
                                            var interval=setInterval(function () {
                                                days = parseInt(timer / 86400, 10);
                                                hours = d0(parseInt((timer%86400) / 3600, 10));
                                                minutes = d0(parseInt((timer%3600) / 60, 10));
                                                seconds = d0(parseInt(timer%60, 10));
                                                mainSh(days,hours,minutes,seconds);
                                                " . $stop . "
                                            }, 1000);
                                        " . $global . "
                                        }";
        $element = '$("' . $counterSelector . '")';
        return $this->exec ( $timer . "\nstartTimer(" . $value . "," . $element . ");", $immediatly );
    }
 
    public function counterOn($element, $event, $counterSelector, $value = 0, $limit = 0, $globalName = null, $countDown = true) {
        return $this->execOn ( $event, $element, $this->counter ( $counterSelector, $value, $limit, $globalName, $countDown, false ) );
    }
 
    public function activateLink($target, $property = 'href', $href = null) {
        return $this->execAtLast ( $this->_activateLink ( $target, $property, $href ) );
    }
 
    public function _activateLink($target, $property = 'href', $href = null) {
        $js = '$("' . $target . ' [' . $property . ']").removeClass("active");';
        if (isset ( $href )) {
            $js .= 'var href="' . $href . '";';
        } else {
            $js .= 'var href=window.location.href;';
        }
        $js .= '$("' . $target . ' [' . $property . ']").each(function(){if(href.includes($(this).attr("' . $property . '"))) $(this).addClass("active");});';
        return $js;
    }
}