189 lines
12 KiB
PHP
189 lines
12 KiB
PHP
@extends('layouts.admin.main')
|
|
|
|
@push('styles')
|
|
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0/dist/css/select2.min.css" rel="stylesheet"/>
|
|
@endpush
|
|
|
|
@section('content')
|
|
<div class="mb-3">
|
|
<h1 class="h3 d-inline align-middle">Konten</h1>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-header pb-0">
|
|
<div class="card-actions float-end">
|
|
<a href="{{ route('admin.contents.contents.index', ['type' => $type->value()]) }}" class="btn btn-secondary"><i class="align-middle me-2" data-feather="table"></i>Daftar Konten</a>
|
|
</div>
|
|
<h4 class="card-title mb-0">Tambah Konten {{ $type->label() }} Baru</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<form id="form-create-content" action="{{ route('admin.contents.contents.store', ['type' => $type->value()]) }}" method="POST" class="needs-validation" novalidate>
|
|
@csrf
|
|
<div class="row g-3">
|
|
<div class="col-md-8 col-12">
|
|
<h5 class="mb-3">Informasi Konten</h5>
|
|
<div class="row mb-3">
|
|
<div class="col-12 form-group">
|
|
<label for="title" class="form-label">Judul</label>
|
|
<input type="text" id="title" name="title" class="form-control @error('title') is-invalid @enderror" value="{{ old('title') }}">
|
|
@error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-4 form-group">
|
|
<label for="category" class="form-label">
|
|
Kategori
|
|
</label>
|
|
<select id="category" name="category"
|
|
class="form-select @error('category') is-invalid @enderror">
|
|
@foreach ($taxonomies->where('type', \App\Enums\TaxonomyType::CATEGORY) as $category)
|
|
<option value="{{ $category->id }}" {{ old('category') == $category->id ? 'selected' : '' }}>{{ $category->name }}</option>
|
|
@endforeach
|
|
</select>
|
|
@error('category')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
<div class="col-8 form-group">
|
|
<label for="tag" class="form-label">
|
|
Tag
|
|
</label>
|
|
<select id="tag" name="tag[]" multiple
|
|
class="form-select @error('tag[]') is-invalid @enderror">
|
|
@foreach ($taxonomies->where('type', \App\Enums\TaxonomyType::TAG) as $tag)
|
|
<option value="{{ $tag->id }}" {{ collect(old('tag', []))->contains($tag->id) ? 'selected' : '' }}>{{ $tag->name }}</option>
|
|
@endforeach
|
|
</select>
|
|
@error('tag')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-12 form-group">
|
|
<label for="excerpt" class="form-label">Ringkasan</label>
|
|
<textarea id="excerpt" name="excerpt" class="form-control @error('excerpt') is-invalid @enderror" rows="3">{{ old('excerpt') }}</textarea>
|
|
@error('excerpt')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-12 form-group">
|
|
<label for="content" class="form-label">Konten</label>
|
|
<textarea id="content" name="content" class="form-control @error('content') is-invalid @enderror" rows="8">{{ old('content') }}</textarea>
|
|
@error('content')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-md-6 col-12 form-group">
|
|
<label for="featured_image_id" class="form-label">Featured Image</label>
|
|
<select id="featured_image_id" name="featured_image_id" class="form-select @error('featured_image_id') is-invalid @enderror">
|
|
<option value="">Pilih gambar</option>
|
|
</select>
|
|
@error('featured_image_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-12">
|
|
|
|
<div class="row mb-3">
|
|
<h5 class="mb-3">Meta Informasi</h5>
|
|
<div class="col-md-6 col-12 form-group">
|
|
<label for="meta_title" class="form-label">Meta Title</label>
|
|
<input type="text" id="meta_title" name="meta_title" class="form-control @error('meta_title') is-invalid @enderror" value="{{ old('meta_title') }}">
|
|
@error('meta_title')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-12 form-group">
|
|
<label for="meta_description" class="form-label">Meta Description</label>
|
|
<textarea id="meta_description" name="meta_description" class="form-control @error('meta_description') is-invalid @enderror" rows="3">{{ old('meta_description') }}</textarea>
|
|
@error('meta_description')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-12 form-group">
|
|
<label for="meta_keywords" class="form-label">Meta Keywords</label>
|
|
<select type="text" id="meta_keywords" name="meta_keywords[]" multiple
|
|
class="form-control @error('meta_keywords') is-invalid @enderror" value="{{ old('meta_keywords[]') }}">
|
|
</select>
|
|
@error('meta_keywords')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<hr/>
|
|
<h5 class="mb-3">Status Publikasi</h5>
|
|
<div class="col-md-6 col-12 form-group">
|
|
<label for="published_at" class="form-label">Tanggal Publikasi</label>
|
|
<input type="datetime-local" id="published_at" name="published_at" class="form-control @error('published_at') is-invalid @enderror" value="{{ old('published_at') }}">
|
|
@error('published_at')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
<div class="col-12 col-md-6 form-group">
|
|
<label for="status" class="form-label">Status</label>
|
|
<select id="status" name="status" class="form-select @error('status') is-invalid @enderror">
|
|
@foreach (\App\Enums\ContentStatus::cases() as $status)
|
|
<option value="{{ $status->value() }}" {{ old('status') ?? \App\Enums\ContentStatus::DRAFT == $status->value() ? 'selected' : '' }}>{{ $status->label() }}</option>
|
|
@endforeach
|
|
</select>
|
|
@error('status')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<button type="reset" class="btn btn-secondary mt-3"><i class="align-middle me-2" data-feather="refresh-ccw"></i>Reset</button>
|
|
<button type="submit" class="btn btn-success mt-3"><i class="align-middle me-2" data-feather="save"></i>Simpan</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('scripts')
|
|
<script src="https://cdn.ckeditor.com/ckeditor5/36.0.1/classic/ckeditor.js"></script>
|
|
<script src="https://cdn.ckeditor.com/ckeditor5/36.0.1/classic/translations/id.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.22.1/jquery.validate.min.js" integrity="sha512-aK+gwLBXdXY6QDrdpK6jYtTlIfzChVNqAh3V6D5c8nV8U9O5NvC/EJ44aAKj9moRsx7bAibHZbX0wvblVp8wSA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.22.1/additional-methods.min.js" integrity="sha512-prU59crmDRtArYh698UgT9nZVsFz3aIU7hIwvWT6iUKM5CvlWzZU6ATd/yO9lbrV7ie5WoGGJrifw6vWqppmJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0/dist/js/select2.min.js"></script>
|
|
<script>
|
|
ClassicEditor
|
|
.create($('#content')[0])
|
|
.catch(error => {
|
|
console.error( error );
|
|
});
|
|
|
|
ClassicEditor
|
|
.create($('#excerpt')[0])
|
|
.catch(error => {
|
|
console.error( error );
|
|
});
|
|
|
|
@foreach(\App\Enums\TaxonomyType::cases() as $taxonomyType)
|
|
$('#{{ $taxonomyType->value() }}').select2();
|
|
@endforeach
|
|
$('#status').select2();
|
|
$('#meta_keywords').select2({
|
|
tags: true,
|
|
tokenSeparators: [',', ' '],
|
|
placeholder: 'Masukkan keyword',
|
|
});
|
|
|
|
$("#form-create-content").validate({
|
|
rules: {
|
|
title: { required: true, maxlength: 255 },
|
|
},
|
|
messages: {
|
|
title: { required: 'Judul harus diisi.', maxlength: 'Judul maksimal 255 karakter.' },
|
|
},
|
|
errorElement: 'div',
|
|
errorPlacement: function (error, element) {
|
|
error.addClass('invalid-feedback');
|
|
element.closest('.form-group').append(error);
|
|
},
|
|
highlight: function (element) {
|
|
$(element).addClass('is-invalid');
|
|
},
|
|
unhighlight: function (element) {
|
|
$(element).removeClass('is-invalid');
|
|
}
|
|
});
|
|
</script>
|
|
@endpush |