File: /var/www/vhost/disk-apps/demo-telemedicina.teky.com.co/resources/views/home.blade.php
@extends('layouts.head') @section('content') @section('extra-scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
<!-- OneSignal -->
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
<script>
var OneSignal = window.OneSignal || [];
OneSignal.push(function() {
OneSignal.init({
appId: config('onesignal.app_id')
});
OneSignal.sendTag("role", {{ Auth::user()->rol_id }});
});
</script>
@endsection
{{-- Donought --}}
<script>
$(document).ready(function(){
var myDoughnutChart = new Chart($('#tiempos'), {
type: 'doughnut',
data: {
labels: ["{{ __('messages.home.donought.less_1_hour') }}", "{{ __('messages.home.donought.between_1_2') }}", "{{ __('messages.home.donought.more_than_2') }}"],
datasets: [
{
label: "Cantidad de atenciones",
backgroundColor: ["#f79708", "#afca1a","#3cba9f","#e8c3b9"],
data: [{{$menos_una_h}},{{$una_a_dos_h}},{{$superior_a_dos_h}}]
}
]
},
options: {
title: {
display: true,
text: '{{ __("messages.home.donought.title") }}' + {{$anioActual}}
}
}
});
});
</script>
{{-- Bar --}}
<script>
$(document).ready(function(){
var barChart = new Chart($('#estados'), {
type: 'bar',
data: {
labels: ["{{ __('messages.home.bar.label_1') }}", "{{ __('messages.home.bar.label_2') }}", "{{ __('messages.home.bar.label_3') }}", "{{ __('messages.home.bar.label_4') }}"],
datasets: [
{
label: "{{ __('messages.home.bar.dataset_label') }}",
backgroundColor: [ "#afca1a","#f79708","#3cba9f","#e8c3b9"],
data: [{{$encurso}}, {{$novedades}}, {{$finalizadas}}, {{$espera}}]
}
]
},
options: {
legend: { display: false },
title: {
display: true,
text: '{{ __("messages.home.bar.title") }} '+ {{$anioActual}}
}
}
});
});
</script>
{{-- Lines --}}
<script>
$(document).ready(function(){
var barChart = new Chart($('#volumen'), {
type: 'doughnut',
data: {
labels: ["Amazonas", "Antioquia", "Arauca","Atlántico", "Bolívar", "Boyacá","Caldas", "Caquetá", "Casanare","Cauca", "Cesar", "Chocó","Córdoba", "Cundinamarca", "Guainía","Guaviare", "Huila", "La Guajira","Magdalena", "Meta", "Nariño","Norte de Santander", "Putumayo", "Quindío","Risaralda", "San Andrés y Providencia","Santander", "Sucre", "Tolima","Valle del Cauca", "Vaupés", "Vichada"],
datasets: [
{
label: "{{ __('messages.home.donought2.dataset_label') }}",
backgroundColor: ["#f79708", "#5CC87C","#3cba9f","#e8c3b9","#AF7AC5","#EC7063","#5499C7","#5DADE2","#5499C7","#52BE80","#F4D03F","#F8C471","#EB984E","#AF601A","#FAD7A0","#C0392B","#2980B9","#7D3C98","#1E8449","#F1C40F","#FD4A72","#FD85C7","#E7B9FE","#6FD7FD","#BCFDB8","#5DF172","#DAF15D","#F1905D","#ED57C8","#afca1a","#FAE141","#D6C656"],
data: {{$valores_depart}}
}
]
},
options: {
title: {
display: true,
text: "{{ __('messages.home.donought2.last_7_days') }}"
}
}
});
});
</script>
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box">
<span class="info-box-icon bg-aqua">
<i class="fa fa-stethoscope"></i>
</span>
<div class="info-box-content">
<span class="info-box-text">{{ __("messages.home.tiles.tile1") }}</span>
<span class="info-box-number">{{ $encurso }}</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box">
<span class="info-box-icon bg-red">
<i class="fa fa-newspaper-o"></i>
</span>
<div class="info-box-content">
<span class="info-box-text">{{ __("messages.home.tiles.tile2") }}</span>
<span class="info-box-number">{{ $novedades }}</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
<!-- fix for small devices only -->
<div class="clearfix visible-sm-block"></div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box">
<span class="info-box-icon bg-green">
<i class="fa fa-medkit"></i>
</span>
<div class="info-box-content">
<span class="info-box-text">{{ __("messages.home.tiles.tile3") }}</span>
<span class="info-box-number">{{ $finalizadas }}</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box">
<span class="info-box-icon bg-yellow">
<i class="ion ion-ios-people-outline"></i>
</span>
<div class="info-box-content">
<span class="info-box-text">{{ __("messages.home.tiles.tile4") }}</span>
<span class="info-box-number">{{ $espera }}</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
</div>
<div class="row">
<div class="col-xs-6">
<div class="box box-sucess">
<div class="box-header with-border">
<h3 class="box-title">
<font>
<font>{{ __("messages.home.donought.text") }}</font>
</font>
</h3>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse">
<i class="fa fa-minus"></i>
</button>
</div>
</div>
<div class="box-body">
<canvas
id="tiempos"
width="803"
height="401"
class="chartjs-render-monitor"
style="display: block; width: 803px; height: 401px;"
></canvas>
</div>
<!-- /.box-body -->
</div>
</div>
<div class="col-xs-6">
<div class="box box-sucess">
<div class="box-header with-border">
<h3 class="box-title">
<font>
<font>{{ __("messages.home.bar.text") }}</font>
</font>
</h3>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse">
<i class="fa fa-minus"></i>
</button>
</div>
</div>
<div class="box-body">
<canvas
id="estados"
width="803"
height="401"
class="chartjs-render-monitor"
style="display: block; width: 803px; height: 401px;"
></canvas>
</div>
<!-- /.box-body -->
</div>
</div>
</div>
@if(Auth::user()->rol->id==1 || Auth::user()->rol->id==3 || Auth::user()->rol->id==4 )
<div class="row">
<div class="col-xs-12">
<div class="box box-sucess">
<div class="box-header with-border">
<h3 class="box-title">
<font>
<font>{{ __("messages.home.donought2.text") }}</font>
</font>
</h3>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse">
<i class="fa fa-minus"></i>
</button>
</div>
</div>
<div class="box-body">
<canvas
id="volumen"
width="803"
height="401"
class="chartjs-render-monitor"
style="display: block; width: 803px; height: 401px;"
></canvas>
</div>
<!-- /.box-body -->
</div>
</div>
</div>
@endif
<!-- /.MODAL Direccion-->
<div class="modal fade in" id="modal-update-password" style="display: none; padding-right: 17px;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">{{ __("messages.home.modal_password.title") }}</h4>
</div>
<div class="modal-body">
<form role="form" id="updatePassword" data-toggle="validator">
<div class="row">
<div class="col-xs-12">
<div class="form-group">
<label for="exampleFormControlInput1">{{
__("messages.home.modal_password.password_1")
}}</label>
<input
type="password"
class="form-control"
name="password1"
placeholder=""
required
/>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="form-group">
<label for="exampleFormControlInput1">{{
__("messages.home.modal_password.password_2")
}}</label>
<input type="password" class="form-control" name="password2" required />
</div>
</div>
</div>
<span class="help-block" id="span-error-password" style="display:none;">
<strong style="color:red;">{{ __("messages.home.modal_password.error") }}</strong>
</span>
<div class="modal-footer">
<button onClick="updatePassword()" class="btn btnBox pull-right">
{{ __("messages.home.modal_password.btn") }}
</button>
</div>
{{ csrf_field() }}
</form>
</div>
</div>
</div>
</div>
<script>
// initial = JSON.parse(window.localStorage.getItem('initial')).id;
if({{Auth::user()->initial}}){
$('#modal-update-password').modal('show');
}
function updatePassword() {
$('#updatePassword').validator('update');
$("#updatePassword").validator('update').on('submit', function (e) {
if (e.isDefaultPrevented()) {} else {
e.preventDefault();
var password1 = $("#updatePassword input[name='password1']").val();
var password2 = $("#updatePassword input[name='password2']").val();
if(password1!=password2){
$("#span-error-password").css('display','block')
return;
}else{
$("#span-error-password").css('display','none')
}
id = {{Auth::user()->id}};
var info = {
"id": id,
"password": $("#updatePassword input[name='password2']").val(),
}
console.log(info);
$.ajax({
url: "/users/update/password",
type: "PUT",
contentType: 'application/json',
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
'Content-Type': 'application/json'
},
data: JSON.stringify(info),
success: function (r) {
console.log(r);
if (r[0]["respuesta"]) {
$(location).attr('href', url + '/home');
} else {
swal("Error", "¡Error al modificar!", "error");
}
}, error: function(e){
swal("Error", "¡Error al modificar!", "error");
}
});
}
});
}
</script>
@endsection