preview dialogue component edited
This commit is contained in:
parent
0724cd2b05
commit
166645aef3
@ -23,19 +23,22 @@ class Information extends Component
|
|||||||
|
|
||||||
public $placement;
|
public $placement;
|
||||||
|
|
||||||
|
public $id;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Create a new component instance.
|
* Create a new component instance.
|
||||||
*
|
*
|
||||||
* @return void
|
* @return void
|
||||||
*/
|
*/
|
||||||
public function __construct(
|
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->document = $document;
|
||||||
$this->hideShow = $hideShow;
|
$this->hideShow = $hideShow;
|
||||||
$this->showRoute = $this->getShowRoute($document->contact->type, $showRoute);
|
$this->showRoute = $this->getShowRoute($document->contact->type, $showRoute);
|
||||||
$this->showDocumentRoute = $this->getShowRoute($document->type, $showDocumentRoute);
|
$this->showDocumentRoute = $this->getShowRoute($document->type, $showDocumentRoute);
|
||||||
$this->placement = (! empty($placement)) ? $placement : 'left';
|
$this->placement = (! empty($placement)) ? $placement : 'left';
|
||||||
|
$this->id = (! empty($id)) ? $id : 'tooltip-information-' . $document->id;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -309,11 +309,15 @@
|
|||||||
<x-slot name="first">
|
<x-slot name="first">
|
||||||
{{ $item->account->name }}
|
{{ $item->account->name }}
|
||||||
</x-slot>
|
</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)
|
@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">
|
<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 }}
|
{{ $item->document->document_number }}
|
||||||
</x-link>
|
</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
|
@else
|
||||||
<x-empty-data />
|
<x-empty-data />
|
||||||
@endif
|
@endif
|
||||||
|
@ -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>
|
<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>
|
<ul>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user