Modal Drag & Minimize

Please add ax5mask plug-in html document. You can use the ax5mask If you add a plug-in to the page.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="../ax5ui-modal/dist/ax5modal.css">
<script type="text/javascript" src="../ax5ui-modal/dist/ax5modal.min.js"></script>

<script type="text/javascript">
    $(document.body).ready(function () {
        var modal = new ax5.ui.modal({
            theme: "danger",
            header: {
                title: '<i class="fa fa-arrows" aria-hidden="true"></i> Drag Me !!',
                btns: {
                    minimize: {
                        label: '<i class="fa fa-minus-circle" aria-hidden="true"></i>', onClick: function(){
                            modal.minimize();
                        }
                    },
                    restore: {
                        label: '<i class="fa fa-plus-circle" aria-hidden="true"></i>', onClick: function(){
                            modal.restore();
                        }
                    },
                    close: {
                        label: '<i class="fa fa-times-circle" aria-hidden="true"></i>', onClick: function(){
                            modal.close();
                        }
                    }
                }
            }
        });

        $('#modal-open').click(function () {
            modal.open({}, function () {

                var btn = jQuery(
                        '<button class="btn btn-primary" type="button">' +
                        'Modal Close</button>')
                        .click(function () {
                            modal.close();
                        });

                this.$["body-frame"]
                        .css({padding: 50})
                        .html(btn);

            });
        });

    });
</script>