feat: add administrative settings UI with sidebar navigation and search functionality

This commit is contained in:
Ümit Tunç
2026-04-28 22:23:37 +03:00
parent d57e83cb76
commit 36d27f7998
@@ -1,40 +1,6 @@
<?php
$tabs = [
'Naks Center' => 'setting',
'Welding Methods' => 'setting',
'Materials' => 'setting',
'P-Numbers' => 'setting',
'Welding Positions' => 'setting',
'Hazard Classes' => 'setting',
'Joint Type' => 'setting',
'Joint View' => 'setting',
'Electrode Coating' => 'setting',
'Ru Welding Geometry ' => 'setting',
'Current Types' => 'setting',
'Welding Consumables' => 'setting',
'Product Type' => 'setting',
'Welding Machine Type' => 'setting',
'Welding Materials Brend' => 'setting',
'Work Type' => 'setting',
'Performed Works Type' => 'setting',
'Type of Consumable' => 'setting',
'Job Descriptions' => 'setting',
'Results' => 'setting',
'NDE Defects' => 'setting',
'Line List Category' => 'setting',
'Line List Group' => 'setting',
'UT Types' => 'setting',
'Beveelings' => 'setting',
'Discipline' => 'setting',
'TP Discipline' => 'setting',
'Locations' => 'setting',
'Piping Types' => 'setting',
'Duty Types' => 'setting',
'User Levels' => 'user-levels',
'Material Group Map' => 'material-group-map',
'QC Activity' => 'qc-activity',
'Material Group Test Piece' => 'material-group-test-piece',
'Surface Area Constants' => 'surface-area-constants',
];
// Aktif tab'ı belirle
@@ -66,11 +32,8 @@ if($currentTab) {
<!-- Arama Kutusu -->
<div class="mb-3">
<div class="input-group">
<input type="text"
class="form-control"
id="settingSearch"
placeholder="{{e2('Search settings...')}}"
autocomplete="off">
<input type="text" class="form-control" id="settingSearch"
placeholder="{{e2('Search settings...')}}" autocomplete="off">
<div class="input-group-append">
<span class="input-group-text">
<i class="fa fa-search"></i>
@@ -80,15 +43,14 @@ if($currentTab) {
</div>
<!-- Menü Listesi -->
<div class="list-group list-group-flush" id="settingsList" style="max-height: 78vh; overflow-y: auto;">
<?php foreach($tabs AS $tab => $icon) {
<div class="list-group list-group-flush" id="settingsList"
style="max-height: 78vh; overflow-y: auto;">
<?php foreach ($tabs as $tab => $icon) {
$id = str_slug($tab);
$isActive = ($currentTab == $id);
?>
<a class="list-group-item list-group-item-action setting-link {{$isActive ? 'active' : ''}}"
href="?t={{$id}}"
data-title="{{strtolower($tab)}}"
style="display: block; width: 100%;">
href="?t={{$id}}" data-title="{{strtolower($tab)}}" style="display: block; width: 100%;">
<i class="fa fa-cog mr-2"></i>
{{e2($tab)}}
</a>
@@ -115,7 +77,9 @@ if($currentTab) {
<div class="py-50 text-center">
<i class="si si-settings text-primary display-3"></i>
<h1 class="h2 font-w700 mt-30 mb-10">{{e2("Settings System")}}</h1>
<h2 class="h3 font-w400 text-muted mb-50">{{e2("Please select a setting from the list to configure")}}</h2>
<h2 class="h3 font-w400 text-muted mb-50">
{{e2("Please select a setting from the list to configure")}}
</h2>
<div class="row justify-content-center">
<div class="col-md-6">
@@ -163,19 +127,24 @@ if($currentTab) {
#settingsList::-webkit-scrollbar {
width: 6px;
}
#settingsList::-webkit-scrollbar-track {
background: #f1f1f1;
}
#settingsList::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 3px;
}
#settingsList::-webkit-scrollbar-thumb:hover {
background: #bbb;
}
.block-content .content {
padding: 0 10px;
}
/* Arama kutusu odaklanma efekti */
.input-group-focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);