feat: add administrative settings UI with sidebar navigation and search functionality
This commit is contained in:
@@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user