MINI MINI MANI MO
<link rel="stylesheet" href="{{ asset('vendors/select2/select2.min.css') }}" type="text/css">
<link rel="stylesheet" href="{{ asset('vendors/select2/select2-materialize.css') }}" type="text/css">
<link rel="stylesheet" type="text/css" href="{{ asset('css/pages/form-select2.css') }}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/dropify/css/dropify.min.css')}}">
<div class="section">
<div class="card">
<div class="card-content">
<h5>Comisiones</h5>
<div class="row">
<div class="input-field col s4">
<div class="form-group">
<label class="control-label" style=" color: #960948;"><strong>Comision: </strong></label>
{!! Form::select('comision[id_comision]', $comisiones, isset($comision) ? ($comision->comision_unida ? json_decode($comision->id_comision) : $comision->id_comision ) : null,['class' => 'select2 browser-default form-control text-uppercase', 'id' => 'id_comision', 'name' => 'comisiones[]', 'required' => true, "multiple" => "multiple"]) !!}
</div>
</div>
<div class="input-field col s4">
<div class="form-group">
<label class="control-label" style=" color: #960948;"><strong>Legislatura:
</strong></label>
{!! Form::text('comision[legislatura]', isset($comision) ? $comision->legislatura : "LXII", ['class' => 'form-control text-uppercase', 'placeholder' => 'LXII', 'id' => 'legislatura', 'readonly' => true]) !!}
</div>
</div>
<div class="input-field col s4">
<div class="form-group">
<label class="control-label" style=" color: #960948;"><strong>Fecha: </strong></label>
{!! Form::datetimeLocal('comision[date]',isset($comision) ? \Carbon\Carbon::createFromDate($comision->date)->format("Y-m-d\TH:i") : null,['class' => 'form-control text-uppercase ', 'placeholder' => 'P. Ej. Orozco', 'id' => 'date', 'required' => true]) !!}
</div>
</div>
</div>
<div class="row">
<div class="input-field col s4">
<div class="form-group">
<label class="control-label" style=" color: #960948;"><strong>Reunion No. : </strong></label>
{!! Form::number('comision[sesion]', isset($comision) ? $comision->sesion : $last, ['class' => 'form-control text-uppercase', 'id' => 'sesion']) !!}
</div>
</div>
<div class="input-field col s4">
<div class="form-group">
<label class="control-label" style=" color: #960948;"><strong>Año:</strong></label>
{!! Form::select('comision[id_sesion]', isset($an) ? $an : [], isset($comision) ? $comision->id_sesion : null, ['class' => 'validate select2 browser-default text-uppercase', 'placeholder' => 'Selecciona una opción', 'id' => 'legis_year', 'required' => true]) !!}
</div>
</div>
<div class="input-field col s4">
<div class="form-group">
<label class="control-label" style=" color: #960948;"><strong>Periodo:</strong></label>
{!! Form::select('comision[id_periodo]', isset($periodo) ? $periodo : [], isset($comision) ? $comision->id_periodo : null, ['class' => 'validate select2 browser-default text-uppercase', 'placeholder' => 'Selecciona una opción', 'id' => 'periodo', 'required' => true]) !!}
</div>
</div>
</div>
<div class="row">
</div>
<div class="row">
<div class="input-field col s4">
<div class="form-group">
<label class="control-label" style=" color: #960948;"><strong>Tipo de tema:</strong></label><br><br>
{!! Form::select('tipo[tema]', ['0' => 'SELECCIONA UNA OPCION', '1' => 'INICIATIVA', '2' => 'PUNTOS DE ACUERDO', '3' => 'OTRO TEMA'], null,['class' => 'select2 browser-default form-control text-uppercase', 'id' => 'tipo_tema', 'name' => 'tipoTemas', 'required' => true]) !!}
</div>
</div>
<div style="display: none;" id="TemaSubtemas">
<div class="input-field col s4" id="SelecTema" >
<div class="form-group">
<i class="material-icons prefix" id="AddtemaComision">add</i>
<label class="control-label" style=" color: #960948;"><strong>Tema:</strong></label><br><br>
<div id="selectIniciativa" style="display: none;">{!! Form::select('comision[id_comision]', $iniciativas, null,['class' => 'select2 browser-default form-control text-uppercase', 'id' => 'id_iniciativa', 'name' => 'iniciativas[]', 'placeholder' => 'SELECCIONA UNA OPCION', 'required' => true]) !!}</div>
<div id="selectPuntosAcuerdos" style="display: none;">{!! Form::select('comision[id_comision]', $puntosAcuerdos, null,['class' => 'select2 browser-default form-control text-uppercase', 'id' => 'id_puntos_acuerdos', 'name' => 'puntosAcuerdos[]', 'placeholder' => 'SELECCIONA UNA OPCION', 'required' => true]) !!}</div>
<div id="selecTexto" style="display: none;">{!! Form::text('tema[tema]', isset($comision) ? $comision->tema : null, ['class' => 'form-control text-uppercase', 'placeholder' => 'E.j. tema comision', 'id' => 'temaTXTCom']) !!}</div>
</div>
</div>
<div class="input-field col s4" id="SelecSubtema" >
<div class="form-group">
<label class="control-label" style=" color: #960948;"><strong>Subtema:</strong></label><br>
<!--<div id="selecTexto" >{!! Form::text('tema[subtema]', isset($comision) ? $comision->subtema : null, ['class' => 'form-control text-uppercase', 'placeholder' => 'E.j. tema comision', 'id' => 'SubtemaTXTCom']) !!}</div>-->
<div class="chips chips-initial"></div>
</div>
</div>
</div>
<input type="text" value="Hello" name="comisionesTema[]" id="temasInput" style="display: none;">
</div>
<div class="row">
<label class="control-label" style=" color: #960948;"><strong>Temas:</strong></label>
<!--<ul class="collapsible" data-collapsible="accordion" id="AccoTema"></ul>-->
<div class="responsive-table">
<table class="table invoice-data-table white border-radius-4 pt-1" id="tableservicios">
<thead>
<tr>
<th>
No.
</th>
<th>Tema</th>
<th>Subtema</th>
<th>Eliminar</th>
</tr>
</thead>
<tbody id="temasTables">
@if(isset($comision))
@php $i=1; @endphp
@foreach($temas as $value)
<tr data-control="{{$i}}" id="{{$value->id}}">
<td>{{$i}}</td>
<td>@if($value->tipo == 1 || $value->tipo == 2){{$value->Iniciativa->iniciativa}}@else{{$value->tema}}@endif</td>
<td>@if(count($value->subTemas))@foreach($value->subTemas as $item){{$item->subtema}}, @endforeach @else Sin subtema @endif</td>
<td><div class="invoice-action"><a onClick="eliminarCollapsible({{$value->id}})"><i class="material-icons">delete</i></a></div></td>
</tr>
@php $i++ @endphp
@endforeach
@endif
</tbody>
</table>
</div>
</div>
<br>
<div class="row">
<div class="col s12 m4 l3">
<label class="control-label" style=" color: #960948;">
<strong>
Orden del día
</strong>
</label>
</div>
<div class="col s12 m8 l9">
{!! Form::file('orden', ['class' => 'dropify', 'id' => 'orden']) !!}
</div>
</div>
<div class="row">
<div class="col s12 m4 l3">
<label class="control-label" style=" color: #960948;">
<strong>
Acta de la sesión
</strong>
</label>
</div>
<div class="col s12 m8 l9">
{!! Form::file('acta', ['class' => 'dropify', 'id' => 'acta']) !!}
</div>
</div>
<div class="row">
<div class="col s12 m4 l3">
<label class="control-label" style=" color: #960948;">
<strong>
Versión
</strong>
</label>
</div>
<div class="col s12 m8 l9">
{!! Form::file('version', ['class' => 'dropify', 'id' => 'version']) !!}
</div>
</div>
<div class="row">
<div class="col s12">
<center>
<button class="btn cyan waves-effect waves-light right" id="btnSubmit" type="submit">Guardar
<i class="material-icons right">save</i>
</button>
</center>
</div>
</div>
</div>
</div>
</div>
</div>
@push('scripts')
<script src="{{ asset('vendors/select2/select2.full.min.js') }}"></script>
<script src="{{ asset('js/scripts/form-select2.js') }}"></script>
<script src="{{asset('vendors/dropify/js/dropify.min.js')}}"></script>
<script src="{{asset('js/scripts/form-file-uploads.js')}}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.min.js" integrity="sha512-9UR1ynHntZdqHnwXKTaOm1s6V9fExqejKvg5XMawEMToW4sSw+3jtLrYfZPijvnwnnE8Uol1O9BcAskoxgec+g==" crossorigin="anonymous"></script>
<script type="text/javascript">
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
var array_temas = [];
var bandera = false;
var idSesion = 0;
$(document).ready(function () {
$(".select2").select2();
$('.select3-size-sm').select2({
dropdownAutoWidth: true,
width: '100%',
containerCssClass: 'select-sm'
});
$('.timepicker').datepicker();
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('.chips');
var instances = M.Chips.init(elems, options);
});
$('.chips').chips();
$('.chips-initial').chips({
placeholder: 'Agregar subtema',
secondaryPlaceholder: '+Agregar',
});
var j = 1;
var tipoTema;
@isset($comision)
const temas = @json($temas);
const comision = @json($comision);
var subtema = [];
$.each(temas, function( index, value ) {
/*console.log(value)
console.log(value.sub_temas.length)
/*let $option = $('<option />', {text: value, value: value, selected: 'selected'});
$('.select3-size-sm').prepend($option);*/
if(value.sub_temas.length != 0){
$.each(value.sub_temas, function( index, value ) {
subtema.push(value.subtema);
});
}else{
subtema = [];
}
array_temas.push({
tema: value.tema,
subtema: subtema,
control: j,
tipo: value.tipo
});
j++;
idSesion = value.id_sesiones_comision;
});
idSesion = comision.id;
bandera = true;
@endisset
$("#tipo_tema").on('change', function(){
tipoTema = $(this).val()
if(tipoTema == 1){
$("#selectIniciativa").show()
$("#selecTexto").hide()
$("#TemaSubtemas").show()
$("#selectPuntosAcuerdos").hide()
}else if(tipoTema == 2){
$("#selectPuntosAcuerdos").show()
$("#selectIniciativa").hide()
$("#TemaSubtemas").show()
$("#selecTexto").hide()
}else if(tipoTema == 0){
$("#selecTexto").hide()
$("#selectIniciativa").hide()
$("#TemaSubtemas").hide()
$("#selectIniciativa").hide()
$("#selectPuntosAcuerdos").hide()
}else if(tipoTema == 3){
$("#selecTexto").show()
$("#selectIniciativa").hide()
$("#TemaSubtemas").show()
$("#selectIniciativa").hide()
$("#selectPuntosAcuerdos").hide()
}
});
$("#AddtemaComision").on('click', function () {
//var arr = JSON.stringify(M.Chips.getInstance($('.chips')).chipsData)
var arr = M.Chips.getInstance($('.chips')).chipsData;
var texto;
var subtema = [];
var tipo = null;
var temae = null;
for (var key in arr){
subtema.push(arr[key].tag)
}
if(tipoTema == 1){
array_temas.push({
tema: $("#id_iniciativa").val(),
subtema: subtema,
control: j,
tipo: 1
});
temae = $("#id_iniciativa").val();
texto = $('#id_iniciativa option:selected').text();
$("#id_iniciativa").val("").trigger("change");
tipo = 1;
}else if(tipoTema == 2){
array_temas.push({
tema: $("#id_puntos_acuerdos").val(),
subtema: subtema,
control: j,
tipo: 2
});
temae = $("#id_puntos_acuerdos").val();
texto = $('#id_puntos_acuerdos option:selected').text();
$("#id_puntos_acuerdos").val("").trigger("change");
tipo = 2;
}else if(tipoTema == 3){
array_temas.push({
tema: $("#temaTXTCom").val(),
subtema: subtema,
control: j,
tipo: 0
});
temae = $("#temaTXTCom").val();
texto = $('#temaTXTCom').val();
$("#temaTXTCom").val("");
tipo = 0;
}
if(bandera){
console.log(bandera);
$.ajax({
type: "POST",
url: "{{ route('mcg.save.edita') }}",
data: {
tema: temae,
subtema: subtema,
control: j,
tipo: tipo,
idSesion: idSesion,
create: 1
},
success: function(response) {
console.log(response)
},
error: function(xhr, status, error) {
}
})
}
if(texto == 'SELECCIONA UNA OPCION' || texto == '' ){
Swal.fire({
title: "Advertencia",
text: "Selecciona un tema",
icon: 'warning',
confirmButtonColor: '#3085d6',
confirmButtonText: 'Ok'
});
array_temas.pop()
}else{
let index = array_temas.length - 1;
$("#temasTables").append('<tr data-control="'+j+' "id="'+index+'"><td>'+j+'</td><td>'+texto+'</td><td>'+( subtema.length != 0 ? subtema.join() : 'Sin Subtema')+'</td><td><div class="invoice-action"><a onClick="eliminarCollapsible('+index+')"><i class="material-icons">delete</i></a></div></td></tr>');
$("#temaTXTCom").val("")
j++
$('.chips').chips();
$('.chips-initial').chips({
placeholder: 'Agregar subtema',
secondaryPlaceholder: '+Agregar',
});
$("#tipo_tema").val(0).trigger("change");
}
});
$("#btnSubmit").on('click', function(e){
e.preventDefault()
$("#temasInput").val(JSON.stringify(array_temas))
if(array_temas.length == 0){
Swal.fire({
title: "Advertencia",
text: "No hay temas seleccionados para esta reunion",
icon: 'warning',
confirmButtonColor: '#3085d6',
confirmButtonText: 'Ok'
});
}else{
$("#FormComisiones").submit();
}
$("#FormComisiones").submit();
});
});
function eliminarCollapsible(index){
var select = $("#"+index).data('control');
var eliminado;
array_temas.forEach(function(elemento, indice, array) {
if(elemento.control == select){
eliminado = indice
if(bandera){
$.ajax({
type: "POST",
url: "{{ route('mcg.save.edita') }}",
data: {
tema: elemento.tema,
subtema: elemento.subtema,
control: elemento.control,
tipo: elemento.tipo,
idSesion: idSesion,
create: 0
},
success: function(response) {
console.log(response)
},
error: function(xhr, status, error) {
}
})
}
}
});
array_temas.splice(eliminado, 1);
$("#"+index).remove()
}
</script>
@endpush
OHA YOOOO