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

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; continue;
} }
$className = 'App\\Settings\\' . str_replace('.php', '', $file); $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(); $settings->sort();

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

@ -39,31 +39,58 @@
</div> </div>
<div class="card-body"> <div class="card-body">
<!-- Sidebar Menu --> <!-- Sidebar Menu -->
<nav class="mt-2 max-w-30"> <div class="d-flex w-100">
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" <nav class="mt-1">
data-accordion="false"> <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="tablist"
@foreach ($settings as $key => $setting) data-accordion="false">
<li class="nav-item border-bottom-0"> @foreach ($settings as $category => $options)
<a href="#{{ $key }}" class="nav-link {{ $loop->first ? 'active' : '' }}" <li class="nav-item border-bottom-0">
data-toggle="tab"> <a href="#{{ $category }}" class="nav-link {{ $loop->first ? 'active' : '' }}"
<i class="nav-icon fas fa-cog"></i> data-toggle="pill" role="tab">
<p> <i class="nav-icon fas fa-cog"></i>
{{ $key }} <p>
</p> {{ $category }}
</a> </p>
</li> </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 @endforeach
</ul> </div>
</nav>
<!-- /.sidebar-menu -->
<!-- Content in $settings -->
<div class="tab-content">
@foreach ($settings as $key => $value)
<
@endforeach
</div> </div>
</div> </div>
</div> </div>
@ -76,21 +103,12 @@
<!-- END CONTENT --> <!-- END CONTENT -->
<script> <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; const tabPaneHash = window.location.hash;
if (tabPaneHash) { 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'); $(this).tab('show');
const scrollmem = $('body').scrollTop(); const scrollmem = $('body').scrollTop();
window.location.hash = this.hash; window.location.hash = this.hash;