first change
This commit is contained in:
250
Modules/CCMS/resources/views/page/content.blade.php
Normal file
250
Modules/CCMS/resources/views/page/content.blade.php
Normal file
@@ -0,0 +1,250 @@
|
||||
@php
|
||||
$page->section ??= [];
|
||||
@endphp
|
||||
@extends('layouts.app')
|
||||
@section('content')
|
||||
<x-dashboard.breadcumb :title="$title" />
|
||||
<div class="container-fluid">
|
||||
@if ($errors->any())
|
||||
<x-flash-message type="danger" :messages="$errors->all()" />
|
||||
@endif
|
||||
<div class="row">
|
||||
<div class="col-xl-12">
|
||||
<div>
|
||||
<a href="{{ route('page.index') }}" class="btn btn-sm btn-primary mb-4">Page List</a>
|
||||
<a href="javascript:void(0);" data-link="{{ route('page.edit', $page->id) }}" type="button"
|
||||
class="btn btn-sm btn-primary mb-4 customize-btn edit-item-btn">Customize Page</a>
|
||||
</div>
|
||||
|
||||
{{ html()->modelForm($page, 'PUT')->route('page.updateContent', $page->id)->class('needs-validation')->attributes(['novalidate'])->open() }}
|
||||
<div class="row">
|
||||
<div class="col-xl-8">
|
||||
<div class="card h-auto">
|
||||
<div class="card-body">
|
||||
<div class="row gy-3">
|
||||
<div class="col-12">
|
||||
{{ html()->label('Title')->class('form-label')->for('title') }}
|
||||
{{ html()->span('*')->class('text-danger') }}
|
||||
{{ html()->text('title')->class('form-control bg-primary-subtle')->isReadonly(true) }}
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
{{ html()->label('Description (Short)')->class('form-label')->for('short_description') }}
|
||||
{{ html()->textarea('short_description')->class('form-control')->placeholder('Enter Description (Short)')->rows(5) }}
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
{{ html()->label('Description')->class('form-label')->for('description') }}
|
||||
{{ html()->textarea('description')->class('form-control ckeditor-classic') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if ($page->type == 'page')
|
||||
<div class="card slug-section">
|
||||
<div class="card-header d-flex jusitfy-content-between align-items-center">
|
||||
<h6 class="card-title mb-0 fs-14">URL Generator</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
{{ html()->label('Parent(Optional)')->class('form-label')->for('parent_slug') }}
|
||||
{{ html()->text('parent_slug')->class('form-control') }}
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
{{ html()->label('Slug')->class('form-label')->for('slug') }}
|
||||
{{ html()->span('*')->class('text-danger') }}
|
||||
{{ html()->text('slug')->class('form-control')->placeholder('Page Slug')->required() }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if (in_array('custom-field-section', $page->section))
|
||||
<x-ccms::custom-form-field :data="$page->custom ?? []" />
|
||||
@endif
|
||||
|
||||
@if (in_array('meta-section', $page->section))
|
||||
<div class="card meta-section">
|
||||
<div class="card-header">
|
||||
<h6 class="card-title mb-0 fs-14">Meta</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-xl-12 col-sm-12">
|
||||
{{ html()->label('Meta Title')->class('form-label')->for('meta_title') }}
|
||||
{{ html()->text('meta_title')->class('form-control mb-3')->placeholder('Meta Title') }}
|
||||
</div>
|
||||
<div class="col-xl-12 col-sm-12">
|
||||
{{ html()->label('Meta Keywords')->class('form-label')->for('meta_keywords') }}
|
||||
{{ html()->textarea('meta_keywords')->class('form-control mb-3')->placeholder('Meta Keywords') }}
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-xl-12 col-sm-12">
|
||||
{{ html()->label('Meta Description')->class('form-label')->for('meta_description') }}
|
||||
{{ html()->textarea('meta_description')->class('form-control mb-3')->placeholder('Meta Description')->rows(3) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h6 class="card-title mb-0 fs-14">
|
||||
Published
|
||||
</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
{{ html()->label('Status')->class('form-label visually-hidden')->for('status') }}
|
||||
{{ html()->select('status', config('constants.page_status_options'))->value($page->status ?? old('status'))->class('form-select choices-select')->required() }}
|
||||
</div>
|
||||
|
||||
<x-form-buttons :href="route('page.index')" label="Update" />
|
||||
|
||||
</div>
|
||||
|
||||
@if ($page->type == 'page')
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h6 class="card-title mb-0 fs-14">
|
||||
Template
|
||||
</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
{{ html()->label('Template')->class('form-label visually-hidden')->for('template') }}
|
||||
{{ html()->select('template', getPageTemplateOptions())->class('form-select choices-select')->value($page->template ?? old('template'))->placeholder('Select')->required() }}
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if ($page->type == "widget")
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h6 class="card-title mb-0 fs-14">
|
||||
Page Attributes
|
||||
</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
{{ html()->label('Parent Page')->class('form-label')->for('parent_id') }}
|
||||
{{ html()->span('*')->class('text-danger') }}
|
||||
{{ html()->multiselect('parent_id', $pageOptions ?? [], $page->parents()->pluck('parent_page_id') ?? null)->class('form-select choices-select')->attributes(['multiple'])->required() }}
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if (in_array('featured-image-section', $page->section))
|
||||
<div class="card featured-image-section">
|
||||
<div class="card-header">
|
||||
<h6 class="card-title mb-0 fs-14">
|
||||
Featured Image
|
||||
</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="mb-3">
|
||||
{{ html()->label('Featured')->class('form-label')->for('image') }}
|
||||
<x-image-input :data="$editable ? $page->getRawOriginal('image') : null" id="image" name="image" :editable="$editable"
|
||||
:multiple=false />
|
||||
</div>
|
||||
|
||||
{{ html()->label('Banner')->class('form-label')->for('banner') }}
|
||||
<x-image-input :data="$editable ? $page->getRawOriginal('banner') : null" id="banner" name="banner" :editable="$editable"
|
||||
:multiple=false />
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if (in_array('media-gallery-section', $page->section))
|
||||
<div class="card media-gallery-section">
|
||||
<div class="card-header">
|
||||
<h6 class="card-title mb-0 fs-14">
|
||||
Media Gallery
|
||||
</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<x-image-input :editable="$editable" id="images" name="images" :data="$editable ? $page->getRawOriginal('images') : null"
|
||||
:multiple="true" label="Select Images" />
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if (in_array('link-section', $page->section))
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h6 class="card-title mb-0 fs-14">
|
||||
Youtube Link
|
||||
</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
{{ html()->textarea('link')->class('form-control')->rows(3)->placeholder('Enter Youtube Link or Iframe') }}
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if (in_array('sidebar-section', $page->section))
|
||||
<div class="card sidebar-section">
|
||||
<div class="card-header d-flex jusitfy-content-between align-items-center">
|
||||
<h6 class="card-title mb-0 fs-14">Sidebar</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row gy-3">
|
||||
<div class="col-lg-12">
|
||||
{{ html()->label('Title')->class('form-label')->for('sidebar_title') }}
|
||||
{{ html()->text('sidebar_title')->class('form-control') }}
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
{{ html()->label('Content')->class('form-label')->for('sidebar_content') }}
|
||||
{{ html()->text('sidebar_content')->class('form-control')->placeholder('Short Content (optional)') }}
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
{{ html()->label('Image')->class('form-label')->for('sidebar_content') }}
|
||||
<x-image-input :data="$editable ? $page->getRawOriginal('sidebar_image') : null" id="sidebar_image" name="sidebar_image"
|
||||
:editable="$editable" :multiple=false />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if (in_array('button-section', $page->section))
|
||||
<div class="card button-section">
|
||||
<div class="card-header d-flex jusitfy-content-between align-items-center">
|
||||
<h6 class="card-title mb-0 fs-14">Button</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row gy-3">
|
||||
<div class="col-lg-12">
|
||||
{{ html()->label('Text')->class('form-label')->for('button_text') }}
|
||||
{{ html()->span('*')->class('text-danger') }}
|
||||
{{ html()->text('button_text')->class('form-control')->required() }}
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
{{ html()->label('Link')->class('form-label')->for('button_url') }}
|
||||
{{ html()->span('*')->class('text-danger') }}
|
||||
{{ html()->text('button_url')->class('form-control')->placeholder('Button Link')->required() }}
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
{{ html()->label('Target')->class('form-label')->for('button_target') }}
|
||||
{{ html()->span('*')->class('text-danger') }}
|
||||
{{ html()->select('button_target', config('constants.redirect_options'))->class('form-select choices-select')->required() }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
{{ html()->closeModelForm() }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@include('ccms::page.modal.edit')
|
||||
@endsection
|
||||
15
Modules/CCMS/resources/views/page/datatable/action.blade.php
Normal file
15
Modules/CCMS/resources/views/page/datatable/action.blade.php
Normal file
@@ -0,0 +1,15 @@
|
||||
<div class="hstack flex-wrap gap-3">
|
||||
<a href="javascript:void(0)" data-link="{{ route('page.edit', $id) }}" data-bs-toggle="tooltip"
|
||||
data-bs-placement="bottom" data-bs-title="Edit" class="link-success fs-15 edit-item-btn"><i
|
||||
class=" ri-edit-2-line"></i></a>
|
||||
|
||||
<a data-link="{{ route('page.toggle', $id) }}" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Toggle" data-status="{{ $status == 1 ? 'Draft' : 'Published' }}"
|
||||
class="link-info fs-15 toggle-item"><i class="{{ $status == 1 ? 'ri-toggle-line' : 'ri-toggle-fill' }}"></i></a>
|
||||
|
||||
<a href="{{ route('page.editContent', $id) }}" data-bs-toggle="tooltip" data-bs-placement="bottom"
|
||||
data-bs-title="Update Page Content" class="link-info fs-15"><i class="ri-file-edit-line"></i></a>
|
||||
|
||||
<a href="javascript:void(0);" data-link="{{ route('page.destroy', $id) }}" class="link-danger fs-15 remove-item"
|
||||
data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Delete"><i class="ri-delete-bin-6-line"></i>
|
||||
</a>
|
||||
</div>
|
||||
109
Modules/CCMS/resources/views/page/index.blade.php
Normal file
109
Modules/CCMS/resources/views/page/index.blade.php
Normal file
@@ -0,0 +1,109 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<style>
|
||||
.radio-inputs {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
border-radius: 0.5rem;
|
||||
background-color: #EEE;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.06);
|
||||
padding: 0.25rem;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.radio-inputs .radio {
|
||||
flex: 1 1 auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.radio-inputs label {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.radio-inputs .radio input {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.radio-inputs .radio .name {
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 0.5rem;
|
||||
border: none;
|
||||
padding: .5rem 0;
|
||||
color: rgba(51, 65, 85, 1);
|
||||
transition: all .15s ease-in-out;
|
||||
}
|
||||
|
||||
.radio-inputs .radio input:checked+.name {
|
||||
background-color: var(--vz-primary);
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
<div class="container-fluid">
|
||||
<x-dashboard.breadcumb :title="$title" />
|
||||
@if ($errors->any())
|
||||
<x-flash-message type="danger" :messages="$errors->all()" />
|
||||
@endif
|
||||
|
||||
@if ($parentPages)
|
||||
@include('ccms::page.partials.parent-page-filter')
|
||||
@endif
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xl-12">
|
||||
<div class="card">
|
||||
<div class="card-header d-flex align-items-center justify-content-between">
|
||||
<h5 class="card-title mb-0">Page List</h5>
|
||||
<button class="btn btn-primary waves-effect waves-light text-white" data-bs-toggle="modal"
|
||||
data-bs-target="#addPageModal"><i class="ri-add-line align-middle"></i> Create</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
@php
|
||||
$columns = [
|
||||
[
|
||||
'title' => 'S.N',
|
||||
'data' => 'DT_RowIndex',
|
||||
'name' => 'DT_RowIndex',
|
||||
'orderable' => false,
|
||||
'searchable' => false,
|
||||
'sortable' => false,
|
||||
],
|
||||
['title' => 'Image', 'data' => 'image', 'name' => 'image'],
|
||||
['title' => 'Parent', 'data' => 'parents', 'name' => 'parents'],
|
||||
['title' => 'Title', 'data' => 'title', 'name' => 'title'],
|
||||
['title' => 'Slug', 'data' => 'slug', 'name' => 'slug'],
|
||||
['title' => 'Type', 'data' => 'type', 'name' => 'type'],
|
||||
['title' => 'Published At', 'data' => 'date', 'name' => 'date'],
|
||||
['title' => 'Status', 'data' => 'status', 'name' => 'status'],
|
||||
[
|
||||
'title' => 'Action',
|
||||
'data' => 'action',
|
||||
'orderable' => false,
|
||||
'searchable' => false,
|
||||
],
|
||||
];
|
||||
@endphp
|
||||
<x-data-table-script :route="route('page.index')" :reorder="route('page.reorder')"
|
||||
:columns="$columns" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@include('ccms::page.modal.create')
|
||||
@include('ccms::page.modal.edit')
|
||||
@endsection
|
||||
@push("js")
|
||||
<script>
|
||||
$('.page-filter-radio').on('change', function (e) {
|
||||
e.preventDefault();
|
||||
$('.ajax-datatable').DataTable().draw();
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
14
Modules/CCMS/resources/views/page/modal/create.blade.php
Normal file
14
Modules/CCMS/resources/views/page/modal/create.blade.php
Normal file
@@ -0,0 +1,14 @@
|
||||
<div class="modal fade" id="addPageModal" tabindex="-1" aria-labelledby="addPageModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header bg-light p-3">
|
||||
<h5 class="modal-title" id="addPageModalLabel">Add Page</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
|
||||
id="close-modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
@include('ccms::page.partials._form')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
37
Modules/CCMS/resources/views/page/modal/edit.blade.php
Normal file
37
Modules/CCMS/resources/views/page/modal/edit.blade.php
Normal file
@@ -0,0 +1,37 @@
|
||||
<div class="modal fade" id="editPageModal" tabindex="-1" aria-labelledby="editPageModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header bg-light p-3">
|
||||
<h5 class="modal-title" id="editPageModalLabel">Edit Page</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
|
||||
id="close-modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@push('js')
|
||||
<script>
|
||||
$(document).on('click', '.edit-item-btn', function() {
|
||||
const url = $(this).attr('data-link');
|
||||
const myModal = new bootstrap.Modal(document.getElementById("editPageModal"));
|
||||
$("#editPageModal .modal-body").html(
|
||||
'<div class="text-center my-5"><i class="spinner-border text-primary" role="status"></i></div>'
|
||||
);
|
||||
myModal.show();
|
||||
$.get(url, function(res, status) {
|
||||
$("#editPageModal .modal-body").html(res);
|
||||
|
||||
document.querySelectorAll(".choices-select").forEach((element) => {
|
||||
new Choices(element, {
|
||||
removeItemButton: true,
|
||||
searchEnabled: true,
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
45
Modules/CCMS/resources/views/page/partials/_form.blade.php
Normal file
45
Modules/CCMS/resources/views/page/partials/_form.blade.php
Normal file
@@ -0,0 +1,45 @@
|
||||
{{ html()->modelForm($page ?? null, 'POST', route('page.store'))->class('needs-validation')->attributes(['novalidate', 'enctype' => 'multipart/form-data'])->open() }}
|
||||
@if (isset($page))
|
||||
{{ html()->hidden('id', $page->id) }}
|
||||
@endif
|
||||
<div class="row g-3">
|
||||
<div class="col-lg-12">
|
||||
<div>
|
||||
{{ html()->label('Title')->class('form-label')->for('title') }}
|
||||
{{ html()->span('*')->class('text-danger') }}
|
||||
{{ html()->text('title')->class('form-control')->placeholder('Enter Page Title')->required() }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<div>
|
||||
{{ html()->label('Type')->class('form-label')->for('type') }}
|
||||
{{ html()->span('*')->class('text-danger') }}
|
||||
{{ html()->select('type', config('constants.page_type_options'))->class('form-select choices-select')->required() }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
{{ html()->label('Page Content Options')->class('form-label') }}
|
||||
<div class="event-details border rounded p-4">
|
||||
<div class="row gy-3">
|
||||
@foreach (config('constants.page_section_options') as $value => $label)
|
||||
<div class="col-6">
|
||||
<div class="form-check form-check-inline">
|
||||
{{ html()->checkbox('section[]', in_array($value, $page->section ?? []), $value)->class('form-check-input')->id("{$value}Check") }}
|
||||
{{ html()->label($label)->class('form-check-label mb-0 text-nowrap')->for("{$value}Check") }}
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<div class="hstack gap-2 justify-content-end">
|
||||
<button type="button" class="btn btn-sm btn-light" data-bs-dismiss="modal">Close</button>
|
||||
<button type="submit" class="btn btn-sm btn-success">{{ isset($page) ? 'Update' : 'Create' }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ html()->closeModelForm() }}
|
||||
@@ -0,0 +1,17 @@
|
||||
<div class="row mb-3">
|
||||
<div class="col-xxl-12">
|
||||
<form id="filter-form" method="POST">
|
||||
@csrf
|
||||
<div class="radio-inputs">
|
||||
@foreach ($parentPages as $page)
|
||||
<label for="radio-{{ $page->id }}" class="radio">
|
||||
<input id="radio-{{ $page->id }}" type="radio" name="page_id" value="{{ $page->id }}"
|
||||
class="page-filter-radio" @checked($loop->first)>
|
||||
<span class="name">{{ $page->title }}</span>
|
||||
</label>
|
||||
@endforeach
|
||||
<div class="indicator"></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user