with_load_anim.php File Reference

Go to the source code of this file.

Functions
	with_load_anim ()
	In this example we create a button that ships with the on load animation on click. More...

Function Documentation

with_load_anim()

with_load_anim

(

)

In this example we create a button that ships with the on load animation on click.

Note that if the button will trigger a page-reload as soon as the work is done, No additional magic is needed. However in Async scenario, one can make use of the il.UI.button interface containing the functions activateLoadingAnimation and deactivateLoadingAnimation as shown bellow.

Definition at line 9 of file with_load_anim.php.

References $DIC, and Vendor\Package\$f.

{
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();

    return $renderer->render(
        //Create a button with the LoadingAnimation on click and some additional JS-Magic.
        $f->button()->standard("Do Something", "")
            ->withLoadingAnimationOnClick(true)
            ->withOnLoadCode(function ($id) {
                return
                    "$('#$id').click(function(e) {
                                                        $('#$id').html('Working...');
                                                        setInterval(
                                                                function(){
                                                                        $('#$id').html('Done');
                                                                        il.UI.button.deactivateLoadingAnimation('$id');
                                                                }
                                                        ,3000);
                                        });";
            })
    );
}