ok
Mini Shell
<script src="<?php echo base_url(); ?>backend/plugins/ckeditor/ckeditor.js"></script>
<style type="text/css">
.material-switch > input[type="checkbox"] {
display: none;
}
.material-switch > label {
cursor: pointer;
height: 0px;
position: relative;
width: 40px;
}
.material-switch > label::before {
background: rgb(0, 0, 0);
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
border-radius: 8px;
content: '';
height: 16px;
margin-top: -8px;
position:absolute;
opacity: 0.3;
transition: all 0.4s ease-in-out;
width: 40px;
}
.material-switch > label::after {
background: rgb(255, 255, 255);
border-radius: 16px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
content: '';
height: 24px;
left: -4px;
margin-top: -8px;
position: absolute;
top: -4px;
transition: all 0.3s ease-in-out;
width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
background: inherit;
opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
background: inherit;
left: 20px;
}
</style>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
<i class="fa fa-empire"></i> <?php echo $this->lang->line('front_cms'); ?>
</h1>
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<form id="form1" action="<?php echo site_url('admin/front/page/create') ?>" enctype="multipart/form-data" id="employeeform" name="employeeform" method="post" accept-charset="utf-8">
<div class="col-md-9">
<!-- Horizontal Form -->
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title"><?php echo $this->lang->line('add_page'); ?></h3>
</div><!-- /.box-header -->
<!-- form start -->
<div class="box-body">
<?php if ($this->session->flashdata('msg')) { ?>
<?php echo $this->session->flashdata('msg') ?>
<?php } ?>
<?php
if (isset($error_message)) {
echo "<div class='alert alert-danger'>" . $error_message . "</div>";
}
?>
<?php echo $this->customlib->getCSRF(); ?>
<div class="form-group">
<label for="exampleInputEmail1"><?php echo $this->lang->line('title'); ?></label><small class="req"> *</small>
<input id="title" name="title" placeholder="" type="text" class="form-control" value="<?php echo set_value('title'); ?>" />
<span class="text-danger"><?php echo form_error('title'); ?></span>
</div>
<div class="form-group">
<label class="pr20"><?php echo $this->lang->line('page_type'); ?></label>
<?php
foreach ($category as $cat_key => $cat_value) {
?>
<label class="radio-inline">
<input type="radio" value="<?php echo $cat_key ?>" name="content_category" <?php echo set_radio('content_category', $cat_key, (set_value('content_category', 'standard') == $cat_key) ? TRUE : FALSE ) ?> > <?php echo $this->lang->line($cat_key) ?> </label>
<?php
}
?>
<span class="text-danger"></span>
</div>
<div class="dividerhr"></div>
<div class="formgroup10 mb10"> <!-- Submit button !-->
<label for="exampleInputEmail1"><?php echo $this->lang->line('description'); ?></label>
<button type="button" class="btn btn-primary btn-sm pull-right" id="media_images" data-toggle="modal" data-target="#mediaModal"><i class="fa fa-plus"></i>
<?php echo $this->lang->line('add_media'); ?>
</button>
</div>
<div class="form-group">
<textarea id="editor1" name="description" placeholder="" type="text" class="form-control ss" >
<?php echo set_value('description'); ?>
</textarea>
<span class="text-danger"><?php echo form_error('description'); ?></span>
</div>
</div><!-- /.box-body -->
</div>
<div class="panel box box-primary collapsed-box">
<div class="box-header with-border">
<a class="btn boxplus" data-widget="collapse" data-original-title="Collapse"><?php echo $this->lang->line('seo_detail'); ?><i class="fa fa-plus"></i>
</a>
</div>
<div class="box-body">
<div class="form-group">
<label for="exampleInputEmail1"><?php echo $this->lang->line('meta_title'); ?></label>
<input id="meta_title" name="meta_title" placeholder="" type="text" class="form-control" value="<?php echo set_value('meta_title'); ?>" />
<span class="text-danger"><?php echo form_error('meta_title'); ?></span>
</div>
<div class="form-group">
<label for="exampleInputEmail1"><?php echo $this->lang->line('meta_keyword'); ?></label>
<input id="meta_keywords" name="meta_keywords" placeholder="" type="text" class="form-control" value="<?php echo set_value('meta_keywords'); ?>" />
<span class="text-danger"><?php echo form_error('meta_keywords'); ?></span>
</div>
<div class="form-group">
<label for="exampleInputEmail1"><?php echo $this->lang->line('meta_description'); ?></label>
<textarea id="editor1" name="meta_description" placeholder="" type="text" class="form-control"><?php echo set_value('meta_description'); ?></textarea>
<span class="text-danger"><?php echo form_error('meta_description'); ?></span>
</div>
</div></div>
</div><!--/.col (right) -->
<!-- left column -->
<div class="col-md-3 col-sm-12">
<div class="uploadbarfixes">
<!-- page settings -->
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title"><?php echo $this->lang->line('sidebar_setting'); ?></h3>
<div class="box-tools pull-right">
<!-- Buttons, labels, and many other things can be placed here! -->
<!-- Here is a label for example -->
<button class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" data-placement="left" title="Collapse"><i class="fa fa-minus"></i></button>
</div><!-- /.box-tools -->
</div><!-- /.box-header -->
<div class="box-body">
<div class="form-group">
<label for="exampleInputEmail1"><?php echo $this->lang->line('sidebar'); ?></label>
<div class="material-switch pull-right">
<input id="sidebar" name="sidebar" type="checkbox" class="chk" value="1" />
<label for="sidebar" class="label-success"></label>
</div>
</div>
</div><!-- /.box-body -->
</div><!-- /.box -->
<!-- page image -->
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title"><?php echo $this->lang->line('featured_image'); ?></h3>
<div class="box-tools pull-right">
<!-- Buttons, labels, and many other things can be placed here! -->
<!-- Here is a label for example -->
<button class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" data-placement="left" title="Collapse"><i class="fa fa-minus"></i></button>
</div><!-- /.box-tools -->
</div><!-- /.box-header -->
<div class="box-body">
<div class="form-group">
<div class="input-group input-group-sm">
<input class="form-control iframe-btn" placeholder="<?php echo $this->lang->line('select_image'); ?>" type="text" name="image" id="image">
<span class="input-group-btn">
<a href="#" class="btn cfees feture_image_btn" id="feture_image" data-toggle="tooltip" data-title="<?php echo $this->lang->line('select_image'); ?>" type="button" ><i class="fa fa-folder-open"></i></a>
<a href="#" class="btn removegraybtn delete_media" id="image" data-toggle="tooltip" data-title="<?php echo $this->lang->line('delete'); ?>" type="button"><i class="fa fa-trash"></i></a>
</span>
</div>
<div id="image_preview" class="thumbnail" style="margin-top: 10px; display: none">
<img src="" class="img-responsive feature_image_url" >
</div>
</div>
</div><!-- /.box-body -->
</div><!-- /.box -->
<!-- Save button -->
<div class="box box-primary">
<div class="box-body">
<button type="submit" class="btn cfees btn-block"><i class="fa fa-save"></i> <?php echo $this->lang->line('save'); ?></button>
</div><!-- /.box-body -->
</div><!-- /.box -->
</div>
</div><!-- /.col-md-4 -->
</form>
</div>
</section><!-- /.content -->
</div><!-- /.content-wrapper -->
<script>
$(document).ready(function () {
var popup_target = 'media_images';
var date_format = '<?php echo $result = strtr($this->customlib->getSchoolDateFormat(), ['d' => 'dd', 'm' => 'mm', 'Y' => 'yyyy',]) ?>';
$('.date').datepicker({
// format: "dd-mm-yyyy",
format: date_format,
autoclose: true
});
CKEDITOR.replace('editor1',
{
fullPage: true,
allowedContent: true
});
$('#mediaModal').modal({
backdrop: 'static',
keyboard: false,
show: false
});
$(document).on('click', '.feture_image_btn', function (event) {
// $('#mediaModal').modal("show");
$("#mediaModal").modal('toggle', $(this));
});
$('#mediaModal').on('show.bs.modal', function (event) {
var a = $(event.relatedTarget) // Button that triggered the modal
popup_target = a[0].id;
var button = $(event.relatedTarget) // Button that triggered the modal
console.log(button);
var $modalDiv = $(event.delegateTarget);
$('.modal-media-body').html("");
$.ajax({
type: "POST",
url: baseurl + "admin/front/media/getMedia",
dataType: 'text',
data: {},
beforeSend: function () {
$modalDiv.addClass('modal_loading');
},
success: function (data) {
$('.modal-media-body').html(data);
},
error: function (xhr) { // if error occured
$modalDiv.removeClass('modal_loading');
},
complete: function () {
$modalDiv.removeClass('modal_loading');
},
});
});
$('.detail_popover').popover({
placement: 'right',
trigger: 'hover',
container: 'body',
html: true,
content: function () {
return $(this).closest('td').find('.fee_detail_popover').html();
}
});
$(document).on('click', '.img_div_modal', function (event) {
$('.img_div_modal div.fadeoverlay').removeClass('active');
$(this).closest('.img_div_modal').find('.fadeoverlay').addClass('active');
});
$(document).on('click', '.add_media', function (event) {
var content_html = $('div#media_div').find('.fadeoverlay.active').find('img').data('img');
var is_image = $('div#media_div').find('.fadeoverlay.active').find('img').data('is_image');
var content_name = $('div#media_div').find('.fadeoverlay.active').find('img').data('content_name');
var content_type = $('div#media_div').find('.fadeoverlay.active').find('img').data('content_type');
var vid_url = $('div#media_div').find('.fadeoverlay.active').find('img').data('vid_url');
var content = "";
if (popup_target === "media_images") {
if (typeof content_html !== "undefined") {
if (is_image === 1) {
content = '<img src="' + content_html + '">';
} else if (content_type == "video") {
var youtubeID = YouTubeGetID(vid_url);
content = '<iframe id="video" width="420" height="315" src="//www.youtube.com/embed/' + youtubeID + '?rel=0" frameborder="0" allowfullscreen></iframe>';
} else {
content = '<a href="' + content_html + '">' + content_name + '</a>';
}
InsertHTML(content);
$('#mediaModal').modal('hide');
}
} else {
if (is_image === 1) {
addImage(content_html);
} else {
//error show
}
$('#mediaModal').modal('hide');
}
});
function YouTubeGetID(url) {
var ID = '';
url = url.replace(/(>|<)/gi, '').split(/(vi\/|v=|\/v\/|youtu\.be\/|\/embed\/)/);
if (url[2] !== undefined) {
ID = url[2].split(/[^0-9a-z_\-]/i);
ID = ID[0];
} else {
ID = url;
}
return ID;
}
$(document).on("click", ".pagination li a", function (event) {
event.preventDefault();
var page = $(this).data("ci-pagination-page");
load_country_data(page);
});
});
function addImage(content_html) {
$('.feature_image_url').attr('src', content_html);
$('#image').val(content_html);
$('#image_preview').css("display", "block");
}
$(document).on('click', '.delete_media', function () {
$('.feature_image_url').attr('src', '');
$('#image').val('');
$('#image_preview').css("display", "none");
});
function InsertHTML(content_html) {
console.log(content_html);
// Get the editor instance that we want to interact with.
var editor = CKEDITOR.instances.editor1;
// Check the active editing mode.
if (editor.mode == 'wysiwyg')
{
editor.insertHtml(content_html);
} else
alert('You must be in WYSIWYG mode!');
}
</script>
<!-- Modal -->
<div class="modal fade" id="mediaModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog pup100" role="document">
<div class="modal-content modal-media-content">
<div class="modal-header modal-media-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title modal-media-title" id="myModalLabel"><?php echo $this->lang->line('media_manager'); ?></h4>
</div>
<div class="modal-body modal-media-body pupscroll">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal"><?php echo $this->lang->line('cancel'); ?></button>
<button type="button" class="btn btn-primary add_media"><?php echo $this->lang->line('add'); ?></button>
</div>
</div>
</div>
</div>
Zerion Mini Shell 1.0