201 lines
11 KiB
PHP
201 lines
11 KiB
PHP
<?php if (!defined('HTMLY')) die('HTMLy'); ?>
|
|
<?php $images = image_gallery(null, 1, 40); ?>
|
|
<link rel="stylesheet" type="text/css" href="<?php echo site_url() ?>system/admin/editor/css/editor.css"/>
|
|
<script src="<?php echo site_url() ?>system/resources/js/jquery.min.js"></script>
|
|
<script src="<?php echo site_url() ?>system/resources/js/jquery-ui.min.js"></script>
|
|
<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/Markdown.Converter.js"></script>
|
|
<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/Markdown.Sanitizer.js"></script>
|
|
<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/Markdown.Editor.js"></script>
|
|
<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/Markdown.Extra.js"></script>
|
|
<link rel="stylesheet" href="<?php echo site_url() ?>system/resources/css/jquery-ui.css">
|
|
|
|
<?php if (isset($error)) { ?>
|
|
<div class="error-message"><?php echo $error ?></div>
|
|
<?php } ?>
|
|
<div class="notice" id="response"></div>
|
|
<div class="row">
|
|
<div class="hide-button" style="margin-bottom:1em;width:100%;text-align:right;"><button type="button" title="<?php echo i18n('Focus_mode');?>" id="hideButton" class="note-btn btn btn-sm <?php echo ((config('admin.theme') === 'light' || is_null(config('admin.theme'))) ? "btn-light" : "btn-dark");?>" style="width:38px;height:38px;font-size:18px;" ><i class="fa fa-eye" aria-hidden="true"></i></button></div>
|
|
<div class="wmd-panel" style="width:100%;">
|
|
<form method="POST">
|
|
<div id="post-settings" class="row">
|
|
<div class="col-sm-6">
|
|
<label for="pTitle"><?php echo i18n('Title');?> <span class="required">*</span></label>
|
|
<input type="text" class="form-control text <?php if (isset($postTitle)) {if (empty($postTitle)) {echo 'error';}} ?>" id="pTitle" name="title" value="<?php if (isset($postTitle)) {echo $postTitle;} ?>"/>
|
|
<br>
|
|
<label for="pMeta"><?php echo i18n('Meta_description');?> (<?php echo i18n('optional');?>)</label>
|
|
<textarea id="pMeta" class="form-control" name="description" rows="3" cols="20" placeholder="<?php echo i18n('If_left_empty_we_will_excerpt_it_from_the_content_below');?>"><?php if (isset($p->description)) {echo $p->description;} ?></textarea>
|
|
<br>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<?php if ($type == 'is_page' || $type == 'is_subpage') :?>
|
|
<label for="pURL"><?php echo i18n('Slug');?> (<?php echo i18n('optional');?>)</label>
|
|
<input type="text" class="form-control text" id="pURL" name="url" value="<?php if (isset($postUrl)) {echo $postUrl;} ?>" placeholder="<?php echo i18n('If_the_url_is_left_empty_we_will_use_the_page_title');?>"/>
|
|
<br>
|
|
<?php endif;?>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-12" style="text-align:right;">
|
|
<button class="note-btn btn btn-sm <?php echo ((config('admin.theme') === 'light' || is_null(config('admin.theme'))) ? "btn-light" : "btn-dark");?>" style="width:38px;height:38px;font-size:18px;" type="button" title="Toggle <?php echo i18n('Preview');?>" id="preview-toggle" class="btn btn-secondary btn-xs"><i class="fa fa-columns" aria-hidden="true"></i></button>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-6" id="editor-col">
|
|
<label for="wmd-input"><?php echo i18n('Content');?> <span class="required">*</span></label>
|
|
<div id="wmd-button-bar" class="wmd-button-bar"></div>
|
|
<textarea id="wmd-input" class="form-control wmd-input <?php if (isset($postContent)) {if (empty($postContent)) {echo 'error';}} ?>" name="content" cols="20" rows="10"><?php if (isset($postContent)) {echo $postContent;} ?></textarea>
|
|
<br>
|
|
<input type="hidden" id="pType" name="posttype" value="<?php echo $type; ?>">
|
|
<input id="oldfile" type="hidden" name="oldfile" class="text"/>
|
|
<input type="hidden" name="csrf_token" value="<?php echo get_csrf() ?>">
|
|
<?php if ($type == 'is_page' || $type == 'is_subpage') :?>
|
|
<input type="submit" name="submit" class="btn btn-primary submit" value="<?php echo i18n('Publish');?>"/> <input type="submit" name="draft" class="btn btn-primary draft" value="<?php echo i18n('Save_as_draft');?>"/>
|
|
<?php endif;?>
|
|
<?php if ($type == 'is_category') :?>
|
|
<input type="submit" name="submit" class="btn btn-primary submit" value="<?php echo i18n('Add_category');?>"/>
|
|
<?php endif;?>
|
|
</div>
|
|
<div class="col-sm-6" id="preview-col">
|
|
<label><?php echo i18n('Preview');?></label>
|
|
<br>
|
|
<div id="wmd-preview" class="wmd-panel wmd-preview <?php if (config('admin.theme') === 'dark'){echo "card";}?>" style="width:100%;overflow:auto;"></div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<style>
|
|
.wmd-prompt-background {z-index:10!important;}
|
|
#wmd-preview img {max-width:100%;}
|
|
.cover-container {
|
|
overflow: auto;
|
|
max-height: 65vh;
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
}
|
|
.cover-item {
|
|
position: relative;
|
|
margin: 2px 2px;
|
|
border-top-right-radius: 2px;
|
|
width: 190px;
|
|
height: 140px;
|
|
vertical-align: top;
|
|
background-position: top left;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
float:left;
|
|
}
|
|
</style>
|
|
|
|
<div class="modal fade" id="insertImageDialog" tabindex="-1" role="dialog" aria-labelledby="insertImageDialogTitle" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<p class="modal-title" id="insertImageDialogTitle"><?php echo i18n('Insert_Image');?></p>
|
|
<button type="button" class="close" id="insertImageDialogClose" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-9">
|
|
<div class="form-group">
|
|
<div class="row-fluid img-container" id="gallery-1">
|
|
<?php echo $images;?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="form-group">
|
|
<label for="insertImageDialogURL">URL</label>
|
|
<textarea class="form-control" id="insertImageDialogURL" rows="5" placeholder="<?php echo i18n('Enter_image_URL');?>" ></textarea>
|
|
</div>
|
|
<hr>
|
|
<div class="form-group">
|
|
<label for="insertImageDialogFile"><?php echo i18n('Upload');?></label>
|
|
<input type="file" class="form-control-file" name="file" id="insertImageDialogFile" accept="image/png,image/jpeg,image/gif" />
|
|
</div>
|
|
<hr>
|
|
<div class="form-group">
|
|
<button type="button" class="btn btn-primary" id="insertImageDialogInsert"><?php echo i18n('Insert_Image');?></button>
|
|
<button type="button" class="btn btn-secondary" id="insertImageDialogCancel" data-dismiss="modal"><?php echo i18n('Cancel');?></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Declare the base path. Important -->
|
|
<script type="text/javascript">
|
|
var base_path = '<?php echo site_url() ?>';
|
|
var initial_image = '<?php echo $images;?>';
|
|
var parent_page = '<?php echo isset($parent) ? $parent : '';?>';
|
|
var addEdit = 'add';
|
|
var saveInterval = 60000;
|
|
</script>
|
|
<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/editor.js"></script>
|
|
<script>
|
|
function loadImages(page) {
|
|
$.ajax({
|
|
url: '<?php echo site_url();?>admin/gallery',
|
|
type: 'POST',
|
|
data: { page: page },
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
$('#gallery-1').html(response.images);
|
|
$('#gallery-2').html(response.images);
|
|
}
|
|
});
|
|
}
|
|
|
|
$('.img-container').on("click", ".the-img", function(e) {
|
|
$('#insertMediaDialogURL').val($(e.target).attr('src'));
|
|
$('#insertImageDialogURL').val($(e.target).attr('src'));
|
|
});
|
|
</script>
|
|
<script>
|
|
function toggleDivs() {
|
|
var div1 = document.getElementById('post-settings');
|
|
if (div1.style.display === 'none') {
|
|
div1.style.display = '';
|
|
document.body.classList.add("sidebar-mini");
|
|
document.body.classList.remove("sidebar-collapse");
|
|
} else {
|
|
div1.style.display = 'none';
|
|
document.body.classList.remove("sidebar-mini");
|
|
document.body.classList.add("sidebar-collapse");
|
|
}
|
|
}
|
|
document.getElementById('hideButton').addEventListener('click', toggleDivs);
|
|
</script>
|
|
<?php if (config('autosave.enable') == 'true' ):?>
|
|
<?php if ($type == 'is_page' || $type == 'is_subpage') :?>
|
|
<script src="<?php echo site_url();?>system/resources/js/save_draft.js?v=1"></script>
|
|
<?php endif;?>
|
|
<?php endif;?>
|
|
<script>
|
|
if (localStorage.getItem("preview-state") === "open") {
|
|
document.getElementById("editor-col").classList.remove('col-sm-12');
|
|
document.getElementById("editor-col").classList.add('col-sm-6');
|
|
document.getElementById("preview-col").style.display = '';
|
|
} else if (localStorage.getItem("preview-state") === "close") {
|
|
document.getElementById("editor-col").classList.remove('col-sm-6');
|
|
document.getElementById("editor-col").classList.add('col-sm-12');
|
|
document.getElementById("preview-col").style.display = 'none';
|
|
}
|
|
document.getElementById("preview-toggle").addEventListener("click", () => {
|
|
if (document.getElementById("editor-col").className.includes("col-sm-6")) {
|
|
document.getElementById("editor-col").classList.remove('col-sm-6');
|
|
document.getElementById("editor-col").classList.add('col-sm-12');
|
|
document.getElementById("preview-col").style.display = 'none';
|
|
localStorage.setItem("preview-state", 'close');
|
|
} else {
|
|
document.getElementById("editor-col").classList.remove('col-sm-12');
|
|
document.getElementById("editor-col").classList.add('col-sm-6');
|
|
document.getElementById("preview-col").style.display = '';
|
|
localStorage.setItem("preview-state", 'open');
|
|
}
|
|
})
|
|
</script>
|