tooltip final
This commit is contained in:
salam committed
1 parent
c9588f39b6
commit
4ab4dcfd8c
19 files changed
+130
-220
No files matched your search
+1
-1
@@ -1 +1 @@
|
||||
import './bootstrap';
|
||||
import './bootstrap';
|
||||
@@ -1,29 +0,0 @@
|
||||
var tabledata = [
|
||||
{ id: 1, name: "Oli Bob", age: "12", col: "red", dob: "" },
|
||||
{ id: 2, name: "Mary May", age: "1", col: "blue", dob: "14/05/1982" },
|
||||
{ id: 3, name: "Christine Lobowski", age: "42", col: "green", dob: "22/05/1982" },
|
||||
{ id: 4, name: "Brendon Philips", age: "125", col: "orange", dob: "01/08/1980" },
|
||||
{ id: 5, name: "Margret Marmajuke", age: "16", col: "yellow", dob: "31/01/1999" },
|
||||
];
|
||||
|
||||
|
||||
// console.log('tabledata', tabledata);
|
||||
import { TabulatorFull as Tabulator } from 'tabulator-tables';
|
||||
|
||||
var table = new Tabulator("#example-table", {
|
||||
height: "311px",
|
||||
data: tabledata, //assign data to table
|
||||
layout: "fitColumns", //fit columns to width of table (optional)
|
||||
columns: [
|
||||
{ title: "Name", field: "name" },
|
||||
{ title: "Progress", field: "progress", sorter: "number" },
|
||||
{ title: "Gender", field: "gender" },
|
||||
{ title: "Rating", field: "rating" },
|
||||
{ title: "Favourite Color", field: "col" },
|
||||
{ title: "Date Of Birth", field: "dob", hozAlign: "center" },
|
||||
],
|
||||
});
|
||||
|
||||
table.on("rowClick", function (e, row) {
|
||||
alert("Row " + row.getData().id + " Clicked!!!!");
|
||||
});
|
||||
@@ -3,7 +3,7 @@
|
||||
@endphp
|
||||
|
||||
@if (isset($icon))
|
||||
<div class="w-12 bg-contain bg-center bg-no-repeat dark:opacity-90" title="{{ $bookmaker_id }}"
|
||||
<div class="m-0 w-14 h-3 bg-contain bg-center bg-no-repeat my-auto" title="{{ $bookmaker_id }}"
|
||||
style="background-image: url('{{ BkmIconMap::get($icon) }}')">
|
||||
</div>
|
||||
@endif
|
||||
@@ -1,13 +1,7 @@
|
||||
<div class="mx-3 my-auto" x-data="{ open: false }">
|
||||
<div x-on:mouseover="open = true" x-on:mouseleave="open = false">
|
||||
<x-filament::icon-button icon="heroicon-o-chat-bubble-left-ellipsis" color="alert gray" />
|
||||
</div>
|
||||
<div x-show="open" x-transition:enter="transition ease-out duration-200"
|
||||
x-transition:enter-start="opacity-0 transform translate-y-2"
|
||||
x-transition:enter-end="opacity-100 transform translate-y-0">
|
||||
<div
|
||||
class="absolute z-10 bg-gray-100 dark:bg-gray-800 p-5 border border-gray-300 dark:border-gray-900 rounded-md">
|
||||
<div class="grid grid-cols-5 grid-rows-5 gap-2">
|
||||
@if ($hasodds())
|
||||
<div x-data="{ message: 'loading..' }" class="mx-3 my-auto">
|
||||
<template x-ref="template">
|
||||
<div class="grid grid-cols-5 grid-rows-5 gap-2 m-5">
|
||||
|
||||
@foreach ($getFumetto() as $item)
|
||||
@include('filament.tables.columns.multiline.bkm', [
|
||||
@@ -36,6 +30,14 @@
|
||||
])
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<x-filament::icon-button icon="heroicon-o-chat-bubble-left-ellipsis" color="gray"
|
||||
x-tooltip.html="{
|
||||
content: () => $refs.template.innerHTML,
|
||||
allowHTML: true,
|
||||
theme: $store.theme,
|
||||
appendTo: $root
|
||||
}" />
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@@ -1,55 +1 @@
|
||||
<div class="flex justify-start gap-0 text-xs">
|
||||
<div class="w-8 text-center"></div>
|
||||
@switch(auth()->user()->multiline_setting_id)
|
||||
@case(1)
|
||||
@case(13)
|
||||
<div class="w-12 text-center">1</div>
|
||||
<div class="w-12 text-center">X</div>
|
||||
<div class="w-12 text-center">2</div>
|
||||
@break
|
||||
|
||||
@case(7)
|
||||
@case(12)
|
||||
|
||||
@case(16)
|
||||
@case(17)
|
||||
|
||||
@case(8)
|
||||
@case(14)
|
||||
|
||||
@case(9)
|
||||
@case(5)
|
||||
<div class="w-12 text-center">Home</div>
|
||||
<div class="w-12 text-center">Away</div>
|
||||
@break
|
||||
|
||||
@case(2)
|
||||
<div class="w-12 text-center">1X</div>
|
||||
<div class="w-12 text-center">12</div>
|
||||
<div class="w-12 text-center">2X</div>
|
||||
@break
|
||||
|
||||
@case(3)
|
||||
<div class="w-12 text-center">DNB 1</div>
|
||||
<div class="w-12 text-center">DNB 2</div>
|
||||
@break
|
||||
|
||||
@case(4)
|
||||
<div class="w-12 text-center">Goal</div>
|
||||
<div class="w-12 text-center">No Goal</div>
|
||||
@break
|
||||
|
||||
@case(6)
|
||||
@case(10)
|
||||
|
||||
@case(15)
|
||||
@case(18)
|
||||
|
||||
@case(11)
|
||||
<div class="w-12 text-center">O</div>
|
||||
<div class="w-12 text-center">U</div>
|
||||
<div class="w-12 text-center">Total</div>
|
||||
@break
|
||||
@endswitch
|
||||
<div class="w-12 text-center">M</div>
|
||||
</div>
|
||||
<div class="w-12 text-center">{{ $label }}</div>
|
||||
@@ -0,0 +1,56 @@
|
||||
<div class="flex justify-start gap-1 text-xs">
|
||||
<div class="w-6 text-center"></div>
|
||||
<div class="w-15 text-center"></div>
|
||||
@switch(auth()->user()->multiline_setting_id)
|
||||
@case(1)
|
||||
@case(13)
|
||||
@include('filament.tables.columns.multiline.label', ['label' => '1'])
|
||||
@include('filament.tables.columns.multiline.label', ['label' => 'X'])
|
||||
@include('filament.tables.columns.multiline.label', ['label' => '2'])
|
||||
@break
|
||||
|
||||
@case(7)
|
||||
@case(12)
|
||||
|
||||
@case(16)
|
||||
@case(17)
|
||||
|
||||
@case(8)
|
||||
@case(14)
|
||||
|
||||
@case(9)
|
||||
@case(5)
|
||||
@include('filament.tables.columns.multiline.label', ['label' => 'Home'])
|
||||
@include('filament.tables.columns.multiline.label', ['label' => 'AWAY'])
|
||||
@break
|
||||
|
||||
@case(2)
|
||||
@include('filament.tables.columns.multiline.label', ['label' => '1X'])
|
||||
@include('filament.tables.columns.multiline.label', ['label' => '12'])
|
||||
@include('filament.tables.columns.multiline.label', ['label' => '2X'])
|
||||
@break
|
||||
|
||||
@case(3)
|
||||
@include('filament.tables.columns.multiline.label', ['label' => 'DNB 1'])
|
||||
@include('filament.tables.columns.multiline.label', ['label' => 'DNB 2'])
|
||||
@break
|
||||
|
||||
@case(4)
|
||||
@include('filament.tables.columns.multiline.label', ['label' => 'GOAL'])
|
||||
@include('filament.tables.columns.multiline.label', ['label' => 'NO GOAL'])
|
||||
@break
|
||||
|
||||
@case(6)
|
||||
@case(10)
|
||||
|
||||
@case(15)
|
||||
@case(18)
|
||||
|
||||
@case(11)
|
||||
@include('filament.tables.columns.multiline.label', ['label' => 'O'])
|
||||
@include('filament.tables.columns.multiline.label', ['label' => 'U'])
|
||||
@include('filament.tables.columns.multiline.label', ['label' => 'TOTAL'])
|
||||
@break
|
||||
@endswitch
|
||||
@include('filament.tables.columns.multiline.label', ['label' => 'M'])
|
||||
</div>
|
||||
@@ -3,7 +3,7 @@
|
||||
@endphp
|
||||
|
||||
@if ($has3Columns())
|
||||
<div {{ $getExtraAttributeBag() }} class="grid grid-cols-5 grid-rows-5 text-xs ">
|
||||
<div {{ $getExtraAttributeBag() }} class="grid grid-cols-5 grid-rows-5 text-xs">
|
||||
@else
|
||||
<div {{ $getExtraAttributeBag() }} class="grid grid-cols-4 grid-rows-5 text-xs">
|
||||
@endif
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
use App\Utilities\OddsFormatting;
|
||||
@endphp
|
||||
|
||||
<div class="w-12 text-center">
|
||||
<div class="w-12 h-5 text-center mb-0.5">
|
||||
|
||||
@if (isset($odd))
|
||||
{{ OddsFormatting::get($odd, $decimal) }}
|
||||
|
||||
File renamed without changes.
Reference in new issue
Block a user