EVOLUTION-MANAGER

Edit File: 38d619b389ace9c19a41dc655a03a95243ed760f.php

<?php $__env->startSection('style'); ?>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('admin/frontend/css/sweetalert2.min.css')); ?>">
<link href="<?php echo e(asset('public/frontend/transparencia/wp-content/plugins/accordions/assets/global/css/themesTabs.style.css')); ?>" id="accordions_themes.Tabs.style-css" media="all" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('public/frontend/transparencia/wp-content/plugins/taqyeem-buttons/assets/style.css')); ?>" id="taqyeem-buttons-style-css" media="all" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('public/frontend/transparencia/wp-content/plugins/js_composer/assets/css/js_composer.min.css')); ?>" id="js_composer_front-css" media="all" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('public/frontend/transparencia/wp-content/themes/jannah/assets/css/taqyeem.css')); ?>" id="taqyeem-styles-css" media="all" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('public/frontend/transparencia/wp-content/themes/jannah/assets/css/style.css')); ?>" id="tie-css-styles-css" media="all" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('public/frontend/transparencia/wp-content/themes/jannah/assets/css/ilightbox/dark-skin/skin.css')); ?>" id="tie-css-ilightbox-css" media="all" rel="stylesheet" type="text/css"/>

<?php $__env->startSection('contenido'); ?>
    <?php 
 $anios=App\gacetas_anio::all()->sortByDesc('anio'); 
 $gacetas=App\gacetas::all();
 //$actas=App\actas_sesiones_file::all(); 
 //dd($meses); ?>
 <div class="welcome blank-wp container page-inner-lv2">
    <div class="breadcrumb" style="margin-bottom: 0px;">
        <span id="ctl00_PlaceHolderMain_SiteMapPath1">
            
            <span>
                <a href="<?php echo e(asset('/')); ?>" title="Sucre">
                    Inicio
                </a>
            </span>
            <span>
                >
            </span>
            <span>
                Gacetas
            </span>
            <a id="ctl00_PlaceHolderMain_SiteMapPath1_SkipLink">
            </a>
        </span>
    </div>
    <div class="wrapper wrapper-content animated fadeInRight" >
        <div class="row">
            <div class="col-lg-12 "> 
              
                <div class="page-template-default page page-id-1181 tribe-no-js wrapper-has-shadow block-head-1 magazine1 is-thumb-overlay-disabled is-desktop is-header-layout-1 sidebar-right has-sidebar post-layout-1 has-mobile-share hide_share_post_top hide_share_post_bottom hide_related hide_post_authorbio wpb-js-composer js-comp-ver-5.4.5 vc_responsive" id="tie-body">
        
                    <div >
                        <div  role="main">
                            <article class="container-wrapper post-content" id="the-post" style="border: none !important;">
                                <header class="entry-header-outer">                                       
                                    <div class="entry-header">

<div class="in_title2">
											<div class="block_head block_head_3">
												<span class="titulo_seccion">Gacetas</span>
												<i class="fa fa-file-text"></i>
											</div>
										</div>

</div>
                                    
                                </header>
                                
                                <div class="entry-content entry clearfix">

<div class="vc_row wpb_row vc_row-fluid" id="itemsx">
									    <div class="wpb_column vc_column_container vc_col-sm-12">
									        <div class="vc_column-inner ">
									            <div class="wpb_wrapper">
									                <div class="vc_tta-container" data-vc-action="collapse">
									                    <div class="vc_general vc_tta vc_tta-tabs vc_tta-color-grey vc_tta-style-classic vc_tta-shape-rounded vc_tta-spacing-1 vc_tta-tabs-position-top vc_tta-controls-align-left">
														    <div class="vc_tta-tabs-container" style="display: none;">
														        <ul class="vc_tta-tabs-list">
														            <li class="vc_tta-tab" data-vc-tab="">
														                <a data-vc-container=".vc_tta" data-vc-tabs="" href="#gacetas">
														                    <span class="vc_tta-title-text">
														                        Gacetas
														                    </span>
														                </a>
														            </li>
														        </ul>
														    </div>
														    <div class="vc_tta-panels-container">
														        <div class="vc_tta-panels">
														            <div class="vc_tta-panel" data-vc-content=".vc_tta-panel-body" id="gacetas">
																		<section class="vc_cta3-container" style="padding: 0px 0;margin-bottom: 0px;">
																			<div class="vc_general vc_cta3 vc_cta3-style-classic vc_cta3-shape-rounded vc_cta3-align-left vc_cta3-color-classic vc_cta3-icon-size-md">
																				<div class="vc_cta3_content-container">
																					<div class="vc_cta3-content">
																						<header class="vc_cta3-content-header">
																						</header>
																						<script>
																							jQuery(document).ready(function($){
																								wizard_accordion  = $("#accordions-gacetas.accordions .items").accordion({
																												event: "click",
																												collapsible:true,
																												heightStyle: "content",
																												animate: ("swing", 1000),
																												navigation: true,
																												active: 99999,
																															});
																											});
																						</script>
																						
																						<script>
																							jQuery( window ).load(function() {
																								// jQuery('#accordions-lazy-gacetas').fadeOut();
																								jQuery('#accordions-gacetas').fadeIn();
																							});
																						</script>
																						<style type="text/css">
																							#accordions-gacetas{display: none;}
																							#accordions-gacetas {
																								text-align: left;
																							}
																							#accordions-gacetas{
																								background:#ffffff url() repeat scroll 0 0;
																								padding: 0;
																							}
																							#accordions-gacetas .accordions-head{
																								background: #006bb9 none repeat scroll 0 0 !important;
																								border: 2px solid #025591;
																								padding:10px;
																								border-radius: 5px;
																							}

#accordions-gacetas .accordions-head:hover{
																								background: #025591 none repeat scroll 0 0 !important;
																							}
																							#accordions-gacetas .accordions-head:hover .accordion-icons{
																								color:#dddddd;
																							}

#accordions-gacetas .accordions-head-title{
																								color:#ffffff;
																								font-weight: bold;
																								font-size:14px;
																							}
																							#accordions-gacetas .accordions-head-title-toogle{
																								color:#ffffff;
																								font-size:14px;
																							}
																							#accordions-gacetas .ui-state-active{
																								background: #57dea6 !important;																									
																								border: 2px solid #50b68c!important;
																								border-radius: 5px 5px 0px 0px;
																							}
																							#accordions-gacetas .ui-state-active:hover{
																								background: #50b68c !important;
																							}
																							#accordions-gacetas .ui-state-active .accordions-head-title {
																								color: #000 !important;
																							}
																							#accordions-gacetas .ui-state-active .accordion-icons {
																								color: #000 !important;
																							}
																							#accordions-gacetas .accordion-content{
																								background:rgba(255,255,255,1) none repeat scroll 0 0;
																								color:#333333;
																								font-size:13px;
																								margin:0;
																								padding:10px;
																								border: 2px solid #50b68c!important;
																								border-top-width: 0px !important;
																								border-radius: 0px 0px 5px 5px;
																								border-top: 0;
																							}
																							#accordions-gacetas .accordion-icons{
																								color:#ffffff;
																								font-size:16px;
																							}

.info_gaceta{
																								background: #f3f3f3;
																								padding: 4px 8px;
																								border: 1px #8d8d8d29 solid;
																								border-left: 4px #8d8d8d solid;																								
																								border-radius: 5px 5px 5px 5px;
																							}
																							.info_gaceta .btn{
																								margin-top: 5px;
																								margin-bottom: 5px;
																								display: table;
																								font-weight: 500;
																								padding: 0px 8px;
																							}
																							.btn_success{
																								background: #57dea6 !important;
																								color: #000 !important;
																								border: 1px solid #50b68c!important;
																							}
																							.btn_success:hover{
																								background-color: #0066b0 !important;
																								border: 1px solid #0066b0 !important;
																								color: #ffff !important;
																							}
																							.text_gaceta *{
																								font-size: 12px;
																								text-align: justify;
																							}
																							.accordion-content ul{
																								margin-left: 4px !important;
																								padding: 0px !important;
																							}
																							.accordion-content li{
																								padding-left: 0px !important;																									
																							}
																							.text_gaceta ul{
																								margin-left: 20px !important; 
																							}
																							.text_gaceta li{
																								font-family: 'Bree Serif', serif;
																								list-style-type: disc !important;
																							}

</style>

<section id="search">
																							<label for="search-input"><i class="fa fa-search" aria-hidden="true"></i><span class="sr-only">Escriba aqu&iacute;...</span></label>
																							<input id="search-input" class="form-control input-lg" placeholder="Escriba aqu&iacute;..." autocomplete="off" spellcheck="false" autocorrect="off" tabindex="1">																								
																						</section>

<div id="no_resultados" style="display: none;">
																							<div style="display: flex; align-items: center; width: fit-content; margin: auto;">
																								<i class="fa fa-exclamation" style="font-size: 63px; opacity: 0.5;"></i>
																								<span style="padding: 0px 0px 10px 10px; font-family: 'Bree Serif', serif; font-size: 20px; line-height: 1;">
																									No se encontraron resultados
																								</span>
																							</div>
																						</div>

<div class="accordions accordions-themes flat accordions-gacetas" id="accordions-gacetas">														
																							<?php if($anios->first()): ?>
																								<?php $__currentLoopData = $anios; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $anio): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
																									<div class="items">
																										<div class="accordions-head head1556831686964" header_id="header-1556831686964<?php echo e($anio->anio); ?>" id="header-1556831686964<?php echo e($anio->anio); ?>" post_id="<?php echo e($anio->id); ?>" style="">
																											<div class="accordion-icons left accordion-plus fa fas fa-chevron-up"></div>
																											<div class="accordion-icons left accordion-minus fa fas fa-chevron-down"></div>
																											<div class="accordions-head-title" id="header-text-1556831686964<?php echo e($anio->anio); ?>">
																												<?php echo e($anio->anio); ?>

</div>
																										</div>
																										
																										<?php $gacetasd = $gacetas->
																										where('gacetas_anio_id',$anio->id)->sortByDesc('orden'); ?>

<?php if($gacetasd->first()): ?>
																											<div class="accordion-content content1556831686964">																													
																												<ul>
																													<?php $__currentLoopData = $gacetasd; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $gaceta): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
																														<li>																															
																															<div class="info_gaceta">
																																<div class="titulos_gaceta" hidden>
																																	<?php echo e(mb_strtoupper($gaceta->titulo1, "UTF-8")); ?>

<?php echo e(mb_strtoupper($gaceta->titulo2, "UTF-8")); ?>

<?php echo e(mb_strtoupper($gaceta->titulo3, "UTF-8")); ?>

<?php echo e(mb_strtoupper($gaceta->titulo4, "UTF-8")); ?>

</div>
																																<span style="font-weight: 400;"><b><?php echo e($gaceta->gaceta); ?></b></span>
																																<div class="text_gaceta">
																																	<ul>
																																		<?php if($gaceta->titulo1): ?>
																																			<li style="margin-bottom: 2px;"><?php echo e($gaceta->titulo1); ?></li>
																																		<?php endif; ?>
																																		<?php if($gaceta->titulo2): ?>
																																			<li style="margin-bottom: 2px;"><?php echo e($gaceta->titulo2); ?></li>
																																		<?php endif; ?>
																																		<?php if($gaceta->titulo3): ?>
																																			<li style="margin-bottom: 2px;"><?php echo e($gaceta->titulo3); ?></li>
																																		<?php endif; ?>
																																		<?php if($gaceta->titulo4): ?>
																																			<li style="margin-bottom: 2px;"><?php echo e($gaceta->titulo4); ?></li>
																																		<?php endif; ?>
																																	</ul>
																																</div>
																																<center>
																																	<a class="btn btn-sm btn_success" href="<?php echo e($gaceta->url); ?>" target="_blank">
																																		<i class="fa fa-download"></i> Descargar
																																	</a>
																																</center>
																															</div>
																														</li>
																													<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
																												</ul>
																											</div>
																										<?php endif; ?>
																									</div>
																								<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
																							<?php endif; ?>
																						</div>

</div>
                   
                </div>         
            </div>
        </div>        
	</div>
</div>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('script'); ?>
<script src="<?php echo e(asset('public/frontend/transparencia/wp-includes/js/jquery/ui/core.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('public/frontend/transparencia/wp-includes/js/jquery/ui/widget.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('public/frontend/transparencia/wp-includes/js/jquery/ui/accordion.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('public/frontend/transparencia/wp-includes/js/jquery/ui/tabs.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('public/frontend/transparencia/wp-includes/js/jquery/ui/effect.min.js')); ?>" type="text/javascript"></script>

<script src="<?php echo e(asset('public/frontend/transparencia/wp-includes/js/imagesloaded.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('public/frontend/transparencia/wp-includes/js/wp-embed.min.js')); ?>" type="text/javascript"></script>

<script src="<?php echo e(asset('public/frontend/transparencia/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('public/frontend/transparencia/wp-content/plugins/js_composer/assets/lib/vc_accordion/vc-accordion.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('public/frontend/transparencia/wp-content/plugins/js_composer/assets/lib/vc-tta-autoplay/vc-tta-autoplay.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('public/frontend/transparencia/wp-content/plugins/js_composer/assets/lib/vc_tabs/vc-tabs.min.js')); ?>" type="text/javascript"></script>

//CODIGO PARA EVENTO KEYUP
	// var typingTimer;
	// var doneTypingInterval = 1000;
	// $("#search-input").keyup(function(){
	// 	clearTimeout(typingTimer);
	// 	typingTimer = setTimeout(buscar_texto, doneTypingInterval);
	// });

//EVENTO AL DAR ENTER
	$("#search-input").keypress(function (e) { 
		if(e.keyCode==13){ //al presionar enter
			buscar_texto();
		}
	});

function buscar_texto(){
		buscar = $("#search-input").val();
		console.log("Texto: "+buscar);

carga_ajax('Buscando ...');
		$.ajax({
            type: "POST",
            url: "<?php echo e(url('buscar_gacetas')); ?>",
            data: {buscar,"_token":"<?php echo e(csrf_token()); ?>" }            
        }).done(function(response) {
			console.log(response);
			ocultar_ajax();

if(response.status==200){
				if(response.response.length>0){

$("#no_resultados").hide();
					$("#accordions-gacetas").show();
					$("#accordions-gacetas").html("");

anios = response.response;
					$.each(anios,function(i, anio){

var html_gacetas = "";
						$.each(anio.gacetas, function(i2, gaceta){

html_gacetas = html_gacetas + (`
								<li>																															
									<div class="info_gaceta">
										<span style="font-weight: 400;"><b>${gaceta.gaceta}</b></span>
										<div class="text_gaceta">
											<ul>
												${titulo1}
												${titulo2}
												${titulo3}
												${titulo4}
											</ul>
										</div>
										<center>
											<a class="btn btn-sm btn_success" href="${gaceta.url}" target="_blank">
												<i class="fa fa-download"></i> Descargar
											</a>
										</center>
									</div>
								</li>
							`);
						});

if(anio.gacetas.length>0 || buscar ==""){
							$("#accordions-gacetas").append(`
								<div class="items">
									<div class="accordions-head head1556831686964" header_id="header-1556831686964${anio.anio}" id="header-1556831686964${anio.anio}" post_id="${anio.id}">
										<div class="accordion-icons left accordion-plus fa fas fa-chevron-up"></div>
										<div class="accordion-icons left accordion-minus fa fas fa-chevron-down"></div>
										<div class="accordions-head-title" id="header-text-1556831686964${anio.anio}">
											${anio.anio}
										</div>
									</div>
									<div class="accordion-content content1556831686964">																													
										<ul>
											${html_gacetas}
										</ul>
									</div>
								</div>
							`);
						}

});

//recargamos el acordeon
					jQuery("#accordions-gacetas.accordions .items").accordion({
						event: "click",
						collapsible:true,
						heightStyle: "content",
						animate: ("swing", 1000),
						navigation: true,
						active: 99999,
					});

if(buscar!=""){
						//hacemos que todos se abran
						$(".accordions-head").not(".ui-accordion-header-active").each(function(index, element){
							$(element).click();
						});
					}

}else if(buscar != ""){
					$("#no_resultados").show();
					$("#accordions-gacetas").hide();
				}
			}

// if(buscar==""){ //si no hay resultado cerramos todo lo abierto 
			// 	$(".ui-accordion-header-active").click();
			// 	$(".ui-accordion").show();
			// 	return;
			// }

//hacemos que todos se abran
			// $(".accordions-head").not(".ui-accordion-header-active").each(function(index, element){
			// 	$(element).click();
			// });

// $("*").each(function(){
			// 	if($(this).children().length === 0 && $(this).text().match(`${buscar}`)){
			// 		$(this).css("background-color", "yellow");
			// 	}
			// });

}).fail(function(jqXHR, textStatus, errorThrown) {
			ocultar_ajax();
            alert("No se pudo consultar");
        })
        .always(function() {
            ocultar_ajax();
        });

}

function ocultar_ajax(){
		setTimeout(() => {
			console.log("clear");
			desaparecer_carga_ajax();
		}, 800);
	}

</script>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), array('__data', '__path')))->render(); ?>