<script src="<?php echo SITE_URL; ?>public/ckeditor/ckeditor.js"></script> 
 
 
  <!-- Content Wrapper. Contains page content --> 
  <div class="content-wrapper"> 
    <!-- Content Header (Page header) --> 
    <div class="content-header"> 
      <div class="container-fluid"> 
        <div class="row mb-2"> 
          <div class="col-sm-6"> 
            <h1 class="m-0"><?php echo get_text_by_lang('Edit page','admin');?></h1> 
          </div><!-- /.col --> 
       
        </div><!-- /.row --> 
      </div><!-- /.container-fluid --> 
    </div> 
    <!-- /.content-header --> 
 
    <!-- Main content --> 
    <section class="content"> 
      <div class="container-fluid"> 
        <!-- Info boxes --> 
        <div class="row"> 
          <div class="col-12 col-sm-12 col-md-12"> 
 
        <div class="panel panel-default"> 
 
          <div class="panel-body"> 
            <div class="row"> 
             
              <div class="col-lg-8 col-md-8 col-sm-8 "> 
              <form action="" method="post" enctype="multipart/form-data"> 
                <?php echo $alert;?> 
 
                    <p> 
                        <label><strong><?php echo get_text_by_lang('Title','admin');?></strong> (<span class="system_count_char" data-target=".page-title">0</span> <?php echo get_text_by_lang('characters','admin');?>)</label> 
                        <input type="text" class="form-control page-title input-size-medium" name="send[title]" placeholder="Title" /> 
                    </p> 
          
                    <p> 
                        <label><strong><?php echo get_text_by_lang('Content','admin');?></strong></label> 
                        <textarea id="editor" rows="15" name="send[content]" class="form-control page-content ckeditor"></textarea> 
                    </p> 
                   
                    <p> 
                        <label><strong><?php echo get_text_by_lang('Descriptions','admin');?></strong> (<span class="system_count_char" data-target=".page-descriptions">0</span> <?php echo get_text_by_lang('characters','admin');?>)</label> 
                        <input type="text" class="form-control page-descriptions input-size-medium" name="send[descriptions]" placeholder="<?php echo get_text_by_lang('Descriptions','admin');?>" /> 
                    </p> 
                    <p> 
                        <label><strong><?php echo get_text_by_lang('Keywords','admin');?></strong> (<span class="system_count_char" data-target=".page-keywords">0</span> <?php echo get_text_by_lang('characters','admin');?>)</label> 
                        <input type="text" class="form-control page-keywords input-size-medium" name="send[keywords]" placeholder="<?php echo get_text_by_lang('Keywords','admin');?>" /> 
                    </p>     
                    <p> 
                        <button type="button" class="btn btn-primary btn-save" ><i class='fas fa-thumbs-up'></i> <?php echo get_text_by_lang('Save changes','admin');?></button> 
                    </p>   
              </form>  
              </div> 
 
                <!-- right --> 
                <div class="col-lg-4 col-md-4 col-sm-4 "> 
                        <p> 
                        <label><strong><?php echo get_text_by_lang('Page type','admin');?>:</strong></label> 
                        <select class="form-control select2js page-type" name="send[type]"> 
                              <option value="normal">Normal</option> 
                              <option value="page">Page</option> 
                              <option value="image">Image</option> 
                               <option value="video">Video</option> 
                              <option value="fullwidth">Full Width</option> 
                              <option value="news">News</option> 
                              <option value="post">Post</option> 
                              <option value="thread">Thread</option> 
                              <option value="question">Question</option> 
                              <option value="notify">Notify</option> 
                              <option value="movie">Movie</option> 
                              <option value="status">Status</option> 
                              <option value="card">Card</option> 
                              <option value="product">Product</option> 
                              <option value="profile">Profile</option> 
 
                        </select> 
                        </p> 
                       
                        <p> 
                        <label><strong><?php echo get_text_by_lang('Publish','admin');?>:</strong></label> 
                        <select class="form-control page-status select2js" name="send[status]"> 
                        <option value="1"><?php echo get_text_by_lang('Yes','admin');?></option> 
                          <option value="0"><?php echo get_text_by_lang('No','admin');?></option> 
 
                        </select> 
                        </p> 
 
                        <p> 
                             <button type="button" class="btn btn-primary btn-create-shortcode" ><i class='fas fa-code-branch'></i> <?php echo get_text_by_lang('Widgets','admin');?></button> 
                           </p> 
                </div> 
                <!-- right --> 
             
            </div> 
          </div> 
        </div> 
          </div> 
          <!-- /.col --> 
        </div> 
        <!-- /.row --> 
 
 
        <!-- /.row --> 
      </div><!--/. container-fluid --> 
    </section> 
    <!-- /.content --> 
  </div> 
  <!-- /.content-wrapper --> 
 
<script> 
 
      pageData['thePost']=<?php echo $thePost;?>; 
    pageData['listPostType']=<?php echo json_encode($listPostType);?>; 
 
  // Replace the <textarea id="editor1"> with a CKEditor 
  // instance, using default configuration. 
CKEDITOR.replace( 'editor' ,{ 
  extraPlugins: 'wordcount,notification,texttransform,justify', 
 
  filebrowserBrowseUrl : '<?php echo SITE_URL;?>public/ckeditor/filemanager/dialog.php?type=2&editor=ckeditor&fldr=', 
  filebrowserImageBrowseUrl : '<?php echo SITE_URL;?>public/ckeditor/filemanager/dialog.php?type=1&editor=ckeditor&fldr=' 
});    
</script> 
 
 
  <script type="text/javascript"> 
            var root_url='<?php echo SITE_URL;?>'; 
 
 
function prepareShowCategories(callback) 
{ 
  var total=pageData['listPostType'].length; 
 
  li='<option value="">Choose a page type</option>'; 
 
 
  for (var i = 0; i < total; i++) { 
    if(pageData['thePost']['page_type']==pageData['listPostType'][i]['type_c']) 
    { 
    li+='<option value="'+pageData['listPostType'][i]['type_c']+'" selected>'+pageData['listPostType'][i]['title']+'</option>'; 
 
    } 
    else 
    { 
    li+='<option value="'+pageData['listPostType'][i]['type_c']+'">'+pageData['listPostType'][i]['title']+'</option>'; 
 
    } 
 
 
  } 
 
  $('.page-type').html(li).trigger('change'); 
 
  callback(); 
} 
 
function preparePostData() 
{ 
  $('.page-title').val(pageData['thePost']['title']); 
  $('.page-descriptions').val(pageData['thePost']['descriptions']); 
  $('.page-keywords').val(pageData['thePost']['keywords']); 
 
  $('.page-type').val(pageData['thePost']['page_type']).trigger('change'); 
  $('.status').val(pageData['thePost']['status']).trigger('change'); 
  
  setTimeout(function(){  
 
   CKEDITOR.instances.editor.insertHtml(pageData['thePost']['content']); 
 
  $('.system_count_char').each(function(index, el) { 
 
  var theEl=$(this); 
 
  var target=$(this).data('target'); 
 
  system_count_char(theEl,target); 
   
  system_listen_count_char(theEl,target); 
 
  }); 
  },500);   
} 
 
 
$(document).ready(function(){ 
  $('.select2js').select2(); 
  $('.pushmenu').trigger('click'); 
 
  prepareShowCategories(function(){ 
   preparePostData();     
  }); 
  
}); 
 
 
$(document).on('click','.btn-save',function(){ 
    var sendData={}; 
 
    sendData['page_c']=pageData['thePost']['page_c']; 
    sendData['title']=$('.page-title').val(); 
    sendData['descriptions']=$('.page-descriptions').val().trim(); 
    sendData['keywords']=$('.page-keywords').val().trim(); 
    sendData['page_type']=$('.page-type > option:selected').val().trim(); 
    sendData['content']=CKEDITOR.instances.editor.getData(); 
    // sendData['allow_comment']=$('.post-allow-comment > option:selected').val().trim(); 
    sendData['status']=$('.page-status > option:selected').val().trim(); 
    sendData['page_type']=$('.page-type > option:selected').val().trim(); 
    sendData['type']='1'; 
 
         
    if(sendData['title'].length==0) 
    { 
      showAlert('','Title not allow is blank');return false; 
    } 
 
    if(sendData['content'].length==0) 
    { 
      showAlert('','Content not allow is blank');return false; 
    } 
     
    if(sendData['page_type'].length==0) 
    { 
      showAlert('','Select a page type');return false; 
    } 
 
    postData(API_URL+'update_page_by_id', sendData).then(data => { 
      // console.log(data); // JSON data parsed by `data.json()` call 
      // console.log(data['error']); 
 
      if(data['error']=='yes') 
      { 
      showAlertOK('',data['data']); 
      } 
      else 
      { 
        showAlertOK('','Done!'); 
      } 
    });   
  }); 
  </script> 
 
 
 |