Sindbad~EG File Manager
<div>
<style>
*,*:after,*:before{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
svg{
width: 200px;
height: 200px;
transform: rotate(-90deg);
overflow: initial;
}
circle{
stroke-width:20px;
fill:none;
}
circle:nth-child(1){ stroke: #fff }
circle:nth-child(2){
stroke: #f00;
position: relative;
z-index: 1;
}
.circle_box:nth-child(1) circle:nth-child(2){
stroke-dashoffset:calc(100 * 6);
stroke-dasharray:calc(100 * 6);
stroke-dashoffset:calc((100 * 6) - ((100 * 6) * 100) / 100);
stroke-position: inside;
}
.circle_box:nth-child(2) circle:nth-child(2){
stroke-dashoffset:calc(100 * 6);
stroke-dasharray:calc(100 * 6);
stroke-dashoffset:calc((100 * 6) - ((100 * 6) * {{$porcentajeperdido}}) / 100);
stroke: #0f0;
}
.circle_box:nth-child(3) circle:nth-child(2){
stroke-dashoffset:calc(100 * 6);
stroke-dasharray:calc(100 * 6);
stroke-dashoffset:calc((100 * 6) - ((100 * 6) * {{$porcentajeganado}}) / 100);
stroke: #00f;
}
.circle_box{
font-size: 36px;
color:#790f13 !important;
text-align: center;
}
.circle_box div{
position: relative;
}
.circle_box span{
position: absolute;
left: 50%;
top:50%;
transform: translate(-50%,-50%);
color: #790f13 !important;
font-size: 40px;
}
</style>
<?php
use App\Models\Puntos;
use App\Models\Matricula;
use Illuminate\Support\Facades\DB;
?>
<div class="row">
<div class="col-md-12" align="center"><br><br>
<h1 style="font-size: 5vw; color: #790f13 !important;">ÍNDICE DE POPULARIDAD</h1>
</div>
<div class="col-md-12" style="display: flex;align-items: center;justify-content: space-around;">
<div class="circle_box">
<div>
<svg>
<circle cx="100" cy="100" r="95"/>
<circle cx="100" cy="100" r="95"/>
</svg>
<span>{{$totalpuntos+$totalpuntosextras}}</span>
</div>
<strong>Estrellas en Juego</strong>
</div>
<div class="circle_box">
<div>
<svg>
<circle cx="100" cy="100" r="95"/>
<circle cx="100" cy="100" r="95"/>
</svg>
<span>{{round($porcentajeperdido)}}%</span>
</div>
<strong>Estrellas Perdidas</strong>
</div>
<div class="circle_box">
<div>
<svg>
<circle cx="100" cy="100" r="95"/>
<circle cx="100" cy="100" r="95"/>
</svg>
<span>{{round($porcentajeganado)}}%</span>
</div>
<strong>Perfomance</strong>
</div>
</div><br><br>
</div>
<div class="row">
<div class="col-md-2" style="background-color: white;">
<h5>Filtro:</h5>
</div>
<div class="col-md-5" style="background-color: white;">
<div class="form-group">
<label for="">Fecha inicio:</label>
<input type="date" wire:model="fecha_inicio" class="form-control">
</div>
</div>
<div class="col-md-5" style="background-color: white;">
<div class="form-group">
<label for="">Fecha fin:</label>
<input type="date" wire:model="fecha_fin" class="form-control">
</div>
</div>
<table class="table table-striped">
<thead style="background-color: red;">
<tr style="color: white;">
<th colspan="2"></th>
<th colspan="2">PUNTOS A LOGRAR</b></th>
<th colspan="2"><b>PUNTOS LOGRADOS</b></th>
<th></th>
</tr>
<tr style="color: white;">
<th>MES</th>
<th>MISION</th>
<th>ESTRELLAS EN JUEGO</th>
<th>ESTRELLAS (EXTRAS)</th>
<th>ESTRELLAS LOGRADAS</th>
<th>EXTRAS LOGRADOS</th>
<th>TOTAL DE ESTRELLAS</th>
</tr>
</thead>
<tbody style="background-color: rgba(255, 255, 255, 0.8);">
@foreach ($misiones as $value)
<tr>
<?php
$matricula=Matricula::where('usuario_id',Auth::user()->id)->first();
$puntos = Puntos::where('mision_id',$value->id)->where('equipo_id',$matricula->equipo_id)->first();
?>
<td style="color: #343333;">{{ $value->fecha_limite }}</td>
<td style="color: #343333;">
{{ $value->titulo }}
@if($puntos)
<?php
$comentarios=DB::table('comentariomisionequipos as cm')
->join('users as u','cm.usuario_id','u.id')
->select('cm.*','u.name')
->where('cm.punto_id',$puntos->id)->orderBy('cm.id','desc')->get();
?>
@endif
@if($puntos)
@if(count($comentarios)>0)
<button class="btn btn-info btn-sm" data-toggle="modal" data-target="#comentarioModal-{{$value->id}}"><i class="fa fa-comments"></i></button>
<!-- Modal -->
<div class="modal fade" wire:ignore.self id="comentarioModal-{{$value->id}}" tabindex="-1" role="dialog" aria-labelledby="comentarioModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="comentarioModalLabel">Comentario</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="form-group">
<label for="exampleFormControlTextarea1">Comentario:</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" wire:model='comentario'></textarea>
<input type="hidden" wire:model="comentario_id">
</div>
<div class="row">
@foreach($comentarios as $comentario)
<div class="col-6" class="">
<p style="color:black; font-size:12px;"><strong>{{ $comentario->name }}</strong></p>
</div>
<div class="col-6 blockquote-footer" align="right">
{{ \Carbon\Carbon::parse($comentario->created_at)->diffForHumans() }}
</div>
<div class="col-12">
<p><small>{{ $comentario->comentario }}</small></p><hr>
</div>
@endforeach
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
<button type="button" wire:click="updatecomentario({{ $puntos->id }})" class="btn btn-success" data-dismiss="modal">Guardar</button>
</div>
</div>
</div>
</div>
@endif
@endif
</td>
<td style="color: #343333;">{{ $value->puntos }}</td>
<td style="color: #343333;">{{ $value->puntos_extras }}</td>
@if (isset($puntos))
<td style="color: #343333;">{{ $puntos->puntos }}</td>
<td style="color: #343333;">{{ $puntos->puntos_extras }}</td>
<td style="color: #343333;">{{ $puntos->puntos_extras+$puntos->puntos }}</td>
</tr>
@else
<td style="color: #343333;">0</td>
<td style="color: #343333;">0</td>
<td style="color: #343333;">0</td>
</tr>
@endif
@endforeach
</tbody>
</table>
<div class="col-md-12" align="center">
{{$misiones->links()}}
</div>
</div>
</div>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists