131 lines
6.6 KiB
PHP
131 lines
6.6 KiB
PHP
|
@extends('backend.template')
|
||
|
|
@section('content')
|
||
|
|
|
||
|
|
<!-- start page title -->
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-12">
|
||
|
|
<div class="page-title-box d-sm-flex align-items-center justify-content-between">
|
||
|
|
<h4 class="mb-sm-0">Edit Header Menu</h4>
|
||
|
|
<div class="page-title-right">
|
||
|
|
<ol class="breadcrumb m-0">
|
||
|
|
<li class="breadcrumb-item"><a href="javascript: void(0);">Dashboards</a></li>
|
||
|
|
<li class="breadcrumb-item active">Edit Header Menu</li>
|
||
|
|
</ol>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- end page title -->
|
||
|
|
|
||
|
|
<form action="{{route('menuitems.update',[$data->menu_id,'menulocation'=>($menulocation)?$menulocation:''])}}" id="storeCustomForm" method="POST">
|
||
|
|
@csrf
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-xl-9">
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-body">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-12">{{createText("title","title","Display Title",'',$data->title)}}</div>
|
||
|
|
<div class="col-lg-3">{{createCustomSelect('tbl_menulocations', 'title', 'menulocation_id', $data->menulocations_id, 'Menu Location','menulocations_id', 'form-control select2','status<>-1')}}</div>
|
||
|
|
<div class="col-lg-3">{{createCustomSelectFromArray($menuTypes,"Menu Type","type",$data->type,"REQUIRED")}}</div>
|
||
|
|
<div class="col-lg-3">{{createCustomSelect('tbl_menuitems', 'title', 'menu_id', $data->parent_menu, 'Sub Menu of (Ignore if it is going as root)','parent_menu', 'form-control select2','status<>-1')}}</div>
|
||
|
|
<div class="col-lg-3" id="ref-container">{{createText("ref","ref","# or Start from / or http:// or https://",'',$data->ref)}}</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-xl-3">
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-header">
|
||
|
|
<h4 class="card-title mb-0">Target</h4>
|
||
|
|
</div>
|
||
|
|
<div class="card-body">
|
||
|
|
{{createCustomSelectFromArray(array(['display'=>'Self','value'=>"_SELF"],['display'=>'New Tab','value'=>"_BLANK"]),"","target",$data->target)}}
|
||
|
|
</div>
|
||
|
|
<div class="card-footer">
|
||
|
|
<?php createButton("btn-primary btn-store", "", "Submit"); ?>
|
||
|
|
<?php createButton("btn-danger btn-cancel", "", "Cancel", route('menuitems.index')); ?>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</form>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
@endsection
|
||
|
|
@push("js")
|
||
|
|
<script>
|
||
|
|
// showRef();
|
||
|
|
var firstLevelSelect = document.getElementById('type');
|
||
|
|
var secondLevelContainer = document.getElementById('ref-container');
|
||
|
|
firstLevelSelect.value = '{{$data->type}}';
|
||
|
|
firstLevelSelect.dispatchEvent(new Event('change'));
|
||
|
|
showRef('{{$data->ref}}');
|
||
|
|
function showRef(defaultValue = '') {
|
||
|
|
var selectedOption = firstLevelSelect.value;
|
||
|
|
var menuTypes = <?php echo json_encode($menuTypes); ?>;
|
||
|
|
var selectedMenuType = menuTypes.find(function(menuType) {
|
||
|
|
return menuType.value === selectedOption;
|
||
|
|
});
|
||
|
|
secondLevelContainer.innerHTML = '';
|
||
|
|
if (selectedOption === '') {
|
||
|
|
var label = document.createElement('label');
|
||
|
|
label.setAttribute('for', 'ref');
|
||
|
|
label.className = 'form-label col-form-label';
|
||
|
|
label.textContent = '# or Start from / or http:// or https://';
|
||
|
|
secondLevelContainer.appendChild(label);
|
||
|
|
// Create an input element
|
||
|
|
var secondLevelInput = document.createElement('input');
|
||
|
|
secondLevelInput.type = 'text';
|
||
|
|
secondLevelInput.name = 'ref';
|
||
|
|
secondLevelInput.className = 'form-control';
|
||
|
|
secondLevelContainer.appendChild(secondLevelInput);
|
||
|
|
secondLevelInput.value = defaultValue;
|
||
|
|
} else {
|
||
|
|
var label = document.createElement('label');
|
||
|
|
label.setAttribute('for', 'ref');
|
||
|
|
label.className = 'form-label col-form-label';
|
||
|
|
label.textContent = 'Ref (Select Reference)';
|
||
|
|
secondLevelContainer.appendChild(label);
|
||
|
|
// Create a select element
|
||
|
|
var secondLevelSelect = document.createElement('select');
|
||
|
|
secondLevelSelect.name = 'ref';
|
||
|
|
secondLevelSelect.className = 'form-select form-control';
|
||
|
|
secondLevelContainer.appendChild(secondLevelSelect);
|
||
|
|
|
||
|
|
// Add the default option
|
||
|
|
var defaultOption = document.createElement('option');
|
||
|
|
defaultOption.value = '';
|
||
|
|
defaultOption.textContent = 'Select Option';
|
||
|
|
secondLevelSelect.appendChild(defaultOption);
|
||
|
|
|
||
|
|
if (selectedMenuType && selectedMenuType.values) {
|
||
|
|
var values = JSON.parse(selectedMenuType.values);
|
||
|
|
values.forEach(function(value) {
|
||
|
|
var option = document.createElement('option');
|
||
|
|
option.value = value.value;
|
||
|
|
option.textContent = value.display;
|
||
|
|
secondLevelSelect.appendChild(option);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
secondLevelSelect.value = defaultValue;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
firstLevelSelect.addEventListener('change', function() {
|
||
|
|
showRef();
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
@endpush
|