| Path : /var/www/html/demireller/ |
|
B-Con CMD Config cPanel C-Rdp D-Log Info Jump Mass Ransom Symlink vHost Zone-H |
| Current File : /var/www/html/demireller/devices.php |
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Demireller Cihaz Yönetim Sistemi</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
@media print {
body * {
visibility: hidden;
}
#zimmetForm,
#zimmetForm * {
visibility: visible;
}
#zimmetForm {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
#printButtons {
display: none;
}
}
.dropdown-content {
display: none;
position: absolute;
right: 0;
min-width: 160px;
z-index: 50;
}
.dropdown:hover .dropdown-content {
display: block;
}
</style>
</head>
<body class="bg-gray-100">
<div class="container mx-auto px-4 py-8">
<!-- Header -->
<h1 class="text-3xl font-bold text-center mb-6">Cihaz Yönetim Sistemi</h1>
<div class="bg-blue-50 border-l-4 border-blue-500 text-blue-700 p-4 mb-6">
<div class="flex items-start">
<div class="flex-shrink-0">
<i class="fas fa-info-circle mt-0.5"></i>
</div>
<div class="ml-3">
<p class="text-sm font-medium">
Firmaya ait tüm bilgi işlem envanterin kayıt altına alınması ve zimmetleme işlemleri devam
etmektedir.
</p>
</div>
</div>
</div>
<!-- Summary Section -->
<div class="bg-white rounded-lg shadow p-6 mb-6">
<h2 class="text-xl font-semibold mb-4">Cihaz Listesi Özeti</h2>
<div class="grid grid-cols-1 md:grid-cols-4 gap-4">
<div class="bg-blue-50 p-4 rounded-lg">
<p class="text-sm text-gray-600">Toplam Cihaz</p>
<p class="text-2xl font-bold text-blue-600" id="totalDevices">50</p>
</div>
<div class="bg-green-50 p-4 rounded-lg">
<p class="text-sm text-gray-600">Zimmet Formu İmzalı</p>
<p class="text-2xl font-bold text-green-600" id="signedForms">0</p>
</div>
<div class="bg-red-50 p-4 rounded-lg">
<p class="text-sm text-gray-600">Zimmet Formu İmzasız</p>
<p class="text-2xl font-bold text-red-600" id="unsignedForms">50</p>
</div>
<div class="bg-purple-50 p-4 rounded-lg">
<p class="text-sm text-gray-600">Lokasyon Dağılımı</p>
<div class="text-sm">
<span class="inline-block bg-purple-100 px-2 py-1 rounded mr-1 mb-1">Mirel Süt: 18</span>
<span class="inline-block bg-purple-100 px-2 py-1 rounded mr-1 mb-1">Ziya Gökalp: 17</span>
<span class="inline-block bg-purple-100 px-2 py-1 rounded mr-1 mb-1">Merkez Petrol: 9</span>
<span class="inline-block bg-purple-100 px-2 py-1 rounded mr-1 mb-1">Basmakcı: 6</span>
</div>
</div>
</div>
</div>
<!-- Filter Section -->
<div class="bg-white rounded-lg shadow p-6 mb-6">
<div class="flex flex-col md:flex-row gap-4 justify-between items-center">
<h2 class="text-xl font-semibold">Filtreleme</h2>
<div class="flex flex-col md:flex-row gap-4">
<div>
<label for="locationFilter" class="block text-sm font-medium text-gray-700">Lokasyon</label>
<select id="locationFilter"
class="mt-1 block w-full py-2 px-3 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
<option value="">Tümü</option>
<option value="Mirel Süt">Mirel Süt</option>
<option value="Ziya Gökalp">Ziya Gökalp</option>
<option value="Merkez Petrol">Merkez Petrol</option>
<option value="Basmakcı">Basmakcı</option>
</select>
</div>
<div>
<label for="typeFilter" class="block text-sm font-medium text-gray-700">Cihaz Tipi</label>
<select id="typeFilter"
class="mt-1 block w-full py-2 px-3 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
<option value="">Tümü</option>
<option value="Desktop">Desktop</option>
<option value="Notebook">Notebook</option>
<option value="AIO">AIO</option>
<option value="TV">TV</option>
<option value="PRINTER">PRINTER</option>
</select>
</div>
<div>
<label for="searchFilter" class="block text-sm font-medium text-gray-700">Arama</label>
<input type="text" id="searchFilter" placeholder="Arama..."
class="mt-1 block w-full py-2 px-3 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
</div>
</div>
</div>
</div>
<!-- Table Section -->
<div class="bg-white rounded-lg shadow overflow-hidden">
<div class="overflow-x-auto">
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
<th scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
SN</th>
<th scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Model</th>
<th scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Seri No</th>
<th scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
CPU</th>
<th scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
RAM</th>
<th scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Depolama</th>
<th scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
İşletim Sistemi</th>
<th scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Lokasyon</th>
<th scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Sorumlu</th>
<th scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Tip</th>
<th scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Zimmet Durumu</th>
<th scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Aksiyon</th>
</tr>
</thead>
<tbody class="bg-white divide-y divide-gray-200" id="deviceTableBody">
<!-- Table rows will be generated by JavaScript -->
</tbody>
</table>
</div>
<div class="px-6 py-4 flex items-center justify-between border-t border-gray-200">
<div class="text-sm text-gray-500">
Toplam <span id="displayedCount">50</span> cihaz gösteriliyor
</div>
<div class="flex gap-2">
<button id="prevPage"
class="px-3 py-1 border border-gray-300 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-50">Önceki</button>
<span id="pageInfo" class="px-3 py-1 text-sm font-medium text-gray-700">Sayfa 1</span>
<button id="nextPage"
class="px-3 py-1 border border-gray-300 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-50">Sonraki</button>
</div>
</div>
</div>
</div>
<!-- Assignment Form Modal -->
<div id="zimmetModal" class="fixed inset-0 bg-black bg-opacity-50 hidden items-center justify-center z-50">
<div class="bg-white rounded-lg shadow-lg w-full max-w-4xl max-h-screen overflow-y-auto">
<div id="zimmetForm" class="p-8">
<div class="text-center mb-6">
<h2 class="text-2xl font-bold">CİHAZ ZİMMET FORMU</h2>
</div>
<div class="mb-6">
<h3 class="text-lg font-semibold mb-2">Cihaz Bilgileri</h3>
<div class="grid grid-cols-2 gap-4">
<div>
<p class="text-sm font-medium text-gray-700">SN:</p>
<p id="formSN" class="font-bold"></p>
</div>
<div>
<p class="text-sm font-medium text-gray-700">Model:</p>
<p id="formModel" class="font-bold"></p>
</div>
<div>
<p class="text-sm font-medium text-gray-700">Seri No:</p>
<p id="formSeriNo" class="font-bold"></p>
</div>
<div>
<p class="text-sm font-medium text-gray-700">Tip:</p>
<p id="formTip" class="font-bold"></p>
</div>
<div>
<p class="text-sm font-medium text-gray-700">CPU:</p>
<p id="formCPU" class="font-bold"></p>
</div>
<div>
<p class="text-sm font-medium text-gray-700">RAM:</p>
<p id="formRAM" class="font-bold"></p>
</div>
<div>
<p class="text-sm font-medium text-gray-700">Depolama:</p>
<p id="formDepolama" class="font-bold"></p>
</div>
<div>
<p class="text-sm font-medium text-gray-700">İşletim Sistemi:</p>
<p id="formOS" class="font-bold"></p>
</div>
</div>
</div>
<div class="mb-6">
<h3 class="text-lg font-semibold mb-2">Zimmet Bilgileri</h3>
<div class="grid grid-cols-2 gap-4">
<div>
<p class="text-sm font-medium text-gray-700">Lokasyon:</p>
<p id="formLokasyon" class="font-bold"></p>
</div>
<div>
<p class="text-sm font-medium text-gray-700">Sorumlu Personel:</p>
<p id="formSorumlu" class="font-bold"></p>
</div>
<div>
<p class="text-sm font-medium text-gray-700">Zimmet Tarihi:</p>
<p id="formDate" class="font-bold"></p>
</div>
</div>
</div>
<div class="mb-8">
<h3 class="text-lg font-semibold mb-2">Açıklama</h3>
<p id="formAciklama" class="text-sm border border-gray-300 rounded p-2 min-h-20"></p>
</div>
<div class="mt-12 grid grid-cols-2 gap-16">
<div class="text-center">
<p class="font-medium mb-16">Teslim Eden</p>
<div class="border-t border-black pt-2">
<p>İmza / Tarih</p>
</div>
</div>
<div class="text-center">
<p class="font-medium mb-16">Teslim Alan</p>
<div class="border-t border-black pt-2">
<p>İmza / Tarih</p>
</div>
</div>
</div>
<div class="mt-12 text-sm">
<p>Bu form ile yukarıda belirtilen cihazın zimmet sorumluluğunu üstlendiğimi, cihazı iyi
koruyacağımı ve iş ilişkisinin sona ermesi durumunda eksiksiz olarak teslim edeceğimi kabul ve
beyan ederim.</p>
</div>
</div>
<div id="printButtons" class="p-4 bg-gray-100 flex justify-end gap-4">
<button id="printForm" class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">
<i class="fas fa-print mr-2"></i>Yazdır
</button>
<button id="closeModal" class="bg-gray-500 text-white px-4 py-2 rounded hover:bg-gray-600">
<i class="fas fa-times mr-2"></i>Kapat
</button>
</div>
</div>
<footer class="bg-gray-100 border-t border-gray-200 mt-8">
<div class="container mx-auto px-4 py-4">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-2 md:mb-0">
<p class="text-sm text-gray-600">
© 2025 Demireller Akaryakıt, Nakliyat Ticaret ve Sanayi Ltd. Şti.
</p>
</div>
<div class="text-sm text-gray-500">
<p>Bilgi İşlem Departmanı | Tel: +90 (XXX) XXX XX XX</p>
</div>
</div>
</div>
</footer>
</div>
<script>
const devices = [{
id: 1,
model: "Lenovo",
seriNo: "F0G0012FTX",
cpu: "Intel Core i5-1135G7 11. Nesil",
gpu: "",
ram: "8GB",
ssd: "256 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Basmakcı",
sorumlu: "Ali AKGÜL",
tip: "AIO",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 2,
model: "Lenovo",
seriNo: "12B1001MTX",
cpu: "Intel Core İ5-1240P 12. Nesil",
gpu: "",
ram: "8GB",
ssd: "256 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Basmakcı",
sorumlu: "Halil IŞILDAK",
tip: "AIO",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 3,
model: "Lenovo",
seriNo: "11FV0039TX",
cpu: "Intel Core İ5-10210 10. Nesil",
gpu: "",
ram: "8GB",
ssd: "256 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Basmakcı",
sorumlu: "Halil IŞILDAK",
tip: "AIO",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "GÜNEY KASA 1",
zimmetli: false
},
{
id: 4,
model: "Lenovo",
seriNo: "12K0000FTX",
cpu: "Intel Core i5-13620H 13. Nesil",
gpu: "",
ram: "8GB",
ssd: "256 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Basmakcı",
sorumlu: "Halil IŞILDAK",
tip: "AIO",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "GÜNEY KASA 2",
zimmetli: false
},
{
id: 5,
model: "Desktop",
seriNo: "",
cpu: "Intel Core i5 10.Nesil",
gpu: "",
ram: "8GB",
ssd: "512 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Ziya Gökalp",
sorumlu: "Emrah ÜNER",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 6,
model: "Desktop",
seriNo: "",
cpu: "Intel Core i5 12.Nesil",
gpu: "",
ram: "8GB",
ssd: "256 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Ziya Gökalp",
sorumlu: "Ethem USTALI",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 7,
model: "Desktop",
seriNo: "",
cpu: "Intel Core İ5 12.Nesil",
gpu: "",
ram: "16GB",
ssd: "512 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Ziya Gökalp",
sorumlu: "Mesut BOR",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 8,
model: "Desktop",
seriNo: "",
cpu: "Intel Core i5 12.Nesil",
gpu: "",
ram: "8GB",
ssd: "256 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Ziya Gökalp",
sorumlu: "Esra BAŞYAYLA",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 9,
model: "Desktop",
seriNo: "",
cpu: "Intel Core i5 12.Nesil",
gpu: "",
ram: "16GB",
ssd: "512 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Ziya Gökalp",
sorumlu: "Tuğçe BOZÇELİK",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 10,
model: "Desktop",
seriNo: "",
cpu: "Intel Core i7 13.Nesil",
gpu: "",
ram: "32GB",
ssd: "512 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 11 PRO",
lokasyon: "Ziya Gökalp",
sorumlu: "Serkan BAŞYÜCE",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 11,
model: "Desktop",
seriNo: "",
cpu: "Intel Core i5 7.Nesil",
gpu: "",
ram: "8GB",
ssd: "256 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Ziya Gökalp",
sorumlu: "Vehbi KEŞEFLİ",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 12,
model: "AIO",
seriNo: "",
cpu: "Intel Core i5 12.Nesil",
gpu: "",
ram: "16GB",
ssd: "512 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Ziya Gökalp",
sorumlu: "Kazım DEMİRER",
tip: "AIO",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 13,
model: "AIO",
seriNo: "",
cpu: "Intel Core i5 12.Nesil",
gpu: "",
ram: "16GB",
ssd: "512 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Ziya Gökalp",
sorumlu: "Şerife İPEK",
tip: "AIO",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 14,
model: "Notebook",
seriNo: "",
cpu: "Intel Core i7 10.Nesil",
gpu: "",
ram: "4GB",
ssd: "256 GB SSD",
hdd: "1TB HDD",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Ziya Gökalp",
sorumlu: "Gizem KASA",
tip: "Notebook",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 15,
model: "Notebook",
seriNo: "",
cpu: "Intel Core i5 6.Nesil",
gpu: "",
ram: "8GB",
ssd: "256 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Ziya Gökalp",
sorumlu: "Gizem TUNCA",
tip: "Notebook",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 16,
model: "Notebook",
seriNo: "",
cpu: "Intel Core i5 12.Nesil",
gpu: "",
ram: "8GB",
ssd: "256 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Ziya Gökalp",
sorumlu: "Seçilay ERGİR",
tip: "Notebook",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 17,
model: "Notebook",
seriNo: "",
cpu: "Intel core i5 12.Nesil",
gpu: "",
ram: "8GB",
ssd: "512 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Ziya Gökalp",
sorumlu: "Nazlıcan BALCI",
tip: "Notebook",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 18,
model: "Desktop",
seriNo: "",
cpu: "Intel Core i5 4.Nesil",
gpu: "",
ram: "8GB",
ssd: "256 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Ziya Gökalp",
sorumlu: "Mustafa IŞILDAK",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 19,
model: "Desktop",
seriNo: "",
cpu: "Intel Core i5 10.Nesil",
gpu: "",
ram: "8GB",
ssd: "256 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 11 PRO",
lokasyon: "Ziya Gökalp",
sorumlu: "Mustafa IŞILDAK",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "MARKET KASA",
zimmetli: false
},
{
id: 20,
model: "Desktop",
seriNo: "",
cpu: "İntel Core İ7 13.Nesil",
gpu: "",
ram: "32GB",
ssd: "",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Merkez Petrol",
sorumlu: "Gamze ŞENER",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 21,
model: "Notebook",
seriNo: "",
cpu: "İntel Core İ5 10.Nesil",
gpu: "",
ram: "8GB",
ssd: "",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Merkez Petrol",
sorumlu: "Mehmet N. HELİMOĞLU",
tip: "Notebook",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 22,
model: "Desktop",
seriNo: "",
cpu: "İntel Core İ5 11.Nesil",
gpu: "",
ram: "8GB",
ssd: "256 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 HOME",
lokasyon: "Basmakcı",
sorumlu: "Halil IŞILDAK",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 23,
model: "Desktop",
seriNo: "",
cpu: "İntel Core İ3 4.Nesil",
gpu: "",
ram: "8GB",
ssd: "",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Merkez Petrol",
sorumlu: "Mustafa ÖCAL",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 24,
model: "Notebook",
seriNo: "",
cpu: "İntel Core İ5 11.Nesil",
gpu: "",
ram: "8GB",
ssd: "",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 11 HOME",
lokasyon: "Merkez Petrol",
sorumlu: "Mehmet BAŞYAYLA",
tip: "Notebook",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 25,
model: "Notebook",
seriNo: "",
cpu: "İnetl Core İ5 11.Nesil",
gpu: "",
ram: "8GB",
ssd: "256 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Basmakcı",
sorumlu: "Ali AKGÜL",
tip: "Notebook",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 26,
model: "Desktop",
seriNo: "",
cpu: "İntel Core İ3 10.Nesil",
gpu: "",
ram: "4GB",
ssd: "",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Merkez Petrol",
sorumlu: "Halil ÖĞÜN",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 27,
model: "Desktop",
seriNo: "",
cpu: "İntel Core İ5.10.Nesil",
gpu: "",
ram: "4GB",
ssd: "",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Merkez Petrol",
sorumlu: "Ahmet CİVCİK",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 28,
model: "Desktop",
seriNo: "",
cpu: "İntel Core İ7 13.Nesil",
gpu: "",
ram: "32GB",
ssd: "",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Merkez Petrol",
sorumlu: "Ahmet CİVCİK",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "Merkez Kasa",
zimmetli: false
},
{
id: 29,
model: "Desktop",
seriNo: "",
cpu: "Intel Core İ5 8.Nesil",
gpu: "",
ram: "8GB",
ssd: "",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Mirel Süt",
sorumlu: "Feyza SARICAOĞLU",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 30,
model: "Desktop",
seriNo: "",
cpu: "Intel Core i3 3.Nesil",
gpu: "",
ram: "8GB",
ssd: "",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Mirel Süt",
sorumlu: "İsmet YETİŞ",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 31,
model: "Desktop",
seriNo: "",
cpu: "Intel Core İ3 3.Nesil",
gpu: "",
ram: "4GB",
ssd: "",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Mirel Süt",
sorumlu: "Serkan SÜRÜCÜ",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 32,
model: "Desktop",
seriNo: "",
cpu: "Intel Core İ5 12.Nesil",
gpu: "",
ram: "16GB",
ssd: "",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Mirel Süt",
sorumlu: "Emet SULAK",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 33,
model: "Notebook",
seriNo: "",
cpu: "Intel Core i5 12.Nesil",
gpu: "",
ram: "8GB",
ssd: "",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Mirel Süt",
sorumlu: "Pelin DEMİRTAŞ",
tip: "Notebook",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 34,
model: "Notebook",
seriNo: "",
cpu: "Intel Core i5 10.Nesil",
gpu: "",
ram: "8GB",
ssd: "",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Mirel Süt",
sorumlu: "B. İsmet AKGÜL",
tip: "Notebook",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 35,
model: "Notebook",
seriNo: "",
cpu: "Intel Core i5 10.Nesil",
gpu: "",
ram: "8GB",
ssd: "",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Mirel Süt",
sorumlu: "Oğuz K. YILMAZ",
tip: "Notebook",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 36,
model: "Lenovo ThinKcare",
seriNo: "",
cpu: "Intel Core i5 11.Nesil",
gpu: "",
ram: "16GB",
ssd: "",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 11 PRO",
lokasyon: "Mirel Süt",
sorumlu: "Mehmet ÖZDEMİR",
tip: "Notebook",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "Muharrem Beyin Bilgisayarı",
zimmetli: false
},
{
id: 37,
model: "Samsung",
seriNo: "",
cpu: "Intel Core i5 10.Nesil",
gpu: "",
ram: "16GB",
ssd: "",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Mirel Süt",
sorumlu: "İsmet YETİŞ",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "Kantar",
zimmetli: false
},
{
id: 38,
model: "HP",
seriNo: "",
cpu: "Intel Core i3 3.Nesil",
gpu: "",
ram: "8GB",
ssd: "512 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Mirel Süt",
sorumlu: "Oğuz K. YILMAZ",
tip: "Notebook",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "Laboratuar",
zimmetli: false
},
{
id: 39,
model: "Lenovo",
seriNo: "",
cpu: "Intel Core İ5 4.Nesil",
gpu: "",
ram: "4GB",
ssd: "1TB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Mirel Süt",
sorumlu: "Ali UYSAL",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "Depo",
zimmetli: false
},
{
id: 40,
model: "Lenovo",
seriNo: "",
cpu: "Intel Core i5 12.Nesil",
gpu: "",
ram: "16GB",
ssd: "512 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Ziya Gökalp",
sorumlu: "Nurşah SARICAOĞLU",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 41,
model: "Lenovo",
seriNo: "",
cpu: "İntel Core İ5 12.Nesil",
gpu: "",
ram: "8GB",
ssd: "256 GB SSD",
hdd: "",
klavye: "",
mouse: "",
os: "Windows 10 PRO",
lokasyon: "Ziya Gökalp",
sorumlu: "Aynur AKYÜZ",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 42,
model: "Wiew sonic vx2779-HD-PRO",
seriNo: "",
cpu: "İntel Core İ5 12.Nesil",
gpu: "",
ram: "16GB",
ssd: "1TB SSD Lexar",
hdd: "",
klavye: "Atech fsytle f1010",
mouse: "",
os: "Windows 11 PRO",
lokasyon: "Mirel Süt",
sorumlu: "Erdil Öztürk",
tip: "Desktop",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 43,
model: "Axen",
seriNo: "AX43DIL13/0216",
cpu: "-",
gpu: "-",
ram: "-",
ssd: "",
hdd: "-",
klavye: "-",
mouse: "-",
os: "-",
lokasyon: "Mirel Süt",
sorumlu: "Genel Kullanım",
tip: "TV",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 44,
model: "Axen",
seriNo: "AX43DIL13/0216",
cpu: "-",
gpu: "-",
ram: "-",
ssd: "",
hdd: "-",
klavye: "-",
mouse: "-",
os: "-",
lokasyon: "Mirel Süt",
sorumlu: "Genel Kullanım",
tip: "TV",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 45,
model: "Vestel",
seriNo: "",
cpu: "-",
gpu: "-",
ram: "-",
ssd: "",
hdd: "-",
klavye: "-",
mouse: "-",
os: "-",
lokasyon: "Mirel Süt",
sorumlu: "Genel Kullanım",
tip: "TV",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 46,
model: "DAHUA",
seriNo: "DHI-NVR616RH-64-XI",
cpu: "-",
gpu: "-",
ram: "-",
ssd: "",
hdd: "-",
klavye: "-",
mouse: "-",
os: "-",
lokasyon: "Mirel Süt",
sorumlu: "Genel Kullanım",
tip: "DVR",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 47,
model: "CANON",
seriNo: "YPP67450",
cpu: "-",
gpu: "-",
ram: "-",
ssd: "",
hdd: "-",
klavye: "-",
mouse: "-",
os: "",
lokasyon: "Mirel Süt",
sorumlu: "Genel Kullanım",
tip: "PRINTER",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 48,
model: "BROTHER",
seriNo: "E 72066-L3N692756",
cpu: "-",
gpu: "-",
ram: "-",
ssd: "",
hdd: "-",
klavye: "-",
mouse: "-",
os: "-",
lokasyon: "Mirel Süt",
sorumlu: "Serkan SÜRÜCÜ",
tip: "PRINTER",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 49,
model: "SAMSUNG",
seriNo: "SCX-3400",
cpu: "-",
gpu: "-",
ram: "-",
ssd: "",
hdd: "-",
klavye: "-",
mouse: "-",
os: "-",
lokasyon: "Mirel Süt",
sorumlu: "İsmet YETİŞ",
tip: "PRINTER",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "",
zimmetli: false
},
{
id: 50,
model: "ZEBRA",
seriNo: "ZT421",
cpu: "-",
gpu: "-",
ram: "-",
ssd: "",
hdd: "-",
klavye: "-",
mouse: "-",
os: "-",
lokasyon: "Mirel Süt",
sorumlu: "Ali UYSAL",
tip: "PRINTER-TERMAL",
garantiBaslangic: "-",
garantiBitis: "-",
aciklama: "Depo",
zimmetli: false
}
];
let currentPage = 1;
const itemsPerPage = 10;
let filteredDevices = [...devices];
// Initialize the table
function initializeTable() {
renderTable();
updatePagination();
updateSummary();
// Add event listeners
document.getElementById('locationFilter').addEventListener('change', applyFilters);
document.getElementById('typeFilter').addEventListener('change', applyFilters);
document.getElementById('searchFilter').addEventListener('input', applyFilters);
document.getElementById('prevPage').addEventListener('click', prevPage);
document.getElementById('nextPage').addEventListener('click', nextPage);
document.getElementById('printForm').addEventListener('click', printZimmetForm);
document.getElementById('closeModal').addEventListener('click', closeZimmetModal);
}
// Render table with current filters and pagination
function renderTable() {
const tableBody = document.getElementById('deviceTableBody');
tableBody.innerHTML = '';
const startIndex = (currentPage - 1) * itemsPerPage;
const endIndex = startIndex + itemsPerPage;
const currentDevices = filteredDevices.slice(startIndex, endIndex);
currentDevices.forEach(device => {
const row = document.createElement('tr');
// Format storage info
let storage = '';
if (device.ssd) storage += device.ssd;
if (device.hdd) {
if (storage) storage += ' + ';
storage += device.hdd;
}
// Create row content
row.innerHTML = `
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">${device.id}</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${device.model}</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${device.seriNo}</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${device.cpu}</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${device.ram}</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${storage}</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${device.os}</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${device.lokasyon}</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${device.sorumlu}</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${device.tip}</td>
<td class="px-6 py-4 whitespace-nowrap">
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${device.zimmetli ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'}">
${device.zimmetli ? 'İmzalı' : 'İmzasız'}
</span>
</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 relative dropdown">
<button class="bg-gray-200 text-gray-700 px-3 py-1 rounded hover:bg-gray-300">
<i class="fas fa-ellipsis-v"></i> Aksiyon
</button>
<div class="dropdown-content bg-white shadow-lg rounded-md">
<a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" onclick="updateDevice(${device.id})">
<i class="fas fa-edit mr-2"></i> Güncelle
</a>
<a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" onclick="deleteDevice(${device.id})">
<i class="fas fa-trash mr-2"></i> Sil
</a>
<a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" onclick="openZimmetForm(${device.id})">
<i class="fas fa-file-alt mr-2"></i> Zimmet Formu
</a>
</div>
</td>
`;
tableBody.appendChild(row);
});
document.getElementById('displayedCount').textContent = filteredDevices.length;
}
// Apply filters based on user selection
function applyFilters() {
const locationFilter = document.getElementById('locationFilter').value;
const typeFilter = document.getElementById('typeFilter').value;
const searchFilter = document.getElementById('searchFilter').value.toLowerCase();
filteredDevices = devices.filter(device => {
const matchesLocation = !locationFilter || device.lokasyon === locationFilter;
const matchesType = !typeFilter || device.tip === typeFilter;
const matchesSearch = !searchFilter ||
device.model.toLowerCase().includes(searchFilter) ||
device.sorumlu.toLowerCase().includes(searchFilter) ||
(device.seriNo && device.seriNo.toLowerCase().includes(searchFilter)) ||
(device.cpu && device.cpu.toLowerCase().includes(searchFilter)) ||
(device.aciklama && device.aciklama.toLowerCase().includes(searchFilter));
return matchesLocation && matchesType && matchesSearch;
});
currentPage = 1;
renderTable();
updatePagination();
}
// Update pagination controls
function updatePagination() {
const totalPages = Math.ceil(filteredDevices.length / itemsPerPage);
document.getElementById('pageInfo').textContent = `Sayfa ${currentPage} / ${totalPages}`;
document.getElementById('prevPage').disabled = currentPage === 1;
document.getElementById('nextPage').disabled = currentPage === totalPages;
document.getElementById('prevPage').classList.toggle('opacity-50', currentPage === 1);
document.getElementById('nextPage').classList.toggle('opacity-50', currentPage === totalPages);
}
// Update the summary information
function updateSummary() {
document.getElementById('totalDevices').textContent = devices.length;
document.getElementById('signedForms').textContent = devices.filter(d => d.zimmetli).length;
document.getElementById('unsignedForms').textContent = devices.filter(d => !d.zimmetli).length;
}
// Navigation functions
function prevPage() {
if (currentPage > 1) {
currentPage--;
renderTable();
updatePagination();
}
}
function nextPage() {
const totalPages = Math.ceil(filteredDevices.length / itemsPerPage);
if (currentPage < totalPages) {
currentPage++;
renderTable();
updatePagination();
}
}
// Action functions (these would be defined globally for the onclick handlers)
window.updateDevice = function(id) {
alert(`Cihaz #${id} güncelleme sayfası açılacak.`);
};
window.deleteDevice = function(id) {
if (confirm(`Cihaz #${id} silinecek. Emin misiniz?`)) {
// In a real application, you would call an API here
alert(`Cihaz #${id} silindi.`);
// Remove from array
const index = devices.findIndex(d => d.id === id);
if (index !== -1) {
devices.splice(index, 1);
applyFilters();
updateSummary();
}
}
};
window.openZimmetForm = function(id) {
const device = devices.find(d => d.id === id);
if (device) {
// Fill the form fields
document.getElementById('formSN').textContent = device.id;
document.getElementById('formModel').textContent = device.model;
document.getElementById('formSeriNo').textContent = device.seriNo || '-';
document.getElementById('formTip').textContent = device.tip;
document.getElementById('formCPU').textContent = device.cpu || '-';
document.getElementById('formRAM').textContent = device.ram || '-';
// Format storage
let storage = '';
if (device.ssd) storage += device.ssd;
if (device.hdd) {
if (storage) storage += ' + ';
storage += device.hdd;
}
document.getElementById('formDepolama').textContent = storage || '-';
document.getElementById('formOS').textContent = device.os || '-';
document.getElementById('formLokasyon').textContent = device.lokasyon;
document.getElementById('formSorumlu').textContent = device.sorumlu;
document.getElementById('formDate').textContent = new Date().toLocaleDateString('tr-TR');
document.getElementById('formAciklama').textContent = device.aciklama || '';
// Show the modal
document.getElementById('zimmetModal').style.display = 'flex';
}
};
// Print the assignment form
function printZimmetForm() {
window.print();
}
// Close the modal
function closeZimmetModal() {
document.getElementById('zimmetModal').style.display = 'none';
}
// Initialize the table on page load
document.addEventListener('DOMContentLoaded', initializeTable);
</script>
</body>
</html>