Yii2 asset collection of useful JavaScript libraries.
Below are instructions how to use assets.
You must include dependencies in your composer.json for all assets (see Assets section) that you want to use. This is due to prevent loading dependency packages for assets that you don't need.
Assets:
- Awesome Grid
- BxSlider
- History.js
- Intl.js
- Ionicons
- jQuery.browser
- jQuery Serialize Object
- JavaScript Cookie
- Sly
- Sticky
- Owl Carousel
- Owl Carousel 2 Thumbnails
- Are You Sure?
- Bootstrap Tabdrop
- Autobahn JS
- Seiyria Bootstrap Slider
- Highcharts
- messageformat.js
- Fancybox
- Enhanced Events
- ReactJS
- Single Page Nav
- jQuery Easing
- CoreJS TypeAhead
- jQuery File Upload
Either run
$ php composer.phar require mg-code/yii2-assets "@dev"
or add
"mg-code/yii2-assets": "@dev"
to the require
section of your composer.json
file.
See Assets section, there are described what dependencies you need to include for every asset.
To add those dependencies either run
$ php composer.phar require vendorName/packageName "*"
or add
"vendorName/packageName": "*"
to the require
section of your composer.json
file.
There are two ways how to use assets.
Either register it in view.
\mgcode\assets\AwesomeGridAsset::register($this);
Either add it as dependency to your asset
namespace app\assets;
use yii\web\AssetBundle;
class MyAsset extends AssetBundle
{
...
public $depends = [
'mgcode\assets\AwesomeGridAsset',
];
}
Replace AwesomeGridAsset with desired asset. (See Assets section)
Asset:
mgcode\assets\AwesomeGridAsset
Dependencies:
"bower-asset/awesome-grid": "*"
Assets:
mgcode\assets\BxSliderAsset
mgcode\assets\BxSliderPluginAsset
Dependencies:
"bower-asset/bxslider-4": "*"
Asset:
mgcode\assets\HistoryJsAsset
Dependencies:
"bower-asset/history.js": "*"
Main asset:
mgcode\assets\IntlJsAsset
Locale Asset:
mgcode\assets\IntlJsLocaleAsset
By default IntlJsLocaleAsset
uses locale defined in Formatter configuration.
If you want to override it you can define it in application params
section:
return [
..... application configuration ....
'params' => [
'intlJsLocale' => 'en-US',
...
]
];
Dependencies:
"bower-asset/intl": "*"
Asset:
mgcode\assets\IoniconsAsset
Dependencies:
"bower-asset/ionicons": "*"
Asset:
mgcode\assets\JqueryBrowserAsset
Dependencies:
"bower-asset/jquery.browser": "*"
Asset:
mgcode\assets\JquerySerializeObjectAsset
Dependencies:
"bower-asset/jquery-serialize-object": "~2"
Asset:
mgcode\assets\JsCookieAsset
Dependencies:
"bower-asset/js-cookie": "~2"
Asset:
mgcode\assets\SlyAsset
Dependencies:
"bower-asset/sly": "*"
Asset:
mgcode\assets\StickyAsset
Dependencies:
"bower-asset/sticky": "*"
Asset for JS && CSS files:
mgcode\assets\OwlCarouselAsset
Asset for JS file:
mgcode\assets\OwlCarouselScriptAsset
Dependencies:
"bower-asset/owl.carousel": "*"
Asset for JS && CSS files:
mgcode\assets\OwlCarouselThumbsAsset
Dependencies:
"bower-asset/owl.carousel2.thumbs": "*"
Asset:
mgcode\assets\AreYouSureAsset
Dependencies:
"bower-asset/jquery.are-you-sure": "*"
Asset:
mgcode\assets\BootstrapTabdropAsset
0.8.2 is the last version of Autobahn|JS that supports version 1 of WAMP.
Please read documentation here: http://autobahn.ws/js/reference_wampv1.html
Asset:
mgcode\assets\AutobahnJsAsset
Asset:
mgcode\assets\SeiyriaBootstrapSliderAsset
Dependencies:
"bower-asset/seiyria-bootstrap-slider": "9.*"
Asset:
mgcode\assets\HighchartsAsset
Dependencies:
"bower-asset/highcharts-release": "*"
Asset:
mgcode\assets\MessageFormatAsset
Dependencies:
"bower-asset/messageformat": "*"
Asset:
mgcode\assets\FancyboxAsset
Dependencies:
"bower-asset/fancybox": "*"
Adds document scrollEnd event. Asset:
mgcode\assets\EnhancedEventsAsset
Asset:
mgcode\assets\ReactAsset
mgcode\assets\ReactDomAsset
Dependencies:
"bower-asset/react": "*"
Version 1.2.1 supported.
Asset:
mgcode\assets\SinglePageNavAsset
Asset:
mgcode\assets\JqueryEasingAsset
Dependencies:
"bower-asset/jquery-easing-original": "*"
Asset:
mgcode\assets\CoreJsTypeAheadAsset
Dependencies:
"bower-asset/corejs-typeahead": "*"
Asset:
mgcode\assets\JqueryFileUploadAsset
Dependencies:
"bower-asset/blueimp-file-upload": "*"