Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/mcoil.corals.io/resources/views/admin/menu-bar/ |
@extends('layouts.admin.app')
<style type="text/css">
.input_container ul {
width: 95%;
border: 0px solid #eaeaea;
position: absolute;
z-index: 9;
background: #f3f3f3;
list-style: none;
}
.input_container ul li {
padding: 5px;
border-bottom: 1px solid #CCC;
cursor: pointer;
font-weight: 400;
margin-left: -40px;
}
</style>
@section('content')
<div class="row">
<div class="col-md-12">
<section class="content">
@include('layouts.errors-and-messages')
{!! Form::open(['method' => 'POST','route' => ['admin.menu.bar.store'], 'class'=>'form','enctype'=>'multipart/form-data','autocomplete'=>'off']) !!}
<div class="box">
<div class="box-body add-more-menus-section">
<div class="col-md-12">
<h3 class="bold">Create Menu <small>- create list of links available for your menu</small></h3>
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label for="type_menu">Type Menu <span class="text-danger">*</span></label>
{!! Form::select('type_menu', $typemenus,null, array('placeholder' => '--Type Menu--','class' => 'form-control','id'=>'type_menu')) !!}
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="form-group input_container">
<label for="menu_name">Menu Name <span class="text-danger">*</span></label>
{!! Form::text('menu_name', null, array('placeholder' => 'Menu Name','class' => 'form-control','id'=>'menu_name', 'onkeyup'=>'getParentMenuList(this.value)','autocomplete'=>'off')) !!}
<div id="parent-menu-list"></div>
</div>
</div>
</div>
<table class="table table-striped table-hover table-checkable dataTable table-responsive table-responsive-md responsive" id="menus_table">
<thead class="thead-dark">
<tr>
<th scope="col" class="all">Position</th>
<th scope="col" class="min-mobile-l">Label</th>
<th scope="col" class="min-tablet-l">Page</th>
<th scope="col" class="min-tablet-l">Parent</th>
<th scope="col" class="desktop">Target</th>
<th scope="col" class="desktop">Status</th>
<th scope="col" class="min-mobile-l"></th>
</tr>
</thead>
<tbody>
<tr>
<td class="dtr-control">{!! Form::number('position[]', null, array('placeholder' => 'Position','class' => 'form-control','id'=>'position','min'=>'0')) !!}</td>
<td>{!! Form::text('label[]', null, array('placeholder' => 'Label','class' => 'form-control','id'=>'label')) !!}</td>
<td>{!! Form::select('link[]', $links, null, array('placeholder' => 'Select Link','class' => 'form-control','id'=>'link')) !!}</td>
<td>
{!! Form::select('parent[]',[
'Yes' => 'Yes',
'No' => 'No'
], null, array('placeholder' => 'Is Parent','class' => 'form-control','id'=>'parent')) !!}
</td>
<td>
{!! Form::select('target[]', [
'_blank' => '_blank',
'_self' => '_self',
'_parent' => '_parent',
'_top' => '_top'
],null, array('placeholder' => 'Select Target','class' => 'form-control','id'=>'target')) !!}
</td>
<td>
{!! Form::select('status[]', [
'active' => 'active',
'inactive' => 'inactive'
], null, array('placeholder' => 'Select Status','class' => 'form-control','id'=>'status')) !!}
</td>
<td>
<div class="btn-group">
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-plus"></i></button>
</div>
</td>
</tr>
</tbody>
</table>
<div class="row margin-top-30">
<div class="col-md-6">
<button type="submit" class="btn btn-lg btn-block btn-success">Create</button>
</div>
<div class="col-md-6">
<a href="{{ route('admin.menu.bar.list') }}" class="btn btn-lg btn-block btn-danger">Back</a>
</div>
</div>
</div>
</div>
</div>
{!! Form::close() !!}
</section>
</div>
</div>
@endsection
@section('js')
<script type="text/javascript">
$(document).ready( function () {
$('#menus_table').DataTable({
"responsive": true,
"order": [[ 0, "desc" ]],
"bAutoWidth": false,
"columnDefs": [
{ "width": "30px", "targets": 6 }
]
});
});
$('.btn-success').on('click', function(){
var $menuAdd = $(this).closest('tr').clone();
$menuAdd.find('.btn').removeClass('btn-success').addClass('btn-danger');
$menuAdd.find("input:text").val("").end();
$menuAdd.find("input:hidden").val("").end();
$menuAdd.find("select").val("").end();
$menuAdd.find('.btn').html('<i class="fa fa-minus"></i>');
$menuAdd.find('.btn').attr('onClick', '$(this).closest("tr").remove();');
$menuAdd.appendTo('.add-more-menus-section tbody');
});
function getParentMenuList(keyword) {
var typeMenu = document.getElementById("type_menu").value;
$.ajax({
url: "{{route('admin.menu.bar.parent.list')}}",
type: 'POST',
data: "keyword="+keyword+"&type_menu="+typeMenu,
success:function(info){
$('#parent-menu-list').html(info);
}
});
}
function selectMenuType(val) {
$("#menu_name").val(val);
$("#parent-menu-list").html('');
}
</script>
@endsection