update

static/admin/assets/js/custom-card/custom-card.js

@@ -0,0 +1,65 @@
+var customcard = {
+    init: function() {
+        $(".card-header-right .close-card").on('click', function() {
+            var $this = $(this);
+            $this.parents('.card').animate({
+                'opacity': '0',
+                '-webkit-transform': 'scale3d(.3, .3, .3)',
+                'transform': 'scale3d(.3, .3, .3)'
+            });
+            setTimeout(function() {
+                $this.parents('.card').remove();
+            }, 800);
+        }), $(".card-header-right .reload-card").on('click', function() {
+            var $this = $(this);
+            $this.parents('.card').addClass("card-load");
+            $this.parents('.card').append('<div class="loader-box card-loader"><div class="loader card-load"><div class="whirly-loader"></div></div></div>');
+            setTimeout(function() {
+                $this.parents('.card').children(".card-loader").remove();
+                $this.parents('.card').removeClass("card-load");
+            }, 3000);
+        }), $(".card-header-right .card-option .fa.fa-spin.fa-cog").on('click', function() {
+            var $this = $(this);
+            if ($this.hasClass('icofont icofont-double-right')) {
+                $(this).addClass('fa-spin');
+                $this.parents('.card-option').animate({
+                    'width': '35px',
+                });
+            } else {
+                $(this).removeClass('fa-spin');
+                $this.parents('.card-option').animate({
+                    'width': '230px',
+                });
+            }
+            $(this).toggleClass("icofont icofont-double-right").fadeIn('slow');
+        }), $(".card-header-right .minimize-card").on('click', function() {
+            var $this = $(this);
+            var port = $($this.parents('.card'));
+            var card = $(port).children('.card-body').slideToggle();
+            $(this).toggleClass("icofont-plus").fadeIn('slow');
+        }), $(".card-header-right .full-card").on('click', function() {
+            var $this = $(this);
+            var port = $($this.parents('.card'));
+            port.toggleClass("full-card");
+            $(this).toggleClass("icofont-resize");
+        }), $(".view-html").on('click', function() {
+            var html_source = $(this).parents(".card");
+            var html_chield = html_source.find(".card-body");
+            html_chield.toggleClass("show-source");
+            $(this).toggleClass("fa-eye");
+        }), $(document).ready(function(){
+            var clipboard = new ClipboardJS('.btn-clipboard');
+            clipboard.on('success', function(e) {
+                e.querySelector();
+                e.clearSelection();
+            });
+            clipboard.on('error', function(e) {
+            });
+        });     
+           }
+};
+
+(function($) {
+    "use strict";
+    customcard.init()
+})(jQuery);