diff options
Diffstat (limited to '')
| -rw-r--r-- | index.php | 86 |
1 files changed, 83 insertions, 3 deletions
@@ -2,6 +2,7 @@ include_once(__DIR__.'/lib/commons/functions.common.inc.php'); include_once(__DIR__.'/lib/commons/functions.http.inc.php'); +require_once(__DIR__.'/lib/commons/functions.files.inc.php'); include_once(__DIR__.'/lib/functions.stories.inc.php'); $config = require(__DIR__.'/config/config.inc.php'); @@ -44,6 +45,7 @@ ksort($stories, SORT_STRING); $currentStoryName = visibleName($currentStory); function printEntities($entities, $storyName = NULL) { + global $isAdmin, $isAuthenticated; foreach ($entities as $entity=>$description) { $name = visibleName($entity); $imgName = (NULL != $storyName) ? 'passphoto.png' : 'logo.png'; @@ -56,8 +58,18 @@ function printEntities($entities, $storyName = NULL) { <img class="img-fluid rounded mb-3 mb-md-0 figure-pic" src="<?=$imgPath.'/'.$imgName;?>" alt="<?=$name;?>" title="<?=$name;?>"> </div> <div class="col-md-5"> - <h3><?=$name;?></h3> - <p class="figure-desc"><?=$description;?></p> + <h3 id="name-<?=str_replace(' ', '-', $name);?>"> + <?=$name;?> +<?php +if ($isAuthenticated && $isAdmin) { +?> +<button <?=((NULL != $storyName) ? ' data-storyname="'.$storyName.'"' : '');?> data-entityname="<?=$name;?>" class="delete-btn">-</button> +<button <?=((NULL != $storyName) ? ' data-storyname="'.$storyName.'"' : '');?> data-entityname="<?=$name;?>" class="edit-btn">e</button> +<?php +} +?> + </h3> + <p class="figure-desc" id="desc-<?=str_replace(' ', '-', $name);?>"><?=$description;?></p> </div> </div> <!-- /.row --> @@ -76,6 +88,74 @@ function printEntities($entities, $storyName = NULL) { <script src="https://www.sl-its.de/js/jquery-1.11.2.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/stories.js"></script> + <script> + function editElement(elem) { + var storyName = $(elem).data('storyname'); + var entityName = $(elem).data('entityname'); + var data = new FormData(); + + var desc = $('#desc-' + entityName.replace(' ', '-')).text(); + var modalName = 'newStoryModal'; + var prefix = 'story'; + var modalTitle = 'Kindergeschichte bearbeiten'; + + if (storyName) { + modalName = 'newCharacterModal'; + prefix = 'char'; + modalTitle = 'Charakter bearbeiten'; + } + $('#' + modalName).modal('show'); + $('#' + prefix + '-description').val(desc); + $('#' + prefix + '-name').val(entityName); + $('#' + prefix + '-action').val('edit'); + $('#modal-title').text(modalTitle); + $('#create-' + prefix + '-btn').text('Bearbeiten'); + } + + $(document).ready(function() { + $('.delete-btn').click(function() { + if (confirm('Bist Du sicher?')) { + var storyName = $(this).data('storyname'); + var entityName = $(this).data('entityname'); + var url = ''; + var data = new FormData(); + + if (storyName) { + url = 'deleteCharacter.php'; + data.append('story-name', storyName); + data.append('char-name', entityName); + } else { + url = 'deleteStory.php'; + data.append('story-name', entityName); + } + jQuery.ajax({ + url: url, + data: data, + cache: false, + contentType: false, + processData: false, + method: 'POST' + }).done(function(data, textStatus) { + console.log('successfully deleted'); + location.reload(); + }).fail(function(jqXHR, textStatus) { + var errorObj = jqXHR.responseJSON; + switch (jqXHR.status) { + case 400: + console.log(errorObj.msg + ' ' + errorObj.parameters['missing_parameter']); + break; + } + console.log('error deleting entity'); + console.log(jqXHR); + console.log(textStatus); + }); + } + }); + $('.edit-btn').click(function() { + editElement(this); + }); + }); + </script> <style type="text/css"> .figure-desc { text-align: justify; @@ -147,7 +227,7 @@ function printEntities($entities, $storyName = NULL) { </div> </div> <?php - printEntities($characters); + printEntities($characters, $currentStory); } else { printEntities($stories); } |