diff options
| author | steckbrief <steckbrief@chefmail.de> | 2017-12-03 22:16:49 +0100 |
|---|---|---|
| committer | steckbrief <steckbrief@chefmail.de> | 2017-12-03 22:16:49 +0100 |
| commit | 6bf09a069577fa9fcefdb0f92da81001465a50e0 (patch) | |
| tree | ef15a4b2df60ae7a39f9f34ddde9de5a6b04d1ff /lib | |
| parent | 09915b726ee9bc9896654b7bc832f068b9c3b013 (diff) | |
floating action button added to open a modal dialog to create a new story
Diffstat (limited to 'lib')
| -rw-r--r-- | lib/new-story-dialog.inc.php | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/lib/new-story-dialog.inc.php b/lib/new-story-dialog.inc.php new file mode 100644 index 0000000..ee55e4b --- /dev/null +++ b/lib/new-story-dialog.inc.php @@ -0,0 +1,38 @@ +<?php +?> + <span id="add-new-story-btn" class="floating-action-btn" data-toggle="modal" data-target="#newStoryModal"> + + + </span> + <!-- Modal --> + <div class="modal fade" id="newStoryModal" role="dialog"> + <div class="modal-dialog"> + <!-- Modal content--> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal">×</button> + <h4 class="modal-title">Neue Kindergeschichte anlegen</h4> + </div> + <div class="modal-body"> + <form action="" method="post" enctype="multipart/form-data" id="create-story-form"> + <div class="form-group"> + <label for="name">Name der Kindergeschichte:</label> + <input type="text" class="form-control" id="story-name" name="story-name"> + </div> + <div class="form-group"> + <label for="story-description">Beschreibung der Kindergeschichte:</label> + <textarea class="form-control" rows="5" id="story-description" name="story-description"></textarea> + </div> + <div class="form-group"> + <label for="story-logo">Logo der Kindergeschichte:</label> + <input type="file" name="story-logo" id="story-logo"> + </div> + <div class="form-group"> + <label for="story-header">Header Bild der Kindergeschichte:</label> + <input type="file" name="story-header" id="story-header"> + </div> + <button type="submit" class="btn btn-info btn-sm">Anlegen</button> + </form> + </div> + </div> + </div> + </div> |