Add page navbar options (close #21)

master
Skylar Ittner 6 years ago
parent f1e1429801
commit 4f61e4c4b6

@ -88,21 +88,46 @@ switch ($VARS['action']) {
if (is_empty($VARS['template'])) {
returnToSender("invalid_parameters", $VARS['siteid']);
}
$nav = null;
if ($VARS['innavbar'] == 1) {
if (is_empty($VARS['navbartitle'])) {
returnToSender("invalid_parameters", $VARS['siteid']);
}
$nav = $VARS['navbartitle'];
}
$template = preg_replace("/[^A-Za-z0-9]/", '', $VARS['template']);
$theme = $database->get("sites", "theme", ["siteid" => $VARS['siteid']]);
if (!file_exists(__DIR__ . "/public/themes/$theme/$template.php")) {
returnToSender("template_missing", $VARS['siteid']);
}
$database->update(
"pages", [
$settings = [
"title" => $VARS['title'],
"template" => $VARS['template']
], [
"template" => $VARS['template'],
'nav' => $nav
];
if (is_null($nav)) {
$settings["navorder"] = null;
}
$database->update(
"pages", $settings, [
"AND" => [
"siteid" => $VARS['siteid'],
"pageid" => $VARS['pageid']
]
]);
if (!is_empty($VARS['navorder']) && preg_match("/^[0-9]+([0-9|]*([0-9])|[0-9])$/", $VARS['navorder'])) {
$pages = explode("|", preg_replace("/[|]{2,}/", "", $VARS['navorder']));
for ($i = 0; $i < count($pages); $i++) {
$database->update("pages", [
"navorder" => $i + 1
], [
"AND" => [
"siteid" => $VARS['siteid'],
"pageid" => $pages[$i]
]
]);
}
}
returnToSender("settings_saved", $VARS['siteid'] . "|" . $VARS['pageid']);
break;
case "sitesettings":

@ -118,5 +118,9 @@ define("STRINGS", [
"folder deleted" => "Folder deleted.",
"folder created" => "Folder created.",
"folder not created" => "Folder not created.",
"nothing here" => "There doesn't seem to be anything here..."
"nothing here" => "There doesn't seem to be anything here...",
"navbar options" => "Site Menu Options",
"in navbar" => "Add page to menu",
"navbar title" => "Page title for menu",
"navbar position" => "Menu position (drag to change position):"
]);

@ -44,8 +44,9 @@ define("PAGES", [
"static/css/filepicker.css",
],
"scripts" => [
"static/js/html5sortable.min.js",
"static/js/iconselector.js",
"static/js/editorparent.js",
"static/js/iconselector.js"
]
],
"analytics" => [

@ -36,8 +36,11 @@ if (!is_empty($VARS['siteid'])) {
"pageid",
"slug",
"title",
"template"
], ["siteid" => $VARS['siteid']]
"parentid",
"nav",
"template",
"navorder"
], ["siteid" => $VARS['siteid'], "ORDER" => ["navorder"]]
);
$slug = "index";
if (isset($VARS['slug']) && $database->has('pages', ["AND" => ['slug' => $VARS['slug'], 'siteid' => $VARS['siteid']]])) {
@ -48,7 +51,10 @@ if (!is_empty($VARS['siteid'])) {
"pageid",
"slug",
"title",
"template"
"parentid",
"nav",
"template",
"navorder"
], ["AND" => ["siteid" => $VARS['siteid'], "slug" => $slug]]
);
@ -98,7 +104,7 @@ if (!is_empty($VARS['siteid'])) {
</div>
<div class="modal-body" id="pageSettingsModalBody">
<div class="form-group">
<label><i class="fas fa-font"></i> <?php lang("title"); ?></label>
<label for="pageSettingsTitle"><i class="fas fa-font"></i> <?php lang("title"); ?></label>
<input type="text" id="pageSettingsTitle" name="title" class="form-control" required="required" minlength="1" maxlength="200" value="<?php echo $thispage['title']; ?>" />
</div>
<div class="form-group">
@ -117,6 +123,52 @@ if (!is_empty($VARS['siteid'])) {
?>
</select>
</div>
<?php
if ($singlepage !== true) {
?>
<div class="form-group">
<label><i class="fas fa-bars"></i> <?php lang("navbar options"); ?></label>
<div class="form-check">
<input class="form-check-input" type="checkbox" name="innavbar" id="innavbarCheckbox" value="1" <?php echo (is_empty($thispage['nav']) ? "" : "checked") ?> />
<label class="form-check-label" for="innavbarCheckbox">
<?php lang("in navbar"); ?>
</label>
</div>
<div id="navbarSettings" class="card p-2 mt-3 d-none">
<script nonce="<?php echo $SECURE_NONCE; ?>">
var pageid = <?php echo $thispage['pageid'] ?>;
var pagetitle = "<?php echo $thispage['title'] ?>";
</script>
<div class="input-group mb-3">
<div class="input-group-prepend">
<label class="input-group-text" for="navbarTitle"><?php lang("navbar title"); ?></label>
</div>
<input type="text" id="navbarTitle" name="navbartitle" class="form-control" required="required" minlength="1" maxlength="200" value="<?php echo (is_empty($thispage['nav']) ? $thispage['title'] : $thispage['nav']); ?>" />
</div>
<label class="mb-0 pb-0"><?php lang("navbar position"); ?></label>
<div class="list-group py-3" id="navbar-order-list">
<?php
foreach ($pagedata as $page) {
if (is_empty($page['nav'])) {
continue;
}
?>
<div
class="list-group-item"
data-pageid="<?php echo $page['pageid']; ?>">
<i class="fas fa-sort"></i> <?php echo $page['title']; ?>
</div>
<?php
}
?>
</div>
<input type="hidden" name="navorder" value="" />
</div>
</div>
<?php
}
?>
</div>
<div class="modal-footer">
<input type="hidden" name="siteid" value="<?php echo $sitedata['siteid']; ?>" />

@ -187,4 +187,56 @@ $("#newpagebtn").click(function () {
$("#pagesettingsbtn").click(function () {
$("#pageSettingsModal").modal();
});
function updateNavbarSettings() {
if ($("#innavbarCheckbox").prop("checked")) {
$("#navbarSettings").removeClass("d-none");
var title = $("#navbarTitle").val();
if (title == "") {
title = pagetitle;
$("#navbarTitle").val(title);
}
$("#navbar-order-list").prepend('<div class="list-group-item" data-pageid="' + pageid + '"><i class="fas fa-sort"></i> ' + title + '</div>');
} else {
$("#navbarSettings").addClass("d-none");
$("#navbar-order-list .list-group-item[data-pageid=" + pageid + "]").remove();
}
sortable('#navbar-order-list');
}
$("#navbarTitle").on("keyup", function () {
$("#navbar-order-list .list-group-item[data-pageid=" + pageid + "]").text($("#navbarTitle").val());
});
if ($("#innavbarCheckbox").prop("checked")) {
$("#navbarSettings").removeClass("d-none");
}
$("#innavbarCheckbox").change(function () {
updateNavbarSettings();
});
navbarSortList = sortable('#navbar-order-list', {
items: ".list-group-item",
placeholder: '<div class="list-group-item bg-grey">&nbsp;</div>',
itemSerializer: function (serializedItem, sortableContainer) {
return {
position: serializedItem.index + 1,
pageid: $(serializedItem.html).data("pageid")
};
},
containerSerializer: function () {
return {};
}
});
sortable('#navbar-order-list')[0].addEventListener('sortupdate', function(e) {
var items = e.detail.origin.items;
var pageids = [];
for (var i = 0; i < items.length; i++) {
pageids[i] = $(items[i]).data("pageid");
}
var stringy = pageids.join("|");
$("input[name=navorder").val(stringy);
});

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save