Joseph.Rawlings/Virtnet.bond
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

feat: enhance icon rendering logic for dynamic component selection based on user-set icon prefix

Browse Source
This commit is contained in:
Joseph.Rawlings
2025-12-06 11:12:15 -05:00
parent 3bff0062be
commit c9e74148dd
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
extensions/Servers/Proxmox/views/components/layout.blade.php
View File

@@ -264,7 +264,14 @@
@endphp
@foreach($iconList as $iconData)
<button @click="icon = '{{ $iconData['icon'] }}'; iconPrefix = '{{ $iconData['prefix'] }}'" :class="icon === '{{ $iconData['icon'] }}' && iconPrefix === '{{ $iconData['prefix'] }}' ? 'ring-2 ring-primary' : ''" class="icon-btn rounded p-2 border flex items-center justify-center hover:bg-secondary/10 dark:border-base/20" data-icon="{{ $iconData['icon'] }}" data-prefix="{{ $iconData['prefix'] }}">
<x-dynamic-component :component="$iconData['prefix'] . '-' . $iconData['icon']" class="size-5" />
@php
$componentName = $iconData['prefix'] . '-' . $iconData['icon'];
@endphp
@if($iconData['prefix'] === 'vaadin')
<x-dynamic-component component="vaadin-{{ $iconData['icon'] }}" class="size-5" />
@else
<x-dynamic-component :component="$componentName" class="size-5" />
@endif
</button>
@endforeach
</div>

3
themes/lucentui/views/services/index.blade.php
View File

@@ -53,8 +53,9 @@
$iconPrefix = $service->proxmoxServer->user_set_icon_prefix ?? 'ri';
$iconName = $service->proxmoxServer->user_set_icon;
$iconColor = $service->proxmoxServer->user_set_icon_color;
$componentName = $iconPrefix === 'vaadin' ? 'vaadin-' . $iconName : $iconPrefix . '-' . $iconName;
@endphp
<x-dynamic-component :component="$iconPrefix . '-' . $iconName" class="size-6" :style="$iconColor ? 'color: ' . $iconColor : ''" />
<x-dynamic-component :component="$componentName" class="size-6" :style="$iconColor ? 'color: ' . $iconColor : ''" />
@else
<x-ri-instance-line class="size-6 text-primary" />
@endif