Sindbad~EG File Manager
<div>
@php
use Illuminate\Support\Facades\DB;
@endphp
<!-- Theme style -->
<link rel="stylesheet" href="/frontend/css/adminlte.min.css">
<style>
.col{
background-color: white;margin: 5px;color: rgb(37, 37, 90);
}
div.enlace{
margin: 10px;
padding: 5px;
background: linear-gradient(90deg, rgba(255,30,0,0.3701855742296919) 0%, rgba(156,70,59,0.7315301120448179) 0%, rgba(51,74,128,0.8183648459383753) 100%);
color:white;
border-radius:50px;
}
div.enlace:hover{
background: rgb(255,30,0);
background: linear-gradient(90deg, rgba(255,30,0,1) 0%, rgba(223,73,53,1) 0%, rgba(255,247,0,1) 100%);
cursor: pointer;
}
.emoticones:hover{
transform: scale(1.3);
cursor: pointer;
}
.activar{
transform: scale(1.3);
filter: drop-shadow(5px 5px 10px #444);
}
</style>
<div style="position:fixed; bottom:10px; left:10px; padding:5px; text-align:center; font-size:10px;" ><img src="/imagenes/satelite1.png" alt=""></div>
<div class="row">
<div class="col-md-12">
<section class="content">
<div class="row">
@php $contador = 1; @endphp
@foreach($afteroffices as $not)
@if($contador == 1)
<div class="col-md-3"></div>
<div class="col-md-6"><br>
<h3 style="color:white;text-shadow: 2px 2px 2px #888888;text-align:center;">{{ $titulo }}</h3>
<video controlslist="nodownload" class="product-image" src="/videos/afteroffice/{{ $video }}" controls></video>
<div style="background-color: white;padding: 10px;border-radius: 50px;width:90%;margin: 0 auto;" align="center">
<div class="row">
<div class="col-1">
<img src="/imagenes/reacciones/me-gusta.png" wire:click="addemocion('{{ $not_id }}','me-gusta','{{$estado}}')" class="emoticones {{ ($estado == 'me-gusta' ? 'activar':'') }}" alt="" width="20px">
</div>
<div class="col-1">
<a href="" data-toggle="modal" data-target="#emocionesModalScrollable"><small>({{$megusta}})</small></a>
</div>
<div class="col-1">
<img src="/imagenes/reacciones/me-encanta.png" wire:click="addemocion('{{ $not_id }}','me-encanta','{{$estado}}')" class="emoticones {{ ($estado == 'me-encanta' ? 'activar':'') }}" alt="" width="20px">
</div>
<div class="col-1">
<a href="" data-toggle="modal" data-target="#emocionesModalScrollable"><small>({{$meencanta}})</small></a>
</div>
<div class="col-1">
<img src="/imagenes/reacciones/me-divierta.png" wire:click="addemocion('{{ $not_id }}','me-divierta','{{$estado}}')" class="emoticones {{ ($estado == 'me-divierta' ? 'activar':'') }}" alt="" width="20px">
</div>
<div class="col-1">
<a href="" data-toggle="modal" data-target="#emocionesModalScrollable"><small>({{$medivierte}})</small></a>
</div>
<div class="col-1">
<img src="/imagenes/reacciones/me-asombra.png" wire:click="addemocion('{{ $not_id }}','me-asombra','{{$estado}}')" class="emoticones {{ ($estado == 'me-asombra' ? 'activar':'') }}" alt="" width="20px">
</div>
<div class="col-1">
<a href="" data-toggle="modal" data-target="#emocionesModalScrollable"><small>({{$measombra}})</small></a>
</div>
<div class="col-1">
<img src="/imagenes/reacciones/me-entristece.png" wire:click="addemocion('{{ $not_id }}','me-entristece','{{$estado}}')" class="emoticones {{ ($estado == 'me-entristece' ? 'activar':'') }}" alt="" width="20px">
</div>
<div class="col-1">
<a href="" data-toggle="modal" data-target="#emocionesModalScrollable"><small>({{$meentristece}})</small></a>
</div>
<div class="col-1">
<img src="/imagenes/reacciones/me-enoja.png" wire:click="addemocion('{{ $not_id }}','me-enoja','{{$estado}}')" class="emoticones {{ ($estado == 'me-enoja' ? 'activar':'') }}" alt="" width="20px">
</div>
<div class="col-1">
<a href="" data-toggle="modal" data-target="#emocionesModalScrollable"><small>({{$meenoja}})</small></a>
</div>
</div>
</div>
</div>
<div class="col-md-3"></div>
<div class="col-12 product-image-thumbs">
<div class="product-image-thumb active" wire:click="cambiar({{ $not->id }})">
<video controlslist="nodownload" src="/videos/afteroffice/{{ $not->video }}"></video>
</div>
@else
<div class="product-image-thumb" wire:click="cambiar({{ $not->id }})"><video controlslist="nodownload" src="/videos/afteroffice/{{ $not->video }}"></video></div>
@endif
@php $contador += 1; @endphp
@endforeach
</div>
<div class="col-md-12">
<form>
<div class="form-group"><br>
<label><b style="color:white;text-shadow: 2px 2px 2px #888888;">{{count($comentarios)}} Comentarios:</b></label>
<div wire:ignore>
<textarea class="form-control summernote" style="background-color:white;" wire:model="comentario" rows="3"></textarea>
</div>
@error('comentario') <span class="text-danger">{{ $message }}</span>@enderror
</div>
@if($updateMode)
<center><button wire:click.prevent="updatecomentario()" class="btn btn-success">Actualizar</button></center>
@else
<center><button wire:click.prevent="guardarcomentario()" class="btn btn-success">Guardar</button></center>
@endif
</form>
</div>
<div class="col-md-12"><br>
<div class="card">
<div class="card-body">
@foreach($comentarios as $com)
<div class="row">
<div class="col-6">
<em class="blockquote-footer"><b>editado el: </b>{{$com->updated_at}} <b> - por: </b>{{$com->name}}</em><hr>
</div>
<div class="col-6" align="right">
@if($com->usuario_id == Auth::user()->id)
<button wire:click="editcomentario({{ $com->id }})" class="btn btn-sm btn-info"><i class="fa fa-edit"></i></button>
<button type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#exampleModal{{ $com->id }}"><i class="fa fa-trash"></i></button>
<!-- Modal -->
<div class="modal fade" id="exampleModal{{$com->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Eliminar comentario</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<center><p>¿Realmente quiere eliminar el comentario?</p></center>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
<button type="button" wire:click="deletecomentario({{ $com->id }})" class="btn btn-danger" data-dismiss="modal">Eliminar</button>
</div>
</div>
</div>
</div>
@endif
</div>
</div>
<?= $com->comentario ?> <hr>
@endforeach
</div>
</div>
</div><br>
</div>
</section>
</div>
</div>
<!-- Modal -->
@php
$emociones = DB::table('emoticonafteroffices as e')
->join('users as u','e.usuario_id','u.id')
->select('u.name','e.*')
->where('afteroffice_id',$not_id)
->where('emocion','LIKE','%'.$this->emocion.'%')->get();
@endphp
<div class="modal fade" wire:ignore.self id="emocionesModalScrollable" tabindex="-1" role="dialog" aria-labelledby="emocionesModalScrollableTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="emocionesModalScrollableTitle">Reacciones</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<ol>
@foreach($emociones as $emoci)
<ul>
@if($emoci->emocion == "me-gusta")
<img src="/imagenes/reacciones/me-gusta.png" width="20px"> {{$emoci->name}}
@endif
@if($emoci->emocion == "me-encanta")
<img src="/imagenes/reacciones/me-encanta.png" width="20px"> {{$emoci->name}}
@endif
@if($emoci->emocion == "me-divierta")
<img src="/imagenes/reacciones/me-divierta.png" width="20px"> {{$emoci->name}}
@endif
@if($emoci->emocion == "me-asombra")
<img src="/imagenes/reacciones/me-asombra.png" width="20px"> {{$emoci->name}}
@endif
@if($emoci->emocion == "me-entristece")
<img src="/imagenes/reacciones/me-entristece.png" width="20px"> {{$emoci->name}}
@endif
@if($emoci->emocion == "me-enoja")
<img src="/imagenes/reacciones/me-enoja.png" width="20px"> {{$emoci->name}}
@endif
</ul>
@endforeach
</ol>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
</div>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists