Add HTML for modal timeline

This commit is contained in:
Stasiek Michalski 2018-06-01 10:57:06 +02:00 committed by GitHub
parent 3c11c1e3c4
commit 5ac4d6f423
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -17,21 +17,33 @@
</ul> </ul>
</div> </div>
@endif @endif
<div class="card"> <div id="modal-text" class="d-none">
<div class="card-header font-weight-bold">New Post</div> <div class="d-flex justify-content-between align-items-center">
<div class="card-body" id="statusForm"> <h4>Timeline</h4>
<form method="post" action="/timeline" enctype="multipart/form-data"> <button type="button" class="btn btn-link text-dark" data-toggle="modal" data-target="#modal-post">
@csrf <span class="icon-plus"></span>
<div class="form-group"> </button>
<label class="font-weight-bold text-muted small">Upload Image</label> </div>
<input type="file" class="form-control-file" name="photo"> </div>
<div tabindex="-1" role="dialog" id="modal-post" aria-hidden="true">
<div role="document" id="modal-dialog">
<div class="card">
<div class="card-header font-weight-bold">New Post</div>
<div class="card-body" id="statusForm">
<form method="post" action="/timeline" enctype="multipart/form-data">
@csrf
<div class="form-group">
<label class="font-weight-bold text-muted small">Upload Image</label>
<input type="file" class="form-control-file" name="photo">
</div>
<div class="form-group">
<label class="font-weight-bold text-muted small">Caption</label>
<input type="text" class="form-control" name="caption" placeholder="Add a caption here">
</div>
<button type="submit" class="btn btn-outline-primary btn-block">Post</button>
</form>
</div> </div>
<div class="form-group"> </div>
<label class="font-weight-bold text-muted small">Caption</label>
<input type="text" class="form-control" name="caption" placeholder="Add a caption here">
</div>
<button type="submit" class="btn btn-outline-primary btn-block">Post</button>
</form>
</div> </div>
</div> </div>