Skip to content
This repository has been archived by the owner on Sep 18, 2024. It is now read-only.

Commit

Permalink
Update map.blade.php
Browse files Browse the repository at this point in the history
  • Loading branch information
@AbdullahGhanem
AbdullahGhanem authored Mar 28, 2024
1 parent 5e36d19 commit f03e0c6
Showing 1 changed file with 48 additions and 73 deletions.
121 changes: 48 additions & 73 deletions resources/views/forms/components/map.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,98 +10,72 @@
$startLat = $getLatitude();
$startLon = $getLongitude();
$zoom = $getZoom();
$initialHeight = (($rows ?? 2) * 1.5) + 0.75;
$initialHeight = ($rows ?? 2) * 1.5 + 0.75;
@endphp
<style>
.mouse-position-{{ $getId() }} {
.mouse-position-{{ $getId() }} {
display: none;
}
</style>
<x-dynamic-component
:component="$getFieldWrapperView()"
:field="$field"
:has-inline-label="$hasInlineLabel"
>
<x-slot
name="label"
@class([
'sm:pt-1.5' => $hasInlineLabel,
])
>
<x-dynamic-component :component="$getFieldWrapperView()" :field="$field" :has-inline-label="$hasInlineLabel">
<x-slot name="label" @class([
'sm:pt-1.5' => $hasInlineLabel,
])>
{{ $getLabel() }}
</x-slot>

<x-filament::input.wrapper
:disabled="$isDisabled"
:valid="! $errors->has($statePath)"
:attributes="
\Filament\Support\prepare_inherited_attributes($getExtraAttributeBag())
->class(['fi-fo-textarea overflow-hidden'])
"
<x-filament::input.wrapper :disabled="$isDisabled" :valid="!$errors->has($statePath)" :attributes="\Filament\Support\prepare_inherited_attributes($getExtraAttributeBag())->class([
'fi-fo-textarea overflow-hidden',
])">

>

<div class="open-street-map @if($isDisabled) disabled @endif" id="OSMap-{{ $getId() }}" style="height: max(500px, 100%);width: max(100px, 100%)">
<div class="open-street-map @if ($isDisabled) disabled @endif" id="OSMap-{{ $getId() }}"
style="height: max(500px, 100%);width: max(100px, 100%)">
<div class="center"></div>
</div>

<textarea
{{
$getExtraInputAttributeBag()
->merge([
{{ $getExtraInputAttributeBag()->merge(
[
'autocomplete' => $getAutocomplete(),
'autofocus' => $isAutofocused(),
'cols' => $getCols(),
'disabled' => true,
'id' => 't-'.$getId(),
'maxlength' => (! $isConcealed) ? $getMaxLength() : null,
'minlength' => (! $isConcealed) ? $getMinLength() : null,
'id' => 't-' . $getId(),
'maxlength' => !$isConcealed ? $getMaxLength() : null,
'minlength' => !$isConcealed ? $getMinLength() : null,
'placeholder' => $getPlaceholder(),
'readonly' => $isReadOnly(),
'required' => $isRequired() && (! $isConcealed),
'required' => $isRequired() && !$isConcealed,
'rows' => $rows,
$applyStateBindingModifiers('wire:model') => $statePath,
], escape: false)
->class([
'block w-full border-none bg-transparent px-3 py-1.5 text-base text-gray-950 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6',
'resize-none' => $shouldAutosize,
])
->style([
"height: {$initialHeight}rem" => $shouldAutosize,
])
}}
></textarea>
],
escape: false,
)->class([
'block w-full border-none bg-transparent px-3 py-1.5 text-base text-gray-950 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6',
'resize-none' => $shouldAutosize,
])->style([
"height: {$initialHeight}rem" => $shouldAutosize,
]) }}></textarea>
</x-filament::input.wrapper>
<x-filament::input.wrapper
:disabled="$isDisabled"
:valid="! $errors->has($statePath)"
:attributes="
\Filament\Support\prepare_inherited_attributes($getExtraAttributeBag())
->class(['fi-fo-text-input overflow-hidden'])
"
>
<x-filament::input
:attributes="
\Filament\Support\prepare_inherited_attributes($getExtraInputAttributeBag())
->merge([
'disabled' => $isDisabled,
'id' => $getId(),
'placeholder' => $getPlaceholder(),
'readonly' => $isReadOnly(),
'required' => $isRequired() && (! $isConcealed),
'type' => 'text',
'class' => 'mouse-position-'.$getId(),
$applyStateBindingModifiers('wire:model') => $statePath,
], escape: false)
"
/>
<x-filament::input.wrapper :disabled="$isDisabled" :valid="!$errors->has($statePath)" :attributes="\Filament\Support\prepare_inherited_attributes($getExtraAttributeBag())->class([
'fi-fo-text-input overflow-hidden',
])">
<x-filament::input :attributes="\Filament\Support\prepare_inherited_attributes($getExtraInputAttributeBag())->merge(
[
'disabled' => $isDisabled,
'id' => $getId(),
'placeholder' => $getPlaceholder(),
'readonly' => $isReadOnly(),
'required' => $isRequired() && !$isConcealed,
'type' => 'text',
'class' => 'mouse-position-' . $getId(),
$applyStateBindingModifiers('wire:model') => $statePath,
],
escape: false,
)" />
<x-slot name="suffix">
<x-filament::icon-button
id="Reset-{{ $getId() }}"
icon="heroicon-s-x-circle"
color="danger"
label="reset"
/>
<x-filament::icon-button id="Reset-{{ $getId() }}" icon="heroicon-s-x-circle" color="danger"
label="reset" />
</x-slot>
</x-filament::input.wrapper>

Expand All @@ -119,7 +93,7 @@
const compare = () => {
try {
const values = input.value.split(',')
const [lat, lon] = point.getCoordinates()
const [lon, lat] = point.getCoordinates()
if (values.length === 2) {
const newLat = parseFloat(values[0])
const newLon = parseFloat(values[1])
Expand All @@ -132,7 +106,8 @@
}
}
if (!map.classList.contains('map-done')) {
point = window.traineratwot.GetPointMap('{{ $getId() }}', {{ $startLat }}, {{ $startLon }}, {{ $zoom }})
point = window.traineratwot.GetPointMap('{{ $getId() }}', {{ $startLat }},
{{ $startLon }}, {{ $zoom }})
input.addEventListener('input', compare)
compare()
point.onChange(function(x, y) {
Expand All @@ -145,13 +120,13 @@
})
reset.addEventListener('click', () => {
input.value = '{{ $startLat }}, {{ $startLon }}'
input.value = '{{ $startLat }}, {{ $startLon }}'
input.dispatchEvent(new Event('input'))
input.dispatchEvent(new Event('change'))
input.dispatchEvent(new Event('blur'))
})
if (disabled) {
if (input.value !== '{{ $startLat }}, {{ $startLon }}') {
if (input.value !== '{{ $startLat }}, {{ $startLon }}') {
reset.click()
compare()
}
Expand Down

0 comments on commit f03e0c6

Please sign in to comment.