I’m having a problem in the admin panel. This is the first time it happens to me and I can’t find the solution. Admin panel is connected to database. When I add an article from the admin panel, I encounter a blank page. I will add the photos to the description.
This is the part where I update and add articles and so on in the admin panel:
admin panel image
As soon as I press the save button, a blank page appears. Normally, a green warning should appear before me.
after save image
The green warning that will appear is as follows, but it definitely does not appear.
success warning
I am attaching the backend codes below.
This is index.blade.php code screen.
@extends('backend.app')
@section('content')
<div class="m-alert m-alert--icon m-alert--air m-alert--square alert alert-dismissible m--margin-bottom-30" role="alert">
<div class="m-alert__icon">
<i class="flaticon-exclamation m--font-brand"></i>
</div>
<div class="m-alert__text">
Bu bölümden sitenizin haberlerini yönetebilirsiniz.
</div>
</div>
<div class="m-portlet m-portlet--mobile">
<div class="m-portlet__head">
<div class="m-portlet__head-caption">
<div class="m-portlet__head-title">
<h3 class="m-portlet__head-text">
Haberler
</h3>
</div>
</div>
</div>
<div class="m-portlet__body">
<!--begin: Search Form -->
<div class="m-form m-form--label-align-right m--margin-top-20 m--margin-bottom-30">
<div class="row align-datas-center">
<div class="col-xl-8 order-2 order-xl-1">
<div class="form-group m-form__group row align-datas-center">
<div class="col-md-4">
<div class="m-input-icon m-input-icon--left">
<input type="text" class="form-control m-input" placeholder="Search..." id="generalSearch">
<span class="m-input-icon__icon m-input-icon__icon--left">
<span>
<i class="la la-search"></i>
</span>
</span>
</div>
</div>
</div>
</div>
<div class="col-xl-4 order-1 order-xl-2 m--align-right">
<a href="{!! url('admin/news/trash') !!}" class="btn btn-danger m-btn m-btn--custom m-btn--icon m-btn--air m-btn--pill">
<span>
<i class="la la-trash"></i>
<span>
Çöp kutusu
</span>
</span>
</a>
<a href="{!! route('news.create') !!}" class="btn btn-primary m-btn m-btn--custom m-btn--icon m-btn--air m-btn--pill">
<span>
<i class="la la-plus"></i>
<span>
Yeni
</span>
</span>
</a>
<div class="m-separator m-separator--dashed d-xl-none"></div>
</div>
</div>
</div>
<!--end: Search Form -->
<!--begin: Datatable -->
<table class="m-datatable" id="html_table" width="100%">
<thead>
<tr>
<th>
ID
</th>
<th>
Haber
</th>
<th>
Oluşturma Tarihi
</th>
<th>
Düzenlenme Tarihi
</th>
<th>
Status
</th>
<th>
İşlemler
</th>
</tr>
</thead>
<tbody>
@foreach($datas as $data)
<tr>
<td>
{{ $data->id }}
</td>
<td>
{{ $data->title }}
</td>
<td>
{{ $data->created_at }}
</td>
<td>
{{ $data->updated_at }}
</td>
<td>
@if($data->status=='active') 4 @else 6 @endif
</td>
<td data-field="Actions" class="m-datatable__cell">
<span style="overflow: visible; position: relative; width: 110px;">
<a href="{!! url('admin/news/'.$data->id.'/edit/') !!}" class="pull-left m-portlet__nav-link btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill" title="Düzenle"><i class="la la-edit"></i></a>
{!! Form::open(['method' => 'Delete', 'route' => ['news.destroy', $data->id], 'id'=> 'deleteID'.$data->id ]) !!}
<button type="submit" value="deleteID{{$data->id}}" class="delete m-portlet__nav-link btn m-btn m-btn--hover-danger m-btn--icon m-btn--icon-only m-btn--pill"><i class="la la-trash"></i></button>
{!! Form::close() !!}
</span>
</td>
</tr>
@endforeach
</tbody>
</table>
<!--end: Datatable -->
</div>
</div>
@section('js')
<script src="/backend/assets/demo/default/custom/header/actions.js" type="text/javascript"></script>
<script src="/backend/assets/demo/default/custom/components/forms/widgets/bootstrap-switch.js" type="text/javascript"></script>
<script src="/backend/assets/demo/default/custom/components/base/sweetalert2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.delete').click(function(){
var action = "#" + $(this).attr('value');
Swal({
title: 'Emin misin?',
text: 'Bunu silmek istediğine emin misin?',
type: 'warning',
showCancelButton: true,
confirmButtonText: 'Evet!',
cancelButtonText: 'Hayır'
}).then((result) => {
if (result.value) {
Swal(
'Silindi!',
'Silme işleminiz başarı ile gerçekleştirildi!',
'success'
)
setTimeout( function () {
$(action).submit();
}, 600);
} else if (result.dismiss === Swal.DismissReason.cancel) {
Swal(
'İptal edildi',
'Silme işleminiz iptal edildi, içeriğiniz güvende!',
'error'
)
}
})
return false;
});
});
</script>
@endsection
@section('css')
<link href="/backend/assets/custom/css/style.css" rel="stylesheet" type="text/css" />
@endsection
@endsection
Form.blade.php code screen.
@if(request()->route()->action['as']=='news.edit')
{!! Form::open(['url' => 'admin/news/'.$datas->id, 'method' => 'PATCH', 'enctype' => 'multipart/form-data', 'class'=>'m-form m-form--fit m-form--label-align-right']) !!}
@else
@php($meta_title = 'Lorem Ipsum is simply dummy text of the printing and typeset')
@php($meta_desc = 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries')
@php($datas = ['location'=> null,'en_title'=> null,'date'=> null, 'en_body'=> null, 'sort'=> null, 'category_id' => 0, 'created_at' => null, 'slug' => null, 'title' => null, 'body' => null, 'video' => null, 'status' => null, 'cover' => null, 'meta_title' => $meta_title, 'meta_image' => 'http://via.placeholder.com/600x315', 'meta_description' => $meta_desc])
{!! Form::open(['route' => 'news.store', 'enctype' => 'multipart/form-data', 'method' => 'POST', 'class'=>'m-form m-form--fit m-form--label-align-right']) !!}
@endif
<div class="m-portletx">
<div class="m-portlet__body">
<ul class="nav nav-pills nav-fill" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#genel">
Genel
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#galeri">
Galeri
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#seo">
SEO
</a>
</li>
</ul>
<div class="tab-content marginTop-40">
<div class="tab-pane active" id="genel" role="tabpanel">
<div class="form-group m-form__group row">
<label class="col-xl-3 col-lg-3 col-form-label">
Kategori :
</label>
<div class="col-xl-9 col-lg-9">
<select selectedvalue="{{ $datas['category_id'] }}" name="category_id" class="form-control m-input type" >
<option value="0">Seçiniz</option>
<option value="1">Haber</option>
<option value="2">Yayın</option>
<option value="3">Video</option>
</select>
<span class="m-form__help">
Ait olduğu kategoriyi seçin.
</span>
</div>
</div>
{{
Form::bsText(
'title',
'Başlık',
'İçeriğinizin başlığı en az 3 ve en fazla 255 karakter olmalıdır.',
$datas['title']
)
}}
<div class="form-group m-form__group row">
<label class="col-xl-3 col-lg-3 col-form-label">
Açıklama :
</label>
<div class="col-xl-9 col-lg-9">
<textarea name="body" class="form-control m-input summernote" >{{$datas['body']}}</textarea>
<span class="m-form__help">
İçeriğinizi bu alana yazın
</span>
</div>
</div>
<div class="form-group m-form__group row">
<label class="col-xl-3 col-lg-3 col-form-label">
Tarih :
</label>
<div class="col-xl-9 col-lg-9">
<input style="width: 20%;" class="form-control m-input" type="date" name="created_at"
@if(request()->route()->action['as']=='news.edit')
value="{{$datas['created_at']->format('Y-m-d')}}"
@else
value="{{ date('Y-m-d') }}"
@endif
min="2018-01-01" >
<div class="clearfix"></div>
<span class="m-form__help">
İçerik bu alandan belirlediğiniz tarihe göre sıralanacaktır.
</span>
</div>
</div>
{{
Form::bsText(
'video',
'Video url',
'Youtube Video kodu Ör. https://www.youtube.com/watch?v=Bl3KM79-fzo adresindeki v= den sonraki kod Bl3KM79-fzo',
$datas['video']
)
}}
<div class="form-group m-form__group row">
<label class="col-form-label col-lg-3 col-sm-12">
Durumu :
</label>
<div class="col-lg-9 col-md-9 col-sm-12">
<input name="status" value="active" data-switch="true" type="checkbox" id="m_switch_1"
@if($datas['status']=='active' || $datas['status']=='') checked="checked" @endif
>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="tab-pane" id="galeri" role="tabpanel">
<div class="form-group m-form__group row">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="m-dropzone dropzone m-dropzone--primary" id="m-dropzone-two">
<div class="custom-file col-xl-9 col-lg-9">
<input name="img[]" multiple="" type="file" class="custom-file-input m-dropzone dropzone m-dropzone--primary" id="customFile">
</div>
<div class="clearfix"></div>
<div class="m-dropzone__msg dz-message needsclick">
<i class="la la-cloud-upload fontsize-40"></i>
<div class="clearfix"></div>
<h3 class="m-dropzone__msg-title">
Yüklemek istediğiniz resimleri buraya bırakın veya yüklemek için tıklayın.
</h3>
<span class="m-dropzone__msg-desc">
Boyutu en fazla 2mb olan 10 resim seçiniz, desteklenen resim formatları (jpg, png, gif, svg)dir.
</span>
</div>
</div>
</div>
</div>
@if(request()->route()->action['as']=='news.edit')
<ul class="editGal">
@foreach($images as $image)
<li>
<img src="{{ url('assets/images/uploads/news/'.$datas->id.'/thumbnails/'.$image->image) }}">
<div class="clearfix"></div>
<div class="delete">
<label class="m-checkbox">
<input name="deletePhoto[{{ $image->id }}]" type="checkbox">Sil
<span></span>
</label>
</div>
</li>
@endforeach
</ul>
<div class="clearfix"></div>
@endif
</div>
<div class="tab-pane" id="seo" role="tabpanel">
<div class="col-md-6 pull-left">
{{
Form::bsText(
'slug',
'Slug',
'Bu alan benzersiz adresinizi ifade ediyor. Örn. siteniz.com/{slug}',
$datas['slug'],
$attribute = ['id' => 'meta-url']
)
}}
{{
Form::bsText(
'meta_title',
'Başlık',
'Bu alan google aramalarda görünecek başlık kısmını ifade ediyor. (60 karakteri geçmemesi önerilir.)',
$datas['meta_title'],
$attribute = ['id' => 'meta-title']
)
}}
{{
Form::bsTextarea(
'meta_description',
'Açıklama',
'Bu alan google aramalarda görünecek açıklama kısmını ifade ediyor. (320 karakteri geçmemesi önerilir.)',
$datas['meta_description'],
$attribute = ['id' => 'meta-desc']
)
}}
{{
Form::bsText(
'meta_image',
'Görsel',
'Bu alan google aramalarda görünecek resim kısmını ifade ediyor. (600x315px ebatlarında bir görsel adresi girmelisiniz.)',
$datas['meta_image'],
$attribute = ['id' => 'meta-featured-image']
)
}}
</div>
<div class="col-md-6 pull-right">
<h6>Google arama sonuçu görünümü</h6>
<div id="seopreview-google"></div>
<h6>Facebook paylaşım görünümü</h6>
<div id="seopreview-facebook"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="m-portlet__foot m-portlet__foot--fit">
<div class="m-form__actions m-form__actions pull-right">
<div class="row">
<div class="col-lg-12 ml-lg-auto">
<a href="{!! route('news.index') !!}" class="btn btn-secondary">Geri</a>
{!! Form::submit('Kaydet', ['class'=>'btn btn-brand']) !!}
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
{!! Form::close() !!}
<!--end::Form-->
edit.blade.php code screen.
@extends('backend.app')
@section('content')
<div class="m-alert m-alert--icon m-alert--air m-alert--square alert alert-dismissible m--margin-bottom-30" role="alert">
<div class="m-alert__icon">
<i class="flaticon-exclamation m--font-brand"></i>
</div>
<div class="m-alert__text">
Bu bölümden sitenizin haberlerini yönetebilirsiniz.
</div>
</div>
<div class="m-portlet m-portlet--mobile">
<div class="m-portlet__head">
<div class="m-portlet__head-caption">
<div class="m-portlet__head-title">
<h3 class="m-portlet__head-text">
Haberler
</h3>
</div>
</div>
</div>
@include('backend.news.form')
</div>
@section('css')
<link href="/backend/assets/custom/css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="/backend/assets/app/css/jquery-seopreview.css">
@endsection
@section('js')
<script src="/backend/assets/demo/default/custom/header/actions.js" type="text/javascript"></script>
<script src="/backend/assets/demo/default/custom/components/forms/widgets/bootstrap-switch.js" type="text/javascript"></script>
<script src="/backend/assets/demo/default/custom/components/base/sweetalert2.js" type="text/javascript"></script>
<script src="/backend/assets/demo/default/custom/components/forms/widgets/dropzone.js" type="text/javascript"></script>
<script src="/backend/assets/app/js/jquery-seopreview.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$.seoPreview({
google_div: "#seopreview-google",
facebook_div: "#seopreview-facebook",
metadata: {
title: $('#meta-title'),
desc: $('#meta-desc'),
url: {
use_slug: true,
base_domain: '{{url('')}}/',
full_url: $('#meta-url')
}
},
google: {
show: true,
date: false
},
facebook: {
show: true,
featured_image: $('#meta-featured-image')
}
});
$("select[selectedvalue]").each(function(){
var self = $(this);
self.val(self.attr("selectedvalue"));
});
});
</script>
@if ($errors->any())
<script type="text/javascript">
Swal({
title: 'Hata!',
text: '@foreach ($errors->all() as $error) {{ $error }} @endforeach',
type: 'error',
confirmButtonText: 'Tamam'
})
</script>
@endif
@endsection
@endsection
create.blade.php code screen.
@extends('backend.app')
@section('content')
<div class="m-alert m-alert--icon m-alert--air m-alert--square alert alert-dismissible m--margin-bottom-30" role="alert">
<div class="m-alert__icon">
<i class="flaticon-exclamation m--font-brand"></i>
</div>
<div class="m-alert__text">
Bu bölümden sitenizin haberlerini yönetebilirsiniz.
</div>
</div>
<div class="m-portlet m-portlet--mobile">
<div class="m-portlet__head">
<div class="m-portlet__head-caption">
<div class="m-portlet__head-title">
<h3 class="m-portlet__head-text">
Haberler
</h3>
</div>
</div>
</div>
@include('backend.news.form')
</div>
@section('css')
<link href="/backend/assets/custom/css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="/backend/assets/app/css/jquery-seopreview.css">
@endsection
@section('js')
<script src="/backend/assets/demo/default/custom/header/actions.js" type="text/javascript"></script>
<script src="/backend/assets/demo/default/custom/components/forms/widgets/bootstrap-switch.js" type="text/javascript"></script>
<script src="/backend/assets/demo/default/custom/components/base/sweetalert2.js" type="text/javascript"></script>
<script src="/backend/assets/demo/default/custom/components/forms/widgets/dropzone.js" type="text/javascript"></script>
<script src="/backend/assets/app/js/jquery-seopreview.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$( "#meta-title" ).click(function() {
$( "#meta-title" ).val('');
});
$( "#meta-desc" ).click(function() {
$( "#meta-desc" ).val('');
});
$( "#meta-featured-image" ).click(function() {
$( "#meta-featured-image" ).val('');
});
$.seoPreview({
google_div: "#seopreview-google",
facebook_div: "#seopreview-facebook",
metadata: {
title: $('#meta-title'),
desc: $('#meta-desc'),
url: {
use_slug: true,
base_domain: '{{url('')}}/',
full_url: $('#meta-url')
}
},
google: {
show: true,
date: false
},
facebook: {
show: true,
featured_image: $('#meta-featured-image')
}
});
});
</script>
@if ($errors->any())
<script type="text/javascript">
Swal({
title: 'Hata!',
text: '@foreach ($errors->all() as $error) {{ $error }} @endforeach',
type: 'error',
confirmButtonText: 'Tamam'
})
</script>
@endif
@endsection
@endsection