Browse Source

transaction history loading animation code added

master
Satinder Grewal 8 years ago
parent
commit
9d784e31c5
  1. 6
      assets/global/js/components/panel.min.js
  2. 7
      assets/scripts/dashboard.js
  3. 6
      index.html

6
assets/global/js/components/panel.min.js

@ -0,0 +1,6 @@
/*!
* remark (http://getbootstrapadmin.com/remark)
* Copyright 2016 amazingsurge
* Licensed under the Themeforest Standard Licenses
*/
$.components.register("panel",{api:function(){$(document).on("click.site.panel",'[data-toggle="panel-fullscreen"]',function(e){e.preventDefault();var $this=$(this),$panel=$this.closest(".panel"),api=$panel.data("panel-api");api.toggleFullscreen()}),$(document).on("click.site.panel",'[data-toggle="panel-collapse"]',function(e){e.preventDefault();var $this=$(this),$panel=$this.closest(".panel"),api=$panel.data("panel-api");api.toggleContent()}),$(document).on("click.site.panel",'[data-toggle="panel-close"]',function(e){e.preventDefault();var $this=$(this),$panel=$this.closest(".panel"),api=$panel.data("panel-api");api.close()}),$(document).on("click.site.panel",'[data-toggle="panel-refresh"]',function(e){e.preventDefault();var $this=$(this),$panel=$this.closest(".panel"),api=$panel.data("panel-api"),callback=$this.data("loadCallback");$.isFunction(window[callback])?api.load(window[callback]):api.load()})},init:function(context){$(".panel",context).each(function(){var $loading,$this=$(this),isFullscreen=!1,isClose=!1,isCollapse=!1,isLoading=!1,$fullscreen=$this.find('[data-toggle="panel-fullscreen"]'),$collapse=$this.find('[data-toggle="panel-collapse"]'),self=this;$this.hasClass("is-collapse")&&(isCollapse=!0);var api={load:function(callback){var type=$this.data("load-type");type||(type="blue-only"),$loading=$('<div class="panel-loading"><div class="loader-wrapper active"><div class="loader-layer loader-'+type+'"><div class="loader-circle-left"><div class="circle"></div></div><div class="loader-circle-gap"></div><div class="loader-circle-right"><div class="circle"></div></div></div></div></div>'),$loading.appendTo($this),$this.addClass("is-loading"),$this.trigger("loading.uikit.panel"),isLoading=!0,$.isFunction(callback)&&callback.call(self,this.done)},done:function(){isLoading===!0&&($loading.remove(),$this.removeClass("is-loading"),$this.trigger("loading.done.uikit.panel"))},toggleContent:function(){isCollapse?this.showContent():this.hideContent()},showContent:function(){isCollapse!==!1&&($this.removeClass("is-collapse"),$collapse.hasClass("md-plus")&&$collapse.removeClass("md-plus").addClass("md-minus"),$this.trigger("shown.uikit.panel"),isCollapse=!1)},hideContent:function(){isCollapse!==!0&&($this.addClass("is-collapse"),$collapse.hasClass("md-minus")&&$collapse.removeClass("md-minus").addClass("md-plus"),$this.trigger("hidden.uikit.panel"),isCollapse=!0)},toggleFullscreen:function(){isFullscreen?this.leaveFullscreen():this.enterFullscreen()},enterFullscreen:function(){isFullscreen!==!0&&($this.addClass("is-fullscreen"),$fullscreen.hasClass("md-fullscreen")&&$fullscreen.removeClass("md-fullscreen").addClass("md-fullscreen-exit"),$this.trigger("enter.fullscreen.uikit.panel"),isFullscreen=!0)},leaveFullscreen:function(){isFullscreen!==!1&&($this.removeClass("is-fullscreen"),$fullscreen.hasClass("md-fullscreen-exit")&&$fullscreen.removeClass("md-fullscreen-exit").addClass("md-fullscreen"),$this.trigger("leave.fullscreen.uikit.panel"),isFullscreen=!1)},toggle:function(){isClose?this.open():this.close()},open:function(){isClose!==!1&&($this.removeClass("is-close"),$this.trigger("open.uikit.panel"),isClose=!1)},close:function(){isClose!==!0&&($this.addClass("is-close"),$this.trigger("close.uikit.panel"),isClose=!0)}};$this.data("panel-api",api)})}});

7
assets/scripts/dashboard.js

@ -105,7 +105,7 @@ var Dashboard = function() {
}
});
}
EdexfillTxHistory(active_edexcoin);
$('.edexcoin-send-form')[0].reset();
});
@ -930,7 +930,7 @@ function edexCoinBtnAction() {
}
});
}
EdexfillTxHistory(coincode);
} else {
$('#currency-progressbars').hide();
@ -959,6 +959,7 @@ function getActiveEdexcoin() {
}*/
function EdexfillTxHistory(coin) {
$('#edexcoin_txhistory').data('panel-api').load()
NProgress.done(true);
NProgress.configure({
template: '<div class="bar nprogress-bar-header nprogress-bar-info" role="bar"></div>' +
@ -991,6 +992,7 @@ function EdexfillTxHistory(coin) {
select: true,
retrieve: true
});
$('#edexcoin_txhistory').data('panel-api').done()
});
}
@ -1015,6 +1017,7 @@ function EdexfillTxHistory(coin) {
select: true,
retrieve: true
});
$('#edexcoin_txhistory').data('panel-api').done()
});
}
}

6
index.html

@ -827,7 +827,7 @@
<div data-edexcoin="COIN" id="edexcoin_dashoard_section">
<div class="col-xlg-12 col-lg-12 col-sm-12 col-xs-12 edexcoin_dashoard_section_main_div">
<!-- Panel FixedHeader -->
<div class="panel">
<div id="edexcoin_txhistory" class="panel">
<header class="panel-heading" style="z-index: 10">
<div class="panel-actions">
@ -847,6 +847,9 @@
<!--<li data-edexcoin="COIN" role="presentation"><a href="javascript:void(0)" class="btn_edexcoin_dashboard_validate" data-edexcoin="COIN" id="btn_edexcoin_dashboard_validate" role="menuitem"><i class="icon fa-check" aria-hidden="true"></i> Validate Address on Network</a></li>-->
</ul>
</div>
<!--<a class="panel-action icon md-refresh-alt" data-toggle="panel-refresh" data-load-type="blue-only" data-load-callback="customRefreshCallback" aria-hidden="true"></a>
<a class="panel-action icon md-minus" aria-expanded="true" data-toggle="panel-collapse" aria-hidden="true"></a>
<a class="panel-action icon md-fullscreen" data-toggle="panel-fullscreen" aria-hidden="true"></a>-->
</div>
@ -2064,6 +2067,7 @@
<script src="assets/global/js/components/asprogress.min.js"></script>
<script src="assets/global/js/components/jquery-labelauty.min.js"></script>
<script src="assets/global/js/components/alertify-js.js"></script>
<script src="assets/global/js/components/panel.min.js"></script>
<script src="assets/scripts/checkie.js"></script>
<script src="assets/scripts/iguana_api.js"></script>
<script src="assets/scripts/login.js"></script>

Loading…
Cancel
Save