diff options
| author | steckbrief <steckbrief@chefmail.de> | 2017-11-26 10:37:44 +0100 |
|---|---|---|
| committer | steckbrief <steckbrief@chefmail.de> | 2017-11-26 10:37:44 +0100 |
| commit | d6dfb30a86deb8278732904cee0b05a9cfa230e2 (patch) | |
| tree | 5d291b23fff63cab6fc9291b2ce8dcaf7da396b3 /admin.html | |
| parent | 253297e60ceacd38e092469e00c19a101aeec05c (diff) | |
first admin iteration
Diffstat (limited to '')
| -rw-r--r-- | admin.html | 98 |
1 files changed, 98 insertions, 0 deletions
diff --git a/admin.html b/admin.html new file mode 100644 index 0000000..ba5d37f --- /dev/null +++ b/admin.html @@ -0,0 +1,98 @@ +<!DOCTYPE html> +<html lang="de"> + <head> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="https://www.sl-its.de/css/bootstrap.spacelab.min.css"> + <script src="https://www.sl-its.de/js/jquery-1.11.2.min.js"></script> + <script src="js/bootstrap.min.js"></script> + <script> + function uploadSeriesLogo() { + var data = new FormData($('#create-story-form')[0]); + //var file = $('#story-logo').prop('files')[0]; + //data.append('file', file); + jQuery.ajax({ + url: 'createStory.php', + data: data, + cache: false, + contentType: false, + processData: false, + method: 'POST' + }).done(function(data, textStatus){ + console.log("Success: Files sent!"); + console.log(data); + console.log(textStatus); + }).fail(function(jqXHR, textStatus){ + console.log("An error occurred, the files couldn't be sent!"); + console.log(jqXHR); + console.log(textStatus); + }); + } + </script> + <style type="text/css"> + .figure-desc { + text-align: justify; + } + .figure-pic { + height: 300px; + width: 300px; + } + .spacer { + height: 55px; + } + </style> + <title>Kindergeschichten - Admin</title> + </head> + <body> + <nav class="navbar navbar-default navbar-fixed-top navbar-right"> + <div class="navbar-header"> + <a class="navbar-brand" href="#">Kindergeschichten - Admin</a> + <button type="button" class="navbar-toggle navbar-toggle-si" data-toggle="collapse" data-target=".navbar-collapse"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + </div> + <div class="container-fluid"> + <div class="collapse navbar-collapse" id="myNavbar"> + <ul class="nav navbar-nav"> + </ul> + </div> + </div> + </nav> + <div class="spacer"></div> + + <div class="container"> + <!-- Trigger the modal with a button --> + <button type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target="#newSeriesModal">Neue Kindergeschichte</button> + + <!-- Modal --> + <div class="modal fade" id="newSeriesModal" 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"> + </div> + <div class="form-group"> + <input type="file" name="story-logo" id="story-logo"> + </div> + <button type="submit" class="btn btn-info btn-sm">Anlegen</button> + </form> + </div> + </div> + + </div> + </div> + + </div> + </body> +</html>
\ No newline at end of file |