pixelfed/resources/views/admin/newsroom/edit.blade.php

115 lines
5.1 KiB
PHP

@extends('admin.partial.template-full')
@section('section')
</div>
<div class="header bg-primary pb-3 mt-n4">
<div class="container-fluid">
<div class="header-body">
<div class="row align-items-center py-4">
<div class="col-lg-6 col-7">
<p class="display-1 text-white mb-0">Newsroom - Edit</p>
<p class="lead text-white my-0">Editing #{{$news->id}}</p>
</div>
<div class="col-lg-6 col-5">
<div class="text-right">
<button class="btn btn-danger px-4 mr-3 mb-1" style="font-size:13px;" id="btn-delete">Delete</button>
@if($news->published_at)
<a class="btn btn-dark px-4 mr-3 mb-1" style="font-size:13px;" href="{{$news->permalink()}}">View</a>
@endif
<button class="btn btn-success px-5 mb-1" style="font-size:13px;" onclick="saveForm()">Save</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid mt-4">
<div class="row justify-content-center">
<div class="col-md-6 col-12">
<div>
<form method="post" id="editForm">
@csrf
<div class="form-group">
<label for="title" class="small font-weight-bold text-muted text-uppercase">Title</label>
<input type="text" class="form-control" id="title" name="title" value="{{$news->title}}">
<p class="help-text mb-0 small font-weight-bold text-lighter">We recommend titles shorter than 80 characters.</p>
</div>
<div class="form-group">
<label for="summary" class="small font-weight-bold text-muted text-uppercase">Summary</label>
<textarea class="form-control" id="summary" name="summary" rows="3">{{$news->summary}}</textarea>
</div>
<div class="form-group">
<label for="body" class="small font-weight-bold text-muted text-uppercase">Body</label>
<textarea class="form-control" id="body" name="body" rows="6">{{$news->body}}</textarea>
</div>
<div class="form-group">
<label for="category" class="small font-weight-bold text-muted text-uppercase">Category</label>
<input type="text" class="form-control" id="category" name="category" value="{{$news->category}}">
</div>
<div class="form-group">
<div class="custom-control custom-switch ml-5">
<input type="checkbox" class="custom-control-input" id="published" name="published" {{$news->published_at ? 'checked="checked"' : ''}}>
<label class="custom-control-label font-weight-bold text-uppercase text-muted" for="published">Published</label>
</div>
</div>
<div class="form-group">
<div class="custom-control custom-switch ml-5">
<input type="checkbox" class="custom-control-input" id="show_timeline" name="show_timeline" {{$news->show_timeline ? 'checked="checked"' : ''}}>
<label class="custom-control-label font-weight-bold text-uppercase text-muted" for="show_timeline">Show On Timelines</label>
</div>
</div>
<div class="form-group">
<div class="custom-control custom-switch ml-5">
<input type="checkbox" class="custom-control-input" id="auth_only" name="auth_only" {{$news->auth_only ? 'checked="checked"' : ''}}>
<label class="custom-control-label font-weight-bold text-uppercase text-muted" for="auth_only">Logged in users only</label>
</div>
</div>
<div class="form-group">
<div class="custom-control custom-switch ml-5">
<input type="checkbox" class="custom-control-input" id="show_link" name="show_link" {{$news->show_link ? 'checked="checked"' : ''}}>
<label class="custom-control-label font-weight-bold text-uppercase text-muted" for="show_link">Show Read More Link</label>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<form id="delete-form" method="post">
@method('delete')
@csrf
</form>
@endsection
@push('scripts')
<script type="text/javascript">
function saveForm() {
if(!window.confirm('Are you sure you want to save?')) {
return;
}
document.getElementById('editForm').submit();
}
$('#title').on('change keyup paste',function(e) {
let el = $(this);
let title = el.val()
$('#preview_title').text(title);
});
$('#summary').on('change keyup paste',function(e) {
let el = $(this);
let title = el.val()
$('#preview_summary').text(title);
});
$('#btn-delete').on('click', function(e) {
e.preventDefault();
if(window.confirm('Are you sure you want to delete this post?') == true) {
document.getElementById('delete-form').submit();
}
})
</script>
@endpush