Mini Shell
<?php
require("Ayarlar/Baglantim.php");
require("Ayarlar/Guvenlik.php"); ?>
<!doctype html>
<html lang="tr">
<head>
<?php require("Tablolar/Tasarim.php"); ?>
<title>Modeller - <?= $ayar["siteadi"] ?> - <?= $ayar["siteslogan"] ?></title>
</head>
<body class="bg-theme <?= $kbilgi['temam']?>">
<!--wrapper-->
<div class="wrapper">
<?php require("Tablolar/Sol.php"); ?>
<?php require("Tablolar/UstMenu.php"); ?>
<div class="page-wrapper">
<div class="page-content">
<div class="card radius-10 bg-gradient animated <?= $kbilgi['animasyon']?>">
<div class="card-body">
<div class="d-flex align-items-center">
<div>
<h5 class="mb-0 text-uppercase">Modeller</h5>
</div>
<div class="font-22 ms-auto"><button type="button" class="btn btn-success" data-original-title=İşlemler" data-bs-toggle="modal" data-bs-target="#goster" data-id="ekle" id="modelekleme" data-bs-placement="top" title="Göster"><i class='bx bx-plus mr-1'></i>Ekle</button></i>
</div>
</div>
<hr/>
<div class="table-responsive">
<table class="musteritablosu table table-hover align-middle mb-0">
<thead class="<?= $kbilgi['tablorengi']?>">
<tr>
<th>#</th>
<th>Model Adı</th>
<th>Marka Adı</th>
<th>İşlem</th>
</tr>
</thead>
<tbody>
<?php
$sorgu = $baglanti->prepare('Select * from Modeller'); // Veritabanındaki Depolar tablosundaki tüm verileri çekiyoruz
$sorgu->execute(); // Sorgumuzu çalıştırıyoruz
while($sonuc=$sorgu->fetch()) // While Döngüsü ile Verilerimzi döndürüyoruz
{ // While Başlangıcı
?>
<tr>
<td><?= $sonuc['id']?></td>
<td><?= $sonuc['modeladi']?></td>
<td><?php
$marka = $baglanti->query("SELECT * FROM Markalar where id=".$sonuc["markadi"])->fetchAll(PDO::FETCH_ASSOC);
if(count($marka)>0){
?>
<?php
foreach($marka as $markasi){
?>
<?php echo $markasi['markaadi']; ?>
<?php
}
?>
<?php } ?> </td>
<td class="text-end">
<div class="btn-group" role="group" aria-label="Basic example">
<button type="button" class="btn btn-light" data-original-title=İşlemler" data-bs-toggle="modal" data-bs-target="#goster" data-id="<?= $sonuc['id']?>" id="modelduzenleme" data-bs-placement="top" title="Göster"><i class='bx bx-edit me-0'></i>
</button>
<?php
if ($kbilgi["modelsil"]==1) {?>
<button id="sil" type="button" class="btn btn-light" data-bs-toggle="tooltip" data-bs-placement="top" title="Sil" data-id="<?= $sonuc["id"] ?>" href="javascript:void(0)"><i class='bx bx-trash me-0'></i>
</button>
<?php }?>
</div>
</td>
</tr>
<?php
} // While Bitiş
?>
</tbody>
</table>
</div>
</div>
</div>
<div class="modal fade" id="goster" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content bg-dark bg-gradient">
<div class="modal-header">
<h5 class="modal-title text-uppercase">Model İşlemleri</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body table-responsive">
<div id="modal-loader" style="display: none; text-align: center;">
<img class="g-y100 y-y100" src="Resimler/yukleme.gif">
</div>
<!-- content will be load here -->
<div id="dynamic-content"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Kapat</button>
</div>
</div>
</div>
</div>
<div type="hidden" id="sonuc">
</div>
</div>
</div>
</div>
<!--end page wrapper -->
</div>
<?php require("Tablolar/Overlay.php"); ?>
<?php require("Tablolar/YukariCik.php"); ?>
<?php require("Tablolar/Alt.php"); ?>
</div>
<!--end wrapper-->
<?php require("Tablolar/TemaSecici.php"); ?>
<?php require("Tablolar/Js.php"); ?>
<?php require("Tablolar/Mesaj.php"); ?>
<script>
$(document).ready(function(){
$(document).on('click', '#sil', function(e){
var productId = $(this).data('id');
swal({
title: 'Emin misiniz?',
text: "Silmek istediğinize emin misiniz?",
icon: "warning",
buttons:{
cancel: {
visible: true,
text : 'Hayır',
className: 'btn btn-danger'
},
confirm: {
text : 'Evet',
className : 'btn btn-success'
}
}
}).then((willDelete) => {
if (willDelete) {
$.ajax({ // Ajax metodu
type: "POST", // Gönderim Methodu POST (GET'de seçilebilir)
url: "Islem/Model.php", // POST işleminin olacağı sayfa
data: 'modelsil='+productId, // Formdaki tüm verileri al
success: function(oldu){ // Eğer işlem başarılı olursa sonuç
$('#sonuc').html(oldu); // Id'si result olan divde sonucu yaz
}
});
} else {
swal("Silmekten vazgeçtiniz", {
buttons : {
confirm : {
className: 'btn btn-success'
}
}
});
}
});
})
});
</script>
<script>
$(document).ready(function(){
$(document).on('click', '#modelekleme', function(e){
e.preventDefault();
var uid = $(this).data('id'); // it will get id of clicked row
$('#dynamic-content').html(''); // leave it blank before ajax call
$('#modal-loader').show(); // load ajax loader
$.ajax({
url: 'Islem/Model.php',
type: 'POST',
data: 'modelekleme='+uid, // Formdaki tüm verileri al
dataType: 'html'
})
.done(function(data){
console.log(data);
$('#dynamic-content').html('');
$('#dynamic-content').html(data); // load response
$('#modal-loader').hide(); // hide ajax loader
})
.fail(function(){
$('#dynamic-content').html('<div class="card card-stats card-round"><div class="card-body "><div class="row align-items-center"><div class="col-icon"><div class="icon-big text-center icon-danger bubble-shadow-small"><i class="fas fa-times"></i></div></div><div class="col col-stats ml-3 ml-sm-0"><div class="numbers"><p class="card-category text-danger">Hata</p><h5 class="card-title text-warning">Birşeyler Yanlış Gitti. Daha Sonra Tekrar Deneyiniz.</h5></div></div></div></div></div>');
$('#modal-loader').hide();
});
});
});
</script>
<script>
$(document).ready(function(){
$(document).on('click', '#modelduzenleme', function(e){
e.preventDefault();
var uid = $(this).data('id'); // it will get id of clicked row
$('#dynamic-content').html(''); // leave it blank before ajax call
$('#modal-loader').show(); // load ajax loader
$.ajax({
url: 'Islem/Model.php',
type: 'POST',
data: 'modelduzenleme='+uid, // Formdaki tüm verileri al
dataType: 'html'
})
.done(function(data){
console.log(data);
$('#dynamic-content').html('');
$('#dynamic-content').html(data); // load response
$('#modal-loader').hide(); // hide ajax loader
})
.fail(function(){
$('#dynamic-content').html('<div class="card card-stats card-round"><div class="card-body "><div class="row align-items-center"><div class="col-icon"><div class="icon-big text-center icon-danger bubble-shadow-small"><i class="fas fa-times"></i></div></div><div class="col col-stats ml-3 ml-sm-0"><div class="numbers"><p class="card-category text-danger">Hata</p><h5 class="card-title text-warning">Birşeyler Yanlış Gitti. Daha Sonra Tekrar Deneyiniz.</h5></div></div></div></div></div>');
$('#modal-loader').hide();
});
});
});
</script>
</body>
</html>