📁 PHP Dosya Yöneticisi

📝 custom-card.js

← Geri Dön

(function ($) {
  "use strict";
  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 .icon-more-alt").on(
          "click",
          function () {
            var $this = $(this);
            if ($this.hasClass("icofont")) {
              $(this).addClass("icon-more-alt");
              $(this).removeClass("icofont icofont-double-right").fadeIn("slow");
              $this.parents(".card-option").animate({
                width: "35px",
              });
            } else {
              $(this).addClass("icofont icofont-double-right").fadeIn("slow");
              $(this).removeClass("icon-more-alt");
              $this.parents(".card-option").animate({
                width: "230px",
              });
            }
          }
        ),
        $(".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) {});
        });
    },
  };
  customcard.init();
})(jQuery);

İptal