<?php
include "../lib/functions_class.php";
include "inc/check_session.php";
$id = $_GET['id'];
function check_side($sidebar,$id){
if($sidebar == 1){
$value = "checked";
}
else if($id == ''){
$value = "checked";
}
return $value;
}
function check_side0($sidebar,$id){
if($sidebar == 0){
$value = "checked";
}
return $value;
}
if($id != ''){
$fetch = $DB->outputblog_edit($id);
$title = $fetch[0]['title'];
$page_name = $fetch[0]['page_name'];
$page_content = $fetch[0]['page_content'];
$feature_img = $fetch[0]['feature_img'];
$meta_title = $fetch[0]['meta_title'];
$meta_desc = $fetch[0]['meta_desc'];
$meta_keywords = $fetch[0]['meta_keywords'];
$sidebar = $fetch[0]['side_bar'];
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>iBlog | Add & Edit Topic </title>
<!-- FAVICONS -->
<link rel="shortcut icon" href="../uploads/favicon/<?php echo $DB->get_settingdata('favicon');?>" type="image/x-icon">
<!-- Bootstrap -->
<link href="plugins/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link href="plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- iCheck -->
<link href="plugins/iCheck/skins/flat/green.css" rel="stylesheet">
<!-- bootstrap-progressbar -->
<link href="plugins/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet">
<!-- jVectorMap -->
<!-- Alert, Info, Confirm Plugin -->
<link href="plugins/lobibox/lobibox.min.css" rel="stylesheet">
<link href="css/notie.css" rel="stylesheet">
<link href="css/maps/jquery-jvectormap-2.0.3.css" rel="stylesheet"/>
<!-- Custom Theme Style -->
<link href="css/custom.css" rel="stylesheet">
</head>
<body class="nav-md">
<div class="container body">
<div class="main_container">
<?php include "inc/header.php";?>
<?php include "inc/top_nav.php";?>
<!-- page content -->
<div class="right_col" role="main">
<div class="">
<div class="page-title">
<div class="title_left">
<h3><li class="fa fa-home"></li>Home / <?php if($id == ''){echo "Add";}else{echo "Edit";}?> Blog Topic</h3>
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="input-group">
<button class="form-control"><i class="fa fa-edit"></i> Add Topics</button>
<span class="input-group-btn">
<a href="pages.php"><button class="btn btn-default" type="button"><i class="fa fa-file-text-o"></i> All Topics </button></a>
</span>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel" style="height:100%;">
<div class="x_title">
<h2><?php if($id == ''){echo "Add";}else{echo "Edit";}?> Blog Topic</h2>
<div class="clearfix"></div>
</div>
<div class="x_content">
<div class="row">
<div class="col-md-12">
<form id="addblog" data-parsley-validate="" class="form-horizontal form-label-left" novalidate="">
<div class="form-group">
<div class="col-md-12 col-sm-12 col-xs-12">
<label for="middle-name">Title:</label>
<input id="title" class="form-control col-md-7 col-xs-12" type="text" name="title" data-parsley-id="9"
value="<?php echo $title;?>">
</div>
</div>
<div class="form-group">
<div class="col-md-12 col-sm-12 col-xs-12">
<label for="middle-name">Blog Name:</label>
<input id="pagename" class="form-control col-md-7 col-xs-12" type="text" name="pagename" data-parsley-id="9"
value="<?php echo $page_name;?>">
</div>
</div>
<div class="form-group">
<div class="col-md-12 col-sm-12 col-xs-12">
<label for="middle-name">Blog Contents:</label>
<textarea id="editor" name="page" placeholder="Html codes..."><?php echo $page_content;?></textarea>
</div>
</div>
<br>
<div class="form-group">
<div class="col-md-12 col-sm-12 col-xs-12">
<label for="middle-name">Set Feature Image:</label>
<input id="file" class="form-control col-md-7 col-xs-12" type="file" name="file">
</div>
</div>
<div class="form-group">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<img src="<?php if($feature_img == ''){echo "images/no_image.jpg";}else{echo "../uploads/topics/".$feature_img;}?>" id="img" height="200px">
</div>
</div>
</div>
<br>
<div class="form-group">
<div class="col-md-12 col-sm-12 col-xs-12">
<label for="middle-name">Sidebar / No-sidebar:</label>
<div class="x_panel">
<label class="btn btn-default">
<input type="radio" name="sidebar" value="1" <?php echo check_side($sidebar,$id);?>>
<img src="images/sidebar.png" height="80px" width="80px">
</label>
<label class="btn btn-default">
<input type="radio" name="sidebar" value="2" <?php echo check_side0($sidebar,$id);?>>
<img src="images/nosidebar.png" height="80px" width="80px">
</label>
</div>
</div>
</div>
<br><br>
<div class="form-group">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<span class="title"></span><br>
<span class="url"></span><br>
<span class="description"></span><br>
</div>
</div>
</div>
<div class="form-group">
<div class="col-md-12 col-sm-12 col-xs-12">
<label for="middle-name">Meta Title:</label>
<input id="metatitle" class="form-control col-md-7 col-xs-12" type="text" name="metatitle" data-parsley-id="9"
value="<?php echo $meta_title;?>">
</div>
</div>
<div class="form-group">
<div class="col-md-12 col-sm-12 col-xs-12">
<label for="middle-name">Meta Description:</label>
<textarea id="metadesc" class="form-control col-md-7 col-xs-12" name="metadesc" data-parsley-id="9"><?php echo $meta_desc;?></textarea>
</div>
</div>
<div class="form-group">
<div class="col-md-12 col-sm-12 col-xs-12">
<label for="middle-name">Meta Keywords:</label>
<input id="metakeyword" class="form-control col-md-7 col-xs-12" type="text" name="metakeyword" data-parsley-id="9" value="<?php echo $meta_keywords;?>">
</div>
</div>
<input id="action" type="hidden" name="action" value="add_edit">
<input id="pageid" type="hidden" name="pageid" value="<?php echo $id;?>">
<input id="back" type="hidden" name="tolist">
<input id="featureimg" type="hidden" name="featureimg" value="<?php echo $feature_img;?>">
<div class="ln_solid"></div>
<div class="form-group">
<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
<a href="blog_post.php" class="btn btn-primary">Back To List</a>
<button type="button" onclick="updateback();" class="btn btn-success"><?php if($_GET['id'] == ''){echo "Add Topic & Close";}else{echo "Update Topic & Close";}?></button>
<button type="submit" id="submit" class="btn btn-success"><?php if($_GET['id'] == ''){echo "Add Topic";}else{echo "Update Topic";}?></button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /page content -->
<?php include "inc/footer.php";?>
</div>
</div>
<!-- jQuery -->
<script src="plugins/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="plugins/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- FastClick -->
<script src="plugins/fastclick/lib/fastclick.js"></script>
<!-- NProgress -->
<script src="plugins/nprogress/nprogress.js"></script>
<!-- Alert, Info Or Confirm Plugin -->
<script src="plugins/lobibox/lobibox.js"></script>
<script src="js/notie.js"></script>
<!-- iCheck -->
<script src="plugins/iCheck/icheck.min.js"></script>
<script src="plugins/ckeditor/ckeditor.js"></script>
<script src="plugins/ckeditor/js/sample.js"></script>
<!-- ChkEditor -->
<script>
initSample();
$(function(){
SEO();
});
function empty(){
CKEDITOR.instances["editor"].updateElement();
CKEDITOR.instances["editor"].setData('');
}
function resetform(){
$("#addblog").find('input:text').val('');
$("#addblog").find('textarea').val('');
empty();
$("#addblog").find('select').val('').change();
}
function CKupdate(){
for ( instance in CKEDITOR.instances )
CKEDITOR.instances[instance].updateElement();
}
function updateback(){
$("#back").val("1");
$("#submit").click();
}
$("form#addblog").submit(function(){
CKupdate();
deleteimg()
var formData = new FormData($(this)[0]);
$.ajax({
url: "controller/blog_ajax.php",
type: 'POST',
data: formData,
async: false,
success: function (data) {
var action= $("#back").val();
if(data == 1){
notie.alert('info', 'Topic Added Successfully', 5);
resetform();
if(action == 1){
window.open("blog_post.php","_parent");
}
}
else if(data == 2){
notie.alert('info', 'Topic Updated Successfully', 5);
if(action == 1){
window.open("blog_post.php","_parent");
}
}else{
notie.alert('error', data, 5);
}
},
cache: false,
contentType: false,
processData: false,
});
return false;
});
//Image Reader
$("#file").change(function () {
readURL(this);
});
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#img').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
//Image Delete If Update
function deleteimg(){
var fimg = $('#featureimg').val();
var file = $('#file').val().length;
if(file != 0){
$.post("controller/blog_ajax.php",{action:"deleteimg",img:fimg},function(){
})
}
}
function SEO(){
// document.URL // Full url
var pagename = $("#pagename").val();
var metatitle = $("#metatitle").val();
var metadesc = $("#metadesc").val();
//var a = window.location.pathname.split("/"); // URI Split
var host = window.location.hostname;
$(".title").html("<h3>" + metatitle + "</h3>");
$(".url").html("http://" + host + "/" + pagename);
$(".description").html(metadesc);
}
function prefix(){
var title = $("#title").val();
var prefix = title.replace(/ /g,"-");
$("#pagename").val(prefix.toLowerCase());
}
$("#addblog").on('keyup click',function(){
prefix();
SEO();
});
</script>
<!-- Custom Theme Scripts -->
<script src="js/custom.js"></script>
</body>
</html>