README

Installation guide

$ php composer.phar require grozzzny/depends "dev-master"

$ composer require grozzzny/depends "dev-master"

or composer.json:

"require": {
  "grozzzny/depends": "dev-master"
}

File AppAsset.php

class AppAsset extends \yii\web\AssetBundle
{
    ..
    public $depends = [
    	'grozzzny\depends\glyphicon\GlyphiconAsset',
        'grozzzny\depends\bootstrap4\Bootstrap4Asset',
        'grozzzny\depends\bootstrap4\Bootstrap4PluginAsset',
        'grozzzny\depends\mdbootstrap\MDBootstrapAsset',
        'grozzzny\depends\mdbootstrap\MDBootstrapPluginAsset',
        'grozzzny\depends\checkbox_theme\CheckboxThemeAsset',
        'grozzzny\depends\responsive_tables\ResponsiveTablesAsset',
        'grozzzny\depends\froala\FroalaAsset',
        'grozzzny\depends\jssocials\JssocialsAsset',
        'grozzzny\depends\morris\MorrisAsset',
		'grozzzny\depends\highlight\HighlightAsset',
        'grozzzny\depends\waves\WavesAsset',
        'grozzzny\depends\cropper\CropperAsset',
		'grozzzny\depends\jarallax\JarallaxAsset',
        'grozzzny\depends\fontawesome5\FontAwesome5Asset',
        'grozzzny\depends\popper\PopperAsset',
        'grozzzny\depends\tether\TetherAsset',
        'grozzzny\depends\bxslider\BxsliderAsset',
        'grozzzny\depends\flexslider\FlexsliderAsset',
        'grozzzny\depends\font_awesome\FontAwesomeAsset',
        'grozzzny\depends\jquery_migrate\JqueryMigrateAsset',
        'grozzzny\depends\jquery_ui\JqueryUiAsset',
        'grozzzny\depends\masonry\MasonryAsset',
        'grozzzny\depends\modernizr\ModernizrAsset',
        'grozzzny\depends\nested\NestedAsset',
        'grozzzny\depends\notify\NotifyAsset',
        'grozzzny\depends\stellar\StellarAsset',
        'grozzzny\depends\owl_carousel\OwlAsset',
        'grozzzny\depends\parallax\ParallaxAsset',
        'grozzzny\depends\scrollreveal\ScrollRevalAsset',
        'grozzzny\depends\smoothscroll\SmoothscrollAsset',
        'grozzzny\depends\waypoints\WaypointsAsset',
        'grozzzny\depends\wow_animations\WowAnimationsAsset',
        'grozzzny\depends\gmap\GmapAsset',
        'grozzzny\depends\swiper\SwiperAsset',
        'grozzzny\depends\fancybox\FancyboxAsset',
        'grozzzny\depends\sticky\StickyAsset',
        'grozzzny\depends\cookie\CookieAsset',
        'grozzzny\depends\toastr\ToastrAsset',
        'grozzzny\depends\sweetalert\SweetalertAsset',
        'grozzzny\depends\eonasdan\EonasdanBootstrapDatetimepickerAsset',
        'grozzzny\depends\threejs\ThreejsAsset',
        'grozzzny\depends\wagerfield_parallax\WagerfieldParallaxAsset',
        'grozzzny\depends\countdown\CountdownAsset',
        'grozzzny\depends\bootstrap_datepicker\BootstrapDatepickerAsset',
        'grozzzny\depends\easing\EasingAsset',
        'grozzzny\depends\aos\AosAsset',
        'grozzzny\depends\icomoon\IcomoonAsset',
    ];
    ...
}

Checkbox theme

Checkbox with one tag without js. Checkbox theme

grozzzny\depends\checkbox_theme\CheckboxThemeAsset

Aos

Animate On Scroll Library aos

grozzzny\depends\aos\AosAsset

Icomoon

Icons Icomoon

grozzzny\depends\icomoon\IcomoonAsset

Glyphicon icons

Icons Glyphicon icons

grozzzny\depends\glyphicon\GlyphiconAsset

Easing

jQuery Easing v1.3

grozzzny\depends\easing\EasingAsset

Countdown

Countdown. jQuery.countdown

grozzzny\depends\countdown\CountdownAsset

Bootstrap Datepicker

Datepicker. bootstrap-datepicker

grozzzny\depends\bootstrap_datepicker\BootstrapDatepickerAsset

froala

Beautiful Javascript web editor that's easy to integrate for developers and your users will simply fall in love with its clean design. HTML Editor

grozzzny\depends\froala\FroalaAsset

morris.js

good-looking charts shouldn't be difficult. morris.js

grozzzny\depends\morris\MorrisAsset

Social Network Sharing Plugin

jsSocials is a simple social network sharing jQuery plugin. It's flexible and easily extensible. Configure visual appearance. Choose one of several themes provided. Add any yet unsupported social network if needed. jsSocials

grozzzny\depends\jssocials\JssocialsAsset

 $("#share").jsSocials({
	shares: ["email", "twitter", "facebook", "googleplus", "linkedin", "pinterest", "stumbleupon", "whatsapp"]
});

highlight.js

Syntax highlighting for the Web highlight.js

grozzzny\depends\highlight\HighlightAsset

<script>
	hljs.initHighlightingOnLoad();
</script>

Click effect inspired by Google's Material Design

Click effect inspired by Google's Material Design. http://fian.my.id/Waves/

grozzzny\depends\waves\WavesAsset

Responsive Tables

This is an experimental awesome solution for responsive tables with complex data. Responsive Tables

grozzzny\depends\responsive_tables\ResponsiveTablesAsset

Cropper.js

JavaScript image cropper. Cropper.js

grozzzny\depends\cropper\CropperAsset

Jarallax

Smooth parallax scrolling effect for background images using CSS transforms with graceful degradation for old browsers. Jarallax

grozzzny\depends\jarallax\JarallaxAsset

three.js

The goal of this section is to give a brief introduction to three.js. three.js

grozzzny\depends\threejs\ThreejsAsset

Material Design for Bootstrap 4

World's most popular framework for building responsive, mobile-first websites and apps. https://mdbootstrap.com

grozzzny\depends\mdbootstrap\MDBootstrapAsset
grozzzny\depends\mdbootstrap\MDBootstrapPluginAsset

EonasdanBootstrapDatetimepickerAsset

Bootstrap 3 Datepicker v4 Docs Datepicker

grozzzny\depends\eonasdan\EonasdanBootstrapDatetimepickerAsset

 <div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker1').datetimepicker();
            });
        </script>
    </div>
</div>

Sweetalert

A beautiful replacement for success messages, error messages Sweetalert

grozzzny\depends\sweetalert\SweetalertAsset

 swal({
	title: "Удалить данный блок?",
	text: "You will not be able to recover this imaginary file!",
	type: "warning",
	showCancelButton: true,
	confirmButtonColor: "#DD6B55",
	confirmButtonText: "Да, удалить!",
	closeOnConfirm: false
}, function () {
	swal("Deleted!", "Your imaginary file has been deleted.", "success");
});

Toastr

toastr is a Javascript library for non-blocking notifications. jQuery is required. The goal is to create a simple core library that can be customized and extended. Toastr

grozzzny\depends\toastr\ToastrAsset

// Display a warning toast, with no title
toastr.warning('My name is Inigo Montoya. You killed my father, prepare to die!')

// Display a success toast, with a title
toastr.success('Have fun storming the castle!', 'Miracle Max Says')

// Display an error toast, with a title
toastr.error('I do not think that word means what you think it means.', 'Inconceivable!')

// Immediately remove current toasts without using animation
toastr.remove()

// Remove current toasts using animation
toastr.clear()

// Override global options
toastr.success('We do have the Kapua suite available.', 'Turtle Bay Resort', {timeOut: 5000})

Bootstrap v4

Bootstrap is the most popular HTML, CSS, and JS framework in the world for building responsive, mobile-first projects on the web. bootstrap v4

grozzzny\depends\bootstrap4\Bootstrap4Asset
grozzzny\depends\bootstrap4\Bootstrap4PluginAsset

POPPER.JS

A kickass library used to manage poppers in web applications POPPER.JS

grozzzny\depends\popper\PopperAsset

Font Awesome 5

Get vector icons and social logos on your website with Font Awesome, the web’s most popular icon set and toolkit. Font Awesome 5

grozzzny\depends\fontawesome5\FontAwesome5Asset

Tether

A positioning engine to make overlays, tooltips and dropdowns better #hubspot-open-source tether

grozzzny\depends\tether\TetherAsset

bxSlider

The Responsive jQuery Content Slider bxSlider

grozzzny\depends\bxslider\BxsliderAsset

FlexSlider

An awesome, fully responsive jQuery slider toolkit FlexSlider

grozzzny\depends\flexslider\FlexsliderAsset

Font Awesome

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS Font Awesome

grozzzny\depends\font_awesome\FontAwesomeAsset

Jquery migrate 3.x

Upgrade the version of jQuery on the page to the latest 3.0 version (currently 3.0.0) and add the uncompressed Jquery migrate 3.x

grozzzny\depends\jquery_migrate\JqueryMigrateAsset

Masonry

Cascading grid layout library Masonry

grozzzny\depends\masonry\MasonryAsset

Modernizr

Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. Modernizr

grozzzny\depends\modernizr\ModernizrAsset

jQuery Nested

For a complete gap free, multi column grid layout experience. jQuery Nested

grozzzny\depends\nested\NestedAsset

Notify

Message on the screen

grozzzny\depends\notify\NotifyAsset

notify.success('message');

notify.error('message');

Stellar

Parallax has never been easier. Stellar

grozzzny\depends\stellar\StellarAsset

Wagerfield Parallax

Parallax Engine that reacts to the orientation of a smart device. Parallax

grozzzny\depends\wagerfield_parallax\WagerfieldParallaxAsset

Owl Carousel 2

Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider. Owl Carousel 2

grozzzny\depends\owl_carousel\OwlAsset

Parallax

Parallax.js is a dirt simple parallax scrolling effect inspired by Spotify.com and implemented as a jQuery plugin. Parallax

grozzzny\depends\parallax\ParallaxAsset

ScrollReveal

Easy scroll animations for web and mobile browsers. ScrollReveal

grozzzny\depends\scrollreveal\ScrollRevalAsset

$(document).ready(function(){
    /************************
     - Scroll reveal -
     ************************/
    window.sr = new scrollReveal({
        reset:true,
        move:"10px",
        mobile:false
    });
});

<div data-sr="enter left and move 40px over 1s">

</div>

Smoothscroll

A teeny tiny, standard compliant, smooth scroll script with ease-in-out effect and no dependancy. Smoothscroll

grozzzny\depends\smoothscroll\SmoothscrollAsset

Waypoints

Waypoints is a library that makes it easy to execute a function whenever you scroll to an element. Waypoints

grozzzny\depends\waypoints\WaypointsAsset

.stuck {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

<div class="js-sticky">

</div>

// Fixed header
//-----------------------------------------------
if ($('.js-sticky').length) {
    var sticky = new Waypoint.Sticky({
        element: $('.js-sticky'),
        //wrapper: '<div class="sticky-wrapper waypoint" />',
        //stuckClass: 'object-visible',
        //handler: function(direction) {
        //    $('body').toggleClass('fixed-header-on');
        //},
        //offset: -1
    });
}

Wow animations and animate.css

Reveal CSS animation as you scroll down a page. By default, you can use it to trigger animate.css animations. But you can easily change the settings to your favorite animation library. Wow animations Library animations. animate.css

grozzzny\depends\wow_animations\WowAnimationsAsset

$(document).on('ready', function(){
    /************************
     - WOW animation -
     ************************/
    jQuery(document).ready(function() {
        new WOW().init();
    });
});

<div class="animated fadeIn wow" data-wow-duration="1s" data-wow-delay="2s">

</div>

Gmap

Lightweight jQuery plugin that helps you embed Google Maps, using the API V3, into your website. Original at Gmap

grozzzny\depends\gmap\GmapAsset

$config = [
    'components' => [
        ...
        'assetManager' => [
            ...
            'bundles' => [
                'grozzzny\depends\gmap\GmapAsset' => [
                    'key' => 'AIzaSyCtX2Fg1fOnnX1Pu1n1lXvmb303Q_1234',
                ],
            ]
        ]
    ]
];

Swiper

Most Modern Mobile Touch Slider Swiper

grozzzny\depends\swiper\SwiperAsset

 <div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <a href="#">
                <img alt="" src="image_1.jpg" />
            </a>
        </div>
        <div class="swiper-slide">
            <a href="#">
                <img alt="" src="image_2.jpg" />
            </a>
        </div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
   
</div>

var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        paginationClickable: true,
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: 4000,
        autoplayDisableOnInteraction: false
    });

Fancybox

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. Fancybox

grozzzny\depends\fancybox\FancyboxAsset

<a href="image_1.jpg" data-fancybox="group" data-caption="">
    <img src="image_1_preview.jpg" alt="" />
</a>

$('.fancybox').fancybox();
//OR
$("a[href$='.jpg'],a[href$='.png'],a[href$='.gif']").attr('rel', 'gallery').fancybox({
    loop : true,
    closeClick : false,
    nextEffect : 'none',
    prevEffect : 'none',
    openEffect : 'elastic',
    closeEffect : 'elastic',
    openEasing : 'swing',
    closeEasing : 'swing'
 });

Jquery Ui

jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. jqueryui

grozzzny\depends\jquery_ui\JqueryUiAsset

Dragula

Dragula provides the easiest possible API to make drag and drop a breeze in your applications. dragula

grozzzny\depends\dragula\DragulaAsset

dragula(containers, {
  isContainer: function (el) {
    return false; // only elements in drake.containers will be taken into account
  },
  moves: function (el, source, handle, sibling) {
    return true; // elements are always draggable by default
  },
  accepts: function (el, target, source, sibling) {
    return true; // elements can be dropped in any of the `containers` by default
  },
  invalid: function (el, handle) {
    return false; // don't prevent any drags from initiating by default
  },
  direction: 'vertical',             // Y axis is considered when determining where an element would be dropped
  copy: false,                       // elements are moved by default, not copied
  copySortSource: false,             // elements in copy-source containers can be reordered
  revertOnSpill: false,              // spilling will put the element back where it was dragged from, if this is true
  removeOnSpill: false,              // spilling will `.remove` the element, if this is true
  mirrorContainer: document.body,    // set the element that gets mirror elements appended
  ignoreInputTextSelection: true     // allows users to select input text, see details below
});

Dragon Drop

Accessible drag-and-drop list reorder plugin. Dragon Drop

grozzzny\depends\dragon_drop\DragonDropAsset

var demo2 = document.getElementById('demo-2');
new DragonDrop(demo2, {
  handle: false,
  announcement: {
    grabbed: function(el) {},
    dropped: function(el) {},
    reorder: function(el, items) {},
    cancel: 'Reschedule cancelled.'
  }
});

PlainDraggable

The simple and high performance library to allow HTML/SVG element to be dragged. PlainDraggable

grozzzny\depends\plain_draggable\PlainDraggableAsset

jQuery Sticky

Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible. Sticky

grozzzny\depends\sticky\StickyAsset

$(document).ready(function(){
    $("#sticker").sticky({topSpacing:0});
  });

jQuery Cookie Plugin

A simple, lightweight jQuery plugin for reading, writing and deleting cookies. jQuery Cookie Plugin

'grozzzny\depends\cookie\CookieAsset'

//Create session cookie:
$.cookie('name', 'value');

//Create expiring cookie, 7 days from then:
$.cookie('name', 'value', { expires: 7 });

//Create expiring cookie, valid across entire site:
$.cookie('name', 'value', { expires: 7, path: '/' });

//Read cookie:
$.cookie('name'); // => "value"

// Returns true when cookie was successfully deleted, otherwise false
$.removeCookie('name'); // => true

grozzzny / depends

Maintainers

Details