| 1 | <!DOCTYPE html>
|
|---|
| 2 | <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
|
|---|
| 3 | <head>
|
|---|
| 4 | <meta charset="UTF-8"/>
|
|---|
| 5 | <meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|---|
| 6 | <title>Upload</title>
|
|---|
| 7 | <!-- Bootstrap core CSS -->
|
|---|
| 8 | <link href="css/bootstrap.min.css" rel="stylesheet"/>
|
|---|
| 9 | <link href="css/fileUploadPreview.css" rel="stylesheet"/>
|
|---|
| 10 | </head>
|
|---|
| 11 | <body>
|
|---|
| 12 | <header th:replace="common/navbar :: navbar"></header>
|
|---|
| 13 | <br/>
|
|---|
| 14 | <br/>
|
|---|
| 15 | <br/>
|
|---|
| 16 | <br/>
|
|---|
| 17 | <div class="row">
|
|---|
| 18 | <div th:if="${error}" class="text-danger">Error uploading post</div>
|
|---|
| 19 | <div class="col-md-4" id="left">
|
|---|
| 20 | <form th:action="@{/newPost}" method="post" id="myForm" enctype="multipart/form-data" class="row g-3">
|
|---|
| 21 | <div class="col-md-6">
|
|---|
| 22 | <label for="title" class="form-label">Title</label>
|
|---|
| 23 | <input type="text" class="form-control" id="title" name="title" required>
|
|---|
| 24 | </div>
|
|---|
| 25 | <div class="col-md-6">
|
|---|
| 26 | <label for="fundsNeeded" class="form-label">Funds Needed</label>
|
|---|
| 27 | <div class="input-group">
|
|---|
| 28 | <input type="number" class="form-control" id="fundsNeeded" name="fundsNeeded" required>
|
|---|
| 29 | <select class="input-group-text" name="currency">
|
|---|
| 30 | <option value="MKD">MKD</option>
|
|---|
| 31 | <option value="EUR">EUR</option>
|
|---|
| 32 | </select>
|
|---|
| 33 | </div>
|
|---|
| 34 | </div>
|
|---|
| 35 | <div class="col-12">
|
|---|
| 36 | <label for="description" class="form-label">Description</label>
|
|---|
| 37 | <textarea class="form-control" id="description" name="description" rows="5" required></textarea>
|
|---|
| 38 | </div>
|
|---|
| 39 | <div class="col-12">
|
|---|
| 40 | Phone numbers
|
|---|
| 41 | </div>
|
|---|
| 42 | <div class="col-md-6">
|
|---|
| 43 | <!-- <label for="telekom" class="form-label">Phone numbers</label>-->
|
|---|
| 44 | <div class="input-group">
|
|---|
| 45 | <input type="text" class="form-control" id="telekom" name="telekom">
|
|---|
| 46 | <span class="input-group-text">Telekom</span>
|
|---|
| 47 | </div>
|
|---|
| 48 | </div>
|
|---|
| 49 | <div class="col-md-6">
|
|---|
| 50 | <!-- <label for="a1" class="form-label"></label>-->
|
|---|
| 51 | <div class="input-group">
|
|---|
| 52 | <input type="text" class="form-control" id="a1" name="a1">
|
|---|
| 53 | <span class="input-group-text">A1</span>
|
|---|
| 54 | </div>
|
|---|
| 55 | </div>
|
|---|
| 56 | <div class="col-md-6">
|
|---|
| 57 | <label for="dateDue" class="form-label">Date due</label>
|
|---|
| 58 | <input type="date" class="form-control" id="dateDue" name="dateDue" required>
|
|---|
| 59 | </div>
|
|---|
| 60 | <div class="col-md-6">
|
|---|
| 61 | <label for="bankAccount" class="form-label">Bank account</label>
|
|---|
| 62 | <input type="text" class="form-control" id="bankAccount" name="bankAccount" required>
|
|---|
| 63 | </div>
|
|---|
| 64 | </form>
|
|---|
| 65 | </div>
|
|---|
| 66 | <div class="col-md-5" id="right">
|
|---|
| 67 | <div class="col-md-6">
|
|---|
| 68 | <label for="titleImage" class="form-label">Title image</label>
|
|---|
| 69 | <input type="file" class="form-control" id="titleImage" name="titleImage" form="myForm" required>
|
|---|
| 70 | </div>
|
|---|
| 71 | <div class="col-md-6">
|
|---|
| 72 | <label for="images" class="form-label">Images</label>
|
|---|
| 73 | <input type="file" class="form-control" id="images" name="images" form="myForm" multiple>
|
|---|
| 74 | </div>
|
|---|
| 75 | <div class="col-md-6">
|
|---|
| 76 | <label for="images" class="form-label">Moderator images</label>
|
|---|
| 77 | <input type="file" class="form-control" id="moderatorImages" name="moderatorImages" form="myForm" multiple required>
|
|---|
| 78 | </div>
|
|---|
| 79 | <br/>
|
|---|
| 80 | <div id="drop-region">
|
|---|
| 81 | <div class="drop-message">
|
|---|
| 82 | Image preview
|
|---|
| 83 | </div>
|
|---|
| 84 | <div id="image-preview"></div>
|
|---|
| 85 | </div>
|
|---|
| 86 | <div class="row">
|
|---|
| 87 | <div class="col-5"></div>
|
|---|
| 88 | <div class="col-2">
|
|---|
| 89 | <input type="submit" class="btn btn-primary" value="Upload post" form="myForm">
|
|---|
| 90 | </div>
|
|---|
| 91 | <div class="col-5"></div>
|
|---|
| 92 | </div>
|
|---|
| 93 | </div>
|
|---|
| 94 | </div>
|
|---|
| 95 |
|
|---|
| 96 | <script src="/js/bootstrap.min.js"></script>
|
|---|
| 97 | <script src="/js/fileUploadPreview.js"></script>
|
|---|
| 98 | </body>
|
|---|
| 99 | </html> |
|---|
