first change

This commit is contained in:
2025-07-27 17:40:56 +05:45
commit f8b9a6725b
3152 changed files with 229528 additions and 0 deletions

View File

@@ -0,0 +1,188 @@
<div class="row">
<div class="col-lg-9">
<div class="card">
<div class="card-body">
<div class="row gy-3">
<div class="col-md-6">
{{ html()->label('Title')->class('form-label') }}
{{ html()->span('*')->class('text-danger') }}
{{ html()->text('title')->class('form-control')->placeholder('Menu Title')->required() }}
{{ html()->div('Menu title is required')->class('invalid-feedback') }}
</div>
<div class="col-md-6">
{{ html()->label('Location')->class('form-label') }}
{{ html()->span('*')->class('text-danger') }}
{{ html()->select('menu_location_id', config('constants.menu_location_options'))->class('form-select choices-select ')->required(true) }}
</div>
<div class="col-md-6">
{{ html()->label('Type')->class('form-label') }}
{{ html()->span('*')->class('text-danger') }}
{{ html()->select('type', $menuTypes)->id('menuType')->class('form-select choices-select')->required(true) }}
</div>
<div class="col-md-6">
{{ html()->label('Sub menu of (Empty if Parent Menu)')->class('form-label') }}
{{ html()->select('parent_id', $menuOptions)->class('form-select choices-select')->placeholder('Select Parent') }}
</div>
<div class="col-md-6 dropdown-row" style="display: none">
{{ html()->label('Ref (select Reference)')->class('form-label') }}
{{ html()->span('*')->class('text-danger') }}
{{ html()->select('parameter', [])->id('parameterDropdown')->class('form-select')->placeholder('Select option') }}
{{ html()->div('Reference is required')->class('invalid-feedback') }}
</div>
<div class="col-md-6 text-row">
{{ html()->label('#(Fragment) or Start from /(Custom)')->class('form-label') }}
{{ html()->span('*')->class('text-danger') }}
{{ html()->text('parameter')->id('parameterInput')->class('form-control') }}
{{ html()->div('Link is required')->class('invalid-feedback') }}
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="card-title mb-0">Icon</h5>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-6">
{{ html()->label('Image')->class('form-label mb-1')->for('image') }}
<x-image-input :data="$editable ? $menu->getRawOriginal('image') : null" id="image" name="image" :editable="$editable"
:multiple=false />
</div>
<div class="col-md-6">
{{ html()->label('Icon (Optional)')->class('form-label') }}
{{ html()->text('icon')->class('form-control')->placeholder('Icon class') }}
</div>
</div>
</div>
<!-- end card body -->
</div>
</div>
<!-- end col -->
<div class="col-lg-3">
<div class="card">
<div class="card-header">
<h5 class="card-title mb-0">Publish</h5>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-12">
{{ html()->select('status', config('constants.page_status_options'))->class('form-select choices-select ') }}
</div>
</div>
</div>
<!-- end card body -->
<x-form-buttons :editable="$editable" label="Create" href="{{ route('menu.index') }}" />
</div>
<div class="card featured-image-section">
<div class="card-header">
<h6 class="card-title mb-0 fs-14">
Target
</h6>
</div>
<div class="card-body">
<div class="mb-3">
{{ html()->select('target', config('constants.redirect_options'))->class('form-select choices-select') }}
</div>
</div>
</div>
</div>
<!-- end col -->
</div>
@push('js')
<script type="text/javascript">
$(document).ready(function() {
const editable = '{{ $editable }}';
console.log(editable);
if (editable == 1) {
const selectedValue = "{{ $menu->parameter ?? null }}";
$('#menuType').trigger('change', [selectedValue]);
}
});
$(document).on('change', '#menuType', function(event, selectedValue) {
const value = $(this).val();
if (value == 'single-link' || value == 'fragment') {
$('.dropdown-row').hide();
$('#parameterDropdown').prop({
required: false,
});
$('.text-row').show();
$('#parameterInput').prop({
required: true,
disabled: false
});
} else {
$('.dropdown-row').show();
$('#parameterDropdown').prop({
required: true,
});
$('.text-row').hide();
$('#parameterInput').prop({
required: false,
disabled: true
});
$.ajax({
url: '{{ route('menu.getMenuTypeOptions') }}',
type: 'GET',
data: {
tableName: value,
},
dataType: 'json',
})
.done(function(response) {
$('#parameterDropdown').empty();
$('#parameterDropdown').append($('<option>', {
value: null,
text: 'Select option',
selected: true,
disabled: true
}));
console.log(response.data);
$.each(response.data, function(value, text) {
const option = $('<option>', {
value: value,
text: text
});
if (value === selectedValue) {
option.prop('selected', true);
}
$('#parameterDropdown').append(option);
});
})
.fail(function(jqXHR, textStatus, errorThrown) {
console.error("AJAX request failed: ", textStatus, errorThrown);
});
}
});
</script>
@endpush