bludit/bl-kernel/admin/views/edit-content.php

290 lines
7.6 KiB
PHP
Raw Normal View History

2018-05-02 19:59:45 +02:00
<!-- TABS -->
<ul class="nav nav-tabs" id="dynamicTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="content-tab" data-toggle="tab" href="#content" role="tab" aria-controls="content" aria-selected="true">Content</a>
</li>
<li class="nav-item">
<a class="nav-link" id="images-tab" data-toggle="tab" href="#images" role="tab" aria-controls="images" aria-selected="false">Images</a>
</li>
<li class="nav-item">
<a class="nav-link " id="options-tab" data-toggle="tab" href="#options" role="tab" aria-controls="options" aria-selected="false">Options</a>
</li>
</ul>
<?php
2018-05-08 00:15:40 +02:00
echo Bootstrap::formOpen(array(
'id'=>'jsform',
2018-06-03 21:51:47 +02:00
'class'=>'tab-content mt-1'
2018-05-08 00:15:40 +02:00
));
2018-05-02 19:59:45 +02:00
// Token CSRF
echo Bootstrap::formInputHidden(array(
'name'=>'tokenCSRF',
'value'=>$Security->getTokenCSRF()
));
2017-07-05 22:55:03 +02:00
2018-05-02 19:59:45 +02:00
// Parent
echo Bootstrap::formInputHidden(array(
2017-07-05 22:55:03 +02:00
'name'=>'parent',
2018-05-02 19:59:45 +02:00
'value'=>$page->parent()
2017-07-05 22:55:03 +02:00
));
2015-10-19 00:45:58 +02:00
2018-05-08 00:15:40 +02:00
// UUID
echo Bootstrap::formInputHidden(array(
'name'=>'uuid',
2018-05-08 23:25:18 +02:00
'value'=>$page->uuid()
2018-05-08 00:15:40 +02:00
));
2018-05-02 19:59:45 +02:00
// Status = published, draft, sticky, static
echo Bootstrap::formInputHidden(array(
'name'=>'status',
'value'=>$page->status()
));
2015-10-19 00:45:58 +02:00
2018-05-02 19:59:45 +02:00
// Page current key
echo Bootstrap::formInputHidden(array(
'name'=>'key',
'value'=>$page->key()
));
2018-05-08 23:25:18 +02:00
// Cover image
echo Bootstrap::formInputHidden(array(
'name'=>'coverImage',
'value'=>$page->coverImage()
));
2018-05-02 19:59:45 +02:00
?>
<!-- TABS CONTENT -->
<div class="tab-pane show active" id="content" role="tabpanel" aria-labelledby="content-tab">
2018-06-03 21:51:47 +02:00
<div class="form-group m-0">
<input value="<?php echo $page->title() ?>" class="form-control form-control-lg rounded-0 " id="jstitle" name="title" placeholder="Enter title" type="text">
</div>
2018-05-02 19:59:45 +02:00
2018-06-03 21:51:47 +02:00
<div class="form-group mt-1">
<div id="jscontent" name="content"><?php echo $page->contentRaw(false) ?></div>
2018-05-02 19:59:45 +02:00
</div>
<div class="form-group mt-2">
2018-05-08 23:25:18 +02:00
<button id="jsbuttonSave" type="submit" class="btn btn-primary"><?php echo $page->draft()?$L->g('Publish'):$L->g('Save') ?></button>
<button id="jsbuttonDraft" type="button" class="btn"><?php echo $L->g('Save as draft') ?></button>
2018-05-08 00:15:40 +02:00
<a href="<?php echo HTML_PATH_ADMIN_ROOT ?>dashboard" class="btn"><?php echo $L->g('Cancel') ?></a>
2018-05-02 19:59:45 +02:00
</div>
</div>
<!-- TABS IMAGES -->
<div class="tab-pane" id="images" role="tabpanel" aria-labelledby="images-tab">
<?php
echo Bootstrap::formTitle(array('title'=>'Select images'));
?>
<button type="button" class="btn" data-toggle="modal" data-target="#jsbluditMediaModal">Media Manager</button>
<?php
echo Bootstrap::formTitle(array('title'=>'Cover image'));
$coverImage = $page->coverImage(false);
$externalCoverImage = '';
if (filter_var($coverImage, FILTER_VALIDATE_URL)) {
$coverImage = '';
$externalCoverImage = $page->coverImage(false);
}
?>
<img class="img-thumbnail" alt="200x200" src="<?php echo $coverImage ?>" data-holder-rendered="true" style="width: 100px; height: 100px;">
<?php
echo Bootstrap::formTitle(array('title'=>'External Cover image'));
?>
<?php
echo Bootstrap::formInputTextBlock(array(
'name'=>'externalCoverImage',
'placeholder'=>'https://',
'value'=>$externalCoverImage,
'tip'=>'Set a cover image from external URL, such as a CDN or some server dedicate for images.'
));
?>
</div>
<!-- TABS OPTIONS -->
<div class="tab-pane" id="options" role="tabpanel" aria-labelledby="options-tab">
<?php
echo Bootstrap::formTitle(array('title'=>'General'));
// Category
echo Bootstrap::formSelect(array(
'name'=>'category',
'label'=>'Category',
2018-05-08 00:15:40 +02:00
'selected'=>$page->categoryKey(),
'options'=>$dbCategories->getKeyNameArray()
2018-05-02 19:59:45 +02:00
));
// Tags
echo Bootstrap::formInputText(array(
'name'=>'tags',
'label'=>'Tags',
2018-05-08 00:15:40 +02:00
'value'=>$page->tags(),
2018-05-02 19:59:45 +02:00
'placeholder'=>'Tags separeted by comma'
));
// Description
echo Bootstrap::formTextarea(array(
'name'=>'description',
'label'=>'Description',
'placeholder'=>'Small description about the content',
2018-05-08 00:15:40 +02:00
'rows'=>'4',
'value'=>$page->description()
2018-05-02 19:59:45 +02:00
));
echo Bootstrap::formTitle(array('title'=>'Advanced'));
// Date
echo Bootstrap::formInputText(array(
'name'=>'date',
'label'=>'Date',
'placeholder'=>'YYYY-MM-DD hh:mm:ss',
'value'=>$page->dateRaw()
));
// Type
echo Bootstrap::formSelect(array(
'name'=>'type',
'label'=>'Type',
2018-05-08 00:15:40 +02:00
'selected'=>$page->status(),
2018-05-02 19:59:45 +02:00
'options'=>array(
''=>'- Default -',
'sticky'=>'Sticky',
'static'=>'Static'
)
));
// Parent
echo Bootstrap::formInputText(array(
'name'=>'parentTMP',
'label'=>'Parent',
2018-05-08 00:15:40 +02:00
'placeholder'=>'Start writing the title of the page parent',
'value'=>($page->parent()?$page->parentMethod('title'):'')
2018-05-02 19:59:45 +02:00
));
// Position
echo Bootstrap::formInputText(array(
'name'=>'position',
'label'=>'Position',
'placeholder'=>'',
'value'=>$page->position()
));
// Friendly URL
echo Bootstrap::formInputText(array(
'name'=>'slug',
'label'=>'Friendly URL',
2018-05-08 00:15:40 +02:00
'value'=>$page->slug(),
2018-05-02 19:59:45 +02:00
'placeholder'=>'Leave empty for automaticly complete'
));
// Template
echo Bootstrap::formInputText(array(
'name'=>'template',
'label'=>'Template',
2018-05-08 00:15:40 +02:00
'placeholder'=>'',
'value'=>$page->template()
2018-05-02 19:59:45 +02:00
));
?>
</div>
</form>
2015-05-05 03:00:01 +02:00
<script>
2018-05-02 19:59:45 +02:00
$(document).ready(function() {
2017-01-10 17:43:38 +01:00
2018-05-08 23:25:18 +02:00
// Button Save
$("#jsbuttonSave").on("click", function() {
$("#jsstatus").val("published");
$("#jsform").submit();
});
2017-01-10 17:43:38 +01:00
// Button Save as draft
2018-05-08 23:25:18 +02:00
$("#jsbuttonDraft").on("click", function() {
2017-01-10 17:43:38 +01:00
$("#jsstatus").val("draft");
2018-05-08 23:25:18 +02:00
$("#jsform").submit();
2017-01-10 17:43:38 +01:00
});
2018-05-08 23:25:18 +02:00
// External cover image
$("#jsexternalCoverImage").change(function() {
$("#jscoverImage").val( $(this).val() );
});
// Type selector modified the status hidden field
2018-05-02 19:59:45 +02:00
$("#jstype").on("change", function() {
var status = $("#jstype option:selected").val();
$("#jsstatus").val(status);
});
2017-01-10 17:43:38 +01:00
2018-05-08 23:25:18 +02:00
// Generate slug when the user type the title
$("#jstitle").keyup(function() {
var text = $(this).val();
var parent = $("#jsparent").val();
var currentKey = "";
var ajax = new bluditAjax();
ajax.generateSlug(text, parent, currentKey, $("#jsslug"));
});
// Autosave interval
setInterval(function() {
2018-05-08 00:15:40 +02:00
var uuid = $("#jsuuid").val();
var title = $("#jstitle").val();
2018-05-08 23:25:18 +02:00
var content = editorGetContent();
var ajax = new bluditAjax();
// showAlert is the function to display an alert defined in alert.php
ajax.autosave(uuid, title, content, showAlert);
2018-06-03 21:51:47 +02:00
},1000*60*<?php echo $GLOBALS['AUTOSAVE_TIME'] ?>);
2018-05-08 00:15:40 +02:00
2018-05-02 19:59:45 +02:00
// Template autocomplete
$('input[name="template"]').autoComplete({
minChars: 2,
source: function(term, suggest){
term = term.toLowerCase();
var choices = ['ActionScript', 'Acti', 'Asp'];
var matches = [];
for (i=0; i<choices.length; i++)
if (~choices[i].toLowerCase().indexOf(term)) matches.push(choices[i]);
suggest(matches);
2017-01-10 17:43:38 +01:00
}
});
2015-07-04 02:14:58 +02:00
2018-05-02 19:59:45 +02:00
// Parent autocomplete
var parentsXHR;
var parentsList; // Keep the parent list returned to get the key by the title page
$("#jsparentTMP").autoComplete({
source: function(term, response) {
// Prevent call inmediatly another ajax request
try { parentsXHR.abort(); } catch(e){}
parentsXHR = $.getJSON("<?php echo HTML_PATH_ADMIN_ROOT ?>ajax/get-parents", {query: term},
function(data) {
parentsList = data;
term = term.toLowerCase();
var matches = [];
for (var title in data) {
if (~title.toLowerCase().indexOf(term))
matches.push(title);
}
response(matches);
});
},
onSelect: function(e, term, item) {
var parentKey = parentsList[term];
$("#jsparent").attr("value", parentKey);
2018-01-21 23:23:22 +01:00
}
});
2015-05-05 03:00:01 +02:00
});
2018-05-02 19:59:45 +02:00
</script>
2015-05-05 03:00:01 +02:00
2018-05-02 19:59:45 +02:00
<?php
// Include Bludit Media Manager
include(PATH_ADMIN_THEMES.'booty/html/media.php');
2018-05-08 00:15:40 +02:00
?>