Add HTML for modal in public timeline view

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

View file

@ -17,22 +17,34 @@
</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> <div tabindex="-1" role="dialog" id="modal-post" aria-hidden="true">
<div class="form-group"> <div role="document" id="modal-dialog">
<label class="font-weight-bold text-muted small">Caption</label> <div class="card">
<input type="text" class="form-control" name="caption" placeholder="Add a caption here"> <div class="card-header font-weight-bold">New Post</div>
</div> <div class="card-body" id="statusForm">
<button type="submit" class="btn btn-outline-primary btn-block">Post</button> <form method="post" action="/timeline" enctype="multipart/form-data">
</form> @csrf
</div> <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>
</div> </div>
<div class="timeline-feed my-5" data-timeline="public"> <div class="timeline-feed my-5" data-timeline="public">
@ -50,4 +62,4 @@
</div> </div>
@endsection @endsection