<div class="wrapper admin-wrapper create">
<div class="panel">
<div class="panel-heading"><h4>Add new page</h4></div>
<div class="panel-body">
<div class="form-responsive">
<form class="form form-horizontal" id="frmpage">
<div class="form-responsive">
<div class="form-responsive form-about" >
<div class="form-group">
<div class="col-md-6">
<label>Site name</label>
<select class="form-control" id="opt_site" name="opt_site">
<?php $i=0; if (isset($hosted_site)): ?>
<?php foreach ($hosted_site as $key): ?>
<option value="<?=$key->site_id?>"><?=$key->site_name?> <?php if($i == 0 ) {echo ' - (Default)'; } ?></option>
<?php $i++; endforeach ?>
<?php endif ?>
<?php
?>
</select>
</div>
<div class="col-md-6">
<label>Parent <a href="#" class="btn add-parent" style="padding: 5px;margin-top: -10px;font-size: 12px;" data-toggle="modal" data-target="#parent-modal" ><i class="fa fa-plus"></i></a></label>
<div class="select-parent">
</div>
<select class="form-control" id="opt_parent" name="opt_parent">
<?php if (isset($parents)): ?>
<?php foreach ($parents as $key): ?>
<option value="<?=$key->page_id?>"><?=$key->page_title?></option>
<?php endforeach ?>
<?php endif ?>
<?php
?>
</select>
</div>
<div class="col-md-12">
<label>Page title</label>
<input type="text" class="form-control" id="title" name="title" required>
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<label>Page content</label><textarea id="desc" name="desc" class="form-control" rows="12">
</textarea>
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<label></label><button type="submit" class="btn btn-success" id="btnpage">Publish</button> <button class="btn btn-warning pull-right hidden">Unpublish</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- category modal -->
<div class="row">
<!-- Modal -->
<div id="parent-modal" class="modal fade" role="dialog">
<div class="modal-bg hidden">
<!--span class="loader"></span -->
<progress id="progressBar" value="0" maximum="100" style="width:300px;"></progress>
<h3 id="status"></h3>
<p id="loaded_n_total"></p>
</div>
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Parent name</h4>
</div>
<div class="modal-body">
<p><div class="err_msg hidden"></div>
<form action="<?=site_url("pages/add_parent")?>" nam='frmparent' id="frmparent" method="post">
<div class="form-group">
<input type="text" name="parent_title" id="parent_title" class="form-control" /><br />
</div>
<div class="form-group">
<label>Site name</label>
<select class="form-control" id="parent_site_id" name="parent_site_id">
<?php $i=0; if (isset($hosted_site)): ?>
<?php foreach ($hosted_site as $key): ?>
<option value="<?=$key->site_id?>"><?=$key->site_name?> <?php if($i == 0 ) {echo ' - (Default)'; } ?></option>
<?php $i++; endforeach ?>
<?php endif ?>
<?php
?>
</select>
</div>
<div class="form-group">
<button class="btn btn-sm btn-info upload" type="submit" id="addparent">Add</button>
</div>
<div class="progress progress-striped active" style="width:100%">
<div class="progress-bar" style="width:0%;"></div>
</div>
<div class="form-group" style="max-width:400px;">
<input type="hidden" id="isselected" value="0">
</div>
</form>
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" onClick="clearform('frmcat');">Close</button>
</div>
</div>
</div>
</div>
</div>
<style>
/*to disable the upload image from computer uncomment this css code.*/
.note-group-select-from-files {
display: none;
}
</style>
<script type="text/javascript">
$('#frmpage').on('submit',function(){
var data = $(this).serialize();
//console.log(data);
//return false;
$.ajax({
type: 'post',
url: '<?=site_url('pages/save_page');?>',
data: data,
dataType:'json',
success: function (resp) {
//console.clear();
//console.log(resp);
if(resp.stats == true){
$('.user-profile').notify('Page added succesfully.', { position:"bottom right", className:"success"
});
setTimeout(function(){
window.location.reload() = true;
},2000);
}else{
$('.user-profile').notify('Page not added!', { position:"bottom right", className:"error" });
}
}
});
return false;
});
</script>
<script type="text/javascript">
$('#frmparent').on('submit',function(){
var data = $(this).serialize(); /*'opt_site='+site+'&opt_parent='+parent+'&title='+page_title+'&desc='+content;*/
$.ajax({
type: 'post',
url: '<?=site_url('pages/add_parent');?>',
data: data,
dataType:'json',
success: function (resp) {
//console.clear();
//console.log(resp);
if(resp.stats == true){
$('#opt_site').change();
}else{
console.log(resp);
}
}
});
return false;
});
</script>
<script type="text/javascript">
$('#opt_site').on('change',function(){
var data = $(this).val();
$.ajax({
type: 'post',
url: '<?=site_url('pages/get_parent');?>',
data: 'opt_site='+data,
dataType:'json',
success: function (resp) {
//console.clear();
//console.log(resp);
if(resp.stats == true){
//$('#opt_parent').innerHTML(resp.msg);
$('#opt_parent').empty();
$('#opt_parent').html(resp.msg);
}else{
$('#opt_parent').empty();
$('#opt_parent').html(resp.msg);
}
}
});
return false;
});
</script>
<script type="text/javascript">
$('.add-parent').on('click',function(){
var selected = $('#opt_site').val();
$("#parent_site_id option[value="+selected+"]").attr('selected', 'selected');
});
function clearform(){
}
$( document ).ready(function() {
$('#opt_site').change();
});
</script>
|
Download
