| 
 <!-- Modal -->
 <div class="modal fade" id="modalAdd"  style='z-index:99999;' data-backdrop="false" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 <div class="modal-dialog ">
 <div class="modal-content">
 <div class="modal-header">
 <h5 class="modal-title " id="exampleModalLabel"><?php echo get_text_by_lang('Add group','admin');?></h5>
 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 <span aria-hidden="true">×</span>
 </button>
 </div>
 <div class="modal-body ">
 
 <p>
 <label><strong><?php echo get_text_by_lang('Title','admin');?></strong></label>
 <input type="text" class="form-control add-title input-size-medium" name="send[keywords]" placeholder="<?php echo get_text_by_lang('Title','admin');?>" />
 </p>
 
 
 </div>
 <div class="modal-footer">
 <button type="button" class="btn btn-info btnAddGroup" ><i class="fas fa-search"></i> <?php echo get_text_by_lang('Add new','admin');?></button>
 <button type="button" class="btn btn-danger btnCloseAlert" data-dismiss="modal"><i class="fas fa-times"></i> <?php echo get_text_by_lang('Close','admin');?></button>
 </div>
 </div>
 </div>
 </div>
 
 <!-- Modal -->
 <div class="modal fade" id="modalEdit"  style='z-index:99999;' data-backdrop="false" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 <div class="modal-dialog ">
 <div class="modal-content">
 <div class="modal-header">
 <h5 class="modal-title " id="exampleModalLabel"><?php echo get_text_by_lang('Edit group','admin');?></h5>
 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 <span aria-hidden="true">×</span>
 </button>
 </div>
 <div class="modal-body ">
 
 <p>
 <label><strong><?php echo get_text_by_lang('Title','admin');?></strong></label>
 <input type="text" class="form-control edit-title input-size-medium" name="send[keywords]" placeholder="<?php echo get_text_by_lang('Title','admin');?>" />
 </p>
 
 </div>
 <div class="modal-footer">
 <button type="button" class="btn btn-info btnSaveGroup" ><i class="fas fa-search"></i> <?php echo get_text_by_lang('Save changes','admin');?></button>
 <button type="button" class="btn btn-danger btnCloseAlert" data-dismiss="modal"><i class="fas fa-times"></i> <?php echo get_text_by_lang('Close','admin');?></button>
 </div>
 </div>
 </div>
 </div>
 
 <!-- Content Wrapper. Contains page content -->
 <div class="content-wrapper">
 
 <!-- Main content -->
 <section class="content">
 <div class="container-fluid">
 <!-- Info boxes -->
 <div class="row">
 <div class="col-lg-12">
 <form action="" method="post" enctype="multipart/form-data">
 
 <div class="card" style='margin-top:20px;'>
 <div class="card-header border-0">
 <h3 class="card-title"><?php echo get_text_by_lang('Permissions','admin');?></h3>
 <div class="card-tools">
 <a href="#" class="btn btn-tool btn-sm btn-add-group" title="Add new" style='font-size:18pt;'>
 <i class="fas fa-plus-square"></i>
 </a>
 
 </div>
 </div>
 <div class="card-body table-responsive p-0">
 <table class="table table-hover table-striped table-valign-middle">
 <thead>
 <tr>
 <th><?php echo get_text_by_lang('Code','admin');?></th>
 <th><?php echo get_text_by_lang('Title','admin');?></th>
 <th class='text-right'><?php echo get_text_by_lang('Action','admin');?></th>
 </tr>
 </thead>
 <tbody class='body-list'>
 
 </tbody>
 </table>
 </div>
 </div>
 <!-- /.card -->
 
 </form>
 </div>
 
 
 </div>
 <!-- /.row -->
 
 
 <!-- /.row -->
 </div><!--/. container-fluid -->
 </section>
 <!-- /.content -->
 </div>
 <!-- /.content-wrapper -->
 
 <script>
 pageData['theList']=<?php echo json_encode($theList);?>;
 
 </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 prepareShowData()
 {
 var total=pageData['theList'].length;
 
 var li='';
 
 var td='';
 
 $('.body-list').html('');
 
 li+='<option value="">Choose parent category</option>';
 
 
 for (var i = 0; i < total; i++) {
 
 td+='<tr>';
 td+='<td>';
 td+=pageData['theList'][i]['permission_c'];
 td+='</td>';
 td+='<td>';
 td+=pageData['theList'][i]['title'];
 td+='</td>';
 td+='<td class="text-right">';
 td+='<i class="fas fa-trash delete-item" data-id="'+pageData['theList'][i]['permission_c']+'" style="cursor:pointer;"></i>';
 td+='</td>';
 td+='</tr>';
 }
 
 $('.body-list').html(td);
 }
 
 
 $(document).ready(function(){
 
 prepareShowData();
 $('.select2js').select2();
 
 });
 
 $(document).on('click','.delete-item',function(){
 var sendData={};
 
 sendData['permission_c']=$(this).attr('data-id');
 
 sendData['type']='1';
 
 postData(API_URL+'remove_permission', sendData).then(data => {
 console.log(data); // JSON data parsed by `data.json()` call
 console.log(data['error']);
 location.href=   location.href;
 });
 
 });
 
 
 $(document).on('click','.btn-add-group',function(){
 //modalAdd
 $('#modalAdd').modal({backdrop:'static',keyboard:false});
 
 });
 
 $(document).on('click','.btnAddGroup',function(){
 
 var sendData={};
 
 sendData['type']='1';
 
 sendData['title']=$('.add-title').val().trim();
 
 // console.log(pageData['add_per']);return false;
 
 postData(API_URL+'add_new_permission', sendData).then(data => {
 // console.log(data); // JSON data parsed by `data.json()` call
 
 if(data['error']=='yes')
 {
 showAlertOK('',data['data']);
 }
 else
 {
 $('#modalSearch').modal('hide');
 $('#modalAdd').modal('hide');
 
 showAlert('','Done!');
 }
 
 });
 });
 
 $(document).on('click','.btnSaveGroup',function(){
 
 var sendData={};
 
 sendData['type']='1';
 
 sendData['title']=$('.edit-title').val().trim();
 sendData['permission_c']=pageData['edit_c'];
 
 postData(API_URL+'edit_permission', sendData).then(data => {
 // console.log(data); // JSON data parsed by `data.json()` call
 
 if(data['error']=='yes')
 {
 showAlertOK('',data['data']);
 }
 else
 {
 $('#modalSearch').modal('hide');
 $('#modalAdd').modal('hide');
 $('#modalEdit').modal('hide');
 
 showAlert('','Done!');
 }
 
 });
 });
 
 
 
 </script>
 |