beenull/ctrlpanel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: ✨ Added Labels to settings (controller) and show settings for category tab

Browse source
This commit is contained in:
IceToast 2023-02-09 20:40:24 +01:00 committed by IceToast
parent 3b1b6e9b7e
commit 25b2d06572
2 changed files with 67 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
app/Http/Controllers/Admin/SettingsController.php
View file

@ -27,8 +27,21 @@ class SettingsController extends Controller
continue;
}
$className = 'App\\Settings\\' . str_replace('.php', '', $file);
$settings[str_replace('Settings.php', '', $file)] = (new $className())->toCollection()->all();
$options = (new $className())->toArray();
foreach ($options as $key => $value) {
$options[$key] = [
'value' => $value,
'label' => ucwords(str_replace('_', ' ', $key))
];
}
$settings[str_replace('Settings.php', '', $file)] = $options;
}
$settings->sort();

88
themes/default/views/admin/settings/index.blade.php
View file

@ -39,31 +39,58 @@
</div>
<div class="card-body">
<!-- Sidebar Menu -->
<nav class="mt-2 max-w-30">
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
data-accordion="false">
@foreach ($settings as $key => $setting)
<li class="nav-item border-bottom-0">
<a href="#{{ $key }}" class="nav-link {{ $loop->first ? 'active' : '' }}"
data-toggle="tab">
<i class="nav-icon fas fa-cog"></i>
<p>
{{ $key }}
</p>
</a>
</li>
<div class="d-flex w-100">
<nav class="mt-1">
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="tablist"
data-accordion="false">
@foreach ($settings as $category => $options)
<li class="nav-item border-bottom-0">
<a href="#{{ $category }}" class="nav-link {{ $loop->first ? 'active' : '' }}"
data-toggle="pill" role="tab">
<i class="nav-icon fas fa-cog"></i>
<p>
{{ $category }}
</p>
</a>
</li>
@endforeach
</ul>
</nav>
<!-- /.sidebar-menu -->
<!-- Content in $settings -->
<div class="tab-content ml-3" style="width: 100%;">
@foreach ($settings as $category => $options)
<div container class="tab-pane fade container {{ $loop->first ? 'active show' : '' }}"
id="{{ $category }}" role="tabpanel">
@foreach ($options as $key => $value)
<div class="row">
<div class="col">
{{ $value['label'] }}
</div>
<div class="col">
@if (gettype($value['value']) == 'string')
<input type="text" class="form-control" name="{{ $key }}"
value="{{ $value['value'] }}">
@elseif (gettype($value['value']) == 'boolean')
<input type="checkbox" class="form-control" name="{{ $key }}"
value="{{ $value['value'] }}">
@elseif (gettype($value['value']) == 'integer' || gettype($value['value']) == 'double')
<input type="number" class="form-control" name="{{ $key }}"
value="{{ $value['value'] }}">
@elseif (gettype($value['value']) == 'array')
<select class="form-control" name="{{ $key }}">
@foreach ($value['value'] as $option)
<option value="{{ $option }}">{{ $option }}
</option>
@endforeach
</select>
@endif
</div>
</div>
@endforeach
</div>
@endforeach
</ul>
</nav>
<!-- /.sidebar-menu -->
<!-- Content in $settings -->
<div class="tab-content">
@foreach ($settings as $key => $value)
<
@endforeach
</div>
</div>
</div>
</div>
@ -76,21 +103,12 @@
<!-- END CONTENT -->
<script>
// Add the following code if you want the name of the file appear on select
document.addEventListener('DOMContentLoaded', () => {
$(".custom-file-input").on("change", function() {
var fileName = $(this).val().split("\\").pop();
$(this).siblings(".custom-file-label").addClass("selected").html(fileName);
});
})
const tabPaneHash = window.location.hash;
if (tabPaneHash) {
$('.nav-tabs a[href="' + tabPaneHash + '"]').tab('show');
$('.nav-item a[href="' + tabPaneHash + '"]').tab('show');
}
$('.nav-tabs a').click(function(e) {
$('.nav-pills a').click(function(e) {
$(this).tab('show');
const scrollmem = $('body').scrollTop();
window.location.hash = this.hash;