Update status form view 🎉

This commit is contained in:
Daniel Supernault 2018-08-09 22:24:42 -06:00
parent f17f2e4ceb
commit a298ed6178
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7

View file

@ -1,35 +1,35 @@
<div class="card card-md-rounded-0"> <div class="card card-md-rounded-0">
<div class="card-header font-weight-bold">New Post</div> <div class="card-header bg-white font-weight-bold">
<div class="card-body" id="statusForm"> <div>{{__('Create New Post')}}</div>
@if (session('error'))
<div class="alert alert-danger">
{{ session('error') }}
</div> </div>
@endif <div class="card-body" id="statusForm">
<form method="post" action="/timeline" enctype="multipart/form-data">
<form method="post" action="{{route('timeline.personal')}}" enctype="multipart/form-data">
@csrf @csrf
<input type="hidden" name="filter_name" value=""> <input type="hidden" name="filter_name" value="">
<input type="hidden" name="filter_class" value=""> <input type="hidden" name="filter_class" value="">
<div class="form-group"> <div class="form-group">
<label class="font-weight-bold text-muted small">Upload Image</label> <div class="custom-file">
<input type="file" class="form-control-file" id="fileInput" name="photo[]" accept="image/*" multiple=""> <input type="file" class="custom-file-input" id="fileInput" name="photo[]" accept="image/*" multiple="">
<label class="custom-file-label" for="fileInput">Upload Image(s)</label>
</div>
<small class="form-text text-muted"> <small class="form-text text-muted">
Max Size: @maxFileSize(). Supported formats: jpeg, png, gif, bmp. Limited to {{config('pixelfed.max_album_length')}} photos per post. Max Size: @maxFileSize(). Supported formats: jpeg, png, gif, bmp. Limited to {{config('pixelfed.max_album_length')}} photos per post.
</small> </small>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="font-weight-bold text-muted small">Caption</label> <textarea class="form-control" name="caption" placeholder="Add a caption here" autocomplete="off" data-limit="{{config('pixelfed.max_caption_length')}}" rows="1"></textarea>
<input type="text" class="form-control" name="caption" placeholder="Add a caption here" autocomplete="off"> <p class="form-text text-muted small text-right">
<small class="form-text text-muted"> <span class="caption-counter">0</span>
Max length: {{config('pixelfed.max_caption_length')}} characters. <span>/</span>
</small> <span>{{config('pixelfed.max_caption_length')}}</span>
</p>
</div> </div>
<div class="form-group"> <div class="form-group">
<button class="btn btn-primary btn-sm px-3 py-1 font-weight-bold" type="button" data-toggle="collapse" data-target="#collapsePreview" aria-expanded="false" aria-controls="collapsePreview"> <button class="btn btn-outline-primary btn-sm px-3 py-1 font-weight-bold" type="button" data-toggle="collapse" data-target="#collapsePreview" aria-expanded="false" aria-controls="collapsePreview">
Options Options &nbsp; <i class="fas fa-chevron-down"></i>
</button> </button>
<div class="collapse" id="collapsePreview"> <div class="collapse" id="collapsePreview">
<div class="form-group pt-3"> <div class="form-group pt-3">
<label class="font-weight-bold text-muted small">CW/NSFW</label> <label class="font-weight-bold text-muted small">CW/NSFW</label>
<div class="switch switch-sm"> <div class="switch switch-sm">
@ -41,17 +41,6 @@
</small> </small>
</div> </div>
{{-- <div class="form-group">
<label class="font-weight-bold text-muted small">Visibility</label>
<div class="switch switch-sm">
<input type="checkbox" class="switch" id="visibility-switch" name="visibility">
<label for="visibility-switch" class="small font-weight-bold">Public | Followers-only</label>
</div>
<small class="form-text text-muted">
Toggle this to limit this post to your followers only.
</small>
</div> --}}
<div class="form-group d-none form-preview"> <div class="form-group d-none form-preview">
<label class="font-weight-bold text-muted small">Photo Preview</label> <label class="font-weight-bold text-muted small">Photo Preview</label>
<figure class="filterContainer"> <figure class="filterContainer">
@ -69,7 +58,7 @@
</div> </div>
</div> </div>
</div> </div>
<button type="submit" class="btn btn-outline-primary btn-block">Post</button> <button type="submit" class="btn btn-outline-primary btn-block font-weight-bold">Create Post</button>
</form> </form>
</div> </div>
</div> </div>