Viewing file:  create.blade.php (7.84 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('admin.layouts.app')
@section('title')
{{ __('create_role') }}
@endsection
@section('content')
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<h3 class="card-title" style="line-height: 36px;">{{ __('create_role') }}</h3>
<a href="{{ route('role.index') }}"
class="btn bg-primary float-right d-flex align-items-center justify-content-center"><i
class="fas fa-arrow-left"></i> {{ __('back') }}</a>
</div>
<div class="row">
<div class="col-md-6 offset-md-3">
<form role="form" action="{{ route('role.store') }}" method="POST">
@csrf
<div class="card-body">
<div class="form-group">
<x-forms.label name="role_name" />
<input name="name" type="text"
class="form-control @error('name') is-invalid @enderror" id="role_name"
placeholder="{{ __('enter_role_name') }}">
@error('name')
<span class="invalid-feedback"
role="alert"><strong>{{ $message }}</strong></span>
@enderror
</div>
<div class="form-group">
<x-forms.label name="Permission" />
<div class="custom-control custom-checkbox">
<input class="custom-control-input" type="checkbox" id="permission_all"
value="1">
<x-forms.label name="All" class="custom-control-label"
for="permission_all" />
</div>
<hr>
@php $i=1; @endphp
@foreach ($permission_groups as $group)
<div class="row">
<div class="col-3">
<div class="custom-control custom-checkbox">
<input class="custom-control-input" type="checkbox"
id="{{ $i }}management"
onclick="CheckPermissionByGroup('role-{{ $i }}-management-checkbox',this)"
value="2">
<label for="{{ $i }}management"
class="custom-control-label text-capitalize">{{ $group->name }}</label>
</div>
</div>
<div class="col-9 role-{{ $i }}-management-checkbox">
@php
$permissionss = App\Models\Admin::getpermissionsByGroupName($group->name);
$j = 1;
@endphp
@foreach ($permissionss as $permission)
<div class="custom-control custom-checkbox">
<input name="permissions[]" class="custom-control-input"
type="checkbox"
id="permission_checkbox_{{ $permission->id }}"
value="{{ $permission->name }}">
<label for="permission_checkbox_{{ $permission->id }}"
class="custom-control-label">{{ $permission->name }}</label>
</div>
@php $j++; @endphp
@endforeach
</div>
</div>
<hr>
@php $i++; @endphp
@endforeach
</div>
<div class="form-group">
<button type="submit" class="btn btn-success"><i class="fa fa-plus"></i>
{{ __('add') }}</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('script')
<script>
// Get all checkboxes except the "All" checkbox
var checkboxes = $('input[type=checkbox]').not('#permission_all');
$('#permission_all').click(function() {
if ($(this).is(':checked')) {
// check all the checkboxes
checkboxes.prop('checked', true);
} else {
// uncheck all the checkboxes
checkboxes.prop('checked', false);
}
});
// check permission by group
function CheckPermissionByGroup(classname, checkthis) {
const groupIdName = $("#" + checkthis.id);
const classCheckBox = $('.' + classname + ' input');
if (groupIdName.is(':checked')) {
// check all the checkboxes in the group
classCheckBox.prop('checked', true);
} else {
// uncheck all the checkboxes in the group
classCheckBox.prop('checked', false);
}
checkAllSelected();
}
// Event listener for all checkboxes
checkboxes.change(function() {
checkAllSelected();
});
// Function to check if all checkboxes are selected
function checkAllSelected() {
if(checkboxes.length == checkboxes.filter(':checked').length) {
$('#permission_all').prop('checked', true);
} else {
$('#permission_all').prop('checked', false);
}
}
// Event listener for group checkboxes
$('input[type=checkbox]').click(function() {
var group = $(this).closest('.row');
var groupCheckbox = group.find('input[type=checkbox]').first();
var singleCheckboxes = group.find('input[type=checkbox]').not(groupCheckbox);
if(singleCheckboxes.length == singleCheckboxes.filter(':checked').length) {
groupCheckbox.prop('checked', true);
} else {
groupCheckbox.prop('checked', false);
}
});
</script>
@endsection
|