first change
This commit is contained in:
35
Modules/Content/resources/views/content/all.blade.php
Normal file
35
Modules/Content/resources/views/content/all.blade.php
Normal file
@@ -0,0 +1,35 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid">
|
||||
<x-dashboard.breadcumb :title="$title" />
|
||||
|
||||
|
||||
@include('content::content.partials.filter')
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
@php
|
||||
$columns = [
|
||||
[
|
||||
'title' => 'SN',
|
||||
'data' => 'DT_RowIndex',
|
||||
'name' => 'DT_RowIndex',
|
||||
'orderable' => false,
|
||||
'searchable' => false,
|
||||
],
|
||||
['title' => 'Title', 'data' => 'title', 'name' => 'title'],
|
||||
['title' => 'Product', 'data' => 'product', 'name' => 'product'],
|
||||
['title' => 'Category', 'data' => 'category', 'name' => 'category'],
|
||||
['title' => 'Created By', 'data' => 'createdby', 'name' => 'createdby'],
|
||||
['title' => 'Status', 'data' => 'status', 'name' => 'status'],
|
||||
['title' => 'Action', 'data' => 'action', 'orderable' => false, 'searchable' => false],
|
||||
];
|
||||
@endphp
|
||||
|
||||
<x-data-table-script :route="route('content.index')" :columns="$columns" />
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
12
Modules/Content/resources/views/content/create.blade.php
Normal file
12
Modules/Content/resources/views/content/create.blade.php
Normal file
@@ -0,0 +1,12 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid">
|
||||
<x-dashboard.breadcumb :title="$title" />
|
||||
|
||||
{{ html()->form('POST')->route('content.store')->class(['needs-validation'])->attributes(['novalidate', 'enctype' => 'multipart/form-data'])->open() }}
|
||||
@include('content::content.partials.action')
|
||||
{{ html()->form()->close() }}
|
||||
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,15 @@
|
||||
<div class="hstack flex-wrap gap-3">
|
||||
@can('content.show')
|
||||
<a href="{{ route('content.show', $id) }}" class="link-secondary fs-15 view-item-btn"><i class="ri-eye-fill"></i>
|
||||
</a>
|
||||
@endcan
|
||||
@can('content.edit')
|
||||
<a href="{{ route('content.edit', $id) }}" class="link-primary fs-15 edit-item-btn"><i class="ri-edit-2-fill"></i>
|
||||
</a>
|
||||
@endcan
|
||||
@can('content.destroy')
|
||||
<a href="javascript:void(0);" data-link="{{ route('content.destroy', $id) }}" data-id="{{ $id }}"
|
||||
class="link-danger fs-15 remove-item-btn"><i class="ri-delete-bin-fill"></i></a>
|
||||
@endcan
|
||||
|
||||
</div>
|
||||
21
Modules/Content/resources/views/content/edit.blade.php
Normal file
21
Modules/Content/resources/views/content/edit.blade.php
Normal file
@@ -0,0 +1,21 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid">
|
||||
|
||||
<x-dashboard.breadcumb :title="$title" />
|
||||
|
||||
|
||||
{{ html()->modelForm($content, 'PUT')->route('content.update', $content->id)->class(['needs-validation'])->attributes(['novalidate', 'enctype' => 'multipart/form-data'])->open() }}
|
||||
|
||||
@include('content::content.partials.action')
|
||||
|
||||
{{ html()->closeModelForm() }}
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@endsection
|
||||
|
||||
|
||||
46
Modules/Content/resources/views/content/index.blade.php
Normal file
46
Modules/Content/resources/views/content/index.blade.php
Normal file
@@ -0,0 +1,46 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid">
|
||||
<x-dashboard.breadcumb :title="$title" />
|
||||
|
||||
|
||||
@include('content::content.partials.filter')
|
||||
|
||||
|
||||
<div class="mb-1 text-end">
|
||||
@can('content.create')
|
||||
<a href="{{ route('content.create') }}" class="btn btn-primary btn-sm waves-effect waves-light"><i
|
||||
class="ri-add-fill me-1 align-bottom"></i> Create</a>
|
||||
@endcan
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
{{-- @dd($status) --}}
|
||||
@php
|
||||
$columns = [
|
||||
[
|
||||
'title' => 'SN',
|
||||
'data' => 'DT_RowIndex',
|
||||
'name' => 'DT_RowIndex',
|
||||
'orderable' => false,
|
||||
'searchable' => false,
|
||||
],
|
||||
['title' => 'Title', 'data' => 'title', 'name' => 'title'],
|
||||
['title' => 'Product', 'data' => 'product', 'name' => 'product'],
|
||||
['title' => 'Category', 'data' => 'category', 'name' => 'category'],
|
||||
// ['title' => 'Created Date', 'data' => 'created_at', 'name' => 'created_at'],
|
||||
['title' => 'Created By', 'data' => 'createdby', 'name' => 'createdby'],
|
||||
['title' => 'Status', 'data' => 'status', 'name' => 'status'],
|
||||
['title' => 'Action', 'data' => 'action', 'orderable' => false, 'searchable' => false],
|
||||
];
|
||||
@endphp
|
||||
|
||||
<x-data-table-script :route="route('content.draft')" :columns="$columns" />
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,82 @@
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="event-details rounded border p-3">
|
||||
<div class="d-flex mb-2">
|
||||
<div class="flex-grow-1 d-flex align-items-center">
|
||||
<div class="me-3 flex-shrink-0">
|
||||
<i class="ri-text text-muted fs-16"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="d-block fw-semibold mb-0" id="event-start-date-tag">{{ $content->title }}</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<div class="me-3 flex-shrink-0">
|
||||
<i class="ri-calendar-event-line text-muted fs-16"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="d-block fw-semibold mb-0">{{ $content->release_date?->format('Y-m-d') }}
|
||||
{{ $content->release_time?->format('h:i A') }} {!! $content->status_name !!}</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<div class="me-3 flex-shrink-0">
|
||||
<i class="ri-map-pin-user-fill text-muted fs-16"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="d-block fw-semibold mb-0">{{ $content->product?->client?->name }}</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<div class="me-3 flex-shrink-0">
|
||||
<i class="ri-product-hunt-line text-muted fs-16"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="d-block fw-semibold mb-0"> <span id="event-location-tag">{{ $content->product?->name }}</span></h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex">
|
||||
<div class="me-3 flex-shrink-0">
|
||||
<i class="ri-menu-2-line text-muted fs-16"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<p class="d-block text-muted mb-0" id="event-description-tag">{{ $content->category?->title }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if ($content->status != 13)
|
||||
<div class="col-12 mt-3">
|
||||
<form id="contentForm" action="{{ route('content.updateStatus', $content->id) }}" method="POST">
|
||||
@csrf
|
||||
<div class="row g-3">
|
||||
|
||||
{{ html()->hidden('id', $content->id) }}
|
||||
|
||||
<div class="col-12">
|
||||
<div>
|
||||
{{ html()->label('Status')->for('status')->class('form-label') }}
|
||||
{{ html()->select('status', config('constants.content_status_options'), 12)->id('status')->class('form-control')->required(true) }}
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
|
||||
<div class="col-12">
|
||||
<div>
|
||||
{{ html()->label('Remarks')->for('approval_remarks')->class('form-label') }}
|
||||
{{ html()->textarea('remarks')->id('remarks')->class('form-control')->attributes(['rows' => 3])->required(true) }}
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
|
||||
<div class="col-lg-12">
|
||||
<div class="hstack justify-content-end gap-2">
|
||||
<button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
|
||||
<button id="submit" type="submit" class="btn btn-primary">Update</button>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
</div><!--end row-->
|
||||
</form>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
@@ -0,0 +1,96 @@
|
||||
<div class="row">
|
||||
<div class="col-lg-9">
|
||||
<div class="card">
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
<div class="row gy-3">
|
||||
|
||||
<div class="col-md-12">
|
||||
{{ html()->label('Title')->class('form-label') }}
|
||||
{{ html()->text('title')->class('form-control')->placeholder('Title')->required() }}
|
||||
{{ html()->div('Please Enter Title')->class('invalid-feedback') }}
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
{{ html()->label('Product')->class('form-label') }}
|
||||
{{ html()->select('product_id', $products)->class('form-control select2')->placeholder('Select Product')->required() }}
|
||||
{{ html()->div('Please Select Product')->class('invalid-feedback') }}
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
{{ html()->label('Category')->class('form-label') }}
|
||||
{{ html()->select('category_id', $categories)->class('form-control select2')->placeholder('Select Category') }}
|
||||
{{ html()->div('Please Select Category')->class('invalid-feedback') }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card body -->
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
{{ html()->label('Caption')->class('form-label') }}
|
||||
{{ html()->textarea('caption')->class('form-control ckeditor-classic') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card body -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card -->
|
||||
|
||||
<div class="col-lg-3">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title mb-0">Publish</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row gy-3">
|
||||
@php
|
||||
$filteredStatus = array_filter(
|
||||
$status,
|
||||
function ($key) {
|
||||
return $key == 11; // Only include 'Draft'
|
||||
},
|
||||
ARRAY_FILTER_USE_KEY,
|
||||
);
|
||||
@endphp
|
||||
|
||||
<div class="col-md-12">
|
||||
{{ html()->label('Status')->class('form-label') }}
|
||||
{{ html()->select('status', $filteredStatus)->class('form-control select2') }}
|
||||
</div>
|
||||
|
||||
<x-form-buttons :editable="$editable" label="Add" href="{{ route('content.index') }}" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card body -->
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title mb-0">Document</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
{{ html()->label('Image')->class('form-label visually-hidden') }}
|
||||
{{ html()->file('creative')->class('form-control dropify')->attributes([
|
||||
'data-default-file' => $editable ? asset('storage/' . $content?->creative) : null,
|
||||
'data-height' => 200,
|
||||
]) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card body -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@push('js')
|
||||
<script src="{{ asset('assets/js/pages/form-validation.init.js') }}"></script>
|
||||
@endpush
|
||||
@@ -0,0 +1,62 @@
|
||||
<div class="card bg-light">
|
||||
<div class="card-header border-bottom-dashed">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="card-title mb-0">Advance Filter</h6>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<ul class="list-inline card-toolbar-menu d-flex align-items-center mb-0">
|
||||
|
||||
<li class="list-inline-item">
|
||||
<a class="minimize-card align-middle" data-bs-toggle="collapse" href="#collapseExample2" role="button"
|
||||
aria-expanded="false" aria-controls="collapseExample2">
|
||||
<i class="mdi mdi-plus plus align-middle"></i>
|
||||
<i class="mdi mdi-minus minus align-middle"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body show collapse" id="collapseExample2">
|
||||
{{ html()->form('GET')->id('filter-form')->open() }}
|
||||
<div class="row">
|
||||
<div class="col-sm-3 mb-1">
|
||||
{{ html()->label('Search')->class('form-label') }}
|
||||
<div class="search-box">
|
||||
{{ html()->text('search')->class('form-control form-control-sm')->placeholder('Search...') }}
|
||||
<i class="ri-search-line search-icon"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-3 mb-1">
|
||||
{{ html()->label('Date')->class('form-label') }}
|
||||
{{ html()->text('date')->class('form-control form-control-sm daterange-custom-picker')->value(request('date'))->placeholder('Date Range')}}
|
||||
</div>
|
||||
|
||||
<div class="col-sm-3 mb-1">
|
||||
{{ html()->label('Status')->class('form-label') }}
|
||||
{{ html()->select('status', $status)->placeholder('Select Status')->value(request('status'))->class('form-control form-control-sm') }}
|
||||
</div>
|
||||
|
||||
<div class="col-sm-3 mb-1">
|
||||
{{ html()->label('Product')->class('form-label') }}
|
||||
{{ html()->select('product_id', $products)->placeholder('Select Product')->value(request('product_id'))->class('form-control form-control-sm') }}
|
||||
</div>
|
||||
|
||||
<div class="col-sm-3 mb-1">
|
||||
{{ html()->label('Category')->class('form-label') }}
|
||||
{{ html()->select('category_id', $categories)->placeholder('Select Category')->value(request('category_id'))->class('form-control form-control-sm') }}
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-center list-grid-nav hstack mt-2 gap-1">
|
||||
<button type="submit" class="btn btn-warning btn-sm">Filter</button>
|
||||
<a href="{{ route(Route::currentRouteName()) }}" class="btn btn-danger btn-sm reset-filter">Reset</a>
|
||||
</div>
|
||||
|
||||
{{ html()->form()->close() }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
180
Modules/Content/resources/views/content/show.blade.php
Normal file
180
Modules/Content/resources/views/content/show.blade.php
Normal file
@@ -0,0 +1,180 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card mt-n4 mx-n4">
|
||||
<div class="bg-warning-subtle">
|
||||
<div class="card-body px-4 pb-0">
|
||||
<div class="row mb-3">
|
||||
<div class="col-md">
|
||||
<div class="row align-items-center g-3">
|
||||
<div class="col-md">
|
||||
<div>
|
||||
<h4 class="fw-bold">{{ $content->title }}</h4>
|
||||
<div class="hstack flex-wrap gap-3">
|
||||
<div>{!! nl2br($content->caption) !!}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-auto">
|
||||
<div class="hstack flex-wrap gap-1">
|
||||
{{-- @can('content.changeStatus') --}}
|
||||
<a href="javascript:void(0);" class="btn btn-success" data-bs-toggle="modal"
|
||||
data-bs-target="#contentApproveModal">
|
||||
<i class="ri-timer-line me-1 align-bottom"></i> Schedule Now
|
||||
</a>
|
||||
{{-- @endcan --}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="nav nav-tabs-custom border-bottom-0" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<a class="nav-link active fw-semibold" data-bs-toggle="tab" href="#project-overview"
|
||||
role="tab" aria-selected="true">Overview</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="tab-content text-muted">
|
||||
<div class="tab-pane fade show active" id="project-overview" role="tabpanel">
|
||||
<div class="row">
|
||||
<div class="col-xl-9 col-lg-8">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="text-muted">
|
||||
<h6 class="fw-semibold text-uppercase mb-3">Summary</h6>
|
||||
<table class="table table-borderless mb-0">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th><span class="fw-medium">Product</span></th>
|
||||
<td>{{ $content->product?->name }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><span class="fw-medium">Client</span></th>
|
||||
<td>{{ $content->product?->client?->name }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><span class="fw-medium">Category</span></th>
|
||||
<td>{{ $content->category?->title }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><span class="fw-medium">Description</span></th>
|
||||
<td>{!! $content->caption !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><span class="fw-medium">Status</span></th>
|
||||
<td>{!! $content->status_name !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><span class="fw-medium">Schedule Detail</span></th>
|
||||
<td>
|
||||
@if (config('constants.content_status_options')[$content->status] == 'Scheduled')
|
||||
<span>{{ $content->release_date }}</span>
|
||||
<span>{{ \Carbon\Carbon::parse($content->release_time)?->format('h:i A') }}</span>
|
||||
@else
|
||||
<span class="text-danger">Not Scheduled</span>
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-lg-4">
|
||||
<div class="card">
|
||||
<div class="card-header align-items-center d-flex border-bottom-dashed">
|
||||
<h4 class="card-title flex-grow-1 mb-0">Attachment</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body text-center">
|
||||
@if ($content->creative)
|
||||
@php
|
||||
$fileExtension = pathinfo(
|
||||
$content->creative,
|
||||
PATHINFO_EXTENSION,
|
||||
);
|
||||
$isImage = in_array(strtolower($fileExtension), [
|
||||
'jpg',
|
||||
'jpeg',
|
||||
'png',
|
||||
'gif',
|
||||
'bmp',
|
||||
'webp',
|
||||
]);
|
||||
@endphp
|
||||
|
||||
@if ($isImage)
|
||||
<img src="{{ asset('storage/' . $content->creative) }}"
|
||||
alt="Attachment Image" height="100" id="attachmentImage"
|
||||
style="cursor: pointer;">
|
||||
@else
|
||||
<i class="ri-file-line" style="font-size: 50px;"></i>
|
||||
@endif
|
||||
|
||||
<div class="mt-3">
|
||||
<!-- Download Button -->
|
||||
<a href="{{ asset('storage/' . $content->creative) }}" download
|
||||
class="btn btn-primary btn-sm">
|
||||
<i class="ri-download-2-line"></i> Download
|
||||
</a>
|
||||
|
||||
<!-- Zoom-In Button -->
|
||||
@if ($isImage)
|
||||
<button class="btn btn-secondary btn-sm" id="zoomInButton"
|
||||
data-bs-toggle="modal" data-bs-target="#zoomModal">
|
||||
<i class="ri-zoom-in-line"></i> Zoom In
|
||||
</button>
|
||||
@endif
|
||||
</div>
|
||||
@else
|
||||
<p class="text-muted">No Attachment Available</p>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="zoomModal" tabindex="-1" aria-labelledby="zoomModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
</div>
|
||||
<div class="modal-body text-center">
|
||||
<img src="{{ asset('storage/' . $content->creative) }}" alt="Zoomed Attachment" class="img-fluid"
|
||||
id="zoomedImage">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<x-approve-modal :data="$content" route="{{ route('content.schedule') }}" name="content" :statusList="$statusList" />
|
||||
@endsection
|
||||
|
||||
@push('js')
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('#zoomInButton').on('click', function() {
|
||||
let src = $('#attachmentImage').attr('src');
|
||||
$('#zoomedImage').attr('src', src);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
Reference in New Issue
Block a user