execut/yii2-loading-overlay

Yii2 loading overlay widget

0.3.4 2021-02-17 08:12 UTC

Requires

• execut/yii2-base: @dev
• yiisoft/yii2: @dev

Apache-2.0

• eXeCUT

• yii2 widget
• yii2 loading overlay

README

Yii2 loading overlay javascript widget

Installation

The preferred way to install this extension is through composer.

Either run

$ php composer.phar require execut/yii2-loading-overlay "dev-master"

or add

"execut/yii2-loading-overlay": "dev-master"

to the require section of your composer.json file.

Usage

For usage javascript widget inside you javascript code simple register \execut\loadingOverlay\LoadingOverlayAsset on you page.

Example

Copy this code to app view file:

<button class="toggle-loading">Toggle overlay</button>
<div id="target" style="height:300px;width:300px;background:gray"></div>
<?php
$this->registerJs(<<<JS
jQuery(function ($) {
  var target = $('#target');
  $('.toggle-loading').click(function () {
    if (target.hasClass('loading')) {
      target.loadingOverlay('remove');
    } else {
      target.loadingOverlay();
    };
  });
});
JS
);
\execut\loadingOverlay\LoadingOverlayAsset::register($this);

License

yii2-loading-overlay is released under the Apache License Version 2.0. See the bundled LICENSE.md for details.