EVOLUTION-MANAGER

Edit File: all_notice2.blade.php

@extends('layouts.master')
@section('style')
<link rel="stylesheet" type="text/css" href="{{ asset('admin/frontend/css/sweetalert2.min.css') }}">
<link href="{{asset('admin/frontend/css/pagelayouts15.css')}}" rel="stylesheet"/>
<script src="{{asset('admin/frontend/js/jquery.min.js')}}" type="text/javascript">
</script>
<script src="{{asset('admin/frontend/js/idangerous.swiper.min.js')}}" type="text/javascript">
</script>
<script src="{{asset('admin/frontend/js/modernizr.custom.js')}}" type="text/javascript">
</script>
<script src="{{asset('admin/frontend/js/classie.js')}}" type="text/javascript">
</script>
<script src="{{asset('admin/frontend/js/jquery.event.move.js')}}" type="text/javascript">
</script>
<script src="{{asset('admin/frontend/js/responsive-slider.min.js')}}" type="text/javascript">
</script>
<script src="{{asset('admin/frontend/js/initstrings.js')}}" type="text/javascript">
</script>

<link href="{{asset('admin/frontend/css/grid.css')}}" rel="stylesheet"/>
<link href="{{asset('admin/frontend/css/styles.a659c3e614249649d456.bundle.css')}}" rel="stylesheet"/>
<style type="text/css">
    @media screen and (min-width: 64rem){
        .post-card.featured .content .info-container:before {
            bottom: 6.1875rem;
        }

app-card .post-card .content:hover .info-container:before {
            bottom: 10.875rem !important;
        }

.post-card.featured .content .info-container .info .flex-content .text h1 {
            height: 2.875rem !important;
        }

.post-card.featured:hover .content .info-container .info .flex-content .text h1 {
            height: 3.875rem !important;
        }

/*.cards .card {
            margin: .9375rem 0;
            margin-right: 20px;
        }

.cards {
            justify-content: end;
        }*/
    }

app-card .post-card .content .info-container:before {
        bottom: 7.0625rem;
    }

app-card .post-card .content .info-container .info .flex-content .text .excerpt p, app-card .post-card .content .info-container .info .flex-content .text h1 {
        color: #131212;
        height: 2.8125rem;
    }

app-card .post-card .content .info-container .info .flex-content .text h1 {
        color: #141212  !important;
        height: 3.825rem !important;
    }

h1 {
        text-transform: none !important;
    }

app-card .post-card.noticias {
        border-top-color: #077abf;
    }

.full-width-title.noticias {
        background-color: #077abf;
    }

app-card .post-card .content .info-container .date, app-card .post-card .content .info-container .info {
        background-color: #d8dbdc !important;
    }

app-card .post-card .content .info-container .date:before {
        background-image: linear-gradient(180deg,rgba(247, 245, 244, 0.06),#d8dbdc 50%);
        content: "";
        display: none;
        height: 1.875rem;
        position: absolute;
        top: -1.875rem;
        width: 100%;
    }

app-card .post-card.noticias .content .info-container .info:after, app-card .post-card.noticias .content .info-container .info:before {
        background-color: #077abf;
    }

.menu_img{
        display: inline-flex !important;
        border: none !important;

}

.page-item.active .page-link {
        z-index: 1;
        color: #fff;
        background-color: #47d04c;
        border-color: #47d04c;
    }
    .nav-item .menu_img{
        width:auto !important;
    }

</style> 
@endsection

@section('contenido')
<div id="contenedor">
    <div data-name="ContentPlaceHolderHeader">
        <div class="">
            <span id="DeltaPlaceHolderHeader">
            </span>
        </div>
    </div>
    <div data-name="ContentPlaceHolderMain">
        <span id="DeltaPlaceHolderMain">
            <div class="welcome blank-wp container page-inner-lv2">
                <div class="breadcrumb">
                    <span id="ctl00_PlaceHolderMain_SiteMapPath1">
                        
                        <span>
                            <a href="{{asset('/')}}" title="Página Oficial del Gobierno Autónomo Descentralizado Municipal de Sucre.">
                                Inicio
                            </a>
                        </span>
                        <span>
                            >
                        </span>
                        <span>
                            Noticias
                        </span>
                        <a id="ctl00_PlaceHolderMain_SiteMapPath1_SkipLink">
                        </a>
                    </span>
                </div>
                
            
            </div>
            
        </span>
    </div>
    <div class="category-home max-content-width">
        <div class="full-width-title noticias">
            <a href="">
                <h1 class="section-title main-title" style="color: #ffff !important;">
                    Noticias
                </h1>
            </a>
        </div>
        <?php  //$noticias=App\articuloModel::where('tipo_articulo_id',3)->get();
                // foreach ($noticias as $key => $noticia) {
                //        $noticia->created_at = $noticia->updated_at;
                //        $noticia->save();
                //    }   ?>
        @if($noticias->first())
        
        
        <?php $noticias = App\articulo::where('tipo_articulo_id',3)
                ->whereNull("articulo.deleted_at")
                ->orderBy('created_at','DESC')->paginate(10);
            $noti='';
            if ($noticias->first()) {
                $noti = $noticias->first();
            }
            $primero = $noti->id; $lengt = strlen($primero); //$noticias->sortByDesc('created_at');
                //$noticias->forget($primero); ?>
        <div class="featured-post">
            
            <app-card>
                
                
                <a class="post-card featured noticias" href='{{url("noticias/".str_random(20).$noti->id.str_random(20)).$lengt}}'>
                    
                    <div class="content" id="principal">
                        <div class="image">
                            
                            <img alt="{{$noti->titulo}}" class="ng-lazyloaded" defaultimage="{{asset('public/fotos-articulos/'.$noti->foto)}}" offset="50" src="{{asset('public/fotos-articulos/'.$noti->foto)}}"></img>
                        </div>
                        <div class="info-container">
                            <div class="info">
                                <h1 class="section-title main-title">
                                    Noticias
                                </h1>
                                <div class="audio-player">
                                    <span class="play">
                                    </span>
                                    <span class="line">
                                    </span>
                                </div>
                                <span class="video-player">
                                </span>
                                <div class="flex-content">
                                    <div class="type-icon">
                                        <app-svg-icon>
                                            <svg class="icon icon-standard">
                                                <use xlink:href="symbol-defs.svg#icon-standard">
                                                </use>
                                            </svg>
                                        </app-svg-icon>
                                    </div>
                                    <div class="text">
                                        <h1>
                                            {{$noti->titulo}}
                                        </h1>
                                        <div class="excerpt">
                                            <div id="detalle" style="height: 60px;padding-top: 6px;">
                    
                                            </div>
                                            <p id="pre_detalle" style="display: none;">
                                            {{$noti->detalle}}
                                            </p>
                                            
                                        </div>
                                        <script type="text/javascript"> 
                                            var detalle = $("#detalle");
                                            var pre_about = $("#pre_detalle").text();    
                                            $(document).ready(function(){
                                                detalle.html(pre_about);
                                            });
                                        </script>
                                    </div>
                                </div>
                            </div>
                            <p class="date">
                                {{ Carbon\Carbon::parse($noti->created_at)->diffForHumans()}}
                            </p>
                        </div>
                    </div>
                </a>
                
            </app-card>
        </div>

<div app-ad-container="" class="ad-top-2">
            <div class="ad-container ad-970x90">
                
                <app-ad>
                    <div id="top2-ad-93lk97">
                        <div id="google_ads_iframe_/10487729/Kienyke/Kienyke_Top2_0__container__" style="border: 0pt none; width: 728px; height: 90px;">
                        </div>
                    </div>
                </app-ad>
            </div>
        </div>

<div class="cards">
            
            
            @foreach($noticias as $noticia)
            <?php $length = strlen($noticia->id); ?>
            @if($noticia->id!=$primero)
            <div class="card">
                
                <app-card>
                    
                    
                    @if($noticia->tipo == 'bol')
                    <a class="post-card noticias" onclick="boletin('{{asset('public/fotos-articulos/'.$noticia->foto)}}');" style="cursor: pointer;">
                    @else
                    <a class="post-card noticias" href='{{url("noticias/".str_random(20).$noticia->id.str_random(20)).$length}}'>
                    @endif
                    
                        
                        <div class="content">
                            <div class="image">
                                
                                @if(!is_null($noticia->foto))
                                <img alt="{{$noticia->titulo}}" class="ng-lazyloaded" defaultimage="{{ asset('admin/frontend/images/SucreEsUnidad.jpg') }}" offset="50" src="{{asset('public/fotos-articulos/'.$noticia->foto)}}">
                                    
                                </img>
                                @endif
                            </div>
                            <div class="info-container">
                                <div class="info">
                                    <h1 class="section-title main-title">
                                        Noticias
                                    </h1>
                                    <div class="audio-player">
                                        <span class="play">
                                        </span>
                                        <span class="line">
                                        </span>
                                    </div>
                                    <span class="video-player">
                                    </span>
                                    <div class="flex-content">
                                        <div class="type-icon">
                                            <app-svg-icon>
                                                <svg class="icon icon-standard">
                                                    <use xlink:href="symbol-defs.svg#icon-standard">
                                                    </use>
                                                </svg>
                                            </app-svg-icon>
                                        </div>
                                        <div class="text">
                                            <h1>
                                                {{$noticia->titulo}}
                                            </h1>
                                            <div class="excerpt">
                                                <div id="detalle{{$noticia->id}}" style="height: 77px;padding-top: 6px;">
                    
                                                </div>
                                                <p id="pre_detalle{{$noticia->id}}" style="display: none;">
                                                {{$noticia->detalle}}
                                                </p>
                                                
                                            </div>
                                            <script type="text/javascript"> 
                                                var detalle{{$noticia->id}} = $("#detalle{{$noticia->id}}");
                                                var pre_about{{$noticia->id}} = $("#pre_detalle{{$noticia->id}}").text();    
                                                $(document).ready(function(){
                                                    detalle{{$noticia->id}}.html(pre_about{{$noticia->id}});
                                                });
                                            </script>
                                        </div>
                                    </div>
                                </div>
                                <p class="date">
                                    {{ Carbon\Carbon::parse($noticia->created_at)->diffForHumans()}}
                                </p>
                            </div>
                        </div>
                    </a>
                    
                </app-card>
                
            </div>
            @endif
            @endforeach
            
            
        </div>
        <div style="text-align: center;display: flex;justify-content: center;">
            {{ $noticias->links() }}
        </div>
        <br>
        
        @endif
    </div>
</div>
@endsection

@section('script')
<script src="{{ asset('admin/frontend/js/sweetalert2.min.js') }}"></script>
<script src="{{asset('admin/frontend/js/jquery-3.2.1.min.js')}}">
</script>
<script src="{{asset('admin/frontend/js/jquery-3.3.1.slim.min.js')}}">
</script>
<script src="{{asset('admin/frontend/js/popper.min.js')}}">
</script>
<script src="{{asset('admin/frontend/js/jquery.bxslider.min.js')}}">
</script>
<script type="text/javascript">
    function boletin(url){
        swal({
          imageUrl: url,
          // imageHeight: 1500,
          // imageAlt: 'A tall image'
        })
    }
</script>
@endsection