From 6bf09a069577fa9fcefdb0f92da81001465a50e0 Mon Sep 17 00:00:00 2001
From: steckbrief <steckbrief@chefmail.de>
Date: Sun, 3 Dec 2017 22:16:49 +0100
Subject: floating action button added to open a modal dialog to create a new
 story

---
 lib/new-story-dialog.inc.php | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 lib/new-story-dialog.inc.php

(limited to 'lib')

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">&times;</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>
-- 
cgit v1.2.3