| 
 <!-- Content Wrapper. Contains page content -->
 <div class="content-wrapper">
 
 <!-- Main content -->
 <section class="content">
 <div class="container-fluid" style='padding-top: 20px;'>
 <!-- Info boxes -->
 <!-- row -->
 <div class='row row-themes' style=''>
 
 </div>
 <!-- row -->
 <!-- /.row -->
 
 
 <!-- /.row -->
 </div><!--/. container-fluid -->
 </section>
 <!-- /.content -->
 </div>
 <!-- /.content-wrapper -->
 
 <script>
 pageData['theList']=<?php echo json_encode($theList);?>;
 pageData['listInstalled']=<?php echo json_encode($listInstalled);?>;
 pageData['default_theme']='<?php echo $default_theme;?>';
 
 </script>
 
 <script type="text/javascript">
 
 
 // postData('http://localhost/coffeecms/api/index', { answer: 42 })
 // .then(data => {
 //  console.log(data); // JSON data parsed by `data.json()` call
 //  console.log(data['error']);
 // });
 
 function preparelistInstalled()
 {
 var total=pageData['listInstalled'].length;
 
 pageData['listInstalledByKey']={};
 
 for (var i = 0; i < total; i++) {
 
 if(typeof pageData['listInstalledByKey'][pageData['listInstalled'][i]['theme_dir']]=='undefined')
 {
 pageData['listInstalled'][i]['theme_dir']=pageData['listInstalled'][i]['theme_dir'].toLowerCase();
 
 pageData['listInstalledByKey'][pageData['listInstalled'][i]['theme_dir']]={};
 
 pageData['listInstalledByKey'][pageData['listInstalled'][i]['theme_dir']]=pageData['listInstalled'][i];
 }
 }
 }
 function prepareShowData()
 {
 pageData['listInstalledByKey']={};
 
 preparelistInstalled();
 
 var total=pageData['theList'].length;
 
 var li='';
 
 var td='';
 
 $('.row-themes').html('');
 
 for (var i = 0; i < total; i++) {
 //.toLowerCase();
 pageData['theList'][i]['dir']=pageData['theList'][i]['dir'].toLowerCase();
 
 li+='<div class="col-lg-3">';
 li+='<div class="card" style="width: 18rem;">';
 
 li+='<img src="'+SITE_URL+pageData['theList'][i]['thumbnail']+'" class="card-img-top theme-thumbnail" alt="'+pageData['theList'][i]['title']+'">';
 
 li+='<div class="card-body">';
 li+='<h5 class="card-title">'+pageData['theList'][i]['title']+'</h5>';
 li+='<p class="card-text">Version: '+pageData['theList'][i]['version']+'</p>';
 li+='<p class="card-text">'+pageData['theList'][i]['descriptions']+'</p>';
 
 if(typeof pageData['listInstalledByKey'][pageData['theList'][i]['dir']]!='undefined' || pageData['default_theme']==pageData['theList'][i]['dir'])
 {
 li+='<button class="btn btn-danger btnUninstall" data-dir="'+pageData['theList'][i]['dir']+'"><i class="fas fa-trash-alt"></i> Uninstall</button>';
 }
 else
 {
 if(pageData['theList'][i]['install_file']=='yes')
 {
 li+='<a  href="'+SITE_URL+'admin/theme_page_url?theme='+pageData['theList'][i]['dir']+'&page=install" class="btn btn-primary " data-dir="'+pageData['theList'][i]['dir']+'"><i class="fas fa-plus-square"></i> Install</a>';
 }
 else
 {
 li+='<button type="button" class="btn btn-primary btnInstall" data-dir="'+pageData['theList'][i]['dir']+'"><i class="fas fa-plus-square"></i> Install</button>';
 }
 
 // li+='<button class="btn btn-primary btnInstall" data-dir="'+pageData['theList'][i]['dir']+'"><i class="fas fa-plus-square"></i> Install</button>';
 }
 
 li+='<a  href="'+pageData['theList'][i]['url']+'" target="_blank" class="btn btn-info" style="margin-left:10px;"><i class="fas fa-link"></i></a>';
 li+='<a  href="'+SITE_URL+'admin/theme_edit/'+pageData['theList'][i]['dir']+'" class="btn btn-info" style="margin-left:10px;"><i class="fas fa-edit"></i></a>';
 li+='</div>';
 li+='</div>';
 li+='</div>';
 }
 
 $('.row-themes').html(li);
 
 }
 
 
 $(document).ready(function(){
 
 prepareShowData();
 
 });
 
 $(document).on('click','.btnInstall',function(){
 var sendData={};
 
 sendData['theme_name']=$(this).attr('data-dir');
 sendData['type']='1';
 
 postData(API_URL+'theme_activate', sendData).then(data => {
 // console.log(data); // JSON data parsed by `data.json()` call
 
 location.href=location.href;
 });
 
 });
 
 $(document).on('click','.btnUninstall',function(){
 var sendData={};
 
 sendData['theme_name']=$(this).attr('data-dir');
 sendData['type']='1';
 
 postData(API_URL+'theme_deactivate', sendData).then(data => {
 // console.log(data); // JSON data parsed by `data.json()` call
 
 location.href=location.href;
 });
 
 });
 
 
 </script>
 |