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 <?php
$tabs = [ $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', '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 // Aktif tab'ı belirle
@@ -66,11 +32,8 @@ if($currentTab) {
<!-- Arama Kutusu --> <!-- Arama Kutusu -->
<div class="mb-3"> <div class="mb-3">
<div class="input-group"> <div class="input-group">
<input type="text" <input type="text" class="form-control" id="settingSearch"
class="form-control" placeholder="{{e2('Search settings...')}}" autocomplete="off">
id="settingSearch"
placeholder="{{e2('Search settings...')}}"
autocomplete="off">
<div class="input-group-append"> <div class="input-group-append">
<span class="input-group-text"> <span class="input-group-text">
<i class="fa fa-search"></i> <i class="fa fa-search"></i>
@@ -80,15 +43,14 @@ if($currentTab) {
</div> </div>
<!-- Menü Listesi --> <!-- Menü Listesi -->
<div class="list-group list-group-flush" id="settingsList" style="max-height: 78vh; overflow-y: auto;"> <div class="list-group list-group-flush" id="settingsList"
<?php foreach($tabs AS $tab => $icon) { style="max-height: 78vh; overflow-y: auto;">
<?php foreach ($tabs as $tab => $icon) {
$id = str_slug($tab); $id = str_slug($tab);
$isActive = ($currentTab == $id); $isActive = ($currentTab == $id);
?> ?>
<a class="list-group-item list-group-item-action setting-link {{$isActive ? 'active' : ''}}" <a class="list-group-item list-group-item-action setting-link {{$isActive ? 'active' : ''}}"
href="?t={{$id}}" href="?t={{$id}}" data-title="{{strtolower($tab)}}" style="display: block; width: 100%;">
data-title="{{strtolower($tab)}}"
style="display: block; width: 100%;">
<i class="fa fa-cog mr-2"></i> <i class="fa fa-cog mr-2"></i>
{{e2($tab)}} {{e2($tab)}}
</a> </a>
@@ -115,7 +77,9 @@ if($currentTab) {
<div class="py-50 text-center"> <div class="py-50 text-center">
<i class="si si-settings text-primary display-3"></i> <i class="si si-settings text-primary display-3"></i>
<h1 class="h2 font-w700 mt-30 mb-10">{{e2("Settings System")}}</h1> <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="row justify-content-center">
<div class="col-md-6"> <div class="col-md-6">
@@ -163,19 +127,24 @@ if($currentTab) {
#settingsList::-webkit-scrollbar { #settingsList::-webkit-scrollbar {
width: 6px; width: 6px;
} }
#settingsList::-webkit-scrollbar-track { #settingsList::-webkit-scrollbar-track {
background: #f1f1f1; background: #f1f1f1;
} }
#settingsList::-webkit-scrollbar-thumb { #settingsList::-webkit-scrollbar-thumb {
background: #ccc; background: #ccc;
border-radius: 3px; border-radius: 3px;
} }
#settingsList::-webkit-scrollbar-thumb:hover { #settingsList::-webkit-scrollbar-thumb:hover {
background: #bbb; background: #bbb;
} }
.block-content .content { .block-content .content {
padding: 0 10px; padding: 0 10px;
} }
/* Arama kutusu odaklanma efekti */ /* Arama kutusu odaklanma efekti */
.input-group-focus { .input-group-focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);