Subgrupos (7bc16163) · Commits · Alfonso Rafael Solis Rangel / AgendaGobernador

app/Http/Controllers/SubgrupoController.php

+4 −3

Original line number	Diff line number	Diff line
		@@ -14,8 +14,7 @@ class SubgrupoController extends Controller
		public function index()
		{
		$subgrupos = Subgrupo::get();
		$grupos = Grupos::get();
		return view('adminGen.catalogos.subgrupos.index', compact('subgrupos', 'grupos'));
		return view('adminGen.catalogos.subgrupos.index', compact('subgrupos'));
		}

		/**
		@@ -23,7 +22,9 @@ public function index()
		*/
		public function create()
		{
		//
		$subgrupos = Subgrupo::get();
		$grupos = Grupos::get();
		return view('adminGen.catalogos.subgrupos.create', compact('subgrupos', 'grupos'));
		}

		/**

resources/views/adminGen/catalogos/subgrupos/create.blade.php

0 → 100644

+167 −0

Original line number	Diff line number	Diff line
		<x-layout.default>

		<link rel='stylesheet' type='text/css' href='{{ Vite::asset("resources/css/nice-select2.css") }}'>

		<div x-data="crearGrupos">
		<ul class="flex space-x-2 rtl:space-x-reverse">
		<li>
		<a href="javascript:;" class="text-primary hover:underline">Dashboard</a>
		</li>
		<li class="before:content-['/'] before:mr-1 rtl:before:ml-1">
		<span>Catálogos</span>
		</li>
		<li>
		<a href="{{ route('catalogos.grupos.get') }}" class="text-primary hover:underline">Grupos</a>
		</li>
		<li class="before:content-['/'] before:mr-1 rtl:before:ml-1">
		<a href="{{ route('catalogos.subgrupos.get') }}" class="text-primary hover:underline">Subgrupos</a>
		</li>
		<li class="before:content-['/'] before:mr-1 rtl:before:ml-1">
		<span>Crear subgrupo</span>
		</li>
		</ul>
		<div class="panel mt-6">
		<div class="flex items-center justify-between mb-5">
		<h5 class="font-semibold text-lg dark:text-white-light">Crear nuevo subgrupo</h5>
		</div>
		<div class="mb-5">
		<form class="space-y-5" action="{{ route('usuarios.store') }}" method="POST">
		@csrf
		<div class="grid grid-cols-1 md:grid-cols-1 gap-5">
		<div>
		<label for="nombre">Nombre</label>
		<input id="nombre" name="nombre" type="text" required placeholder="Ingresa el nombre" class="form-input" />
		</div>
		<div class="mb-5">
		<label for="grupo_id">Grupo</label>
		<select id="grupo_id" name="grupo_id" required class="block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
		<option value="0" selected='selected'>Selecciona una opción</option>
		@foreach($grupos as $grupo)
		<option value="{{ $grupo->id }}">{{ $grupo->nombre }}</option>
		@endforeach
		</select>
		</div>
		<div class="mb-5">
		<label for="subgrupo_id">Subgrupo</label>
		<select id="subgrupo_id" name="subgrupo_id" required class="block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
		<option value="0" selected='selected'>Selecciona una opción</option>
		@foreach($subgrupos as $subgrupo)
		<option value="{{ $subgrupo->id }}">{{ $grupo->nombre }}</option>
		@endforeach
		</select>
		</div>
		<span class="badge bg-warning text-xs hover:top-0"><b>Nota:</b> Solo es posible seleccionar un grupo o un subgrupo, más no ambos.</span>
		</div>
		<button type="submit" class="btn btn-primary !mt-6">Guardar</button>
		</form>
		</div>
		</div>
		</div>

		<link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
		<script src="/assets/js/highlight.min.js"></script>

		<script src="/assets/js/nice-select2.js"></script>
		<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.min.js"></script>
		<link rel="stylesheet" href="/assets/css/jquery.toast.css">
		<script src="/assets/js/jquery.toast.js"></script>

		<script>
		document.addEventListener("DOMContentLoaded", function(e) {
		// default
		var els = document.querySelectorAll(".selectize");
		els.forEach(function(select) {
		NiceSelect.bind(select);
		});

		// seachable
		var options = {
		searchable: true
		};
		NiceSelect.bind(document.getElementById("grupo_id"), options);
		NiceSelect.bind(document.getElementById("subgrupo_id"), options);

		document.querySelectorAll('.nice-select .current').forEach(el => {
		if (el.textContent.trim() === 'Select an option') {
		el.textContent = 'Selecciona una opción';
		}
		});

		document.querySelectorAll('.nice-select .list .option').forEach(el => {
		if (el.textContent.trim() === 'Select an option') {
		el.textContent = 'Selecciona una opción';
		}
		});

		var searchInputs = document.querySelectorAll('.nice-select-search');
		searchInputs.forEach(function(input) {
		input.placeholder = 'Buscar...';
		});

		$('#grupo_id').on('change', function() {
		if (this.value) {
		$('#subgrupo_id').prop('disabled', true);
		// Manipulate NiceSelect elements
		$('div[data-select-id="subgrupo_id"]').addClass('disabled');
		} else {
		$('#subgrupo_id').prop('disabled', false);
		$('div[data-select-id="subgrupo_id"]').removeClass('disabled');
		}
		});

		$('#subgrupo_id').on('change', function() {
		if (this.value) {
		$('#grupo_id').prop('disabled', true);
		// Manipulate NiceSelect elements
		$('div[data-select-id="grupo_id"]').addClass('disabled');
		} else {
		$('#grupo_id').prop('disabled', false);
		$('div[data-select-id="grupo_id"]').removeClass('disabled');
		}
		});
		});

		document.addEventListener("alpine:init", () => {
		Alpine.data("crearGrupos", () => ({
		codeArr: [],
		toggleCode(name) {
		if (this.codeArr.includes(name)) {
		this.codeArr = this.codeArr.filter((d) => d != name);
		} else {
		this.codeArr.push(name);

		setTimeout(() => {
		document.querySelectorAll('pre.code').forEach(el => {
		hljs.highlightElement(el);
		});
		});
		}
		}
		}));
		});

		function showToast(message, heading, icon) {
		$.toast({
		heading: heading,
		text: message,
		showHideTransition: 'slide',
		icon: icon,
		position: 'top-right',
		loader: false,
		hideAfter: 10000,
		allowToastClose: true,
		textColor: '#676767',
		});
		}

		document.addEventListener('DOMContentLoaded', function() {

		@if($errors->any())
		@foreach($errors->all() as $error)
		showToast(`{{ $error }}`, 'Error', 'error');
		@endforeach
		@endif
		});
		</script>
		</x-layout.default>
		No newline at end of file

resources/views/adminGen/catalogos/subgrupos/index.blade.php

+1 −1

Original line number	Diff line number	Diff line
		@@ -20,7 +20,7 @@
		</ul>
		<div class="panel mt-6">
		<div class="flex items-center flex-wrap mb-5">
		<a href="{{ route('usuarios.create') }}" type="button" class="btn btn-success btn-sm m-1">
		<a href="{{ route('catalogos.subgrupos.create') }}" type="button" class="btn btn-success btn-sm m-1">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
		<circle cx="9" cy="9" r="2" stroke="#1C274C" stroke-width="1.5"/>
		<path d="M13 15C13 16.1046 13 17 9 17C5 17 5 16.1046 5 15C5 13.8954 6.79086 13 9 13C11.2091 13 13 13.8954 13 15Z" stroke="#1C274C" stroke-width="1.5"/>

routes/web.php

+1 −0

Original line number	Diff line number	Diff line
		@@ -50,6 +50,7 @@
		Route::delete('/catalogos/dependencias/{id}', [DependenciaController::class, 'destroy'])->name('dependencias.destroy');

		Route::get('/catalogos/grupos/subgrupos', [SubgrupoController::class, 'index'])->name('subgrupos.get');
		Route::get('/catalogos/grupos/subgrupos/crear', [SubgrupoController::class, 'create'])->name('subgrupos.create');
		});

		Route::name('usuarios.')->group(function () {