<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Plugins Store</h3>
</div>
<div class="panel-body">
<!-- row -->
<div class="row">
<div class="col-lg-6">
<ul class="plugin-store-ul">
<li><a href="#" id="showLastest">Lastest</a> </li>
<li><a href="#" id="showFeatured">Featured</a> </li>
<li><a href="#" id="showPopular">Popular</a> </li>
</ul>
</div>
<div class="col-lg-3 col-lg-offset-3 text-right">
<div class="input-group input-group-sm">
<input type="text" class="form-control" id="txt-keyword" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-primary" id="btn-search" type="button"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
</span>
</div><!-- /input-group -->
</div>
</div>
<!-- row -->
</div>
</div>
<div class="row rowListItem">
<?php echo $theList;?>
</div>
<div class="row">
<div class="col-lg-12 text-right">
<nav>
<ul class="pagination pagination-sm">
<li class="previous"><a href="#" id="btnShowOlder"><span aria-hidden="true">←</span> Older</a></li>
<li class="next"><a href="#" id="btnShowNewer">Newer <span aria-hidden="true">→</span></a></li>
</ul>
</nav>
</div>
</div>
<script>
var root_url='<?php echo System::getUrl();?>';
var api_url=root_url+'api/';
var showType='lastest';
var thePage=0;
var is_search='no';
var search_keyword='';
var search_page=0;
var search_limit_show=20;
function panda_show_loading()
{
// $('.panda-loading').show();
}
function panda_hide_loading()
{
// $('.panda-loading').hide();
}
function searchItem(keyword)
{
$.ajax({
async: false,
type: "POST",
url: api_url+'pluginstore/loadhtml',
dataType: "json",
data: ({
is_filter : 'yes',
send_keyword : keyword,
send_page : search_page,
search_limit_show : search_limit_show
}),
error : function(XMLHttpRequest, textStatus, errorThrown){
alert('Error: '+textStatus);
$('#btn-search').attr('disabled',false);
},
success: function(msg)
{
$('#btn-search').attr('disabled',false);
if(msg['error']=='no')
{
panda_hide_loading();
$(this).attr('disabled',false);
$('.rowListItem').html(msg['data']);
}
else
{
alert(msg['message']);
}
}
});
}
$(document).ready(function(){
$('#showLastest').click(function(){
panda_show_loading();
showType='lastest';
is_search='no';
thePage=0;
$.ajax({
async: false,
type: "POST",
url: api_url+'pluginstore/loadhtml',
dataType: "json",
data: ({
send_page : thePage,
send_showtype : showType
}),
error : function(XMLHttpRequest, textStatus, errorThrown){
panda_hide_loading();
alert('Error: '+textStatus);
},
success: function(msg)
{
// alert(msg);return false;
panda_hide_loading();
$(this).attr('disabled',false);
$('.rowListItem').html(msg['data']);
}
});
});
$('#showFeatured').click(function(){
panda_show_loading();
showType='featured';
is_search='no';
thePage=0;
$.ajax({
async: false,
type: "POST",
url: api_url+'pluginstore/loadhtml',
dataType: "json",
data: ({
send_page : thePage,
send_showtype : showType
}),
error : function(XMLHttpRequest, textStatus, errorThrown){
panda_hide_loading();
alert('Error: '+textStatus);
},
success: function(msg)
{
// alert(msg);return false;
panda_hide_loading();
$(this).attr('disabled',false);
$('.rowListItem').html(msg['data']);
}
});
});
$('#showPopular').click(function(){
panda_show_loading();
showType='popular';
is_search='no';
thePage=0;
$.ajax({
async: false,
type: "POST",
url: api_url+'pluginstore/loadhtml',
dataType: "json",
data: ({
send_page : thePage,
send_showtype : showType
}),
error : function(XMLHttpRequest, textStatus, errorThrown){
panda_hide_loading();
alert('Error: '+textStatus);
},
success: function(msg)
{
// alert(msg);return false;
panda_hide_loading();
$(this).attr('disabled',false);
$('.rowListItem').html(msg['data']);
}
});
});
});
$( document ).on( "click", "#btnShowNewer", function() {
panda_show_loading();
if(is_search=='yes')
{
search_page=parseInt(search_page)+1;
searchItem(search_keyword);
return false;
}
// is_search='no';
$(this).attr('disabled',true);
// alert(theUrl);return false;
thePage=parseInt(thePage)+1;
$.ajax({
async: false,
type: "POST",
url: api_url+'pluginstore/loadhtml',
dataType: "json",
data: ({
send_page : thePage,
send_showtype : showType
}),
error : function(XMLHttpRequest, textStatus, errorThrown){
alert('Error: '+textStatus);
panda_hide_loading();
},
success: function(msg)
{
// alert(msg);return false;
panda_hide_loading();
$(this).attr('disabled',false);
$('.rowListItem').html(msg['data']);
}
});
});
$( document ).on( "click", "#btnShowOlder", function() {
panda_show_loading();
if(is_search=='yes')
{
if(parseInt(search_page) <= 0)
{
search_page=1;
}
search_page=parseInt(search_page)-1;
searchItem(search_keyword);
return false;
}
$(this).attr('disabled',true);
// alert(theUrl);return false;
if(parseInt(thePage)==0)
{
return false;
}
thePage=parseInt(thePage)-1;
$.ajax({
async: false,
type: "POST",
url: api_url+'pluginstore/loadhtml',
dataType: "json",
data: ({
send_page : thePage,
send_showtype : showType
}),
error : function(XMLHttpRequest, textStatus, errorThrown){
panda_hide_loading();
alert('Error: '+textStatus);
},
success: function(msg)
{
// alert(msg);return false;
panda_hide_loading();
$(this).attr('disabled',false);
$('.rowListItem').html(msg['data']);
}
});
});
$( document ).on( "click", "button#btnInstall", function() {
var theUrl=$(this).attr('data-url');
$(this).attr('disabled',true);
// alert(api_url+'pluginstore/install');return false;
$.ajax({
async: false,
type: "POST",
url: api_url+'pluginstore/install',
dataType: "json",
data: ({
send_url : theUrl
}),
error : function(XMLHttpRequest, textStatus, errorThrown){
alert('Error: '+textStatus);
},
success: function(msg)
{
// alert(msg);return false;
if(msg['error']=='no')
{
alert('Download success. Your can go to plugins manage page!');
}
else
{
alert(msg['message']);
}
}
});
});
$( document ).on( "click", "button#btn-search", function() {
var txtKeyword=$('#txt-keyword').val();
is_search='yes';
if(txtKeyword.length <= 1)
{
alert('Not valid.');
return false;
}
$(this).attr('disabled',true);
// alert(theUrl);return false;
search_keyword=txtKeyword;
searchItem(txtKeyword);
});
</script>
|
Download
