Files
SKEEN-Proyecto/migracion/extraccion/servicios.html
Consultoría Alcaraz Salazar a718592291 Initial commit: SKEEN Derma Experts - Sistema Integral de Gestión Clínica
- Frontend React (SKEEN Brand) con Vite, TypeScript, Tailwind
- Frontend Homenest (versión alternativa)
- Módulos Odoo 17 custom (citas, pacientes, monedero, pagos, ventas, inventario, whatsapp)
- WACRM fork (Next.js 16 + Supabase)
- Hermes + Bridge + Skills (Qwen3.6 via Nan Builders)
- Scripts de migración y operación
- Documentación extensiva en docs/
2026-07-20 07:44:23 +00:00

1589 lines
75 KiB
HTML

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="csrf-token" content="aqnBBFsD1z3cGfklS6J3LMwvO4NJFahNkuMduIyl"/>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width" name="viewport">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="https://sistema.skeenmx.app/vendor/css/AdminLTE-2.3.5/build/less/AdminLTE.css">
<link rel="stylesheet" href="https://sistema.skeenmx.app/vendor/css/panel.css?077"/>
<script src="https://sistema.skeenmx.app/vendor/css/AdminLTE-2.3.5/plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>r
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="consulta_servicios"
class="hold-transition skin-theme sidebar-mini ">
<div class="wrapper">
<!-- Main Header -->
<header class="main-header">
<!-- Logo -->
<a href="https://sistema.skeenmx.app/dashboard" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini">
<img class="img-responsive" src="https://sistema.skeenmx.app/images/icono_negro.png" alt="">
</span>
<!-- logo for regular state and mobile devices -->
<span class="logo-lg">
<img class="img-responsive" src="https://sistema.skeenmx.app/images/logo_skeen.png" alt=""> </span>
</a>
<!-- Header Navbar -->
<nav class="navbar navbar-static-top" role="navigation">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Menú</span>
</a>
<div class="hidden">
<ul class="nav navbar-nav">
<!-- User Account Menu -->
<li class="dropdown">
<!-- Menu Toggle Button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa-solid fa-headset"></i>
</a>
<ul class="dropdown-menu">
<li>
<a href="/crm/medio/1">
<i class="fa-solid fa-phone fa-2x"></i> Llamada
</a>
</li>
<li>
<a href="/crm/medio/2">
<i class="fa-brands fa-whatsapp fa-2x"></i> Whatsapp
</a>
</li>
<li>
<a href="/crm/medio/3">
<i class="fa-brands fa-facebook fa-2x"></i> Facebook
</a>
</li>
<li>
<a href="/crm/medio/4">
<i class="fa-brands fa-instagram fa-2x"></i> Instagram
</a>
</li>
<li>
<a href="/crm/medio/5">
<i class="fa-solid fa-envelope fa-2x"></i> Email
</a>
</li>
<li>
<a href="/crm/medio/6">
<i class="fa-solid fa-globe fa-2x"></i> Sitio web
</a>
</li>
</ul>
</li>
</ul>
</div>
<!-- Navbar Right Menu -->
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<li>
<a href="#" class="">
TC: <span class="badge bg-black">16.50</span>
</a>
</li>
<li class="">
<a href="#" class="" data-toggle="modal"
data-target="#modal_valoracion_express">
<i class="fa fa-fw fa-bolt "></i> Valoración Express
</a>
</li>
<!-- User Account Menu -->
<li class="dropdown user user-menu">
<!-- Menu Toggle Button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<!-- The user image in the navbar-->
<img src="https://sistema.skeenmx.app/images/profile.png" class="user-image" alt="User Image">
<!-- hidden-xs hides the username on small devices so only the image appears. -->
<span class="hidden-xs">Jos&eacute;</span>
</a>
<ul class="dropdown-menu">
<!-- The user image in the menu -->
<li class="user-header">
<img src="https://sistema.skeenmx.app/images/profile.png" class="img-circle" alt="User Image">
<p>
Jos&eacute;
<small></small>
</p>
</li>
<!-- Menu Body -->
<li class="user-body hidden">
<div class="row">
<div class="col-xs-4 text-center">
<a href="#">Followers</a>
</div>
<div class="col-xs-4 text-center">
<a href="#">Sales</a>
</div>
<div class="col-xs-4 text-center">
<a href="#">Friends</a>
</div>
</div>
<!-- /.row -->
</li>
<!-- Menu Footer-->
<li class="user-footer">
<div class="row row-no-padding">
<div class="col-xs-5">
<a href="https://sistema.skeenmx.app/perfil" class="btn btn-primary btn-flat btn-block"><i
class="fa fa-fw fa-user"></i> Perfil</a>
</div>
<div class="col-xs-1"></div>
<div class="col-xs-6 text-right">
<a href="https://sistema.skeenmx.app/logout" class="btn btn-default btn-flat">Cerrar sesión</a>
</div>
</div>
</li>
</ul>
</li>
<li class="dropdown user user-menu hidden">
<!-- Menu Toggle Button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-trophy"></i>
</a>
<ul class="dropdown-menu">
<li class="text-center container-fluid">
<div>Meta Noviembre 2020</div>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
<span class="sr-only">60% Complete</span>
</div>
</div>
<div>
600 USD / 1000 USD
</div>
</li>
</ul>
</li>
<li class="">
<a class="" href="#" data-toggle="modal" data-target="#modal_notas">
<i class="fa fa-sticky-note"></i>
</a>
</li>
<!-- Control Sidebar Toggle Button -->
<li class="">
<a class="total_no_leidas" href="#" data-toggle="control-sidebar">
<i class="fa fa-comments"></i>
</a>
</li>
<li><a href="https://sistema.skeenmx.app/consumibles/suministrar"><i class="fa fa-flask"></i></a></li>
<li class="">
<a class="" href="https://sistema.skeenmx.app/admin/sesiones/agregar">
<i class="fa fa-diamond"></i>
</a>
</li>
<li class="">
<a class="" href="https://sistema.skeenmx.app/recomendar">
<i class="fa fa-star"></i>
</a>
</li>
<li class="">
<a class="" href="https://sistema.skeenmx.app/admin/pedidos/agregar">
<i class="fa fa-shopping-cart"></i>
</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<div>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active " id="tab_menu_default">
<ul class="sidebar-menu">
<li class="header" style="color: #fff; font-size: 16px; text-align: center; font-weight: bold; border-bottom: solid 1px #666;">
Rosarito
</li>
<!-- Optionally, you can add icons to the links -->
<li><a href="https://sistema.skeenmx.app/dashboard"><i class="fa fa-home"></i> <span>Inicio</span></a></li>
<li><a href="https://sistema.skeenmx.app/agenda"><i class="fa-regular fa-fw fa-calendar"></i> <span>Agenda</span></a></li>
<li><a href="https://sistema.skeenmx.app/visitas"><i class="fa-solid fa-fw fa-users"></i> <span>Visitas</span></a></li>
<li><a href="https://sistema.skeenmx.app/expedientes"><i class="fa fa-folder-open"></i>
<span>Expedientes</span></a></li>
<li><a href="https://sistema.skeenmx.app/medicos"><i class="fa fa-user-md"></i>
<span>Médicos</span></a></li>
<li><a href="https://sistema.skeenmx.app/cosmetologos"><i class="fa fa-bed"></i>
<span>Cosmetolog&iacute;a</span></a></li>
<li class="hidden">
<a href="https://sistema.skeenmx.app/consultas" class="">
<i class="fa fa-fw fa-user-md"></i> <span>Consultas Médicas</span>
</a>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-cogs"></i> <span>Configuración</span> <i
class="fa fa-angle-left pull-right"></i>
</a>
<ul class="treeview-menu">
<li><a href="https://sistema.skeenmx.app/usuarios/consulta/activados"><i class="fa fa-user-md"></i> <span>Usuarios</span></a>
</li>
<li><a href="https://sistema.skeenmx.app/recetas"><i class="fa fa-list-alt"></i> <span>Recetas</span></a>
</li>
<li><a href="https://sistema.skeenmx.app/diagnosticos"><i class="fa fa-medkit"></i>
<span>Diagnósticos</span></a></li>
<li class="hidden"><a href="https://sistema.skeenmx.app/procedimientos"><i class="fa fa-stethoscope"></i> <span>Procedimientos médicos</span></a>
<li><a href="https://sistema.skeenmx.app/servicios"><i class="fa fa-star"></i> <span>Servicios</span></a>
<li><a href="https://sistema.skeenmx.app/etiquetas"><i class="fa fa-tags"></i> <span>Etiquetas</span></a>
<li><a href="https://sistema.skeenmx.app/productos"><i class="fa fa-flask"></i> <span>Productos</span></a>
</li>
<li><a href="https://sistema.skeenmx.app/inventarios"><i class="fa fa-cube"></i>
<span>Inventarios</span></a></li>
<li><a href="https://sistema.skeenmx.app/tipo_cambio"><i class="fa fa-usd"></i> <span>Tipo de cambio</span></a>
</li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-pie-chart"></i> <span>Reportes</span> <i
class="fa fa-angle-left pull-right"></i>
</a>
<ul class="treeview-menu">
<li><a href="https://sistema.skeenmx.app/reportes/diario"><i class="fa fa-calendar"></i>
<span>Mov. diario</span></a></li>
<li><a href="https://sistema.skeenmx.app/reportes/medicos"><i class="fa fa-calendar"></i> <span>Mov. diario - Médicos</span></a>
</li>
<li><a href="https://sistema.skeenmx.app/reportes/recepcion"><i class="fa fa-calendar"></i> <span>Mov. diario - Recepción</span></a>
</li>
<li><a href="https://sistema.skeenmx.app/reportes/cortes"><i class="fa fa-book"></i> <span>Cortes de caja</span></a></li>
<li><a href="https://sistema.skeenmx.app/reportes/ingresos"><i class="fa fa-line-chart"></i> <span>Ingresos</span></a></li>
<li class="hidden"><a href="#"><i class="fa fa-star-o"></i> <span>Especialidades</span></a></li>
<li class="hidden"><a href="https://sistema.skeenmx.app/reportes/comisiones"><i class="fa-solid fa-money-bill"></i>
<span>Comisiones</span></a></li>
<li class="hidden"><a href="#"><i class="fa fa-check"></i> <span>Ventas</span></a></li>
<li class="hidden"><a href="#"><i class="fa fa-line-chart"></i> <span>Estadisticas</span></a></li>
<li class=""><a href="https://sistema.skeenmx.app/correos " target="_blank"><i class="fa-solid fa-file-excel"></i> <span>Exportar Correos</span></a></li>
<li class=""><a href="https://sistema.skeenmx.app/correos/vip " target="_blank"><i class="fa-solid fa-file-excel"></i> <span>Exportar Correos ( VIP )</span></a></li>
<li class=""><a href="https://sistema.skeenmx.app/exportar/lista_precios " target="_blank"><i class="fa-solid fa-file-excel"></i> <span>Exportar lista de precios</span></a></li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-usd"></i> <span>Administrativo</span> <i
class="fa fa-angle-left pull-right"></i>
</a>
<ul class="treeview-menu">
<li><a href="https://sistema.skeenmx.app/reportes/adeudos"><i class="fa fa-credit-card"></i> <span>Adeudos clientes</span></a></li>
<li><a href="https://sistema.skeenmx.app/reportes/pagos"><i class="fa-solid fa-money-bill"></i> <span>Pagos | Servicios</span></a></li>
<li><a href="https://sistema.skeenmx.app/reportes/clientes"><i class="fa fa-folder-open"></i> <span>Pagos | Clientes</span></a></li>
<li><a href="https://sistema.skeenmx.app/reportes/visitas"><i class="fa fa-ban"></i> <span>Visitas</span></a></li>
<li><a href="https://sistema.skeenmx.app/reportes/devoluciones"><i class="fa fa-retweet"></i> <span>Devoluciones</span></a></li>
<li><a href="https://sistema.skeenmx.app/reportes/vendedores"><i class="fa fa-shopping-basket"></i> <span>Vendedores</span></a></li>
<li><a href="https://sistema.skeenmx.app/reportes/recomendaciones"><i class="fa fa-star"></i> <span>Recomendaciones</span></a></li>
<li><a href="https://sistema.skeenmx.app/reportes/comisiones"><i class="fa fa-pie-chart"></i> <span>Comisiones</span></a></li>
<li><a href="https://sistema.skeenmx.app/reportes/concentrado"><i class="fa fa-line-chart"></i> <span>Concentrado</span></a></li>
<li><a href="https://sistema.skeenmx.app/reportes/top/clientes"><i class="fa fa-line-chart"></i> <span>Top ventas</span></a></li>
<li><a href="https://sistema.skeenmx.app/reportes/agenda"><i class="fa fa-calendar"></i> <span>Horas agenda</span></a></li>
<li><a href="https://sistema.skeenmx.app/reportes/paquetes"><i class="fa fa-box"></i> <span>Paquetes</span></a></li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa-regular fa-id-card fa-fw"></i> <span>Monedero</span> <i class="fa fa-angle-left pull-right"></i>
</a>
<ul class="treeview-menu">
<li><a href="https://sistema.skeenmx.app/monederos/consulta"><i class="fa fa-id-card"></i> <span>Monederos</span></a></li>
<li><a href="https://sistema.skeenmx.app/reportes/monedero"><i class="fa fa-line-chart"></i> <span>Reporte puntos</span></a></li>
<li><a href="https://sistema.skeenmx.app/configuracion/monedero"><i class="fa fa-cogs"></i> <span> Lista de precios</span></a></li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa-regular fa-handshake fa-fw"></i> <span>Comunicación</span> <i
class="fa fa-angle-left pull-right"></i>
</a>
<ul class="treeview-menu">
<li><a href="https://sistema.skeenmx.app/reportes/cumple"><i class="fa fa-birthday-cake"></i> <span>Cumpleañeros</span></a></li>
</ul>
</li>
<li class=""><a href="https://sistema.skeenmx.app/comprobantes/ver"><i class="fa fa-ticket"></i> <span>Comprobantes del día</span></a></li>
<li class="hidden"><a href="https://sistema.skeenmx.app/comprobantes"><i class="fa fa-ticket"></i> <span>Comprobantes</span></a></li>
<li class="hidden"><a href="#"><i class="fa fa-envelope-o"></i> <span>Soporte</span></a></li>
<li class="treeview">
<a href="#">
<i class="fa fa-solid fa-flask"></i> <span>Consumibles</span> <i
class="fa fa-angle-left pull-right"></i>
</a>
<ul class="treeview-menu">
<li><a href="https://sistema.skeenmx.app/consumibles/inventario"><i class="fa fa-flask fa-solid"></i> <span>Inventario actual</span></a></li>
<li><a href="https://sistema.skeenmx.app/consumibles/ventas/consulta"><i class="fa fa-fw fa-ticket"></i> <span>Comprobantes</span></a></li>
<li><a href="https://sistema.skeenmx.app/consumibles/compras/consulta"><i class="fa-fw fa-solid fa-shopping-bag"></i> <span>Compras</span></a></li>
<li><a href="https://sistema.skeenmx.app/consumibles/bajas"><i class="fa-fw fa-solid fa-trash"></i> <span>Bajas</span></a></li>
<li><a href="https://sistema.skeenmx.app/consumibles/consulta"><i class="fa-fw fa-solid fa-cog"></i> <span>Consumibles</span></a></li>
</ul>
</li>
<li class="hidden treeview">
<a href="#">
<i class="fa fa-solid fa-handshake"></i> <span>Crm</span> <i
class="fa fa-angle-left pull-right"></i>
</a>
<ul class="treeview-menu">
<li><a href="https://sistema.skeenmx.app/crm"><i class="fa fa-solid fa-handshake"></i> <span>Inicio</span></a></li>
</ul>
</li>
<li><a href="https://sistema.skeenmx.app/admin/pedidos/dia"><i class="fa fa-shopping-basket"></i> <span>Ventas del día</span></a></li>
<li class="treeview hidden">
<a href="#">
<i class="fa fa-shopping-basket"></i> <span>Ventas</span> <i
class="fa fa-angle-left pull-right"></i>
</a>
<ul class="treeview-menu">
<li>
<a href="https://sistema.skeenmx.app/admin/pedidos/factura">Factura</a>
<a href="https://sistema.skeenmx.app/admin/pedidos/anticipo">Anticipo</a>
</li>
</ul>
</li>
<li><a href="https://sistema.skeenmx.app/admin/pedidos/clientes"><i class="fa fa-id-card"></i> <span>Clientes</span></a></li>
</ul>
<!-- /.sidebar-menu -->
</div>
<div role="tabpanel" class="hidden tab-pane " id="tab_menu_expediente">
<ul class="sidebar-menu">
<li>
<a id="btn-tab_menu_default" href="#tab_menu_default" aria-controls="tab_menu_default" role="tab" data-toggle="tab">
<i class="fa fa-bars"></i> <span>Menú principal</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
<i class="fa fa-fw fa-star"></i> Servicios </h1>
<ol class="breadcrumb">
<li><a href="https://sistema.skeenmx.app/dashboard"><i class="fa fa-home"></i> Inicio</a></li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<!-- Your Page Content Here -->
<div id="container">
<div class="container">
<div id="filtros">
<input type="hidden" name="categorias_id" value="0" >
</div>
<div id="totales_servicios"></div>
<div class="form-group">
<div class="row">
<div class="col-xs-6">
<a class="btn btn-success" href="https://sistema.skeenmx.app/servicios/nuevo">
<i class="fa fa-fw fa-plus"></i> Nuevo servicio
</a>
</div>
<div class="col-xs-6 text-right">
<a class="btn btn-inverse" href="https://sistema.skeenmx.app/precios/orden">
<i class="fa fa-fw fa-arrows-v"></i> Ordenar favoritos
</a>
</div>
</div>
</div>
<div class="table-responsive">
<table id="tabla_consulta" class="table table-hover table-condensed" cellspacing="0" width="100%">
<thead>
<tr>
<th>ID</th>
<th>Categoria</th>
<th>Concepto</th>
<th>Precio</th>
<th></th>
<th><i class="fa fa-fw fa-toggle-on"></i> Activado</th>
<th><i class="fa fa-fw fa-star"></i> Favoritos</th>
<th><i class="fa fa-fw fa-paint-brush"></i> Color</th>
<th><i class="fa fa-fw fa-sitemap"></i> Grupo</th>
<th><i class="fa fa-fw fa-tags"></i> Etiquetas</th>
<th style="width: 145px">Opciones</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
<div class="modal modal-warning" id="modal_editar_color" tabindex="-1" role="dialog"
aria-labelledby="modal_editar_colorLabel">
<div class="modal-dialog" role="document">
<div id="tab_editar_color" class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Cerrar"><span
aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">
<i class="fa fa-fw fa-paint-brush"></i> Editar color
</h4>
</div>
<div class="formulario">
</div>
</div>
</div>
</div>
<div class="modal modal-indigo" id="modal_editar_consumibles" tabindex="-1" role="dialog"
aria-labelledby="modal_editar_consumiblesLabel">
<div class="modal-dialog" role="document">
<div id="tab_editar_consumibles" class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Cerrar"><span
aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">
<i class="fa fa-fw fa-paint-brush"></i> Editar consumibles
</h4>
</div>
<div class="modal-body">
<div class="hidden form-group ">
<label for="input_nuevo_consumible" class="control-label">Nuevo consumible</label>
<div class="form-input has-feedback">
<div class="input-group input-group-sm">
<input id="input_nuevo_consumible" class="form-control" name="nuevo_consumible" type="text">
<span class="input-group-btn">
<button type="button" class="btn btn-info btn-flat btn-nuevo-consumible">
<i class="fa fa-fw fa-plus"></i> Agregar a la lista
</button>
</span>
</div>
</div>
</div>
<div>
<div class="">
<table id="tabla_consulta_seleccionar_consumibles" class="table table-hover table-condensed" cellspacing="0" width="100%">
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
<div class="formulario"></div>
</div>
</div>
</div>
</div>
<div class="modal fade modal-theme" id="modal_valoracion_express" tabindex="-1" role="dialog"
aria-labelledby="modal_valoracion_expressLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
<span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel"><i class="fa fa-fw fa-bolt"></i> Valoración Express</h4>
</div>
<form method="POST" action="https://sistema.skeenmx.app/expedientes/express" accept-charset="UTF-8"><input name="_token" type="hidden" value="aqnBBFsD1z3cGfklS6J3LMwvO4NJFahNkuMduIyl">
<div class="modal-body">
<input name="status" type="hidden" value="0">
<div class="row">
<div class="col-sm-4">
<div class="form-group ">
<label for="input_apellido_paterno" class="control-label">Apellido paterno</label>
<div class="form-input has-feedback">
<input id="input_apellido_paterno" class="form-control" name="apellido_paterno" type="text">
</div>
</div>
</div>
<div class="col-sm-4">
<div class="form-group ">
<label for="input_apellido_materno" class="control-label">Apellido materno</label>
<div class="form-input has-feedback">
<input id="input_apellido_materno" class="form-control" name="apellido_materno" type="text">
</div>
</div>
</div>
<div class="col-sm-4">
<div class="form-group ">
<label for="input_nombre" class="control-label">Nombre</label>
<div class="form-input has-feedback">
<input id="input_nombre" class="form-control" name="nombre" type="text">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="form-group ">
<label for="input_celular" class="control-label"><i class="fa fa-fw fa-mobile"></i> Celular</label>
<div class="form-input has-feedback">
<input id="input_celular" class="form-control" name="celular" type="text">
</div>
</div>
</div>
<div class="col-sm-4">
<div class="form-group ">
<label for="input_whatsapp">Whatsapp</label>
<div class="form-input has-feedback">
<div class="btn-group" data-toggle="buttons">
<div class="btn btn-sm btn-primary">
<span class="selected"><i class="fa fa-fw fa-check-square"></i></span>
<span class="unselected"><i class="fa fa-fw fa-square"></i></span>
<input id="input_whatsapp" autocomplete="off" checked="checked" name="whatsapp" type="radio" value="1">
<i class="fa-fw fa-brands fa-whatsapp"></i> Whatsapp
</div>
</div>
</div>
</div>
</div>
</div>
<div id="submit_bar">
<div class="row">
<div class="col-xs-8 col-sm-4 col-sm-offset-4">
</div>
</div>
</div>
</div>
<div class="modal-footer">
<div class="row">
<div class="col-sm-4 col-sm-offset-4">
<button class="btn btn-primary btn-block" type="submit">
<i class="fa fa-fw fa-check"></i> Enviar
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<!-- Main Footer -->
<footer class="main-footer">
<!-- To the right -->
<div class="pull-right hidden-xs">
</div>
<!-- Default to the left -->
<strong>
<a target="_blank" href="https://sistema.skeenmx.app">
SKEEN
</a>
</strong>
</footer>
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-light">
<div id="chat_usuarios" class="container-fluid">
<div class="usuario row hidden " data-id="1" data-nombre="corporativo"
data-avatar="https://sistema.skeenmx.app/images/profile.png"
data-no_leidas="0">
<div class="col-xs-3 avatar">
<img src="https://sistema.skeenmx.app/images/profile.png" alt="" class="img-responsive img-circle">
</div>
<div class="col-xs-9">
<div class="nombre">corporativo</div>
<div class="departamento">Administrador</div>
</div>
</div>
<div class="usuario row hidden " data-id="2" data-nombre="soporte prographik"
data-avatar="https://sistema.skeenmx.app/images/profile.png"
data-no_leidas="0">
<div class="col-xs-3 avatar">
<img src="https://sistema.skeenmx.app/images/profile.png" alt="" class="img-responsive img-circle">
</div>
<div class="col-xs-9">
<div class="nombre">soporte prographik</div>
<div class="departamento">Administrador</div>
</div>
</div>
<div class="usuario row hidden " data-id="30" data-nombre="Ramos Alejandra"
data-avatar="https://sistema.skeenmx.app/images/profile.png"
data-no_leidas="0">
<div class="col-xs-3 avatar">
<img src="https://sistema.skeenmx.app/images/profile.png" alt="" class="img-responsive img-circle">
</div>
<div class="col-xs-9">
<div class="nombre">Ramos Alejandra</div>
<div class="departamento">Administrador</div>
</div>
</div>
<div class="usuario row hidden " data-id="31" data-nombre="Ramirez Nev&aacute;res Patricia"
data-avatar="https://sistema.skeenmx.app/images/profile.png"
data-no_leidas="0">
<div class="col-xs-3 avatar">
<img src="https://sistema.skeenmx.app/images/profile.png" alt="" class="img-responsive img-circle">
</div>
<div class="col-xs-9">
<div class="nombre">Ramirez Nev&aacute;res Patricia</div>
<div class="departamento">Administrador</div>
</div>
</div>
<div class="usuario row hidden " data-id="32" data-nombre="Ramos Villasaldo Dra. Alejandra"
data-avatar="https://sistema.skeenmx.app/images/profile.png"
data-no_leidas="0">
<div class="col-xs-3 avatar">
<img src="https://sistema.skeenmx.app/images/profile.png" alt="" class="img-responsive img-circle">
</div>
<div class="col-xs-9">
<div class="nombre">Ramos Villasaldo Dra. Alejandra</div>
<div class="departamento">M&eacute;dico</div>
</div>
</div>
<div class="usuario row hidden " data-id="33" data-nombre="Mart&iacute;nez Hern&aacute;ndez Dra. Lidia Danira"
data-avatar="https://sistema.skeenmx.app/images/profile.png"
data-no_leidas="0">
<div class="col-xs-3 avatar">
<img src="https://sistema.skeenmx.app/images/profile.png" alt="" class="img-responsive img-circle">
</div>
<div class="col-xs-9">
<div class="nombre">Mart&iacute;nez Hern&aacute;ndez Dra. Lidia Danira</div>
<div class="departamento">M&eacute;dico</div>
</div>
</div>
<div class="usuario row hidden " data-id="41" data-nombre="Lara Maga&ntilde;a Luisabelle"
data-avatar="https://sistema.skeenmx.app/images/profile.png"
data-no_leidas="0">
<div class="col-xs-3 avatar">
<img src="https://sistema.skeenmx.app/images/profile.png" alt="" class="img-responsive img-circle">
</div>
<div class="col-xs-9">
<div class="nombre">Lara Maga&ntilde;a Luisabelle</div>
<div class="departamento">Recepci&oacute;n</div>
</div>
</div>
<div class="usuario row hidden " data-id="46" data-nombre="Dra. Fernanda Cerecer"
data-avatar="https://sistema.skeenmx.app/images/profile.png"
data-no_leidas="0">
<div class="col-xs-3 avatar">
<img src="https://sistema.skeenmx.app/images/profile.png" alt="" class="img-responsive img-circle">
</div>
<div class="col-xs-9">
<div class="nombre">Dra. Fernanda Cerecer</div>
<div class="departamento">M&eacute;dico</div>
</div>
</div>
<div class="usuario row hidden " data-id="47" data-nombre="SKEEN RECEPCION"
data-avatar="https://sistema.skeenmx.app/images/profile.png"
data-no_leidas="0">
<div class="col-xs-3 avatar">
<img src="https://sistema.skeenmx.app/images/profile.png" alt="" class="img-responsive img-circle">
</div>
<div class="col-xs-9">
<div class="nombre">SKEEN RECEPCION</div>
<div class="departamento">Recepci&oacute;n</div>
</div>
</div>
<div class="usuario row hidden " data-id="49" data-nombre="RODRIGUEZ FRIDA"
data-avatar="https://sistema.skeenmx.app/images/profile.png"
data-no_leidas="0">
<div class="col-xs-3 avatar">
<img src="https://sistema.skeenmx.app/images/profile.png" alt="" class="img-responsive img-circle">
</div>
<div class="col-xs-9">
<div class="nombre">RODRIGUEZ FRIDA</div>
<div class="departamento">Cosmetolog&iacute;a</div>
</div>
</div>
<div class="usuario row hidden " data-id="50" data-nombre="xx RECEPCION1"
data-avatar="https://sistema.skeenmx.app/images/profile.png"
data-no_leidas="0">
<div class="col-xs-3 avatar">
<img src="https://sistema.skeenmx.app/images/profile.png" alt="" class="img-responsive img-circle">
</div>
<div class="col-xs-9">
<div class="nombre">xx RECEPCION1</div>
<div class="departamento">Recepci&oacute;n</div>
</div>
</div>
<div class="usuario row hidden " data-id="54" data-nombre="Vega Guzm&aacute;n Dr. Benjam&iacute;n Adri&aacute;n"
data-avatar="https://sistema.skeenmx.app/images/profile.png"
data-no_leidas="0">
<div class="col-xs-3 avatar">
<img src="https://sistema.skeenmx.app/images/profile.png" alt="" class="img-responsive img-circle">
</div>
<div class="col-xs-9">
<div class="nombre">Vega Guzm&aacute;n Dr. Benjam&iacute;n Adri&aacute;n</div>
<div class="departamento">M&eacute;dico</div>
</div>
</div>
<div class="usuario row hidden " data-id="55" data-nombre=". Tablet"
data-avatar="https://sistema.skeenmx.app/images/profile.png"
data-no_leidas="0">
<div class="col-xs-3 avatar">
<img src="https://sistema.skeenmx.app/images/profile.png" alt="" class="img-responsive img-circle">
</div>
<div class="col-xs-9">
<div class="nombre">. Tablet</div>
<div class="departamento">Tablet comprobantes</div>
</div>
</div>
<div class="usuario row hidden " data-id="80" data-nombre="CHABOLLA ELIZABETH"
data-avatar="https://sistema.skeenmx.app/images/profile.png"
data-no_leidas="0">
<div class="col-xs-3 avatar">
<img src="https://sistema.skeenmx.app/images/profile.png" alt="" class="img-responsive img-circle">
</div>
<div class="col-xs-9">
<div class="nombre">CHABOLLA ELIZABETH</div>
<div class="departamento">Cosmetolog&iacute;a</div>
</div>
</div>
<div class="usuario row hidden " data-id="79" data-nombre="VERDUGO XIMENA"
data-avatar="https://sistema.skeenmx.app/images/profile.png"
data-no_leidas="0">
<div class="col-xs-3 avatar">
<img src="https://sistema.skeenmx.app/images/profile.png" alt="" class="img-responsive img-circle">
</div>
<div class="col-xs-9">
<div class="nombre">VERDUGO XIMENA</div>
<div class="departamento">Cosmetolog&iacute;a</div>
</div>
</div>
<div class="usuario row hidden " data-id="72" data-nombre="GUERREO JASMIN"
data-avatar="https://sistema.skeenmx.app/images/profile.png"
data-no_leidas="0">
<div class="col-xs-3 avatar">
<img src="https://sistema.skeenmx.app/images/profile.png" alt="" class="img-responsive img-circle">
</div>
<div class="col-xs-9">
<div class="nombre">GUERREO JASMIN</div>
<div class="departamento">Recepci&oacute;n</div>
</div>
</div>
</div>
</aside>
<!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar -->
<div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->
<div id="chat_conversaciones"></div>
<div class="modal fade modal-secondary" id="modal_notas" tabindex="-1" role="dialog"
aria-labelledby="modal_notas_label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Cerrar"><span
aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="modal_notas_label"><i class="fa fa-fw fa-sticky-note"></i> Notas</h4>
</div>
<div class="formulario_notas_wrap container-fluid">
<form method="POST" action="https://sistema.skeenmx.app" accept-charset="UTF-8" id="formulario_notas"><input name="_token" type="hidden" value="aqnBBFsD1z3cGfklS6J3LMwvO4NJFahNkuMduIyl">
<div class="row">
<div class="col-sm-9">
<div class="form-group">
<div class="form-input has-feedback">
<textarea id="input_nota" class="form-control" rows="2" placeholder="Contenido de la nota:" name="nota" cols="50"></textarea>
</div>
</div>
</div>
<div class="col-sm-3">
<button class="btn btn-lg btn-primary btn-block" type="submit">
<i class="fa fa-fw fa-plus"></i> Agregar nota
</button>
</div>
</div>
</form>
</div>
<div class="modal-body">
<div class="">
<table id="tabla_notas" class="" cellspacing="0" width="100%">
<thead>
<tr>
<th>ID</th>
<th><i class="fa fa-fw fa-circle"></i> Ordenar por status</th>
<th>Ordenar por fecha</th>
<th></th>
<th>Ordenar por contenido</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<script id="chat_conversation_template" type="text/template">
<!-- Construct the box with style you want. Here we are using box-danger -->
<!-- Then add the class direct-chat and choose the direct-chat-* contexual class -->
<!-- The contextual class should match the box, so we are using direct-chat-danger -->
<div class="box box-danger direct-chat direct-chat-danger">
<div class="box-header with-border">
<h3 class="box-title" data-widget="collapse">
<img src="" alt="" class="avatar img-responsive img-circle">
<span class="name"></span>
</h3>
<div class="box-tools pull-right">
<span data-toggle="tooltip" title="" class="badge bg-red"></span>
<button class="btn btn-sm btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body">
<!-- Conversations are loaded here -->
<div class="direct-chat-messages">
</div><!--/.direct-chat-messages-->
</div><!-- /.box-body -->
<div class="box-footer">
<div class="input-group">
<input type="text" name="message" placeholder="Escribe tu mensaje ..."
class="form-control input-message">
<span class="input-group-btn btn-danger">
<button type="button" class="send-message btn btn-danger btn-flat"><i class="fa-fw fa-solid fa-check"></i></button>
</span>
</div>
</div><!-- /.box-footer-->
</div><!--/.direct-chat -->
</script>
<script id="chat_message_template" type="text/template">
<div class="direct-chat-msg" data-id="">
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-left"></span>
<span class="direct-chat-timestamp pull-right"></span>
</div><!-- /.direct-chat-info -->
<div class="direct-chat-text"></div><!-- /.direct-chat-text -->
</div><!-- /.direct-chat-msg -->
</script>
<script type="text/javascript">
var myself_id =78;
</script>
<!-- REQUIRED JS SCRIPTS -->
<script type="text/javascript" src="https://sistema.skeenmx.app/vendor/js/moment/moment-with-locales.min.js?001"></script>
<script src='https://cdn.rawgit.com/admsev/jquery-play-sound/master/jquery.playSound.js'></script>
<script src="https://sistema.skeenmx.app/vendor/js/panel.js?015" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="https://sistema.skeenmx.app/vendor/css/AdminLTE-2.3.5/dist/js/app.min.js"></script>
<!-- Optionally, you can add Slimscroll and FastClick plugins.
Both of these plugins are recommended to enhance the
user experience. Slimscroll is required when using the
fixed layout. -->
<script src="https://sistema.skeenmx.app/vendor/js/DataTables/datatables.min.js" type="text/javascript"></script>
<script src="https://sistema.skeenmx.app/vendor/js/DataTables/datatables.min.js" type="text/javascript"></script>
<script src="https://sistema.skeenmx.app/vendor/js/DataTables/rowGroup/dataTables.rowGroup.min.js" type="text/javascript"></script>
<script type="text/javascript">
var datatable_grupos =["","Tratamientos","Cabinas"];
var datatable_etiquetas =[{"id":1,"titulo":"vip","status":0}];
function texto_activado(data) {
if(data){
return '<span class="text-success"><i class="fa fa-fw fa-toggle-on"></i></span>';
}
return '<span class="text-success"><i class="fa fa-fw fa-toggle-off"></i></span>';
}
function formato_activado(data,row) {
data = parseInt(data);
return '<div class="dropdown">' +
'<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>'+texto_activado(data)+'</span></a>' +
'<ul class="dropdown-menu">' +
'<li><a class="btn-activado" data-status="0" data-tipo="'+( row.tipo=='servicio' ? 'servicio':'paquete' )+'" href="#"><span class="">Desactivar</span></a></li>' +
'<li><a class="btn-activado" data-status="1" data-tipo="'+( row.tipo=='servicio' ? 'servicio':'paquete' )+'" href="#"><span class="">Activar</span></a></li>' +
'</ul>' +
'</div>';
}
function texto_favorito(data) {
if(data){
return '<span class="text-success"><i class="fa-fw fa-solid fa-star"></i></span>';
}
return '<span class="text-success"><i class="fa-fw fa-regular fa-star"></i></span>';
}
function formato_favorito(data,row) {
data = parseInt(data);
if(row.tipo=='paquete'){
return '';
}
return '<div class="dropdown">' +
'<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>'+texto_favorito(data)+'</span></a>' +
'<ul class="dropdown-menu">' +
'<li><a class="btn-favorito" data-status="0" data-tipo="'+( row.tipo=='servicio' ? 'servicio':'paquete' )+'" href="#"><span class=""><i class="fa fa-fw fa-star-o"></i></span></a></li>' +
'<li><a class="btn-favorito" data-status="1" data-tipo="'+( row.tipo=='servicio' ? 'servicio':'paquete' )+'" href="#"><span class=""><i class="fa fa-fw fa-star"></i> Favorito</span></a></li>' +
'</ul>' +
'</div>';
}
function formato_grupo(data,row) {
data = parseInt(data);
var clase_span = '';
if(row.tipo=='paquete'){
return '';
}
switch (data) {
case 1:
clase_span='badge bg-primary';
break;
case 2:
clase_span='badge bg-teal';
break;
case 3:
clase_span='badge bg-purple';
break;
default:
break;
}
var html = '<div class="dropdown">' +
'<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="' + clase_span + '">' + ( data>0 ? row.grupo_texto:'<i class="fa fa-fw fa-angle-down"></i>' ) + ''+'</span></a>' +
'<ul class="dropdown-menu">';
for(var index in datatable_grupos){
index=parseInt(index);
if(isNaN(index)){
index=0;
}
if(datatable_grupos.hasOwnProperty(index)){
html+='<li><a class="btn-grupo" data-status="'+index+'" href="#"><span class="">'+( index==0 ? '-':datatable_grupos[index])+'</span></a></li>';
}
}
html+='</ul>' +
'</div>';
return html;
}
function clase_etiquetas(etiquetas) {
etiquetas = parseInt(etiquetas);
switch (etiquetas) {
case 1:
return "danger";
case 2:
return "warning";
case 3:
return "naranja";
case 4:
return "info";
case 5:
return "turquesa";
case 6:
return "success";
case 7:
return "morado";
default:
return "";
}
}
function texto_etiquetas(etiquetas) {
etiquetas = parseInt(etiquetas);
for(index in datatable_etiquetas){
if(datatable_etiquetas.hasOwnProperty(index)){
if(datatable_etiquetas[index].id==etiquetas){
return datatable_etiquetas[index].titulo;
}
}
}
return '';
}
function dropdown_etiquetas(tipo,data){
var html = '<div class="dropdown">' +
'<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="circulo ' + clase_etiquetas(data['status']) + '"><i class="fa fa-fw fa-circle"></i> ' + texto_etiquetas(data['etiquetas_id']) + '</span></a>' +
'<ul class="dropdown-menu">' +
'<li><a class="btn-etiquetas" data-tipo="'+( tipo )+'" data-id="'+data['id']+'" data-etiquetas_id="0" href="#"><span class="circulo"><i class="fa fa-fw fa-circle"></i></span></a></li>';
for(var index in datatable_etiquetas){
html+='<li><a class="btn-etiquetas" data-tipo="'+( tipo )+'" data-id="'+data['id']+'" data-etiquetas_id="'+datatable_etiquetas[index].id+'" href="#"><span class="circulo '+clase_etiquetas(datatable_etiquetas[index].status)+'"><i class="fa fa-fw fa-circle"></i> '+ datatable_etiquetas[index].titulo +'</span></a></li>';
}
html+='</ul>' +
'</div>';
return html;
}
function formato_etiquetas(data,row) {
//data = parseInt(data);
var html= '<div class="dropdown">' +
'<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="circulo ' + clase_etiquetas(data) + '"><i class="fa fa-fw fa-angle-down"></i> ' + texto_etiquetas(data) + '</span></a>' +
'<ul class="dropdown-menu">' +
'<li><a class="btn-etiquetas" data-tipo="'+( row.tipo=='servicio' ? 'servicio':'paquete' )+'" data-id="0" data-etiquetas_id="0" href="#"><span class="circulo"><i class="fa fa-fw fa-circle"></i></span></a></li>';
for(var index in datatable_etiquetas){
html+='<li><a class="btn-etiquetas" data-tipo="'+( row.tipo=='servicio' ? 'servicio':'paquete' )+'" data-id="0" data-etiquetas_id="'+datatable_etiquetas[index].id+'" href="#"><span class="circulo '+clase_etiquetas(datatable_etiquetas[index].status)+'"><i class="fa fa-fw fa-circle"></i> '+ datatable_etiquetas[index].titulo +'</span></a></li>';
}
html+='</ul>' +
'</div>';
if(data.length>0){
for(index in data){
html+=dropdown_etiquetas(row.tipo,data[index]);
}
}
return html;
}
function formato_color(data,row) {
return '<a class="btn-modal_editar_color" data-tipo="'+( row.tipo=='servicio' ? 'servicio':'paquete' )+'"><div class="color_agenda '+data+'">&nbsp;</div></a>';
}
var tabla_consulta = $('#tabla_consulta');
var datatable_consulta = tabla_consulta.DataTable({
"serverSide": true,
"ajax": {
"url": "/servicios/json",
"data": function ( d ) {
return $.extend( {}, d, {
/*"status[]": $('#filtros').find("input.input_status:checked").map(function(){
return $(this).val();
}).get(),*/
"categorias_id": $('#filtros').find("input[name=categorias_id]").val(),
} );
},
"dataSrc": function ( data ) {
/*$('.total_medico').html('');
for(var index in data.totales_medicos){
if(data.totales_medicos.hasOwnProperty(index)){
$('#total_medico_'+index).html(data.totales_medicos[index]);
};
}
$('.total_cosmetologo').html('');
for(var index in data.totales_cosmetologos){
if(data.totales_cosmetologos.hasOwnProperty(index)){
$('#total_cosmetologo_'+index).html(data.totales_cosmetologos[index]);
};
}*/
var html = '';
var contador=1;
for(var index in data.totales.categorias){
if(data.totales.categorias.hasOwnProperty(index)) {
html += '<div class="col-sm-4">' +
'<a href="#" class="btn-categorias" data-id="'+data.totales.categorias[index].id+'">' +
'<div class="dashboard-results dashboard-results-green"><div class="row row-no-padding"><div class="col-xs-12">' +
'<div class="dr-content-wrapper">' +
'<div class="row row-no-padding">' +
'<div class="col-xs-9 col-sm-7" style="font-size: 22px">' +
'' + data.totales.categorias[index].titulo +
'</div>' +
'<div class="col-xs-3 col-sm-5"><label>'+data.totales.categorias[index].total_servicios+'</label></div>' +
'</div>' +
'</div>' +
'</div></div></div>' +
'</a>' +
'</div>';
contador++;
if(contador==4){
contador=1;
html+='<div class="clearfix"></div>';
}
}
}
$("#totales_servicios").html('<div class="row">' +
'<div class="col-sm-2 text-center"><a href="#" class="btn-categorias" data-id="'+data.totales.categorias[index].id+'"><i class="fa fa-fw fa-home fa-2x"></i></a></div>' +
'<div class="col-sm-10">' +
'<div class="row">'+
html+
'</div>' +
'</div>' +
'</div>');
return data.data;
}
},
"bDeferRender": true,
"responsive": true,
"columns": [
{ data: 'id' },
{ data: 'categoria'},
{ data: 'servicio'},
{ data: 'precio_minimo'},
{ data: 'sesiones'},
{ data: 'activado'},
{ data: 'favorito'},
{ data: 'color'},
{"data": "grupos_id"},
{"data": "etiquetas"},
{ data: 'id' },
],
/*orderFixed: {
"pre": [[ 1, 'asc' ]]
},*/
rowGroup: {
dataSrc: 'categoria',
startRender: function ( rows, group ) {
return '<b>'+rows.data()[0].categoria+'</b>';
}
},
"columnDefs": [
{
"targets": [ 0 ],
"visible": false,
"searchable": false
},
{
"render": function (data, type, row) {
if (type == 'display') {
return '';
}
return data;
},
"targets": 1
},
{
"render": function (data, type, row) {
if (type == 'display') {
var html_consumibles = '<table class="table no-margin">' +
'<tr>' +
'<td style="width: 30%">' +
'<div><a href="#" data-tipo="'+( row.tipo=='servicio' ? 'servicio':'paquete' )+'" class="btn btn-link btn-sm btn-editar_consumibles"><i class="fa fa-fw fa-pencil text-warning"></i> Consumibles</a> </div>'+
'</td>' +
'<td>';
for(var index in row.consumibles){
if(row.consumibles.hasOwnProperty(index)){
html_consumibles+='<div>' +
'<span class="badge bg-indigo">'+row.consumibles[index].titulo_unidades+'</span>' +
'<span>'+row.consumibles[index].titulo+'</span>' +
'</div>';
}
}
html_consumibles+='</td>' +
'</tr></table>';
if(row.tipo!='servicio'){
html_consumibles='';
}
html_consumibles='';
var html_promocion = '';
if(parseInt(row.promocion)==1){
html_promocion='<span class="badge bg-darkpink"><i class="fa fa-fw fa-percent"></i> Promoción</span> ';
}
return html_promocion + data + html_consumibles;
}
return data;
},
"targets": 2
},
{
"render": function (data, type, row) {
if (type == "display") {
return formato_activado(data,row);
}
return data;
},
"targets": [5]
},
{
"render": function (data, type, row) {
if (type == "display") {
return formato_favorito(data,row);
}
return data;
},
"targets": [6]
},
{
"render": function (data, type, row) {
if (type == "display") {
return formato_color(data,row);
}
return data;
},
"targets": [7]
},
{
"render": function (data, type, row) {
if (type == "display") {
return formato_grupo(data,row);
}
return data;
},
"targets": [8]
},
{
"render": function (data, type, row) {
if (type == "display") {
return formato_etiquetas(data,row);
}
return data;
},
"targets": [9]
},
{
"render": function (data, type, row) {
if (type == 'display') {
return '<a class="pull-left" href="https://sistema.skeenmx.app/servicios/editar/'+ ( row.tipo=='servicio' ? 'servicio':'paquete' ) +'/' + data + '">' +
'<i class="fa fa-fw fa-pencil"></i>' +
'</a>' +
'<a href="#" data-url="https://sistema.skeenmx.app/servicios/eliminar/'+ ( row.tipo=='servicio' ? 'servicio':'paquete' ) +'/' + data + '" class="pull-right btn-eliminar" data-delete="' + data + '">' +
'<i class="fa-fw fa-solid fa-trash"></i>' +
'</a>';
}
return data;
},
"targets": 10
}
],
"dom": '<"wrapper"<"row row-no-padding"<"col-xs-6 has-feedback"f><"col-xs-6 text-right"l>><"row row-no-padding"<"col-sm-12"t>><"row row-no-padding"<"col-sm-6"><"col-sm-6 text-right"p>>>',
"language": {
"emptyTable": "No hay datos disponibles",
"info": "Página _PAGE_ de _PAGES_",
"infoEmpty": "No hay resultados",
"infoFiltered": "",
"infoPostFix": "",
"thousands": ",",
"lengthMenu": "_MENU_ resultados por página",
"loadingRecords": "Cargando...",
"processing": "Procesando...",
"search": '<span class="form-control-feedback"><i class="fa fa-fw fa-search"></i></span>',
"zeroRecords": "No hay coincidencias",
"paginate": {
"first": "Primero",
"last": "Ultimo",
"next": "Sig.",
"previous": "Ant."
},
"aria": {
"sortAscending": ":",
"sortDescending": ":"
}
},
"lengthMenu": [[15, 25, 50, 100], [15, 25, 50, 100]],
"order": [[1, 'asc']],
"pageLength": 15,
"fnDrawCallback": function () {
if ($('#tabla_consulta_paginate .paginate_button').size() > 3) {
$('#tabla_consulta_paginate')[0].style.display = "block";
} else {
$('#tabla_consulta_paginate')[0].style.display = "none";
}
}
});
tabla_consulta.on("click", ".btn-eliminar", function (e) {
e.preventDefault();
var self = $(this);
if (confirm('Desea realmente eliminar este registro?')) {
$.ajax({
"url": $(this).data("url"),
"method": "POST",
data: {_token: 'aqnBBFsD1z3cGfklS6J3LMwvO4NJFahNkuMduIyl'},
"dataType": "JSON"
}).success(function (resp) {
if (resp) {
datatable_consulta.row(self.parents('tr')).remove().draw();
}
});
}
});
tabla_consulta.on("click", ".btn-activado", function (e) {
e.preventDefault();
var self = $(this);
var tr = self.closest("tr");
var row = datatable_consulta.row(tr);
var row_data = row.data();
var id = row_data.id;
var tipo_servicio = ($(this).data("tipo"));
var url = "/servicios/cambiar_activado/" +tipo_servicio+"/"+ id ;
var nuevo_status = parseInt($(this).data("status"));
self.parents("td").html('<i class="fa fa-fw fa-spinner fa-spin"></i>');
$.ajax({
"url": url,
"method": "POST",
data: {status: nuevo_status},
"dataType": "JSON"
}).success(function (resp) {
if (resp) {
row_data["activado"] = nuevo_status;
row.data(row_data);
datatable_consulta.draw();
} else {
datatable_consulta.draw();
}
}).error(function () {
datatable_consulta.draw();
});
});
tabla_consulta.on("click", ".btn-favorito", function (e) {
e.preventDefault();
var self = $(this);
var tr = self.closest("tr");
var row = datatable_consulta.row(tr);
var row_data = row.data();
var id = row_data.id;
var tipo_servicio = ($(this).data("tipo"));
var url = "/servicios/cambiar_favorito/" +tipo_servicio+"/"+ id ;
var nuevo_status = parseInt($(this).data("status"));
self.parents("td").html('<i class="fa fa-fw fa-spinner fa-spin"></i>');
$.ajax({
"url": url,
"method": "POST",
data: {status: nuevo_status},
"dataType": "JSON"
}).success(function (resp) {
if (resp) {
row_data["favorito"] = nuevo_status;
row.data(row_data);
datatable_consulta.draw();
} else {
datatable_consulta.draw();
}
}).error(function () {
datatable_consulta.draw();
});
});
tabla_consulta.on("click", ".btn-grupo", function (e) {
e.preventDefault();
var self = $(this);
var tr = self.closest("tr");
var row = datatable_consulta.row(tr);
var row_data = row.data();
var id = row_data.id;
var nuevo_status = parseInt($(this).data("status"));
var tipo_servicio = ($(this).data("tipo"));
var url = "/servicios/cambiar_grupo/"+tipo_servicio+"/" + id ;
self.parents("td").html('<i class="fa fa-fw fa-spinner fa-spin"></i>');
$.ajax({
"url": url,
"method": "POST",
data: {status: nuevo_status},
"dataType": "JSON"
}).success(function (resp) {
if (resp) {
row_data["grupos_id"] = nuevo_status;
row.data(row_data);
datatable_consulta.draw();
} else {
datatable_consulta.draw();
}
}).error(function () {
datatable_consulta.draw();
});
});
tabla_consulta.on("click", ".btn-modal_editar_color", function (e) {
e.preventDefault();
var self = $(this);
var tr = self.closest("tr");
var row = datatable_consulta.row(tr);
var row_data = row.data();
var id = row_data.id;
$('#modal_editar_color').modal('show');
var tipo_servicio = ($(this).data("tipo"));
var url = "/servicios/editar_color/" +tipo_servicio+"/"+ id ;
$('#modal_editar_color').find('.formulario').html('<i class="fa fa-fw fa-spinner fa-spin"></i>');
$.ajax({
"url": url,
"method": "GET",
}).success(function (resp) {
if (resp) {
$('#modal_editar_color').find('.formulario').html(resp);
$("#modal_editar_color").find("input[type=radio],input[type=checkbox]").each(function () {
$(this).parent().removeClass("active");
});
$("#modal_editar_color").find("input[type=radio]:checked,input[type=checkbox]:checked").each(function () {
$(this).parent().addClass("active");
});
datatable_consulta.draw(false);
} else {
datatable_consulta.draw();
}
}).error(function () {
datatable_consulta.draw();
});
});
$('#modal_editar_color').on('submit','form',function(e){
e.preventDefault();
$.ajax({
"url": $(this).attr('action'),
"method": "POST",
data: $(this).serialize(),
}).success(function (resp) {
if (resp) {
$('#modal_editar_color').modal('hide');
datatable_consulta.draw(false);
} else {
datatable_consulta.draw();
}
}).error(function () {
datatable_consulta.draw();
});
});
tabla_consulta.on("click", ".btn-etiquetas", function (e) {
e.preventDefault();
var self = $(this);
var tr = self.closest('tr');
var row;
var row_data;
var id;
if (tr.hasClass("child")) {
tr = tr.prev();
}
row = datatable_consulta.row(tr);
row_data = row.data();
id = row_data.id;
var tipo_servicio = ($(this).data("tipo"));
var url = "/servicios/cambiar_etiquetas/" +tipo_servicio+"/" + id + "";
var editar_condicion = parseInt($(this).attr("data-id"));
var nuevo_etiquetas = parseInt($(this).data("etiquetas_id"));
self.parents("td").html('<i class="fa fa-fw fa-spinner fa-spin"></i>');
$.ajax({
"url": url,
"method": "POST",
data: { id: editar_condicion, etiquetas: nuevo_etiquetas },
"dataType": "JSON"
}).success(function (resp) {
if (resp) {
row_data["etiquetas"] = resp;
row.data(row_data);
datatable_consulta.draw();
} else {
datatable_consulta.draw();
}
}).error(function () {
datatable_consulta.draw();
});
});
$("#totales_servicios").on("click",".btn-categorias",function(e){
e.preventDefault();
var categorias_id = $(this).attr("data-id");
$('#filtros').find("input[name=categorias_id]").val( categorias_id );
datatable_consulta.draw();
});
tabla_consulta.on("click", ".btn-editar_consumibles", function (e) {
e.preventDefault();
var self = $(this);
var tr = self.closest("table").closest("tr");
var row = datatable_consulta.row(tr);
var row_data = row.data();
var id = row_data.id;
$('#modal_editar_consumibles').modal('show');
var tipo_servicio = ($(this).data("tipo"));
var url = "/servicios/editar_consumibles/" +tipo_servicio+"/"+ id ;
$('#modal_editar_consumibles').find('.formulario').html('<i class="fa fa-fw fa-spinner fa-spin"></i>');
$.ajax({
"url": url,
"method": "GET",
}).success(function (resp) {
if (resp) {
$('#modal_editar_consumibles').find('.formulario').html(resp);
$("#modal_editar_consumibles").find("input[type=radio],input[type=checkbox]").each(function () {
$(this).parent().removeClass("active");
});
$("#modal_editar_consumibles").find("input[type=radio]:checked,input[type=checkbox]:checked").each(function () {
$(this).parent().addClass("active");
});
datatable_consulta.draw(false);
} else {
datatable_consulta.draw();
}
}).error(function () {
datatable_consulta.draw();
});
});
$('#modal_editar_consumibles').on('submit','form',function(e){
e.preventDefault();
$.ajax({
"url": $(this).attr('action'),
"method": "POST",
data: $(this).serialize(),
}).success(function (resp) {
if (resp) {
$('#modal_editar_consumibles').modal('hide');
datatable_consulta.draw(false);
} else {
datatable_consulta.draw();
}
}).error(function () {
datatable_consulta.draw();
});
});
</script>
<script src="https://sistema.skeenmx.app/vendor/js/data/datatable_seleccionar_consumibles.js?004" type="text/javascript"></script>
<script>
var notas_datatable_json_data =[];
var notas_datatable_domain_url = "https://sistema.skeenmx.app/";
</script>
<script src="https://sistema.skeenmx.app/vendor/js/data/datatable_notas.js?000" type="text/javascript"></script>
<script type="text/javascript">
$('#btn-tab_menu_default').on('shown.bs.tab', function (e) {
$('#btn-tab_menu_expediente').parent().removeClass("active");
});
$('#btn-tab_menu_expediente').on('shown.bs.tab', function (e) {
$('#btn-tab_menu_default').parent().removeClass("active");
});
</script>
</body>
</html>