Update placeholder picker component: Added support for special placeholders in the placeholder picker, enhancing the user experience by allowing easier insertion of predefined placeholders. Removed the dedicated section for special placeholders to streamline the interface.

This commit is contained in:
Ümit Tunç
2025-11-05 11:09:14 -03:00
parent d72ce2434a
commit 9248df9a99
@@ -1,6 +1,7 @@
@php
// Desteklenen placeholder tipleri ve açıklamaları
$placeholderTypes = [
'special' => ['label' => __('placeholder-picker.special_placeholders'), 'examples' => ['page.content', 'page.title', 'page.excerpt', 'menu', 'staticMenu']],
'text' => ['label' => __('placeholder-picker.type_text'), 'examples' => ['company_name', 'title', 'description', 'subtitle']],
'email' => ['label' => __('placeholder-picker.type_email'), 'examples' => ['contact', 'support', 'info', 'sales']],
'url' => ['label' => __('placeholder-picker.type_url'), 'examples' => ['website', 'facebook', 'twitter', 'linkedin']],
@@ -105,60 +106,7 @@
<!-- Placeholder List -->
<div class="overflow-y-auto overflow-x-hidden space-y-4" style="height: 200px; padding: 10px;overflow-y: auto;">
<!-- Special Placeholders Section -->
<div class="space-y-2">
<h4 class="fi-section-header-heading text-xs font-semibold uppercase tracking-wide">
{{ __('placeholder-picker.special_placeholders') }}
</h4>
<div class="flex flex-wrap gap-2">
<x-filament::button
size="sm"
color="primary"
outlined
x-on:click="window.insertPlaceholder('{{ $fieldName }}', 'page.content')"
x-bind:tooltip="'{{ __('placeholder-picker.click_to_insert') }}'"
>
<code class="text-xs font-mono">{page.content}</code>
</x-filament::button>
<x-filament::button
size="sm"
color="primary"
outlined
x-on:click="window.insertPlaceholder('{{ $fieldName }}', 'page.title')"
x-bind:tooltip="'{{ __('placeholder-picker.click_to_insert') }}'"
>
<code class="text-xs font-mono">{page.title}</code>
</x-filament::button>
<x-filament::button
size="sm"
color="primary"
outlined
x-on:click="window.insertPlaceholder('{{ $fieldName }}', 'page.excerpt')"
x-bind:tooltip="'{{ __('placeholder-picker.click_to_insert') }}'"
>
<code class="text-xs font-mono">{page.excerpt}</code>
</x-filament::button>
<x-filament::button
size="sm"
color="primary"
outlined
x-on:click="window.insertPlaceholder('{{ $fieldName }}', 'menu')"
x-bind:tooltip="'{{ __('placeholder-picker.click_to_insert') }}'"
>
<code class="text-xs font-mono">{menu}</code>
</x-filament::button>
<x-filament::button
size="sm"
color="primary"
outlined
x-on:click="window.insertPlaceholder('{{ $fieldName }}', 'staticMenu')"
x-bind:tooltip="'{{ __('placeholder-picker.click_to_insert') }}'"
>
<code class="text-xs font-mono">{staticMenu}</code>
</x-filament::button>
</div>
</div>
<template x-for="(info, type) in filteredCategories" x-bind:key="type">
<div class="space-y-2">
<h4 class="fi-section-header-heading text-xs font-semibold uppercase tracking-wide">