mirror of
https://github.com/pixelfed/pixelfed.git
synced 2024-11-22 14:31:26 +00:00
Update status form view 🎉
This commit is contained in:
parent
f17f2e4ceb
commit
a298ed6178
1 changed files with 18 additions and 29 deletions
|
@ -1,35 +1,35 @@
|
|||
<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>{{__('Create New Post')}}</div>
|
||||
</div>
|
||||
<div class="card-body" id="statusForm">
|
||||
@if (session('error'))
|
||||
<div class="alert alert-danger">
|
||||
{{ session('error') }}
|
||||
</div>
|
||||
@endif
|
||||
<form method="post" action="/timeline" enctype="multipart/form-data">
|
||||
|
||||
<form method="post" action="{{route('timeline.personal')}}" enctype="multipart/form-data">
|
||||
@csrf
|
||||
<input type="hidden" name="filter_name" value="">
|
||||
<input type="hidden" name="filter_class" value="">
|
||||
<div class="form-group">
|
||||
<label class="font-weight-bold text-muted small">Upload Image</label>
|
||||
<input type="file" class="form-control-file" id="fileInput" name="photo[]" accept="image/*" multiple="">
|
||||
<div class="custom-file">
|
||||
<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">
|
||||
Max Size: @maxFileSize(). Supported formats: jpeg, png, gif, bmp. Limited to {{config('pixelfed.max_album_length')}} photos per post.
|
||||
</small>
|
||||
</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" autocomplete="off">
|
||||
<small class="form-text text-muted">
|
||||
Max length: {{config('pixelfed.max_caption_length')}} characters.
|
||||
</small>
|
||||
<textarea class="form-control" name="caption" placeholder="Add a caption here" autocomplete="off" data-limit="{{config('pixelfed.max_caption_length')}}" rows="1"></textarea>
|
||||
<p class="form-text text-muted small text-right">
|
||||
<span class="caption-counter">0</span>
|
||||
<span>/</span>
|
||||
<span>{{config('pixelfed.max_caption_length')}}</span>
|
||||
</p>
|
||||
</div>
|
||||
<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">
|
||||
Options
|
||||
<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 <i class="fas fa-chevron-down"></i>
|
||||
</button>
|
||||
<div class="collapse" id="collapsePreview">
|
||||
|
||||
<div class="form-group pt-3">
|
||||
<label class="font-weight-bold text-muted small">CW/NSFW</label>
|
||||
<div class="switch switch-sm">
|
||||
|
@ -41,17 +41,6 @@
|
|||
</small>
|
||||
</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">
|
||||
<label class="font-weight-bold text-muted small">Photo Preview</label>
|
||||
<figure class="filterContainer">
|
||||
|
@ -69,7 +58,7 @@
|
|||
</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>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue