añadir nuevas funcionalidades

This commit is contained in:
2025-04-30 20:56:28 +02:00
parent 883daf32ed
commit 655ea60d6b
71 changed files with 3836 additions and 1158 deletions

View File

@@ -2,5 +2,5 @@
<x-app-logo-icon class="size-5 fill-current text-white dark:text-black" />
</div>
<div class="ms-1 grid flex-1 text-start text-sm">
<span class="mb-0.5 truncate leading-none font-semibold">Laravel Starter Kit</span>
<span class="mb-0.5 truncate leading-none font-semibold">{{ config('app.name') }}</span>
</div>

View File

@@ -0,0 +1,23 @@
@props(['comment', 'document'])
<div class="border-l-2 border-blue-200 pl-3 ml-2" style="margin-left: {{ $comment->depth * 20 }}px">
<div class="flex items-start space-x-2">
<div class="flex-1">
<div class="text-sm font-medium">{{ $comment->user->name }}</div>
<div class="text-gray-600 text-sm">{{ $comment->created_at->diffForHumans() }}</div>
<p class="mt-1 text-gray-800">{{ $comment->content }}</p>
<div class="mt-1 text-xs text-blue-600 cursor-pointer hover:underline"
@click="window.PDFViewer.scrollToComment({{ $comment->page }}, {{ $comment->x }}, {{ $comment->y }})">
Página {{ $comment->page }} - ({{ number_format($comment->x*100, 1) }}%, {{ number_format($comment->y*100, 1) }}%)
</div>
</div>
</div>
@if($comment->children->isNotEmpty())
<div class="mt-2 space-y-2">
@foreach($comment->children as $child)
<x-comment-item :comment="$child" :document="$document" />
@endforeach
</div>
@endif
</div>

View File

@@ -7,12 +7,12 @@
<button wire:click.prevent="toggleFolder({{ $folder->id }})"
class="mr-2">
@if(in_array($folder->id, $expandedFolders))
<x-icons.chevron-down class="w-4 h-4" />
<x-icons icon="chevron-down" class="w-4 h-4" />
@else
<x-icons.chevron-right class="w-4 h-4" />
<x-icons icon="chevron-right" class="w-4 h-4" />
@endif
</button>
<x-icons.folder class="w-5 h-5 mr-2 text-yellow-500" />
<x-icons icon="folder" class="w-5 h-5 mr-2 text-yellow-500" />
<span>{{ $folder->name }}</span>
</div>
</div>

View File

@@ -5,12 +5,12 @@
<div class="flex items-center flex-1" wire:click="selectFolder({{ $folder->id }})">
<button wire:click.prevent="toggleFolder({{ $folder->id }})" class="mr-2">
@if(in_array($folder->id, $expandedFolders))
<x-icons.chevron-down class="w-4 h-4 text-gray-400" />
<x-icons icon="chevron-down" class="w-4 h-4 text-gray-400" />
@else
<x-icons.chevron-right class="w-4 h-4 text-gray-400" />
<x-icons icon="chevron-right" class="w-4 h-4 text-gray-400" />
@endif
</button>
<x-icons.folder class="w-5 h-5 mr-2 text-yellow-500" />
<x-icons icon="folder" class="w-5 h-5 mr-2 text-yellow-500" />
<span class="cursor-pointer">{{ $folder->name }}</span>
</div>
<span class="text-sm text-gray-500">

View File

@@ -25,6 +25,12 @@
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
@elseif($icon === 'chevron-right')
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />
</svg>
@elseif($icon === 'user')
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" {{ $attributes }}>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />

View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" class="{{ $class }}" viewBox="0 0 32 32">
<path fill="#217346" d="M28.901 8.319l-5.223-5.223c-.379-.379-.868-.558-1.364-.595h-14.314v3.5h13.5v6h-13.5v3.5h13.5v6h-13.5v3.5h14.5c.828 0 1.5-.672 1.5-1.5v-22c0-.496-.217-.985-.603-1.364zm-5.598-3.776l3.181 3.181h-3.181v-3.181zm-16.303 25.457v-25.5h8.5v6h6v19.5h-14.5z"/>
<path fill="#fff" d="M20.1 15.3l-2.1-3.4-2.1 3.4h-1.5l2.6-4.2-2.5-4.1h1.5l1.9 3.2 1.9-3.2h1.5l-2.5 4.1 2.6 4.2z"/>
</svg>

After

Width:  |  Height:  |  Size: 488 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"><path d="M8.267 14.68c-.184 0-.308.018-.372.036v1.178c.076.018.171.023.302.023.479 0 .774-.242.774-.651 0-.366-.254-.586-.704-.586zm3.487.012c-.2 0-.33.018-.407.036v2.61c.077.018.201.018.313.018.817.006 1.349-.444 1.349-1.396.006-.83-.479-1.268-1.255-1.268z"></path><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zM9.498 16.19c-.309.29-.765.42-1.296.42a2.23 2.23 0 0 1-.308-.018v1.426H7v-3.936A7.558 7.558 0 0 1 8.219 14c.557 0 .953.106 1.22.319.254.202.426.533.426.923-.001.392-.131.723-.367.948zm3.807 1.355c-.42.349-1.059.515-1.84.515-.468 0-.799-.03-1.024-.06v-3.917A7.947 7.947 0 0 1 11.66 14c.757 0 1.249.136 1.633.426.415.308.675.799.675 1.504 0 .763-.279 1.29-.663 1.615zM17 14.77h-1.532v.911H16.9v.734h-1.432v1.604h-.906V14.03H17v.74zM14 9h-1V4l5 5h-4z"></path></svg>

After

Width:  |  Height:  |  Size: 937 B

View File

@@ -1,5 +1,5 @@
<x-layouts.app.sidebar :title="$title ?? null">
<x-layouts.app.header :title="$title ?? null">
<flux:main>
{{ $slot }}
</flux:main>
</x-layouts.app.sidebar>
</x-layouts.app.header>

View File

@@ -16,6 +16,12 @@
{{ __('Dashboard') }}
</flux:navbar.item>
</flux:navbar>
<flux:navbar class="-mb-px max-lg:hidden">
<flux:navbar.item icon="layout-grid" :href="route('dashboard')" :current="request()->routeIs('dashboard')" wire:navigate>
{{ __('User') }}
</flux:navbar.item>
</flux:navbar>
<flux:spacer />

View File

@@ -0,0 +1,6 @@
<x-layouts.app.header :title="$title ?? null">
<flux:main>
documents layout
{{ $slot }}
</flux:main>
</x-layouts.app.header>

View File

@@ -0,0 +1,6 @@
@props(['label', 'value'])
<div class="flex justify-between items-center border-b border-gray-100 pb-2">
<span class="text-sm text-gray-500">{{ $label }}:</span>
<span class="text-sm font-medium text-gray-900">{{ $value }}</span>
</div>

View File

@@ -0,0 +1,11 @@
@props(['active' => false])
<button
{{ $attributes->merge([
'class' => $active
? 'border-b-2 border-blue-500 text-blue-600 px-4 py-2 text-sm font-medium'
: 'text-gray-500 hover:text-gray-700 hover:border-gray-300 px-4 py-2 text-sm font-medium border-b-2 border-transparent'
]) }}
>
{{ $slot }}
</button>

View File

@@ -0,0 +1,5 @@
@props(['show' => false])
<div x-show="activeTab === '{{ $show }}'" class="space-y-4">
{{ $slot }}
</div>