preview dialogue component edited

This commit is contained in:
Burak Civan 2022-09-09 12:12:08 +03:00
parent 0724cd2b05
commit 166645aef3
3 changed files with 10 additions and 3 deletions

View File

@ -23,19 +23,22 @@ class Information extends Component
public $placement;
public $id;
/**
* Create a new component instance.
*
* @return void
*/
public function __construct(
$document, bool $hideShow = false, string $showRoute = '', string $showDocumentRoute = '', string $placement = ''
$document, bool $hideShow = false, string $showRoute = '', string $showDocumentRoute = '', string $placement = '', string $id = ''
) {
$this->document = $document;
$this->hideShow = $hideShow;
$this->showRoute = $this->getShowRoute($document->contact->type, $showRoute);
$this->showDocumentRoute = $this->getShowRoute($document->type, $showDocumentRoute);
$this->placement = (! empty($placement)) ? $placement : 'left';
$this->id = (! empty($id)) ? $id : 'tooltip-information-' . $document->id;
}
/**

View File

@ -309,11 +309,15 @@
<x-slot name="first">
{{ $item->account->name }}
</x-slot>
<x-slot name="second">
<x-slot name="second" class="w-20 font-normal group" data-tooltip-target="tooltip-information-transaction-{{ $item->id }}" data-tooltip-placement="left" override="class,data-tooltip-target,data-tooltip-placement">
@if ($item->document)
<x-link href="{{ route($item->route_name, $item->route_id) }}" class="font-normal truncate border-b border-black border-dashed" override="class">
{{ $item->document->document_number }}
</x-link>
<div class="w-28 absolute h-10 -left-10 -mt-6"></div>
<x-documents.index.information id="tooltip-information-transaction-{{ $item->id }}" :document="$item->document" />
@else
<x-empty-data />
@endif

View File

@ -1,4 +1,4 @@
<div id="tooltip-information-{{ $document->id }}" role="tooltip" class="w-96 inline-block absolute left-0 z-10 text-sm font-medium rounded-lg border border-gray-200 shadow-sm whitespace-nowrap tooltip-content transition-visible bg-lilac-900 border-none text-black p-6 cursor-auto opacity-0 invisible information-content">
<div id="{{ $id }}" role="tooltip" class="w-96 inline-block absolute left-0 z-10 text-sm font-medium rounded-lg border border-gray-200 shadow-sm whitespace-nowrap tooltip-content transition-visible bg-lilac-900 border-none text-black p-6 cursor-auto opacity-0 invisible information-content">
<div class="absolute w-2 h-2 inset-y-1/2 -right-1 before:content-[' '] before:absolute before:w-2 before:h-2 before:bg-lilac-900 before:border-gray-200 before:transform before:rotate-45 before:border before:border-t-0 before:border-l-0 data-popper-arrow"></div>
<ul>