File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/demo/Dynast/resources/views/Dashboard/Pages/manageBlog.blade.php

Back
@extends('layouts.dashboardLayout') @section('title', 'Blog') @section('content') <x-content-div heading="Manage Blog"> <x-card-element header="Add Blog Image"> <x-form-element method="POST" enctype="multipart/form-data" id="submitForm" action="javascript:"> <x-input type="hidden" name="id" id="id" value=""></x-input> <x-input type="hidden" name="action" id="action" value="insert"></x-input> <x-input-with-label-element id="image" label="Banner Image" name="banner_image" type="file" accept="image/" required></x-input-with-label-element> <x-input-with-label-element id="blog_images" label="Upload Multiple Blog Image" name="blog_images[]" type="file" accept="image/" required multiple></x-input-with-label-element> <x-input-with-label-element id="title" label="Blog title" name="title" required></x-input-with-label-element> <x-text-area-with-label id="content" label="Blog Content" name="content" required></x-text-area-with-label> {{-- <x-input-with-label-element id="blog_category" label="Blog Category" name="blog_category"></x-input-with-label-element> --}} <x-input-with-label-element id="blog_date" label="Blog Date" name="blog_date" type="date" required></x-input-with-label-element> <x-input-with-label-element id="meta_keyword" label="Meta Keyword" name="meta_keyword"></x-input-with-label-element> <x-input-with-label-element id="meta_title" label="Meta Title" name="meta_title"></x-input-with-label-element> <x-input-with-label-element id="meta_description" label="Meta Description" name="meta_description"></x-input-with-label-element> <x-select-with-label id="category" name="blog_category" label="Select Category" required="true"> @if ($category) @foreach ($category as $item) <option value="{{$item->category_name}}">{{$item->category_name}}</option> @endforeach @endif </x-select-with-label> <x-select-with-label id="blog_status" name="status" label="Select Blog Status" required="true"> <option value="1">Live</option> <option value="0">Disabled</option> </x-select-with-label> <x-input-with-label-element id="blog_sorting" required label="Blog Position" type="numeric" name="blog_sorting"></x-input-with-label-element> <x-form-buttons></x-form-buttons> </x-form-element> </x-card-element> <x-card-element header="Blog Data"> <x-data-table> </x-data-table> </x-card-element> </x-content-div> @endsection @section('script') <script type="text/javascript"> $('#content').summernote({ placeholder: 'ElementText', tabsize: 2, height: 100 }); let site_url = '{{ url('/') }}'; let table = ""; $(function() { table = $('.data-table').DataTable({ processing: true, serverSide: true, "scrollX": true, ajax: { url: "{{ route('blogData') }}", type: 'POST', data: { '_token': '{{ csrf_token() }}' } }, columns: [{ data: "DT_RowIndex", orderable: false, searchable: false, title: "Sr.No." }, { data: 'action', name: 'action', orderable: false, searchable: false, title: 'Action' }, { data: '{{ \App\Models\Blog::ID }}', name: '{{ \App\Models\Blog::ID }}', title: 'Id', visible: false }, { data: '{{ \App\Models\Blog::IMAGE }}', render: function(data, type, row) { let image = ''; if (data) { image = '<img alt="Image Link" src="' + data + '" class="img-thumbnail">' } return image; }, orderable: false, searchable: false, title: "Blog Image" }, { data: '{{ \App\Models\Blog::BLOG_IMAGES }}', render: function(data, type, row) { let images = ''; if (data) { try { let cleanData = data.replace(/"/g, '"'); if (!cleanData.startsWith('[') \|\| !cleanData.endsWith(']')) { cleanData = `[${cleanData}]`; } let imageArray = JSON.parse(cleanData); images += '<div style="display: flex; flex-wrap: wrap;">'; imageArray.forEach(function(image) { images += '<img class="img-thumbnail" src="' + image + '" alt="Image" style="width: 100px; margin-right: 5px; height: auto;">'; }); } catch (e) { images = '<span class="text-danger">Invalid image data</span>'; } } return images; }, orderable: false, searchable: false, title: "Blog Images", width: '30%' }, { data: '{{ \App\Models\Blog::TITLE }}', name: '{{ \App\Models\Blog::TITLE }}', title: 'Blog Title' }, { data: 'content_row', name: '{{ \App\Models\Blog::CONTENT }}', title: 'Blog Content' }, { data: '{{ \App\Models\Blog::BLOG_CATEGORY }}', name: '{{ \App\Models\Blog::BLOG_CATEGORY }}', title: 'Blog Category' }, { data: '{{ \App\Models\Blog::BLOG_DATE }}', name: '{{ \App\Models\Blog::BLOG_DATE }}', title: 'Blog Date' }, { data: '{{ \App\Models\Blog::BLOG_STATUS }}', name: '{{ \App\Models\Blog::BLOG_STATUS }}', title: 'Blog Status' }, { data: '{{ \App\Models\Blog::BLOG_SORTING }}', name: '{{ \App\Models\Blog::BLOG_SORTING }}', title: 'Blog Sorting' }, { data: '{{ \App\Models\Blog::META_KEYWORD }}', name: '{{ \App\Models\Blog::META_KEYWORD }}', title: 'Blog Meta Keyword' }, { data: '{{ \App\Models\Blog::META_TITLE }}', name: '{{ \App\Models\Blog::META_TITLE }}', title: 'Blog Meta Title' }, { data: '{{ \App\Models\Blog::META_DESCRIPTION }}', name: '{{ \App\Models\Blog::META_DESCRIPTION }}', title: 'Blog Meta Description' }, ], order: [ [2, "desc"] ] }); }); $(document).on("click", ".edit", function() { let row = $.parseJSON(atob($(this).data("row"))); if (row['id']) { $("#id").val(row['id']); $("#image").attr("required", false); $("#blog_images").attr("required", false); $("#title").val(row['title']); $("#blog_category").val(row['blog_category']); $("#meta_keyword").val(row['meta_keyword']); $("#meta_title").val(row['meta_title']); $("#meta_description").val(row['meta_description']); $("#blog_date").val(row['blog_date']); $("#facebook_link").val(row['facebook_link']); $("#instagram_link").val(row['instagram_link']); $("#twitter_link").val(row['twitter_link']); $("#youtube_link").val(row['youtube_link']); $("#blog_status").val(row['blog_status']); $("#blog_sorting").val(row['blog_sorting']); $("#action").val("update"); $("#content").val(row['content']); $('#content').summernote('destroy'); $('#content').summernote({ focus: true }); scrollToDiv(); } else { errorMessage("Something went wrong. Code 101"); } }); function Disable(id) { changeAction(id, "disable", "This item will be disabled!", "Yes, disable it!"); } function Enable(id) { changeAction(id, "enable", "This item will be enabled!", "Yes, enable it!"); } function changeAction(id, action, text, confirmButtonText) { if (id) { Swal.fire({ title: 'Are you sure?', text: text, icon: 'warning', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: confirmButtonText }).then((result) => { if (result.isConfirmed) { $.ajax({ type: 'POST', url: '{{ route('saveBlog') }}', data: { id: id, action: action, '_token': '{{ csrf_token() }}' }, success: function(response) { if (response.status) { successMessage(response.message, true); table.ajax.reload(); } else { errorMessage(response.message); } }, failure: function(response) { errorMessage(response.message); } }); } }); } else { errorMessage("Something went wrong. Code 102"); } } $(document).ready(function() { $("#submitForm").on("submit", function() { var form = new FormData(this); $.ajax({ type: 'POST', url: '{{ route('saveBlog') }}', data: form, cache: false, contentType: false, processData: false, success: function(response) { if (response.status) { successMessage(response.message, "reload"); } else { errorMessage(response.message); } }, error: function(xhr) { if (xhr.status === 422) { console.log(xhr,"error"); const errors = xhr.responseJSON.message; // const allMessages = Object.values(errors).flat().join('<br>'); errorMessage(errors); } else { console.log(xhr,"error"); errorMessage("Something went wrong"); } }, failure: function(response) { errorMessage(response.message); } }); }); }); </script> @include('Dashboard.include.dataTablesScript') {{-- @include('Dashboard.include.summernoteScript') --}} @endsection

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.02 | proxy | phpinfo | Settings