diff --git a/pandora_console/extras/mr/62.sql b/pandora_console/extras/mr/62.sql index f92441a5f0..76f0a84c4e 100644 --- a/pandora_console/extras/mr/62.sql +++ b/pandora_console/extras/mr/62.sql @@ -87,4 +87,72 @@ CREATE INDEX idx_disabled ON talert_template_modules (disabled); INSERT INTO `treport_custom_sql` (`name`, `sql`) VALUES ('Agent safe mode not enable', 'select alias from tagente where safe_mode_module = 0'); +CREATE TABLE IF NOT EXISTS `twelcome_tip` ( + `id` INT NOT NULL AUTO_INCREMENT, + `id_lang` VARCHAR(20) NULL, + `id_profile` INT NOT NULL, + `title` VARCHAR(255) NOT NULL, + `text` TEXT NOT NULL, + `url` VARCHAR(255) NULL, + `enable` TINYINT NOT NULL, + PRIMARY KEY (`id`) +) ENGINE=InnoDB DEFAULT CHARSET=UTF8MB4; + +CREATE TABLE IF NOT EXISTS `twelcome_tip_file` ( + `id` INT NOT NULL AUTO_INCREMENT, + `twelcome_tip_file` INT NOT NULL, + `filename` VARCHAR(255) NOT NULL, + `path` VARCHAR(255) NOT NULL, + PRIMARY KEY (`id`), + CONSTRAINT `twelcome_tip_file` + FOREIGN KEY (`twelcome_tip_file`) + REFERENCES `twelcome_tip` (`id`) + ON DELETE CASCADE ON UPDATE CASCADE +) ENGINE=InnoDB DEFAULT CHARSET=UTF8MB4; + +INSERT INTO `twelcome_tip` VALUES +(1,'es',0,'¿Sabías que puedes monitorizar webs?','De manera sencilla a través de chequeos HTTP estándar o transaccional mediante transacciones centralizadas WUX, o descentralizadas con el plugin UX de agente.','https://pandorafms.com/manual/es/documentation/03_monitoring/06_web_monitoring','1'), +(2,'es',0,'Monitorización remota de dispositivos SNMP','Los dispositivos de red como switches, AP, routers y firewalls se pueden monitorizar remotamente usando el protocolo SNMP. Basta con saber su IP, la comunidad SNMP y lanzar un wizard SNMP desde la consola.','https://pandorafms.com/manual/es/documentation/03_monitoring/03_remote_monitoring#monitorizacion_snmp','1'), +(3,'es',0,'Monitorizar rutas desde una IP a otra','Existe un plugin especial que sirve para monitorizar visualmente las rutas desde una IP a otra de manera visual y dinámica, según va cambiando con el tiempo.','https://pandorafms.com/manual/es/documentation/03_monitoring/03_remote_monitoring#monitorizacion_de_rutas','1'), +(4,'es',0,'¿Tu red pierde paquetes?','Se puede medir la pérdida de paquetes en tu red usando un agente y un plugin libre llamado “Packet Loss”. Esto es especialmente útil en redes Wifi o redes compartidas con muchos usuarios. Escribimos un artículo en nuestro blog hablando de ello, echale un vistazo','https://pandorafms.com/blog/es/perdida-de-paquetes/','1'), +(5,'es',0,'Usar Telegram con Pandora FMS','Perfecto para recibir alertas con gráficas empotradas y personalizar así la recepción de avisos de manera individual o en un canal común con mas personas. ','https://pandorafms.com/library/telegram-bot-cli/','1'), +(6,'es',0,'Monitorizar JMX (Tomcat, Websphere, Weblogic, Jboss, Apache Kafka, Jetty, GlassFish…)','Existe un plugin Enterprise que sirve para monitorizar cualquier tecnología JMX. Se puede usar de manera local (como plugin local) o de manera remota con el plugin server.','https://pandorafms.com/library/jmx-monitoring/','1'), +(7,'es',0,'¿Sabes que cada usuario puede tener su propia Zona Horaria?','Se puede establecer zonas horarias diferentes para cada usuario, de manera que interprete los datos teniendo en cuenta la diferencia horaria. Pandora FMS también puede tener servidores y agentes en diferentes zonas horarias. ¡Por todo el mundo!','','1'), +(8,'es',0,'Paradas planificadas','Se puede definir, a nivel de agente y a nivel de módulo, períodos en los cuales se ignoren las alertas y/o los datos recogidos. Es perfecto para planificar paradas de servicio o desconexión de los sistemas monitorizados. También afecta a los informes SLA, evitando que se tengan en cuenta esos intervalos de tiempo. ','https://pandorafms.com/manual/es/documentation/04_using/11_managing_and_administration#paradas_de_servicio_planificadas','1'), +(9,'es',0,'Personalizar los emails de alerta ','¿Sabías que se pueden personalizar los mails de alertas de Pandora? Solo tienes que editar el código HTML por defecto de las acciones de alerta de tipo email. ','https://pandorafms.com/manual/en/documentation/04_using/01_alerts#editing_an_action','1'), +(10,'es',0,'Usando iconos personalizados en consolas visuales ','Gracias a los iconos personalizados se pueden crear vistas muy personalizadas, como la de la imagen, que representa racks con los tipos de servidores en el orden que están colocados dentro del rack. Perfecto para que un técnico sepa exactamente qué máquina esta fallando. Más visual no puede ser, de ahi el nombre. ','https://pandorafms.com/manual/start?id=es/documentation/04_using/05_data_presentation_visual_maps','1'), +(11,'es',0,'Consolas visuales: mapas de calor ','La consola permite integrar en un fondo personalizado una serie de datos, que en función de su valor se representen con unos colores u otros, en tiempo real. Las aplicaciones son infinitas, solo depende de tu imaginación. ','https://pandorafms.com/manual/es/documentation/04_using/05_data_presentation_visual_maps#mapa_de_calor_o_nube_de_color','1'), +(12,'es',0,'Auditoría interna de la consola ','La consola registra todas las actividades relevantes de cada usuario conectado a la consola. Esto incluye la aplicación de configuraciones, validaciones de eventos y alertas, conexión y desconexión y cientos de otras operaciones. La seguridad en Pandora FMS ha sido siempre una de las características del diseño de su arquitectura. ','https://pandorafms.com/manual/es/documentation/04_using/11_managing_and_administration#log_de_auditoria','1'), +(13,'es',0,'Sistema de provisión automática de agentes ','El sistema de autoprovisión de agentes, permite que un agente recién ingresado en el sistema aplique automáticamente cambios en su configuración (como moverlo de grupo, asignarle ciertos valores en campos personalizados) y por supuesto aplicarle determinadas politicas de monitorización. Es una de las funcionalidades más potentes, orientadas a gestionar parques de sistemas muy extensos. ','https://pandorafms.com/manual/start?id=es/documentation/02_installation/05_configuration_agents#configuracion_automatica_de_agentes','1'), +(14,'es',0,'Modo oscuro ','¿Sabes que existe un modo oscuro en Pandora FMS? Un administrador lo puede activar a nivel global desde las opciones de configuración visuales o cualquier usuario a nivel individual, en las opciones de usuario. ','','1'), +(15,'es',0,'Google Sheet ','¿Sabes que se puede coger el valor de una celda de una hoja de cálculo de Google Sheet?, utilizamos la API para pedir el dato a través de un plugin remoto. Es perfecto para construir cuadros de mando de negocio, obtener alertas en tiempo real y crear tus propios informes a medida. ','https://pandorafms.com/library/google-sheets-plugin/','1'), +(16,'es',0,'Tablas de ARP','¿Sabes que existe un módulo de inventario para sacar las tablas ARP de tus servidores windows? Es fácil de instalar y puede darte información muy detallada de tus equipos.','https://pandorafms.com/library/arp-table-windows-local/','1'), +(17,'es',0,'Enlaces de red en la consola visual ','Existe un elemento de consola visual llamado “Network link” que permite mostrar visualmente la unión de dos interfaces de red, su estado y el tráfico de subida/bajada, de una manera muy visual. ','https://pandorafms.com/manual/es/documentation/04_using/05_data_presentation_visual_maps#enlace_de_red','1'), +(18,'es',0,'¿Conoces los informes de disponibilidad? ','Son muy útiles ya que te dicen el tiempo (%) que un chequeo ha estado en diferentes estados a lo largo de un lapso de tiempo, por ejemplo, una semana. Ofrece datos crudos completos de lo que se ha hecho con el detalle suficiente para convencer a un proveedor o un cliente. ','','1'), +(19,'es',0,'Gráficas de disponibilidad ','Parecidos a los informes de disponibilidad, pero mucho mas visuales, ofrecen el detalle de estado de un monitor a lo largo del tiempo. Se pueden agrupar con otro módulo para ofrecer datos finales teniendo en cuenta la alta disponibilidad de un servicio. Son perfectos para su uso en informes a proveedores y/o clientes. ','https://pandorafms.com/manual/es/documentation/04_using/08_data_presentation_reports#grafico_de_disponibilidad','1'), +(20,'es',0,'Zoom en gráficas de datos ','¿Sabes que Pandora FMS permite hacer zoom en una parte de la gráfica. Con eso ampliarás la información de la gráfica. Si estás viendo una gráfica de un mes y amplías, podrás ver los datos de ese intervalo. Si utilizas una gráfica con datos de resolución completa (los llamamos gráficas TIP) podrás ver el detalle de cada dato, aunque tu gráfica tenga miles de muestras. ','','1'), +(21,'es',0,'Gráficas de resolución completa ','Pandora FMS y otras herramientas cuando tienen que mostrar una gráfica obtienen los datos de la fuente de datos y luego “simplifican” la gráfica, ya que si la serie de datos tiene 10,000 elementos y la gráfica solo tiene 300 pixeles de ancho no pueden caber todos, asi que se “simplifican” esos 10,000 puntos en solo 300. Sin embargo al simplificar se pierde “detalle” en la gráfica, y por supuesto no podemos “hacer zoom”. Las gráficas de Pandora FMS permiten mostrar y usar todos los datos en una gráfica, que llamamos “TIP” que muestra todos los puntos superpuestos y además permite que al hacer zoom no se pierda resolución. ','','1'), +(22,'es',0,'Política de contraseñas','La consola de Pandora FMS tiene un sistema de gestión de política de credenciales, para reforzar la seguridad local (además de permitir la autenticación externa contra un LDAP, Active Directory o SAML). A través de este sistema podemos forzar cambios de password cada X días, guardar un histórico de passwords usadas o evitar el uso de ciertas contraseñas entre otras acciones. ','https://pandorafms.com/manual/es/documentation/04_using/12_console_setup?s%5B%5D%3Dcontrase%25C3%25B1as#password_policy','1'), +(23,'es',0,'Autenticación de doble factor ','Es posible activar (y forzar su uso a todos los usuarios) un sistema de doble autenticación (usando Google Auth) para que cualquier usuario se autentique además de con una contraseña, con un sistema de token de un solo uso, dando al sistema mucha más seguridad. ','https://pandorafms.com/manual/en/documentation/04_using/12_console_setup?s%5B%5D%3Dgoogle%26s%5B%5D%3Dauth#authentication','1'); + +INSERT INTO `twelcome_tip_file` (`twelcome_tip_file`, `filename`, `path`) VALUES +(1, 'monitorizar_web.png', 'images/tips/'), +(2, 'monitorizar_snmp.png', 'images/tips/'), +(3, 'monitorizar_desde_ip.png', 'images/tips/'), +(4, 'tu_red_pierde_paquetes.png', 'images/tips/'), +(5, 'telegram_con_pandora.png', 'images/tips/'), +(6, 'monitorizar_con_jmx.png', 'images/tips/'), +(7, 'usuario_zona_horaria.png', 'images/tips/'), +(8, 'paradas_planificadas.png', 'images/tips/'), +(9, 'personalizar_los_emails.png', 'images/tips/'), +(10, 'iconos_personalizados.png', 'images/tips/'), +(11, 'mapa_de_calor.png', 'images/tips/'), +(12, 'auditoria.png', 'images/tips/'), +(15, 'google_sheets.png', 'images/tips/'), +(17, 'enlaces_consola_visual.png', 'images/tips/'), +(18, 'informe_disponibiliad.png', 'images/tips/'), +(19, 'graficas_disponibilidad.png', 'images/tips/'), +(20, 'zoom_en_graficas.png', 'images/tips/'), +(22, 'politica_de_pass.png', 'images/tips/'); + COMMIT; diff --git a/pandora_console/general/register.php b/pandora_console/general/register.php index 1c8249ddf5..8714d1ec12 100644 --- a/pandora_console/general/register.php +++ b/pandora_console/general/register.php @@ -31,6 +31,7 @@ global $config; require_once $config['homedir'].'/include/functions_register.php'; require_once $config['homedir'].'/include/class/WelcomeWindow.class.php'; +require_once $config['homedir'].'/include/class/TipsWindow.class.php'; if ((bool) is_ajax() === true) { @@ -109,6 +110,16 @@ try { $welcome = false; } +try { + if (isset($_SESSION['showed_tips_window']) === false) { + $tips_window = new TipsWindow(); + if ($tips_window !== null) { + $tips_window->run(); + } + } +} catch (Exception $e) { +} + $double_auth_enabled = (bool) db_get_value('id', 'tuser_double_auth', 'id_user', $config['id_user']); if (isset($config['2FA_all_users']) === false) { diff --git a/pandora_console/godmode/menu.php b/pandora_console/godmode/menu.php index af15b28f7a..2efafad20b 100644 --- a/pandora_console/godmode/menu.php +++ b/pandora_console/godmode/menu.php @@ -383,6 +383,9 @@ if ($access_console_node === true) { $sub2['godmode/setup/setup§ion=external_tools']['text'] = __('External Tools'); $sub2['godmode/setup/setup§ion=external_tools']['refr'] = 0; + $sub2['godmode/setup/setup§ion=welcome_tips']['text'] = __('Welcome Tips'); + $sub2['godmode/setup/setup§ion=welcome_tips']['refr'] = 0; + if ((bool) $config['activate_gis'] === true) { $sub2['godmode/setup/setup§ion=gis']['text'] = __('Map conections GIS'); } diff --git a/pandora_console/godmode/setup/setup.php b/pandora_console/godmode/setup/setup.php index 8c8587b1ef..e693d2f2e2 100644 --- a/pandora_console/godmode/setup/setup.php +++ b/pandora_console/godmode/setup/setup.php @@ -224,6 +224,11 @@ $buttons['external_tools'] = [ 'text' => ''.html_print_image('images/nettool.png', true, ['title' => __('External Tools'), 'class' => 'invert_filter']).'', ]; +$buttons['welcome_tips'] = [ + 'active' => false, + 'text' => ''.html_print_image('images/inventory.png', true, ['title' => __('Welcome tips'), 'class' => 'invert_filter']).'', +]; + if ($config['activate_gis']) { $buttons['gis'] = [ 'active' => false, @@ -312,6 +317,20 @@ switch ($section) { $help_header = ''; break; + case 'welcome_tips': + $view = get_parameter('view', ''); + $title = __('Welcome tips'); + if ($view === 'create') { + $title = __('Create tip'); + } else if ($view === 'edit') { + $title = __('Edit tip'); + } + + $buttons['welcome_tips']['active'] = true; + $subpage = ' » '.$title; + $help_header = ''; + break; + case 'enterprise': $buttons['enterprise']['active'] = true; $subpage = ' » '.__('Enterprise'); @@ -409,6 +428,10 @@ switch ($section) { include_once $config['homedir'].'/godmode/setup/setup_external_tools.php'; break; + case 'welcome_tips': + include_once $config['homedir'].'/godmode/setup/welcome_tips.php'; + break; + default: enterprise_hook('setup_enterprise_select_tab', [$section]); break; diff --git a/pandora_console/godmode/setup/welcome_tips.php b/pandora_console/godmode/setup/welcome_tips.php new file mode 100644 index 0000000000..1a9903a5ec --- /dev/null +++ b/pandora_console/godmode/setup/welcome_tips.php @@ -0,0 +1,161 @@ +getMessage(); + return; +} + +if ($view === 'create' || $view === 'edit') { + // IF exists actions + if ($action === 'create' || $action === 'edit') { + $files = $_FILES; + $id_lang = get_parameter('id_lang', ''); + $id_profile = get_parameter('id_profile', ''); + $title = get_parameter('title', ''); + $text = get_parameter('text', ''); + $url = get_parameter('url', ''); + $enable = get_parameter_switch('enable', ''); + $errors = []; + + if (count($files) > 0) { + $e = $tipsWindow->validateImages($files); + if ($e !== false) { + $errors = $e; + } + } + + if (empty($id_lang) === true) { + $errors[] = __('Language is empty'); + } + + if (empty($title) === true) { + $errors[] = __('Title is empty'); + } + + if (empty($text) === true) { + $errors[] = __('Text is empty'); + } + + switch ($action) { + case 'create': + if (count($errors) === 0) { + if (count($files) > 0) { + $uploadImages = $tipsWindow->uploadImages($files); + } + + $response = $tipsWindow->createTip($id_lang, $id_profile, $title, $text, $url, $enable, $uploadImages); + + if ($response === 0) { + $errors[] = __('Error in insert tip'); + } + } + + $tipsWindow->viewCreate($errors); + return; + + case 'edit': + $idTip = get_parameter('idTip', ''); + $imagesToDelete = get_parameter('images_to_delete', ''); + if (empty($idTip) === false) { + if (count($errors) === 0) { + if (empty($imagesToDelete) === false) { + $imagesToDelete = json_decode(io_safe_output($imagesToDelete), true); + $tipsWindow->deleteImagesFromTip($idTip, $imagesToDelete); + } + + if (count($files) > 0) { + $uploadImages = $tipsWindow->uploadImages($files); + } + + $response = $tipsWindow->updateTip($idTip, $id_profile, $id_lang, $title, $text, $url, $enable, $uploadImages); + + if ($response === 0) { + $errors[] = __('Error in update tip'); + } + } + + $tipsWindow->viewEdit($idTip, $errors); + } + return; + + default: + $tipsWindow->draw(); + return; + } + + + return; + } + + // If not exists actions + switch ($view) { + case 'create': + $tipsWindow->viewCreate(); + return; + + case 'edit': + $idTip = get_parameter('idTip', ''); + if (empty($idTip) === false) { + $tipsWindow->viewEdit($idTip); + } + return; + + default: + $tipsWindow->draw(); + return; + } +} + +if ($action === 'delete') { + $idTip = get_parameter('idTip', ''); + $errors = []; + if (empty($idTip) === true) { + $errors[] = __('Tip required'); + } + + if (count($errors) === 0) { + $response = $tipsWindow->deleteTip($idTip); + + if ($response === 0) { + $errors[] = __('Error in delete tip'); + } + } + + $tipsWindow->draw($errors); + return; +} + +$tipsWindow->draw(); diff --git a/pandora_console/godmode/users/configure_user.php b/pandora_console/godmode/users/configure_user.php index 468d789e0f..b396e41e4f 100644 --- a/pandora_console/godmode/users/configure_user.php +++ b/pandora_console/godmode/users/configure_user.php @@ -653,6 +653,7 @@ if ($update_user) { $values['timezone'] = (string) get_parameter('timezone'); $values['default_event_filter'] = (int) get_parameter('default_event_filter'); $values['default_custom_view'] = (int) get_parameter('default_custom_view'); + $values['show_tips_startup'] = (int) get_parameter_switch('show_tips_startup'); // API Token information. $apiTokenRenewed = (bool) get_parameter('renewAPIToken'); $values['api_token'] = ($apiTokenRenewed === true) ? api_token_generate() : users_get_API_token($values['id_user']); diff --git a/pandora_console/godmode/users/user_management.php b/pandora_console/godmode/users/user_management.php index 6969125a93..cff87aef6f 100644 --- a/pandora_console/godmode/users/user_management.php +++ b/pandora_console/godmode/users/user_management.php @@ -372,6 +372,8 @@ $userManagementTable->data['captions_loginErrorUser'][1] .= ui_print_input_place __('The user with local authentication enabled will always use local authentication.'), true ); +$userManagementTable->data['show_tips_startup'][0] = html_print_checkbox_switch('show_tips_startup', 1, ($user_info['show_tips_startup'] === null) ? true : $user_info['show_tips_startup'], true); +$userManagementTable->data['show_tips_startup'][1] = ''.__('Show usage tips at startup').''; // Session time input. $userManagementTable->rowclass['captions_userSessionTime'] = 'field_half_width'; diff --git a/pandora_console/images/arrow-left-grey.png b/pandora_console/images/arrow-left-grey.png new file mode 100644 index 0000000000..d88b661e27 Binary files /dev/null and b/pandora_console/images/arrow-left-grey.png differ diff --git a/pandora_console/images/arrow-right-grey.png b/pandora_console/images/arrow-right-grey.png new file mode 100644 index 0000000000..7b6290cda8 Binary files /dev/null and b/pandora_console/images/arrow-right-grey.png differ diff --git a/pandora_console/images/tips/auditoria.png b/pandora_console/images/tips/auditoria.png new file mode 100644 index 0000000000..5f13dc3a5f Binary files /dev/null and b/pandora_console/images/tips/auditoria.png differ diff --git a/pandora_console/images/tips/doble_autenticacion.png b/pandora_console/images/tips/doble_autenticacion.png new file mode 100644 index 0000000000..48a775ece4 Binary files /dev/null and b/pandora_console/images/tips/doble_autenticacion.png differ diff --git a/pandora_console/images/tips/enlaces_consola_visual.png b/pandora_console/images/tips/enlaces_consola_visual.png new file mode 100644 index 0000000000..760ba9a94e Binary files /dev/null and b/pandora_console/images/tips/enlaces_consola_visual.png differ diff --git a/pandora_console/images/tips/google_sheets.png b/pandora_console/images/tips/google_sheets.png new file mode 100644 index 0000000000..e8073e5f0e Binary files /dev/null and b/pandora_console/images/tips/google_sheets.png differ diff --git a/pandora_console/images/tips/graficas_disponibilidad.png b/pandora_console/images/tips/graficas_disponibilidad.png new file mode 100644 index 0000000000..ddb6303ee5 Binary files /dev/null and b/pandora_console/images/tips/graficas_disponibilidad.png differ diff --git a/pandora_console/images/tips/graficas_resolucion_completa.png b/pandora_console/images/tips/graficas_resolucion_completa.png new file mode 100644 index 0000000000..29109fcdb5 Binary files /dev/null and b/pandora_console/images/tips/graficas_resolucion_completa.png differ diff --git a/pandora_console/images/tips/iconos_personalizados.png b/pandora_console/images/tips/iconos_personalizados.png new file mode 100644 index 0000000000..39fc951f0a Binary files /dev/null and b/pandora_console/images/tips/iconos_personalizados.png differ diff --git a/pandora_console/images/tips/informe_disponibiliad.png b/pandora_console/images/tips/informe_disponibiliad.png new file mode 100644 index 0000000000..45fbce4a14 Binary files /dev/null and b/pandora_console/images/tips/informe_disponibiliad.png differ diff --git a/pandora_console/images/tips/mapa_de_calor.png b/pandora_console/images/tips/mapa_de_calor.png new file mode 100644 index 0000000000..05ec5a21e0 Binary files /dev/null and b/pandora_console/images/tips/mapa_de_calor.png differ diff --git a/pandora_console/images/tips/monitorizar_con_jmx.png b/pandora_console/images/tips/monitorizar_con_jmx.png new file mode 100644 index 0000000000..113d64117e Binary files /dev/null and b/pandora_console/images/tips/monitorizar_con_jmx.png differ diff --git a/pandora_console/images/tips/monitorizar_desde_ip.png b/pandora_console/images/tips/monitorizar_desde_ip.png new file mode 100644 index 0000000000..8eea933d56 Binary files /dev/null and b/pandora_console/images/tips/monitorizar_desde_ip.png differ diff --git a/pandora_console/images/tips/monitorizar_snmp.png b/pandora_console/images/tips/monitorizar_snmp.png new file mode 100644 index 0000000000..0a7c2f6e95 Binary files /dev/null and b/pandora_console/images/tips/monitorizar_snmp.png differ diff --git a/pandora_console/images/tips/monitorizar_web.png b/pandora_console/images/tips/monitorizar_web.png new file mode 100644 index 0000000000..594078436a Binary files /dev/null and b/pandora_console/images/tips/monitorizar_web.png differ diff --git a/pandora_console/images/tips/paradas_planificadas.png b/pandora_console/images/tips/paradas_planificadas.png new file mode 100644 index 0000000000..f42f1e5533 Binary files /dev/null and b/pandora_console/images/tips/paradas_planificadas.png differ diff --git a/pandora_console/images/tips/personalizar_los_emails.png b/pandora_console/images/tips/personalizar_los_emails.png new file mode 100644 index 0000000000..bfed72bdd5 Binary files /dev/null and b/pandora_console/images/tips/personalizar_los_emails.png differ diff --git a/pandora_console/images/tips/politica_de_pass.png b/pandora_console/images/tips/politica_de_pass.png new file mode 100644 index 0000000000..315388b3c2 Binary files /dev/null and b/pandora_console/images/tips/politica_de_pass.png differ diff --git a/pandora_console/images/tips/telegram_con_pandora.png b/pandora_console/images/tips/telegram_con_pandora.png new file mode 100644 index 0000000000..80702d7ec8 Binary files /dev/null and b/pandora_console/images/tips/telegram_con_pandora.png differ diff --git a/pandora_console/images/tips/tu_red_pierde_paquetes.png b/pandora_console/images/tips/tu_red_pierde_paquetes.png new file mode 100644 index 0000000000..d26c425dc9 Binary files /dev/null and b/pandora_console/images/tips/tu_red_pierde_paquetes.png differ diff --git a/pandora_console/images/tips/usuario_zona_horaria.png b/pandora_console/images/tips/usuario_zona_horaria.png new file mode 100644 index 0000000000..d53558dcb1 Binary files /dev/null and b/pandora_console/images/tips/usuario_zona_horaria.png differ diff --git a/pandora_console/images/tips/zoom_en_graficas.png b/pandora_console/images/tips/zoom_en_graficas.png new file mode 100644 index 0000000000..6f0b71f59a Binary files /dev/null and b/pandora_console/images/tips/zoom_en_graficas.png differ diff --git a/pandora_console/include/ajax/tips_window.ajax.php b/pandora_console/include/ajax/tips_window.ajax.php new file mode 100644 index 0000000000..ce8de4c078 --- /dev/null +++ b/pandora_console/include/ajax/tips_window.ajax.php @@ -0,0 +1,60 @@ +ajaxMethod($method) === true) { + $actions->{$method}(); + } else { + $actions->error('Unavailable method.'); + } +} else { + $actions->error('Method not found. ['.$method.']'); +} + + +// Stop any execution. +exit; diff --git a/pandora_console/include/class/TipsWindow.class.php b/pandora_console/include/class/TipsWindow.class.php new file mode 100644 index 0000000000..6f159c8ec7 --- /dev/null +++ b/pandora_console/include/class/TipsWindow.class.php @@ -0,0 +1,1057 @@ + $msg] + ); + } + + + /** + * Checks if target method is available to be called using AJAX. + * + * @param string $method Target method. + * + * @return boolean True allowed, false not. + */ + public function ajaxMethod($method) + { + // Check access. + check_login(); + + return in_array($method, $this->AJAXMethods); + } + + + /** + * Constructor. + * + * @param string $ajax_controller Controller. + * + * @return object + * @throws Exception On error. + */ + public function __construct( + $ajax_controller='include/ajax/tips_window.ajax' + ) { + $this->ajaxController = $ajax_controller; + + return $this; + } + + + /** + * Main method. + * + * @return void + */ + public function run() + { + global $config; + $_SESSION['showed_tips_window'] = true; + $userInfo = users_get_user_by_id($config['id_user']); + + if ((bool) $userInfo['show_tips_startup'] === false) { + return; + } + + ui_require_css_file('tips_window'); + ui_require_css_file('jquery.bxslider'); + ui_require_javascript_file('tipsWindow'); + ui_require_javascript_file('jquery.bxslider.min'); + echo '
'; + $totalTips = $this->getTotalTipsShowUser(); + if ($totalTips > 0) { + echo ''; + } + } + + + /** + * Render view modal with random tip + * + * @return void + */ + public function renderView() + { + $initialTip = $this->getRandomTip(true); + View::render( + 'dashboard/tipsWindow', + [ + 'title' => $initialTip['title'], + 'text' => $initialTip['text'], + 'url' => $initialTip['url'], + 'files' => $initialTip['files'], + 'id' => $initialTip['id'], + ] + ); + } + + + /** + * Render preview view modal with parameter + * + * @return void + */ + public function renderPreview() + { + $title = get_parameter('title', ''); + $text = get_parameter('text', ''); + $url = get_parameter('url', ''); + $files = get_parameter('files', ''); + $totalFiles64 = get_parameter('totalFiles64', ''); + $files64 = false; + + if ($totalFiles64 > 0) { + $files64 = []; + for ($i = 0; $i < $totalFiles64; $i++) { + $files64[] = get_parameter('file64_'.$i, ''); + } + } + + if (empty($files) === false) { + $files = explode(',', $files); + foreach ($files as $key => $value) { + $files[$key] = str_replace(ui_get_full_url('/'), '', $value); + } + } + + View::render( + 'dashboard/tipsWindow', + [ + 'title' => $title, + 'text' => $text, + 'url' => $url, + 'preview' => true, + 'files' => (empty($files) === false) ? $files : false, + 'files64' => (empty($files64) === false) ? $files64 : false, + ] + ); + } + + + /** + * Search a tip by id + * + * @param integer $idTip Id from tip. + * + * @return array $tip + */ + public function getTipById($idTip) + { + $tip = db_get_row( + 'twelcome_tip', + 'id', + $idTip, + ); + if ($tip !== false) { + $tip['title'] = io_safe_output($tip['title']); + $tip['text'] = io_safe_output($tip['text']); + $tip['url'] = io_safe_output($tip['url']); + } + + return $tip; + } + + + /** + * Return a tip or print it in json + * + * @param boolean $return Param for return or print json. + * + * @return array $tip + */ + public function getRandomTip($return=false) + { + global $config; + $exclude = get_parameter('exclude', ''); + $userInfo = users_get_user_by_id($config['id_user']); + $profilesUser = users_get_user_profile($config['id_user']); + $language = ($userInfo['language'] !== 'default') ? $userInfo['language'] : $config['language']; + + $idProfilesFilter = '0'; + foreach ($profilesUser as $key => $profile) { + $idProfilesFilter .= ','.$profile['id_perfil']; + } + + $sql = 'SELECT id, title, text, url + FROM twelcome_tip + WHERE enable = "1" '; + + if (empty($exclude) === false && $exclude !== null) { + $exclude = implode(',', json_decode($exclude, true)); + if ($exclude !== '') { + $sql .= sprintf(' AND id NOT IN (%s)', $exclude); + } + } + + $sql .= sprintf(' AND id_profile IN (%s)', $idProfilesFilter); + + $sql .= ' ORDER BY CASE WHEN id_lang = "'.$language.'" THEN id_lang END DESC, RAND()'; + + $tip = db_get_row_sql($sql); + + if (empty($tip) === false) { + $tip['files'] = $this->getFilesFromTip($tip['id']); + + $tip['title'] = io_safe_output($tip['title']); + $tip['text'] = io_safe_output($tip['text']); + $tip['url'] = io_safe_output($tip['url']); + } + + if ($return) { + if (empty($tip) === false) { + return $tip; + } else { + return false; + } + } else { + if (empty($tip) === false) { + echo json_encode(['success' => true, 'data' => $tip]); + return; + } else { + echo json_encode(['success' => false]); + return; + } + } + } + + + /** + * Get number of tips in database + * + * @return integer + */ + public function getTotalTips() + { + return db_get_sql('SELECT count(*) FROM twelcome_tip'); + } + + + /** + * Get totals tips that user can show + * + * @return array + */ + public function getTotalTipsShowUser() + { + global $config; + $profilesUser = users_get_user_profile($config['id_user']); + $idProfilesFilter = '0'; + foreach ($profilesUser as $key => $profile) { + $idProfilesFilter .= ','.$profile['id_perfil']; + } + + $sql = 'SELECT count(*) + FROM twelcome_tip + WHERE enable = "1" '; + + $sql .= sprintf(' AND id_profile IN (%s)', $idProfilesFilter); + + $sql .= ' ORDER BY CASE WHEN id_lang = "'.$config['language'].'" THEN id_lang END DESC, RAND()'; + + return db_get_sql($sql); + } + + + /** + * Return files from tip + * + * @param integer $idTip Id from tip. + * + * @return array + */ + public function getFilesFromTip($idTip) + { + if (empty($idTip) === true) { + return false; + } + + $sql = sprintf('SELECT id, filename, path FROM twelcome_tip_file WHERE twelcome_tip_file = %s', $idTip); + + return db_get_all_rows_sql($sql); + + } + + + /** + * Delete all images from tip in db and files + * + * @param integer $idTip Id from tip. + * @param array $imagesToRemove Array with id and images path. + * + * @return void + */ + public function deleteImagesFromTip($idTip, $imagesToRemove) + { + foreach ($imagesToRemove as $id => $image) { + unlink($image); + db_process_sql_delete( + 'twelcome_tip_file', + [ + 'id' => $id, + 'twelcome_tip_file' => $idTip, + ] + ); + } + } + + + /** + * Update token user for show tips at startup + * + * @return void + */ + public function setShowTipsAtStartup() + { + global $config; + $showTipsStartup = get_parameter('show_tips_startup', ''); + if ($showTipsStartup !== '' && $showTipsStartup !== null) { + $result = db_process_sql_update( + 'tusuario', + ['show_tips_startup' => $showTipsStartup], + ['id_user' => $config['id_user']] + ); + + if ($result !== false) { + echo json_encode(['success' => true]); + return; + } else { + echo json_encode(['success' => false]); + return; + } + } else { + echo json_encode(['success' => false]); + return; + } + + } + + + /** + * Draw table in list tips + * + * @param array $errors Array of errors if exists. + * + * @return void + */ + public function draw($errors=null) + { + ui_require_css_file('tips_window'); + + if ($errors !== null) { + if (count($errors) > 0) { + foreach ($errors as $key => $value) { + ui_print_error_message($value); + } + } else { + ui_print_success_message(__('Tip deleted')); + } + } + + try { + $columns = [ + 'language', + 'title', + 'text', + 'enable', + 'actions', + ]; + + $columnNames = [ + __('Language'), + __('Title'), + __('Text'), + __('Enable'), + __('Actions'), + ]; + + // Load datatables user interface. + ui_print_datatable( + [ + 'id' => 'list_tips_windows', + 'class' => 'info_table', + 'style' => 'width: 100%', + 'columns' => $columns, + 'column_names' => $columnNames, + 'ajax_url' => $this->ajaxController, + 'ajax_data' => ['method' => 'getTips'], + 'no_sortable_columns' => [-1], + 'order' => [ + 'field' => 'title', + 'direction' => 'asc', + ], + 'search_button_class' => 'sub filter float-right', + 'form' => [ + 'inputs' => [ + [ + 'label' => __('Search by title'), + 'type' => 'text', + 'name' => 'filter_title', + 'size' => 12, + ], + ], + ], + ] + ); + echo '
'; + echo ''; + html_print_submit_button( + __('Create tip'), + 'create', + false, + [ + 'class' => 'sub', + 'icon' => 'create_file', + ] + ); + echo ''; + echo '
'; + } catch (Exception $e) { + echo $e->getMessage(); + } + } + + + /** + * Delete tip and his files. + * + * @param integer $idTip Id from tip. + * + * @return integer Status from sql query. + */ + public function deleteTip($idTip) + { + $files = $this->getFilesFromTip($idTip); + if ($files !== false) { + if (count($files) > 0) { + foreach ($files as $key => $file) { + unlink($file['path'].'/'.$file['filename']); + } + } + } + + return db_process_sql_delete( + 'twelcome_tip', + ['id' => $idTip] + ); + } + + + /** + * Return tips for datatable + * + * @return void + */ + public function getTips() + { + global $config; + + $data = []; + $start = get_parameter('start', 0); + $length = get_parameter('length', $config['block_size']); + $orderDatatable = get_datatable_order(true); + $filters = get_parameter('filter', []); + $pagination = ''; + $filter = ''; + $order = ''; + + try { + ob_start(); + + if (key_exists('filter_title', $filters) === true) { + if (empty($filters['filter_title']) === false) { + $filter = ' WHERE title like "%'.$filters['filter_title'].'%"'; + } + } + + if (isset($orderDatatable)) { + $order = sprintf( + ' ORDER BY %s %s', + $orderDatatable['field'], + $orderDatatable['direction'] + ); + } + + if (isset($length) && $length > 0 + && isset($start) && $start >= 0 + ) { + $pagination = sprintf( + ' LIMIT %d OFFSET %d ', + $length, + $start + ); + } + + $sql = sprintf( + 'SELECT id, name AS language, title, text, url, enable + FROM twelcome_tip t + LEFT JOIN tlanguage l ON t.id_lang = l.id_language + %s %s %s', + $filter, + $order, + $pagination + ); + + $data = db_get_all_rows_sql($sql); + + foreach ($data as $key => $row) { + if ($row['enable'] === '1') { + $data[$key]['enable'] = ''; + } else { + $data[$key]['enable'] = ''; + } + + $data[$key]['title'] = io_safe_output($row['title']); + $data[$key]['text'] = io_safe_output($row['text']); + $data[$key]['url'] = io_safe_output($row['url']); + $data[$key]['actions'] = '
'; + $data[$key]['actions'] .= ''; + $data[$key]['actions'] .= html_print_image( + 'images/edit.svg', + true, + ['class' => 'main_menu_icon'] + ); + $data[$key]['actions'] .= ''; + $data[$key]['actions'] .= '
'; + $data[$key]['actions'] .= html_print_input_image( + 'button_delete_tip', + 'images/delete.svg', + '', + '', + true, + [ + 'onclick' => 'if (!confirm(\''.__('Are you sure?').'\')) return false;', + 'class' => 'main_menu_icon', + ] + ); + $data[$key]['actions'] .= html_print_input_hidden('idTip', $row['id'], true); + $data[$key]['actions'] .= '
'; + $data[$key]['actions'] .= '
'; + } + + if (empty($data) === true) { + $total = 0; + $data = []; + } else { + $total = $this->getTotalTips(); + } + + echo json_encode( + [ + 'data' => $data, + 'recordsTotal' => $total, + 'recordsFiltered' => $total, + ] + ); + // Capture output. + $response = ob_get_clean(); + } catch (Exception $e) { + echo json_encode(['error' => $e->getMessage()]); + exit; + } + + json_decode($response); + if (json_last_error() === JSON_ERROR_NONE) { + echo $response; + } else { + echo json_encode( + [ + 'success' => false, + 'error' => $response, + ] + ); + } + + exit; + } + + + /** + * Render view create tips + * + * @param array $errors Array of errors if exists. + * + * @return void + */ + public function viewCreate($errors=null) + { + ui_require_css_file('tips_window'); + ui_require_css_file('jquery.bxslider'); + ui_require_javascript_file('tipsWindow'); + ui_require_javascript_file('jquery.bxslider.min'); + + if ($errors !== null) { + if (count($errors) > 0) { + foreach ($errors as $key => $value) { + ui_print_error_message($value); + } + } else { + ui_print_success_message(__('Tip created')); + } + } + + $profiles = profile_get_profiles(); + + echo ''; + $table = new stdClass(); + $table->width = '100%'; + $table->class = 'databox filters'; + + $table->style[0] = 'font-weight: bold'; + + $table->data = []; + $table->data[0][0] = __('Images'); + $table->data[0][1] .= html_print_div(['id' => 'inputs_images'], true); + $table->data[0][1] .= html_print_div( + [ + 'id' => 'notices_images', + 'class' => 'invisible', + 'content' => '

'.__('Wrong size, we recommend images of 464x260 px').'

', + ], + true + ); + $table->data[0][1] .= html_print_button(__('Add image'), 'button_add_image', false, '', '', true); + $table->data[1][0] = __('Language'); + $table->data[1][1] = html_print_select_from_sql( + 'SELECT id_language, name FROM tlanguage', + 'id_lang', + '', + '', + '', + '0', + true + ); + $table->data[2][0] = __('Profile'); + $table->data[2][1] = html_print_select($profiles, 'id_profile', '0', '', __('All'), 0, true); + $table->data[3][0] = __('Title'); + $table->data[3][1] = html_print_input_text('title', '', '', 35, 100, true); + $table->data[4][0] = __('Text'); + $table->data[4][1] = html_print_textarea('text', 5, 50, '', '', true); + $table->data[5][0] = __('Url'); + $table->data[5][1] = html_print_input_text('url', '', '', 35, 100, true); + $table->data[6][0] = __('Enable'); + $table->data[6][1] = html_print_checkbox_switch('enable', true, true, true); + + echo '
'; + html_print_table($table); + echo '
'; + html_print_submit_button( + __('Send'), + 'submit_button', + false, + [ + 'class' => 'sub', + 'icon' => 'update', + ] + ); + html_print_submit_button( + __('Preview'), + 'preview_button', + false, + [ + 'class' => 'sub preview', + 'id' => 'prev_button', + 'icon' => 'preview', + ] + ); + echo '
'; + echo '
'; + html_print_div(['id' => 'tips_window_modal_preview']); + } + + + /** + * Render view edit tips + * + * @param integer $idTip Id from tips. + * @param array $errors Array of errors if exists. + * + * @return void + */ + public function viewEdit($idTip, $errors=null) + { + $tip = $this->getTipById($idTip); + if ($tip === false) { + return; + } + + $files = $this->getFilesFromTip($idTip); + + ui_require_css_file('tips_window'); + ui_require_css_file('jquery.bxslider'); + ui_require_javascript_file('tipsWindow'); + ui_require_javascript_file('jquery.bxslider.min'); + + if ($errors !== null) { + if (count($errors) > 0) { + foreach ($errors as $key => $value) { + ui_print_error_message($value); + } + } else { + ui_print_success_message(__('Tip edited')); + } + } + + $outputImagesTip = ''; + if (empty($files) === false) { + foreach ($files as $key => $value) { + $namePath = $value['path'].$value['filename']; + $imageTip = html_print_image($namePath, true); + $imageTip .= html_print_input_image( + 'delete_image_tip', + 'images/delete.svg', + '', + '', + true, + [ + 'onclick' => 'deleteImage(this, \''.$value['id'].'\', \''.$namePath.'\')', + 'class' => 'remove-image', + ] + ); + $outputImagesTip .= html_print_div( + [ + 'class' => 'image_tip', + 'content' => $imageTip, + ], + true + ); + } + } + + $profiles = profile_get_profiles(); + + echo ''; + $table = new stdClass(); + $table->width = '100%'; + $table->class = 'databox filters'; + + $table->style[0] = 'font-weight: bold'; + + $table->data = []; + $table->data[0][0] = __('Images'); + $table->data[0][1] .= $outputImagesTip; + $table->data[0][1] .= html_print_div(['id' => 'inputs_images'], true); + $table->data[0][1] .= html_print_input_hidden('images_to_delete', '{}', true); + $table->data[0][1] .= html_print_div( + [ + 'id' => 'notices_images', + 'class' => 'invisible', + 'content' => '

'.__('Wrong size, we recommend images of 464x260 px').'

', + ], + true + ); + $table->data[0][1] .= html_print_button(__('Add image'), 'button_add_image', false, '', '', true); + $table->data[1][0] = __('Language'); + $table->data[1][1] = html_print_select_from_sql( + 'SELECT id_language, name FROM tlanguage', + 'id_lang', + $tip['id_lang'], + '', + '', + '0', + true + ); + $table->data[2][0] = __('Profile'); + $table->data[2][1] = html_print_select($profiles, 'id_profile', $tip['id_profile'], '', __('All'), 0, true); + $table->data[3][0] = __('Title'); + $table->data[3][1] = html_print_input_text('title', $tip['title'], '', 35, 100, true); + $table->data[4][0] = __('Text'); + $table->data[4][1] = html_print_textarea('text', 5, 50, $tip['text'], '', true); + $table->data[5][0] = __('Url'); + $table->data[5][1] = html_print_input_text('url', $tip['url'], '', 35, 100, true); + $table->data[6][0] = __('Enable'); + $table->data[6][1] = html_print_checkbox_switch('enable', 1, ($tip['enable'] === '1') ? true : false, true); + + echo '
'; + html_print_table($table); + echo '
'; + html_print_submit_button( + __('Send'), + 'submit_button', + false, + [ + 'class' => 'sub', + 'icon' => 'update', + ] + ); + html_print_submit_button( + __('Preview'), + 'preview_button', + false, + [ + 'class' => 'sub preview', + 'id' => 'prev_button', + 'icon' => 'preview', + ] + ); + + echo '
'; + echo '
'; + html_print_div(['id' => 'tips_window_modal_preview']); + } + + + /** + * Udpdate tip + * + * @param integer $id Id from tip. + * @param integer $id_profile Id profile. + * @param string $id_lang Id langugage. + * @param string $title Title from tip. + * @param string $text Text from tip. + * @param string $url Url from tip. + * @param boolean $enable Indicates if the tip is activated. + * @param array $images Images from tip. + * + * @return boolean + */ + public function updateTip($id, $id_profile, $id_lang, $title, $text, $url, $enable, $images=null) + { + db_process_sql_begin(); + + $idTip = db_process_sql_update( + 'twelcome_tip', + [ + 'id_lang' => $id_lang, + 'id_profile' => (empty($id_profile) === false) ? $id_profile : 0, + 'title' => $title, + 'text' => $text, + 'url' => $url, + 'enable' => $enable, + ], + ['id' => $id] + ); + if ($idTip === false) { + db_process_sql_rollback(); + return false; + } + + if ($images !== null) { + foreach ($images as $key => $image) { + $res = db_process_sql_insert( + 'twelcome_tip_file', + [ + 'twelcome_tip_file' => $id, + 'filename' => $image, + 'path' => 'images/tips/', + ] + ); + if ($res === false) { + db_process_sql_rollback(); + return false; + } + } + } + + db_process_sql_commit(); + + return true; + } + + + /** + * Create tip + * + * @param string $id_lang Id langugage. + * @param integer $id_profile Id profile. + * @param string $title Title from tip. + * @param string $text Text from tip. + * @param string $url Url from tip. + * @param boolean $enable Indicates if the tip is activated. + * @param array $images Images from tip. + * + * @return boolean + */ + public function createTip($id_lang, $id_profile, $title, $text, $url, $enable, $images=null) + { + db_process_sql_begin(); + $idTip = db_process_sql_insert( + 'twelcome_tip', + [ + 'id_lang' => $id_lang, + 'id_profile' => (empty($id_profile) === false) ? $id_profile : 0, + 'title' => $title, + 'text' => $text, + 'url' => $url, + 'enable' => $enable, + ] + ); + if ($idTip === false) { + db_process_sql_rollback(); + return false; + } + + if ($images !== null) { + foreach ($images as $key => $image) { + $res = db_process_sql_insert( + 'twelcome_tip_file', + [ + 'twelcome_tip_file' => $idTip, + 'filename' => $image, + 'path' => 'images/tips/', + ] + ); + if ($res === false) { + db_process_sql_rollback(); + return false; + } + } + } + + db_process_sql_commit(); + + return true; + } + + + /** + * Validate images uploads for the user + * + * @param array $files List images for validate. + * + * @return boolean Return boolean or array errors. + */ + public function validateImages($files) + { + $formats = [ + 'image/png', + 'image/jpg', + 'image/jpeg', + 'image/gif', + ]; + $errors = []; + $maxsize = 6097152; + + foreach ($files as $key => $file) { + if ($file['error'] !== 0) { + $errors[] = __('Incorrect file'); + } + + if (in_array($file['type'], $formats) === false) { + $errors[] = __('Format image invalid'); + } + + if ($file['size'] > $maxsize) { + $errors[] = __('Image size too large'); + } + } + + if (count($errors) > 0) { + return $errors; + } else { + return false; + } + } + + + /** + * Upload images passed by user + * + * @param array $files List of files for upload. + * + * @return array List of names files. + */ + public function uploadImages($files) + { + $dir = 'images/tips/'; + $imagesOk = []; + foreach ($files as $key => $file) { + $name = str_replace(' ', '_', $file['name']); + $name = str_replace('.', uniqid().'.', $name); + move_uploaded_file($file['tmp_name'], $dir.'/'.$name); + $imagesOk[] = $name; + } + + return $imagesOk; + } + + +} diff --git a/pandora_console/include/javascript/jquery.bxslider.min.js b/pandora_console/include/javascript/jquery.bxslider.min.js new file mode 100644 index 0000000000..16e64c0dd5 --- /dev/null +++ b/pandora_console/include/javascript/jquery.bxslider.min.js @@ -0,0 +1,7 @@ +/** + * bxSlider v4.2.12 + * Copyright 2013-2015 Steven Wanderski + * Written while drinking Belgian ales and listening to jazz + * Licensed under MIT (http://opensource.org/licenses/MIT) + */ +!function(t){var e={mode:"horizontal",slideSelector:"",infiniteLoop:!0,hideControlOnEnd:!1,speed:500,easing:null,slideMargin:0,startSlide:0,randomStart:!1,captions:!1,ticker:!1,tickerHover:!1,adaptiveHeight:!1,adaptiveHeightSpeed:500,video:!1,useCSS:!0,preloadImages:"visible",responsive:!0,slideZIndex:50,wrapperClass:"bx-wrapper",touchEnabled:!0,swipeThreshold:50,oneToOneTouch:!0,preventDefaultSwipeX:!0,preventDefaultSwipeY:!1,ariaLive:!0,ariaHidden:!0,keyboardEnabled:!1,pager:!0,pagerType:"full",pagerShortSeparator:" / ",pagerSelector:null,buildPager:null,pagerCustom:null,controls:!0,nextText:"Next",prevText:"Prev",nextSelector:null,prevSelector:null,autoControls:!1,startText:"Start",stopText:"Stop",autoControlsCombine:!1,autoControlsSelector:null,auto:!1,pause:4e3,autoStart:!0,autoDirection:"next",stopAutoOnClick:!1,autoHover:!1,autoDelay:0,autoSlideForOnePage:!1,minSlides:1,maxSlides:1,moveSlides:0,slideWidth:0,shrinkItems:!1,onSliderLoad:function(){return!0},onSlideBefore:function(){return!0},onSlideAfter:function(){return!0},onSlideNext:function(){return!0},onSlidePrev:function(){return!0},onSliderResize:function(){return!0}};t.fn.bxSlider=function(n){if(0===this.length)return this;if(this.length>1)return this.each(function(){t(this).bxSlider(n)}),this;var s={},o=this,r=t(window).width(),a=t(window).height();if(!t(o).data("bxSlider")){var l=function(){t(o).data("bxSlider")||(s.settings=t.extend({},e,n),s.settings.slideWidth=parseInt(s.settings.slideWidth),s.children=o.children(s.settings.slideSelector),s.children.length1||s.settings.maxSlides>1,s.carousel&&(s.settings.preloadImages="all"),s.minThreshold=s.settings.minSlides*s.settings.slideWidth+(s.settings.minSlides-1)*s.settings.slideMargin,s.maxThreshold=s.settings.maxSlides*s.settings.slideWidth+(s.settings.maxSlides-1)*s.settings.slideMargin,s.working=!1,s.controls={},s.interval=null,s.animProp="vertical"===s.settings.mode?"top":"left",s.usingCSS=s.settings.useCSS&&"fade"!==s.settings.mode&&function(){for(var t=document.createElement("div"),e=["WebkitPerspective","MozPerspective","OPerspective","msPerspective"],i=0;i
'),s.viewport=o.parent(),s.settings.ariaLive&&!s.settings.ticker&&s.viewport.attr("aria-live","polite"),s.loader=t('
'),s.viewport.prepend(s.loader),o.css({width:"horizontal"===s.settings.mode?1e3*s.children.length+215+"%":"auto",position:"relative"}),s.usingCSS&&s.settings.easing?o.css("-"+s.cssPrefix+"-transition-timing-function",s.settings.easing):s.settings.easing||(s.settings.easing="swing"),s.viewport.css({width:"100%",overflow:"hidden",position:"relative"}),s.viewport.parent().css({maxWidth:u()}),s.children.css({float:"horizontal"===s.settings.mode?"left":"none",listStyle:"none",position:"relative"}),s.children.css("width",h()),"horizontal"===s.settings.mode&&s.settings.slideMargin>0&&s.children.css("marginRight",s.settings.slideMargin),"vertical"===s.settings.mode&&s.settings.slideMargin>0&&s.children.css("marginBottom",s.settings.slideMargin),"fade"===s.settings.mode&&(s.children.css({position:"absolute",zIndex:0,display:"none"}),s.children.eq(s.settings.startSlide).css({zIndex:s.settings.slideZIndex,display:"block"})),s.controls.el=t('
'),s.settings.captions&&P(),s.active.last=s.settings.startSlide===f()-1,s.settings.video&&o.fitVids(),("all"===s.settings.preloadImages||s.settings.ticker)&&(e=s.children),s.settings.ticker?s.settings.pager=!1:(s.settings.controls&&C(),s.settings.auto&&s.settings.autoControls&&T(),s.settings.pager&&w(),(s.settings.controls||s.settings.autoControls||s.settings.pager)&&s.viewport.after(s.controls.el)),c(e,g)},c=function(e,i){var n=e.find('img:not([src=""]), iframe').length,s=0;return 0===n?void i():void e.find('img:not([src=""]), iframe').each(function(){t(this).one("load error",function(){++s===n&&i()}).each(function(){this.complete&&t(this).trigger("load")})})},g=function(){if(s.settings.infiniteLoop&&"fade"!==s.settings.mode&&!s.settings.ticker){var e="vertical"===s.settings.mode?s.settings.minSlides:s.settings.maxSlides,i=s.children.slice(0,e).clone(!0).addClass("bx-clone"),n=s.children.slice(-e).clone(!0).addClass("bx-clone");s.settings.ariaHidden&&(i.attr("aria-hidden",!0),n.attr("aria-hidden",!0)),o.append(i).prepend(n)}s.loader.remove(),m(),"vertical"===s.settings.mode&&(s.settings.adaptiveHeight=!0),s.viewport.height(p()),o.redrawSlider(),s.settings.onSliderLoad.call(o,s.active.index),s.initialized=!0,s.settings.responsive&&t(window).bind("resize",Z),s.settings.auto&&s.settings.autoStart&&(f()>1||s.settings.autoSlideForOnePage)&&H(),s.settings.ticker&&W(),s.settings.pager&&I(s.settings.startSlide),s.settings.controls&&D(),s.settings.touchEnabled&&!s.settings.ticker&&N(),s.settings.keyboardEnabled&&!s.settings.ticker&&t(document).keydown(F)},p=function(){var e=0,n=t();if("vertical"===s.settings.mode||s.settings.adaptiveHeight)if(s.carousel){var o=1===s.settings.moveSlides?s.active.index:s.active.index*x();for(n=s.children.eq(o),i=1;i<=s.settings.maxSlides-1;i++)n=o+i>=s.children.length?n.add(s.children.eq(i-1)):n.add(s.children.eq(o+i))}else n=s.children.eq(s.active.index);else n=s.children;return"vertical"===s.settings.mode?(n.each(function(i){e+=t(this).outerHeight()}),s.settings.slideMargin>0&&(e+=s.settings.slideMargin*(s.settings.minSlides-1))):e=Math.max.apply(Math,n.map(function(){return t(this).outerHeight(!1)}).get()),"border-box"===s.viewport.css("box-sizing")?e+=parseFloat(s.viewport.css("padding-top"))+parseFloat(s.viewport.css("padding-bottom"))+parseFloat(s.viewport.css("border-top-width"))+parseFloat(s.viewport.css("border-bottom-width")):"padding-box"===s.viewport.css("box-sizing")&&(e+=parseFloat(s.viewport.css("padding-top"))+parseFloat(s.viewport.css("padding-bottom"))),e},u=function(){var t="100%";return s.settings.slideWidth>0&&(t="horizontal"===s.settings.mode?s.settings.maxSlides*s.settings.slideWidth+(s.settings.maxSlides-1)*s.settings.slideMargin:s.settings.slideWidth),t},h=function(){var t=s.settings.slideWidth,e=s.viewport.width();if(0===s.settings.slideWidth||s.settings.slideWidth>e&&!s.carousel||"vertical"===s.settings.mode)t=e;else if(s.settings.maxSlides>1&&"horizontal"===s.settings.mode){if(e>s.maxThreshold)return t;e0?s.viewport.width()s.maxThreshold?t=s.settings.maxSlides:(e=s.children.first().width()+s.settings.slideMargin,t=Math.floor((s.viewport.width()+s.settings.slideMargin)/e)):"vertical"===s.settings.mode&&(t=s.settings.minSlides),t},f=function(){var t=0,e=0,i=0;if(s.settings.moveSlides>0)if(s.settings.infiniteLoop)t=Math.ceil(s.children.length/x());else for(;e0&&s.settings.moveSlides<=v()?s.settings.moveSlides:v()},m=function(){var t,e,i;s.children.length>s.settings.maxSlides&&s.active.last&&!s.settings.infiniteLoop?"horizontal"===s.settings.mode?(e=s.children.last(),t=e.position(),S(-(t.left-(s.viewport.width()-e.outerWidth())),"reset",0)):"vertical"===s.settings.mode&&(i=s.children.length-s.settings.minSlides,t=s.children.eq(i).position(),S(-t.top,"reset",0)):(t=s.children.eq(s.active.index*x()).position(),s.active.index===f()-1&&(s.active.last=!0),void 0!==t&&("horizontal"===s.settings.mode?S(-t.left,"reset",0):"vertical"===s.settings.mode&&S(-t.top,"reset",0)))},S=function(e,i,n,r){var a,l;s.usingCSS?(l="vertical"===s.settings.mode?"translate3d(0, "+e+"px, 0)":"translate3d("+e+"px, 0, 0)",o.css("-"+s.cssPrefix+"-transition-duration",n/1e3+"s"),"slide"===i?(o.css(s.animProp,l),0!==n?o.bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd",function(e){t(e.target).is(o)&&(o.unbind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd"),q())}):q()):"reset"===i?o.css(s.animProp,l):"ticker"===i&&(o.css("-"+s.cssPrefix+"-transition-timing-function","linear"),o.css(s.animProp,l),0!==n?o.bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd",function(e){t(e.target).is(o)&&(o.unbind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd"),S(r.resetValue,"reset",0),L())}):(S(r.resetValue,"reset",0),L()))):(a={},a[s.animProp]=e,"slide"===i?o.animate(a,n,s.settings.easing,function(){q()}):"reset"===i?o.css(s.animProp,e):"ticker"===i&&o.animate(a,n,"linear",function(){S(r.resetValue,"reset",0),L()}))},b=function(){for(var e="",i="",n=f(),o=0;o'+i+"
";s.pagerEl.html(e)},w=function(){s.settings.pagerCustom?s.pagerEl=t(s.settings.pagerCustom):(s.pagerEl=t('
'),s.settings.pagerSelector?t(s.settings.pagerSelector).html(s.pagerEl):s.controls.el.addClass("bx-has-pager").append(s.pagerEl),b()),s.pagerEl.on("click touchend","a",z)},C=function(){s.controls.next=t(''+s.settings.nextText+""),s.controls.prev=t(''+s.settings.prevText+""),s.controls.next.bind("click touchend",E),s.controls.prev.bind("click touchend",k),s.settings.nextSelector&&t(s.settings.nextSelector).append(s.controls.next),s.settings.prevSelector&&t(s.settings.prevSelector).append(s.controls.prev),s.settings.nextSelector||s.settings.prevSelector||(s.controls.directionEl=t('
'),s.controls.directionEl.append(s.controls.prev).append(s.controls.next),s.controls.el.addClass("bx-has-controls-direction").append(s.controls.directionEl))},T=function(){s.controls.start=t('
'+s.settings.startText+"
"),s.controls.stop=t('
'+s.settings.stopText+"
"),s.controls.autoEl=t('
'),s.controls.autoEl.on("click",".bx-start",M),s.controls.autoEl.on("click",".bx-stop",y),s.settings.autoControlsCombine?s.controls.autoEl.append(s.controls.start):s.controls.autoEl.append(s.controls.start).append(s.controls.stop),s.settings.autoControlsSelector?t(s.settings.autoControlsSelector).html(s.controls.autoEl):s.controls.el.addClass("bx-has-controls-auto").append(s.controls.autoEl),A(s.settings.autoStart?"stop":"start")},P=function(){s.children.each(function(e){var i=t(this).find("img:first").attr("title");void 0!==i&&(""+i).length&&t(this).append('
'+i+"
")})},E=function(t){t.preventDefault(),s.controls.el.hasClass("disabled")||(s.settings.auto&&s.settings.stopAutoOnClick&&o.stopAuto(),o.goToNextSlide())},k=function(t){t.preventDefault(),s.controls.el.hasClass("disabled")||(s.settings.auto&&s.settings.stopAutoOnClick&&o.stopAuto(),o.goToPrevSlide())},M=function(t){o.startAuto(),t.preventDefault()},y=function(t){o.stopAuto(),t.preventDefault()},z=function(e){var i,n;e.preventDefault(),s.controls.el.hasClass("disabled")||(s.settings.auto&&s.settings.stopAutoOnClick&&o.stopAuto(),i=t(e.currentTarget),void 0!==i.attr("data-slide-index")&&(n=parseInt(i.attr("data-slide-index")),n!==s.active.index&&o.goToSlide(n)))},I=function(e){var i=s.children.length;return"short"===s.settings.pagerType?(s.settings.maxSlides>1&&(i=Math.ceil(s.children.length/s.settings.maxSlides)),void s.pagerEl.html(e+1+s.settings.pagerShortSeparator+i)):(s.pagerEl.find("a").removeClass("active"),void s.pagerEl.each(function(i,n){t(n).find("a").eq(e).addClass("active")}))},q=function(){if(s.settings.infiniteLoop){var t="";0===s.active.index?t=s.children.eq(0).position():s.active.index===f()-1&&s.carousel?t=s.children.eq((f()-1)*x()).position():s.active.index===s.children.length-1&&(t=s.children.eq(s.children.length-1).position()),t&&("horizontal"===s.settings.mode?S(-t.left,"reset",0):"vertical"===s.settings.mode&&S(-t.top,"reset",0))}s.working=!1,s.settings.onSlideAfter.call(o,s.children.eq(s.active.index),s.oldIndex,s.active.index)},A=function(t){s.settings.autoControlsCombine?s.controls.autoEl.html(s.controls[t]):(s.controls.autoEl.find("a").removeClass("active"),s.controls.autoEl.find("a:not(.bx-"+t+")").addClass("active"))},D=function(){1===f()?(s.controls.prev.addClass("disabled"),s.controls.next.addClass("disabled")):!s.settings.infiniteLoop&&s.settings.hideControlOnEnd&&(0===s.active.index?(s.controls.prev.addClass("disabled"),s.controls.next.removeClass("disabled")):s.active.index===f()-1?(s.controls.next.addClass("disabled"),s.controls.prev.removeClass("disabled")):(s.controls.prev.removeClass("disabled"),s.controls.next.removeClass("disabled")))},H=function(){if(s.settings.autoDelay>0){setTimeout(o.startAuto,s.settings.autoDelay)}else o.startAuto(),t(window).focus(function(){o.startAuto()}).blur(function(){o.stopAuto()});s.settings.autoHover&&o.hover(function(){s.interval&&(o.stopAuto(!0),s.autoPaused=!0)},function(){s.autoPaused&&(o.startAuto(!0),s.autoPaused=null)})},W=function(){var e,i,n,r,a,l,d,c,g=0;"next"===s.settings.autoDirection?o.append(s.children.clone().addClass("bx-clone")):(o.prepend(s.children.clone().addClass("bx-clone")),e=s.children.first().position(),g="horizontal"===s.settings.mode?-e.left:-e.top),S(g,"reset",0),s.settings.pager=!1,s.settings.controls=!1,s.settings.autoControls=!1,s.settings.tickerHover&&(s.usingCSS?(r="horizontal"===s.settings.mode?4:5,s.viewport.hover(function(){i=o.css("-"+s.cssPrefix+"-transform"),n=parseFloat(i.split(",")[r]),S(n,"reset",0)},function(){c=0,s.children.each(function(e){c+="horizontal"===s.settings.mode?t(this).outerWidth(!0):t(this).outerHeight(!0)}),a=s.settings.speed/c,l="horizontal"===s.settings.mode?"left":"top",d=a*(c-Math.abs(parseInt(n))),L(d)})):s.viewport.hover(function(){o.stop()},function(){c=0,s.children.each(function(e){c+="horizontal"===s.settings.mode?t(this).outerWidth(!0):t(this).outerHeight(!0)}),a=s.settings.speed/c,l="horizontal"===s.settings.mode?"left":"top",d=a*(c-Math.abs(parseInt(o.css(l)))),L(d)})),L()},L=function(t){var e,i,n,r=t?t:s.settings.speed,a={left:0,top:0},l={left:0,top:0};"next"===s.settings.autoDirection?a=o.find(".bx-clone").first().position():l=s.children.first().position(),e="horizontal"===s.settings.mode?-a.left:-a.top,i="horizontal"===s.settings.mode?-l.left:-l.top,n={resetValue:i},S(e,"ticker",r,n)},O=function(e){var i=t(window),n={top:i.scrollTop(),left:i.scrollLeft()},s=e.offset();return n.right=n.left+i.width(),n.bottom=n.top+i.height(),s.right=s.left+e.outerWidth(),s.bottom=s.top+e.outerHeight(),!(n.rights.right||n.bottoms.bottom)},F=function(t){var e=document.activeElement.tagName.toLowerCase(),i="input|textarea",n=new RegExp(e,["i"]),s=n.exec(i);if(null==s&&O(o)){if(39===t.keyCode)return E(t),!1;if(37===t.keyCode)return k(t),!1}},N=function(){s.touch={start:{x:0,y:0},end:{x:0,y:0}},s.viewport.bind("touchstart MSPointerDown pointerdown",X),s.viewport.on("click",".bxslider a",function(t){s.viewport.hasClass("click-disabled")&&(t.preventDefault(),s.viewport.removeClass("click-disabled"))})},X=function(t){if(s.controls.el.addClass("disabled"),s.working)t.preventDefault(),s.controls.el.removeClass("disabled");else{s.touch.originalPos=o.position();var e=t.originalEvent,i="undefined"!=typeof e.changedTouches?e.changedTouches:[e];s.touch.start.x=i[0].pageX,s.touch.start.y=i[0].pageY,s.viewport.get(0).setPointerCapture&&(s.pointerId=e.pointerId,s.viewport.get(0).setPointerCapture(s.pointerId)),s.viewport.bind("touchmove MSPointerMove pointermove",V),s.viewport.bind("touchend MSPointerUp pointerup",R),s.viewport.bind("MSPointerCancel pointercancel",Y)}},Y=function(t){S(s.touch.originalPos.left,"reset",0),s.controls.el.removeClass("disabled"),s.viewport.unbind("MSPointerCancel pointercancel",Y),s.viewport.unbind("touchmove MSPointerMove pointermove",V),s.viewport.unbind("touchend MSPointerUp pointerup",R),s.viewport.get(0).releasePointerCapture&&s.viewport.get(0).releasePointerCapture(s.pointerId)},V=function(t){var e=t.originalEvent,i="undefined"!=typeof e.changedTouches?e.changedTouches:[e],n=Math.abs(i[0].pageX-s.touch.start.x),o=Math.abs(i[0].pageY-s.touch.start.y),r=0,a=0;3*n>o&&s.settings.preventDefaultSwipeX?t.preventDefault():3*o>n&&s.settings.preventDefaultSwipeY&&t.preventDefault(),"fade"!==s.settings.mode&&s.settings.oneToOneTouch&&("horizontal"===s.settings.mode?(a=i[0].pageX-s.touch.start.x,r=s.touch.originalPos.left+a):(a=i[0].pageY-s.touch.start.y,r=s.touch.originalPos.top+a),S(r,"reset",0))},R=function(t){s.viewport.unbind("touchmove MSPointerMove pointermove",V),s.controls.el.removeClass("disabled");var e=t.originalEvent,i="undefined"!=typeof e.changedTouches?e.changedTouches:[e],n=0,r=0;s.touch.end.x=i[0].pageX,s.touch.end.y=i[0].pageY,"fade"===s.settings.mode?(r=Math.abs(s.touch.start.x-s.touch.end.x),r>=s.settings.swipeThreshold&&(s.touch.start.x>s.touch.end.x?o.goToNextSlide():o.goToPrevSlide(),o.stopAuto())):("horizontal"===s.settings.mode?(r=s.touch.end.x-s.touch.start.x,n=s.touch.originalPos.left):(r=s.touch.end.y-s.touch.start.y,n=s.touch.originalPos.top),!s.settings.infiniteLoop&&(0===s.active.index&&r>0||s.active.last&&r<0)?S(n,"reset",200):Math.abs(r)>=s.settings.swipeThreshold?(r<0?o.goToNextSlide():o.goToPrevSlide(),o.stopAuto()):S(n,"reset",200)),s.viewport.unbind("touchend MSPointerUp pointerup",R),s.viewport.get(0).releasePointerCapture&&s.viewport.get(0).releasePointerCapture(s.pointerId)},Z=function(e){if(s.initialized)if(s.working)window.setTimeout(Z,10);else{var i=t(window).width(),n=t(window).height();r===i&&a===n||(r=i,a=n,o.redrawSlider(),s.settings.onSliderResize.call(o,s.active.index))}},B=function(t){var e=v();s.settings.ariaHidden&&!s.settings.ticker&&(s.children.attr("aria-hidden","true"),s.children.slice(t,t+e).attr("aria-hidden","false"))},U=function(t){return t<0?s.settings.infiniteLoop?f()-1:s.active.index:t>=f()?s.settings.infiniteLoop?0:s.active.index:t};return o.goToSlide=function(e,i){var n,r,a,l,d=!0,c=0,g={left:0,top:0},u=null;if(s.oldIndex=s.active.index,s.active.index=U(e),!s.working&&s.active.index!==s.oldIndex){if(s.working=!0,d=s.settings.onSlideBefore.call(o,s.children.eq(s.active.index),s.oldIndex,s.active.index),"undefined"!=typeof d&&!d)return s.active.index=s.oldIndex,void(s.working=!1);"next"===i?s.settings.onSlideNext.call(o,s.children.eq(s.active.index),s.oldIndex,s.active.index)||(d=!1):"prev"===i&&(s.settings.onSlidePrev.call(o,s.children.eq(s.active.index),s.oldIndex,s.active.index)||(d=!1)),s.active.last=s.active.index>=f()-1,(s.settings.pager||s.settings.pagerCustom)&&I(s.active.index),s.settings.controls&&D(),"fade"===s.settings.mode?(s.settings.adaptiveHeight&&s.viewport.height()!==p()&&s.viewport.animate({height:p()},s.settings.adaptiveHeightSpeed),s.children.filter(":visible").fadeOut(s.settings.speed).css({zIndex:0}),s.children.eq(s.active.index).css("zIndex",s.settings.slideZIndex+1).fadeIn(s.settings.speed,function(){t(this).css("zIndex",s.settings.slideZIndex),q()})):(s.settings.adaptiveHeight&&s.viewport.height()!==p()&&s.viewport.animate({height:p()},s.settings.adaptiveHeightSpeed),!s.settings.infiniteLoop&&s.carousel&&s.active.last?"horizontal"===s.settings.mode?(u=s.children.eq(s.children.length-1),g=u.position(),c=s.viewport.width()-u.outerWidth()):(n=s.children.length-s.settings.minSlides,g=s.children.eq(n).position()):s.carousel&&s.active.last&&"prev"===i?(r=1===s.settings.moveSlides?s.settings.maxSlides-x():(f()-1)*x()-(s.children.length-s.settings.maxSlides),u=o.children(".bx-clone").eq(r),g=u.position()):"next"===i&&0===s.active.index?(g=o.find("> .bx-clone").eq(s.settings.maxSlides).position(),s.active.last=!1):e>=0&&(l=e*parseInt(x()),g=s.children.eq(l).position()),"undefined"!=typeof g?(a="horizontal"===s.settings.mode?-(g.left-c):-g.top,S(a,"slide",s.settings.speed)):s.working=!1),s.settings.ariaHidden&&B(s.active.index*x())}},o.goToNextSlide=function(){if(s.settings.infiniteLoop||!s.active.last){var t=parseInt(s.active.index)+1;o.goToSlide(t,"next")}},o.goToPrevSlide=function(){if(s.settings.infiniteLoop||0!==s.active.index){var t=parseInt(s.active.index)-1;o.goToSlide(t,"prev")}},o.startAuto=function(t){s.interval||(s.interval=setInterval(function(){"next"===s.settings.autoDirection?o.goToNextSlide():o.goToPrevSlide()},s.settings.pause),s.settings.autoControls&&t!==!0&&A("stop"))},o.stopAuto=function(t){s.interval&&(clearInterval(s.interval),s.interval=null,s.settings.autoControls&&t!==!0&&A("start"))},o.getCurrentSlide=function(){return s.active.index},o.getCurrentSlideElement=function(){return s.children.eq(s.active.index)},o.getSlideElement=function(t){return s.children.eq(t)},o.getSlideCount=function(){return s.children.length},o.isWorking=function(){return s.working},o.redrawSlider=function(){s.children.add(o.find(".bx-clone")).outerWidth(h()),s.viewport.css("height",p()),s.settings.ticker||m(),s.active.last&&(s.active.index=f()-1),s.active.index>=f()&&(s.active.last=!0),s.settings.pager&&!s.settings.pagerCustom&&(b(),I(s.active.index)),s.settings.ariaHidden&&B(s.active.index*x())},o.destroySlider=function(){s.initialized&&(s.initialized=!1,t(".bx-clone",this).remove(),s.children.each(function(){void 0!==t(this).data("origStyle")?t(this).attr("style",t(this).data("origStyle")):t(this).removeAttr("style")}),void 0!==t(this).data("origStyle")?this.attr("style",t(this).data("origStyle")):t(this).removeAttr("style"),t(this).unwrap().unwrap(),s.controls.el&&s.controls.el.remove(),s.controls.next&&s.controls.next.remove(),s.controls.prev&&s.controls.prev.remove(),s.pagerEl&&s.settings.controls&&!s.settings.pagerCustom&&s.pagerEl.remove(),t(".bx-caption",this).remove(),s.controls.autoEl&&s.controls.autoEl.remove(),clearInterval(s.interval),s.settings.responsive&&t(window).unbind("resize",Z),s.settings.keyboardEnabled&&t(document).unbind("keydown",F),t(this).removeData("bxSlider"))},o.reloadSlider=function(e){void 0!==e&&(n=e),o.destroySlider(),l(),t(o).data("bxSlider",this)},l(),t(o).data("bxSlider",this),this}}}(jQuery); \ No newline at end of file diff --git a/pandora_console/include/javascript/tipsWindow.js b/pandora_console/include/javascript/tipsWindow.js new file mode 100644 index 0000000000..1f63c2bbe2 --- /dev/null +++ b/pandora_console/include/javascript/tipsWindow.js @@ -0,0 +1,354 @@ +/* globals $, idTips, totalTips, url, page, uniqId */ +$(document).ready(function() { + $("#button-button_add_image").on("click", function() { + var numberImages = $("#inputs_images").children().length; + var div_image = document.createElement("div"); + $(div_image).attr("class", "action_image"); + $(div_image).append( + `` + ); + $(div_image).append( + `` + ); + $("#inputs_images").append(div_image); + }); + + $("#image-delete_image_tip1").on("click", function(e) { + e.preventDefault(); + }); + $("#button-preview_button").on("click", function(e) { + e.preventDefault(); + previewTip(); + }); +}); + +function show_tips_startup(e) { + $.ajax({ + method: "POST", + url: url, + dataType: "json", + data: { + page: page, + method: "setShowTipsAtStartup", + show_tips_startup: e.checked ? "1" : "0" + }, + success: function({ success }) { + if (!success) { + $("#checkbox_tips_startup").prop("checked", true); + } + } + }); +} +function checkImage(e) { + var maxWidth = 464; + var maxHeight = 260; + + var reader = new FileReader(); + reader.readAsDataURL(e.files[0]); + reader.onload = function(e) { + var img = new Image(); + img.src = e.target.result; + img.onload = function() { + if (this.width !== maxWidth || this.height !== maxHeight) { + $("#notices_images").removeClass("invisible"); + } else { + $("#notices_images").addClass("invisible"); + } + }; + }; +} +function deleteImage(e, id, path) { + var imagesToDelete = JSON.parse($("#hidden-images_to_delete").val()); + imagesToDelete[id] = path; + $("#hidden-images_to_delete").val(JSON.stringify(imagesToDelete)); + $(e) + .parent() + .remove(); +} +function activeCarousel() { + if ($(".carousel .images img").length > 1) { + $(".carousel .images").bxSlider({ controls: true }); + } +} +function removeInputImage(name) { + $(`input[name=${name}]`) + .parent() + .remove(); + if ($(".action_image").length === 0) { + $("#notices_images").addClass("invisible"); + } +} +function render({ title, text, url, files }) { + $("#title_tip").html(title); + $("#text_tip").html(text); + if (url) { + $("#url_tip").removeClass("invisible"); + $("#url_tip").attr("href", url); + } else { + $("#url_tip").addClass("invisible"); + } + + $(".carousel").empty(); + $(".carousel").append("
"); + if (files) { + files.forEach(file => { + $(".carousel .images").append( + `` + ); + }); + $(".carousel").removeClass("invisible"); + } else { + $(".carousel").addClass("invisible"); + } + var limitRound = totalTips > 28 ? 28 : totalTips; + $(".count-round-tip").each(function(index) { + if ($(this).hasClass("active")) { + $(this).removeClass("active"); + if (index >= limitRound - 1) { + $($(".count-round-tip")[0]).addClass("active"); + } else { + $($(".count-round-tip")[index + 1]).addClass("active"); + } + return false; + } + }); + activeCarousel(); +} + +function close_dialog() { + if ($("#tips_window_modal").length > 0) { + $("#tips_window_modal").dialog("close"); + $("#tips_window_modal").remove(); + } + + if ($("#tips_window_modal_preview").length > 0) { + $("#tips_window_modal_preview").dialog("close"); + $("#tips_window_modal_preview").empty(); + } +} + +function render_counter() { + $(".counter-tips img:eq(0)").after( + "" + ); + if (totalTips > 1) { + for (let i = 1; i <= totalTips - 1; i++) { + $(".count-round-tip:eq(0)").after( + "" + ); + } + } +} + +function next_tip() { + if (idTips.length >= totalTips) { + idTips = []; + } + $.ajax({ + method: "POST", + url: url, + dataType: "json", + data: { + page: page, + method: "getRandomTip", + exclude: JSON.stringify(idTips) + }, + success: function({ success, data }) { + if (success) { + idTips.push(parseInt(data.id)); + render(data); + } + } + }); +} + +function load_tips_modal(settings) { + var data = new FormData(); + if (settings.extradata) { + Object.keys(settings.extradata).forEach(key => { + data.append(key, settings.extradata[key]); + }); + } + data.append("page", settings.onshow.page); + data.append("method", settings.onshow.method); + if (settings.onshow.extradata != undefined) { + data.append("extradata", JSON.stringify(settings.onshow.extradata)); + } + + if (settings.target == undefined) { + var uniq = uniqId(); + var div = document.createElement("div"); + div.id = "div-modal-" + uniq; + div.style.display = "none"; + + if (document.getElementById("main") == null) { + // MC env. + document.getElementById("page").append(div); + } else { + document.getElementById("main").append(div); + } + + var id_modal_target = "#div-modal-" + uniq; + + settings.target = $(id_modal_target); + } + + var width = 630; + if (settings.onshow.width) { + width = settings.onshow.width; + } + + if (settings.beforeClose == undefined) { + settings.beforeClose = function() {}; + } + + settings.target.html("Loading modal..."); + settings.target + .dialog({ + title: "Loading", + close: false, + width: 200, + buttons: [] + }) + .show(); + + $.ajax({ + method: "post", + url: settings.url, + processData: false, + contentType: false, + data: data, + success: function(data) { + if (settings.onshow.parser) { + data = settings.onshow.parser(data); + } else { + data = (function(d) { + try { + d = JSON.parse(d); + } catch (e) { + // Not JSON + return d; + } + if (d.error) return d.error; + + if (d.result) return d.result; + })(data); + } + settings.target.html(data); + if (settings.onload != undefined) { + settings.onload(data); + } + settings.target.dialog({ + resizable: false, + draggable: true, + modal: true, + header: false, + dialogClass: "dialog_tips", + title: "", + width: width, + minHeight: + settings.onshow.minHeight != undefined + ? settings.onshow.minHeight + : "auto", + maxHeight: + settings.onshow.maxHeight != undefined + ? settings.onshow.maxHeight + : "auto", + position: { + my: "top+20%", + at: "top", + of: window, + collision: "fit" + }, + closeOnEscape: true, + close: function() { + $(this).dialog("destroy"); + + if (id_modal_target != undefined) { + $(id_modal_target).remove(); + } + if ($("#tips_window_modal").length > 0) { + $("#tips_window_modal").remove(); + } + + if ($("#tips_window_modal_preview").length > 0) { + $("#tips_window_modal_preview").empty(); + } + + if (settings.cleanup != undefined) { + settings.cleanup(); + } + }, + beforeClose: settings.beforeClose() + }); + $(".dialog_tips .ui-dialog-titlebar").empty(); + $(".dialog_tips .ui-dialog-titlebar").append($(".tips_header").html()); + $(".tips_header").remove(); + $(".dialog_tips .ui-dialog-titlebar").addClass("tips_header"); + $(".dialog_tips .ui-dialog-titlebar").removeClass("ui-helper-clearfix"); + render_counter(); + activeCarousel(); + }, + error: function(data) { + console.error(data); + } + }); +} + +function previewTip() { + var extradata = { + title: $("input[name=title]").val(), + text: $("textarea[name=text]").val(), + url: $("input[name=url]").val(), + files: [] + }; + + //images in server + if ($(".image_tip img").length > 0) { + $(".image_tip img").each(function(index) { + extradata["files"].push($(".image_tip img")[index].src); + }); + } + + //Images in client + var totalInputsFiles = $("input[type=file]").length; + if (totalInputsFiles > 0) { + extradata["totalFiles64"] = totalInputsFiles; + $("input[type=file]").each(function(index) { + var reader = new FileReader(); + if (this.files.length > 0) { + reader.readAsDataURL(this.files[0]); + reader.onload = function(e) { + var img = new Image(); + img.src = e.target.result; + img.onload = function() { + extradata[`file64_${index}`] = this.currentSrc; + if (totalInputsFiles - 1 === index) { + load_tips_modal({ + target: $("#tips_window_modal_preview"), + url: url, + onshow: { + page: page, + method: "renderPreview" + }, + extradata //Receive json + }); + } + }; + }; + } + }); + } else { + load_tips_modal({ + target: $("#tips_window_modal_preview"), + url: url, + onshow: { + page: page, + method: "renderPreview" + }, + extradata //Receive json + }); + } +} diff --git a/pandora_console/include/styles/jquery.bxslider.css b/pandora_console/include/styles/jquery.bxslider.css new file mode 100644 index 0000000000..0bc4ba522d --- /dev/null +++ b/pandora_console/include/styles/jquery.bxslider.css @@ -0,0 +1,172 @@ +/** VARIABLES +===================================*/ +/** RESET AND LAYOUT +===================================*/ +.bx-wrapper { + position: relative; + margin-bottom: 60px; + padding: 0; + *zoom: 1; + -ms-touch-action: pan-y; + touch-action: pan-y; +} +.bx-wrapper img { + max-width: 100%; + display: block; +} +.bxslider { + margin: 0; + padding: 0; +} +ul.bxslider { + list-style: none; +} +.bx-viewport { + /*fix other elements on the page moving (on Chrome)*/ + -webkit-transform: translatez(0); +} +/** THEME + ===================================*/ +.bx-wrapper { + -moz-box-shadow: 0 0 5px transparent; + -webkit-box-shadow: 0 0 5px transparent; + box-shadow: 0 0 5px transparent; + border: 5px solid transparent; + background: transparent; +} +.bx-wrapper .bx-pager, +.bx-wrapper .bx-controls-auto { + position: absolute; + bottom: -30px; + width: 100%; +} +/* LOADER */ +.bx-wrapper .bx-loading { + min-height: 50px; + height: 100%; + width: 100%; + position: absolute; + top: 0; + left: 0; + z-index: 2000; +} +/* PAGER */ +.bx-wrapper .bx-pager { + text-align: center; + font-size: 0.85em; + font-family: Arial; + font-weight: bold; + color: #666; + padding-top: 20px; +} +.bx-wrapper .bx-pager.bx-default-pager a { + background: #666; + text-indent: -9999px; + display: block; + width: 10px; + height: 10px; + margin: 0 5px; + outline: 0; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} +.bx-wrapper .bx-pager.bx-default-pager a:hover, +.bx-wrapper .bx-pager.bx-default-pager a.active, +.bx-wrapper .bx-pager.bx-default-pager a:focus { + background: #000; +} +.bx-wrapper .bx-pager-item, +.bx-wrapper .bx-controls-auto .bx-controls-auto-item { + display: inline-block; + vertical-align: bottom; + *zoom: 1; + *display: inline; +} +.bx-wrapper .bx-pager-item { + font-size: 0; + line-height: 0; +} +/* DIRECTION CONTROLS (NEXT / PREV) */ +.bx-wrapper .bx-prev { + left: 10px; +} +.bx-wrapper .bx-prev:hover, +.bx-wrapper .bx-prev:focus { + background-position: 0 0; +} +.bx-wrapper .bx-next { + right: 10px; +} +.bx-wrapper .bx-next:hover, +.bx-wrapper .bx-next:focus { + background-position: -43px 0; +} +.bx-wrapper .bx-controls-direction a { + position: absolute; + top: 50%; + margin-top: -16px; + outline: 0; + width: 32px; + height: 32px; + text-indent: -9999px; + z-index: 9999; +} +.bx-wrapper .bx-controls-direction a.disabled { + display: none; +} +/* AUTO CONTROLS (START / STOP) */ +.bx-wrapper .bx-controls-auto { + text-align: center; +} +.bx-wrapper .bx-controls-auto .bx-start { + display: block; + text-indent: -9999px; + width: 10px; + height: 11px; + outline: 0; + margin: 0 3px; +} +.bx-wrapper .bx-controls-auto .bx-start:hover, +.bx-wrapper .bx-controls-auto .bx-start.active, +.bx-wrapper .bx-controls-auto .bx-start:focus { + background-position: -86px 0; +} +.bx-wrapper .bx-controls-auto .bx-stop { + display: block; + text-indent: -9999px; + width: 9px; + height: 11px; + outline: 0; + margin: 0 3px; +} +.bx-wrapper .bx-controls-auto .bx-stop:hover, +.bx-wrapper .bx-controls-auto .bx-stop.active, +.bx-wrapper .bx-controls-auto .bx-stop:focus { + background-position: -86px -33px; +} +/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ +.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { + text-align: left; + width: 80%; +} +.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { + right: 0; + width: 35px; +} +/* IMAGE CAPTIONS */ +.bx-wrapper .bx-caption { + position: absolute; + bottom: 0; + left: 0; + background: #666; + background: rgba(80, 80, 80, 0.75); + width: 100%; +} +.bx-wrapper .bx-caption span { + color: #fff; + font-family: Arial; + display: block; + font-size: 0.85em; + padding: 10px; +} diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css index a0678c3079..c9cfeb6525 100644 --- a/pandora_console/include/styles/pandora.css +++ b/pandora_console/include/styles/pandora.css @@ -2158,6 +2158,7 @@ button.filter, button.cancel, button.default, button.deploy, +button.preview, input.deploy, input.next, input.upd, @@ -2178,7 +2179,8 @@ input.filter, input.cancel, input.default, input.pdf, -input.spinn { +input.spinn, +input.preview { padding-right: 30px; } @@ -10515,6 +10517,11 @@ button div.create_directory { contain; } +button div.preview { + mask: url(../../images/eye.png) no-repeat center / contain; + -webkit-mask: url(../../images/eye.png) no-repeat center / contain; +} + button div.cog.rotation { animation: rotation 4s infinite linear; } diff --git a/pandora_console/include/styles/tips_window.css b/pandora_console/include/styles/tips_window.css new file mode 100644 index 0000000000..0540e2ba47 --- /dev/null +++ b/pandora_console/include/styles/tips_window.css @@ -0,0 +1,213 @@ +#tips_window { + position: fixed; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.308); + top: 0; + left: 0; + z-index: 2001; +} +#tips_window_modal, +#tips_window_modal_preview { + padding: 0px; +} +.window { + background-image: linear-gradient(180deg, #fffce8 0%, #ffffff 100%); + width: 640px; + width: 100%; + border-radius: 5px; +} +.ui-dialog .tips_header.ui-dialog-titlebar { + display: flex; + padding: 0px 20px; + justify-content: space-between; + height: fit-content; + background-color: white; + color: #161628; + border-top-left-radius: 25px !important; + border-top-right-radius: 25px !important; +} +.tips_header .title { + font-size: 15px; +} +.description { + padding: 0px 20px 20px 20px; + text-align: center; +} +.actions { + border-top: 1px solid #0000001a; + text-align: right; + padding: 20px; +} +.carousel { + overflow: hidden; + position: relative; + width: 100%; + height: 300px; + max-width: 464px; + text-align: center; + margin: 0 auto; + padding-top: 20px; +} +.carousel .prev_step { + position: absolute; + top: 50%; + transform: translateY(-50%); + border: 0px; + background: none; + font-size: 50px; + color: white; + cursor: pointer; + left: 0; +} +.carousel .next_step { + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0; + z-index: 1; + border: 0px; + background: none; + font-size: 50px; + color: white; + cursor: pointer; +} +.carousel .images { + display: inline-block; + position: relative; + width: 100%; + font-size: 0px; + height: 100%; +} +.carousel .images img { + width: 100%; + height: 100%; + max-height: 260px; +} +.dialog_tips .ui-dialog-buttonset { + display: flex; + width: 100%; + justify-content: space-between; +} +#tips_window_modal .ui-dialog-buttonset button.submit-cancel-tips, +#tips_window_modal_preview .ui-dialog-buttonset button.submit-cancel-tips { + border-radius: 6px; + color: #14524f; + width: fit-content; + font-size: 15px; + border: 1px solid #14524f; + height: 35px; + margin: 0px; + background-color: #ffffff; + font-weight: 600; +} +#tips_window_modal .ui-dialog-buttonset button.submit-next-tips, +#tips_window_modal_preview .ui-dialog-buttonset button.submit-next-tips { + border-radius: 6px; + color: #ffffff; + width: fit-content; + font-size: 15px; + border: 1px solid #14524f; + background-color: #14524f; + height: 35px; + font-weight: 600; +} +.dialog_tips { + border-radius: 10px !important; +} +.dialog_tips .ui-widget-header { + margin: 0px !important; +} +.dialog_tips .tips_header { + border-top-right-radius: 10px !important; + border-top-left-radius: 10px !important; +} +#tips_window_modal .ui-dialog-buttonset button, +#tips_window_modal_preview .ui-dialog-buttonset button { + margin: 0px 20px !important; + margin-top: 10px !important; + min-width: fit-content; +} +.dialog_tips .ui-dialog-buttonset { + border-bottom-right-radius: 10px !important; + border-bottom-left-radius: 10px !important; + border-top: 1px solid #c1ccdc; +} +#title_tip { + font-size: 15px; + color: #161628; +} +#text_tip { + color: #161628; +} +#url_tip { + font-size: 13px; + color: #14524f; + font-weight: 600; +} +#url_tip .arrow_tips { + font-size: 20px; +} +span.count-round-tip { + width: 6px !important; + height: 6px !important; + background: #dbdfe6; + border-radius: 10px; + margin: 0px 2px; +} +span.count-round-tip.active { + background-color: #1d7874; +} +.counter-tips { + display: flex; + align-items: center; + margin-top: 10px; +} +.arrow_counter { + width: 7px; + margin: 0px 5px; +} +.bx-viewport { + height: 260px !important; +} +.action_image { + margin: 10px 0px; +} +span.enable { + display: block; + width: 15px; + height: 15px; + border-radius: 15px; + background-color: #82b92e; + margin: 0 auto; +} +span.disable { + display: block; + width: 15px; + height: 15px; + border-radius: 15px; + background-color: #e63c52; + margin: 0 auto; +} +.buttons_actions { + text-align: center; + display: flex; +} +.image_tip { + display: flex; + align-items: center; + margin: 10px 0px; +} +.image_tip img { + max-width: 350px; +} +#notices_images { + color: #e63c52; +} +.remove-image { + max-width: 35px; + padding-top: 18px; +} +.buttons_actions input { + width: 32px; +} diff --git a/pandora_console/operation/users/user_edit.php b/pandora_console/operation/users/user_edit.php index 51423748dc..e9e5a3a028 100644 --- a/pandora_console/operation/users/user_edit.php +++ b/pandora_console/operation/users/user_edit.php @@ -584,19 +584,6 @@ if ((bool) check_acl($config['id_user'], 0, 'ER') === true) { ).'
'; } - - - - - - - - - - - - - $autorefresh_list_out = []; if (is_metaconsole() === false || is_centralized() === true) { $autorefresh_list_out['operation/agentes/estado_agente'] = 'Agent detail'; diff --git a/pandora_console/pandoradb.sql b/pandora_console/pandoradb.sql index bfcb4d1582..6e2a05114d 100644 --- a/pandora_console/pandoradb.sql +++ b/pandora_console/pandoradb.sql @@ -1309,6 +1309,7 @@ CREATE TABLE IF NOT EXISTS `tusuario` ( `id_filter` INT UNSIGNED NULL DEFAULT NULL, `session_time` INT signed NOT NULL DEFAULT 0, `default_event_filter` INT UNSIGNED NOT NULL DEFAULT 0, + `show_tips_startup` TINYINT UNSIGNED NOT NULL DEFAULT 1, `autorefresh_white_list` TEXT , `time_autorefresh` INT UNSIGNED NOT NULL DEFAULT 30, `default_custom_view` INT UNSIGNED NULL DEFAULT 0, @@ -4219,4 +4220,29 @@ CREATE TABLE IF NOT EXISTS `tsesion_filter` ( `type` TEXT NULL, `user` TEXT NULL, PRIMARY KEY (`id_filter`) -) ENGINE=InnoDB DEFAULT CHARSET=utf8; \ No newline at end of file +) ENGINE=InnoDB DEFAULT CHARSET=utf8; + + +CREATE TABLE IF NOT EXISTS `twelcome_tip` ( + `id` INT NOT NULL AUTO_INCREMENT, + `id_lang` VARCHAR(20) NULL, + `id_profile` INT NOT NULL, + `title` VARCHAR(255) NOT NULL, + `text` TEXT NOT NULL, + `url` VARCHAR(255) NULL, + `enable` TINYINT NOT NULL, + PRIMARY KEY (`id`) +) ENGINE=InnoDB DEFAULT CHARSET=UTF8MB4; + + +CREATE TABLE IF NOT EXISTS `twelcome_tip_file` ( + `id` INT NOT NULL AUTO_INCREMENT, + `twelcome_tip_file` INT NOT NULL, + `filename` VARCHAR(255) NOT NULL, + `path` VARCHAR(255) NOT NULL, + PRIMARY KEY (`id`), + CONSTRAINT `twelcome_tip_file` + FOREIGN KEY (`twelcome_tip_file`) + REFERENCES `twelcome_tip` (`id`) + ON DELETE CASCADE ON UPDATE CASCADE +) ENGINE=InnoDB DEFAULT CHARSET=UTF8MB4; diff --git a/pandora_console/pandoradb_data.sql b/pandora_console/pandoradb_data.sql index acb6636dca..1aa9883070 100644 --- a/pandora_console/pandoradb_data.sql +++ b/pandora_console/pandoradb_data.sql @@ -2519,3 +2519,50 @@ INSERT INTO `tncm_script` VALUES INSERT INTO `tncm_template_scripts`(`id_template`, `id_script`) VALUES (1,1),(1,2),(1,3),(1,4),(1,5),(1,6); INSERT INTO `talert_calendar` VALUES (1, 'Default', 0, 'Default calendar'); + +INSERT INTO `twelcome_tip` VALUES +(1,'es',0,'¿Sabías que puedes monitorizar webs?','De manera sencilla a través de chequeos HTTP estándar o transaccional mediante transacciones centralizadas WUX, o descentralizadas con el plugin UX de agente.','https://pandorafms.com/manual/es/documentation/03_monitoring/06_web_monitoring','1'), +(2,'es',0,'Monitorización remota de dispositivos SNMP','Los dispositivos de red como switches, AP, routers y firewalls se pueden monitorizar remotamente usando el protocolo SNMP. Basta con saber su IP, la comunidad SNMP y lanzar un wizard SNMP desde la consola.','https://pandorafms.com/manual/es/documentation/03_monitoring/03_remote_monitoring#monitorizacion_snmp','1'), +(3,'es',0,'Monitorizar rutas desde una IP a otra','Existe un plugin especial que sirve para monitorizar visualmente las rutas desde una IP a otra de manera visual y dinámica, según va cambiando con el tiempo.','https://pandorafms.com/manual/es/documentation/03_monitoring/03_remote_monitoring#monitorizacion_de_rutas','1'), +(4,'es',0,'¿Tu red pierde paquetes?','Se puede medir la pérdida de paquetes en tu red usando un agente y un plugin libre llamado “Packet Loss”. Esto es especialmente útil en redes Wifi o redes compartidas con muchos usuarios. Escribimos un artículo en nuestro blog hablando de ello, echale un vistazo','https://pandorafms.com/blog/es/perdida-de-paquetes/','1'), +(5,'es',0,'Usar Telegram con Pandora FMS','Perfecto para recibir alertas con gráficas empotradas y personalizar así la recepción de avisos de manera individual o en un canal común con mas personas. ','https://pandorafms.com/library/telegram-bot-cli/','1'), +(6,'es',0,'Monitorizar JMX (Tomcat, Websphere, Weblogic, Jboss, Apache Kafka, Jetty, GlassFish…)','Existe un plugin Enterprise que sirve para monitorizar cualquier tecnología JMX. Se puede usar de manera local (como plugin local) o de manera remota con el plugin server.','https://pandorafms.com/library/jmx-monitoring/','1'), +(7,'es',0,'¿Sabes que cada usuario puede tener su propia Zona Horaria?','Se puede establecer zonas horarias diferentes para cada usuario, de manera que interprete los datos teniendo en cuenta la diferencia horaria. Pandora FMS también puede tener servidores y agentes en diferentes zonas horarias. ¡Por todo el mundo!','','1'), +(8,'es',0,'Paradas planificadas','Se puede definir, a nivel de agente y a nivel de módulo, períodos en los cuales se ignoren las alertas y/o los datos recogidos. Es perfecto para planificar paradas de servicio o desconexión de los sistemas monitorizados. También afecta a los informes SLA, evitando que se tengan en cuenta esos intervalos de tiempo. ','https://pandorafms.com/manual/es/documentation/04_using/11_managing_and_administration#paradas_de_servicio_planificadas','1'), +(9,'es',0,'Personalizar los emails de alerta ','¿Sabías que se pueden personalizar los mails de alertas de Pandora? Solo tienes que editar el código HTML por defecto de las acciones de alerta de tipo email. ','https://pandorafms.com/manual/en/documentation/04_using/01_alerts#editing_an_action','1'), +(10,'es',0,'Usando iconos personalizados en consolas visuales ','Gracias a los iconos personalizados se pueden crear vistas muy personalizadas, como la de la imagen, que representa racks con los tipos de servidores en el orden que están colocados dentro del rack. Perfecto para que un técnico sepa exactamente qué máquina esta fallando. Más visual no puede ser, de ahi el nombre. ','https://pandorafms.com/manual/start?id=es/documentation/04_using/05_data_presentation_visual_maps','1'), +(11,'es',0,'Consolas visuales: mapas de calor ','La consola permite integrar en un fondo personalizado una serie de datos, que en función de su valor se representen con unos colores u otros, en tiempo real. Las aplicaciones son infinitas, solo depende de tu imaginación. ','https://pandorafms.com/manual/es/documentation/04_using/05_data_presentation_visual_maps#mapa_de_calor_o_nube_de_color','1'), +(12,'es',0,'Auditoría interna de la consola ','La consola registra todas las actividades relevantes de cada usuario conectado a la consola. Esto incluye la aplicación de configuraciones, validaciones de eventos y alertas, conexión y desconexión y cientos de otras operaciones. La seguridad en Pandora FMS ha sido siempre una de las características del diseño de su arquitectura. ','https://pandorafms.com/manual/es/documentation/04_using/11_managing_and_administration#log_de_auditoria','1'), +(13,'es',0,'Sistema de provisión automática de agentes ','El sistema de autoprovisión de agentes, permite que un agente recién ingresado en el sistema aplique automáticamente cambios en su configuración (como moverlo de grupo, asignarle ciertos valores en campos personalizados) y por supuesto aplicarle determinadas politicas de monitorización. Es una de las funcionalidades más potentes, orientadas a gestionar parques de sistemas muy extensos. ','https://pandorafms.com/manual/start?id=es/documentation/02_installation/05_configuration_agents#configuracion_automatica_de_agentes','1'), +(14,'es',0,'Modo oscuro ','¿Sabes que existe un modo oscuro en Pandora FMS? Un administrador lo puede activar a nivel global desde las opciones de configuración visuales o cualquier usuario a nivel individual, en las opciones de usuario. ','','1'), +(15,'es',0,'Google Sheet ','¿Sabes que se puede coger el valor de una celda de una hoja de cálculo de Google Sheet?, utilizamos la API para pedir el dato a través de un plugin remoto. Es perfecto para construir cuadros de mando de negocio, obtener alertas en tiempo real y crear tus propios informes a medida. ','https://pandorafms.com/library/google-sheets-plugin/','1'), +(16,'es',0,'Tablas de ARP','¿Sabes que existe un módulo de inventario para sacar las tablas ARP de tus servidores windows? Es fácil de instalar y puede darte información muy detallada de tus equipos.','https://pandorafms.com/library/arp-table-windows-local/','1'), +(17,'es',0,'Enlaces de red en la consola visual ','Existe un elemento de consola visual llamado “Network link” que permite mostrar visualmente la unión de dos interfaces de red, su estado y el tráfico de subida/bajada, de una manera muy visual. ','https://pandorafms.com/manual/es/documentation/04_using/05_data_presentation_visual_maps#enlace_de_red','1'), +(18,'es',0,'¿Conoces los informes de disponibilidad? ','Son muy útiles ya que te dicen el tiempo (%) que un chequeo ha estado en diferentes estados a lo largo de un lapso de tiempo, por ejemplo, una semana. Ofrece datos crudos completos de lo que se ha hecho con el detalle suficiente para convencer a un proveedor o un cliente. ','','1'), +(19,'es',0,'Gráficas de disponibilidad ','Parecidos a los informes de disponibilidad, pero mucho mas visuales, ofrecen el detalle de estado de un monitor a lo largo del tiempo. Se pueden agrupar con otro módulo para ofrecer datos finales teniendo en cuenta la alta disponibilidad de un servicio. Son perfectos para su uso en informes a proveedores y/o clientes. ','https://pandorafms.com/manual/es/documentation/04_using/08_data_presentation_reports#grafico_de_disponibilidad','1'), +(20,'es',0,'Zoom en gráficas de datos ','¿Sabes que Pandora FMS permite hacer zoom en una parte de la gráfica. Con eso ampliarás la información de la gráfica. Si estás viendo una gráfica de un mes y amplías, podrás ver los datos de ese intervalo. Si utilizas una gráfica con datos de resolución completa (los llamamos gráficas TIP) podrás ver el detalle de cada dato, aunque tu gráfica tenga miles de muestras. ','','1'), +(21,'es',0,'Gráficas de resolución completa ','Pandora FMS y otras herramientas cuando tienen que mostrar una gráfica obtienen los datos de la fuente de datos y luego “simplifican” la gráfica, ya que si la serie de datos tiene 10,000 elementos y la gráfica solo tiene 300 pixeles de ancho no pueden caber todos, asi que se “simplifican” esos 10,000 puntos en solo 300. Sin embargo al simplificar se pierde “detalle” en la gráfica, y por supuesto no podemos “hacer zoom”. Las gráficas de Pandora FMS permiten mostrar y usar todos los datos en una gráfica, que llamamos “TIP” que muestra todos los puntos superpuestos y además permite que al hacer zoom no se pierda resolución. ','','1'), +(22,'es',0,'Política de contraseñas','La consola de Pandora FMS tiene un sistema de gestión de política de credenciales, para reforzar la seguridad local (además de permitir la autenticación externa contra un LDAP, Active Directory o SAML). A través de este sistema podemos forzar cambios de password cada X días, guardar un histórico de passwords usadas o evitar el uso de ciertas contraseñas entre otras acciones. ','https://pandorafms.com/manual/es/documentation/04_using/12_console_setup?s%5B%5D%3Dcontrase%25C3%25B1as#password_policy','1'), +(23,'es',0,'Autenticación de doble factor ','Es posible activar (y forzar su uso a todos los usuarios) un sistema de doble autenticación (usando Google Auth) para que cualquier usuario se autentique además de con una contraseña, con un sistema de token de un solo uso, dando al sistema mucha más seguridad. ','https://pandorafms.com/manual/en/documentation/04_using/12_console_setup?s%5B%5D%3Dgoogle%26s%5B%5D%3Dauth#authentication','1'); + +INSERT INTO `twelcome_tip_file` (`twelcome_tip_file`, `filename`, `path`) VALUES +(1, 'monitorizar_web.png', 'images/tips/'), +(2, 'monitorizar_snmp.png', 'images/tips/'), +(3, 'monitorizar_desde_ip.png', 'images/tips/'), +(4, 'tu_red_pierde_paquetes.png', 'images/tips/'), +(5, 'telegram_con_pandora.png', 'images/tips/'), +(6, 'monitorizar_con_jmx.png', 'images/tips/'), +(7, 'usuario_zona_horaria.png', 'images/tips/'), +(8, 'paradas_planificadas.png', 'images/tips/'), +(9, 'personalizar_los_emails.png', 'images/tips/'), +(10, 'iconos_personalizados.png', 'images/tips/'), +(11, 'mapa_de_calor.png', 'images/tips/'), +(12, 'auditoria.png', 'images/tips/'), +(15, 'google_sheets.png', 'images/tips/'), +(17, 'enlaces_consola_visual.png', 'images/tips/'), +(18, 'informe_disponibiliad.png', 'images/tips/'), +(19, 'graficas_disponibilidad.png', 'images/tips/'), +(20, 'zoom_en_graficas.png', 'images/tips/'), +(22, 'politica_de_pass.png', 'images/tips/'); + + diff --git a/pandora_console/views/dashboard/tipsWindow.php b/pandora_console/views/dashboard/tipsWindow.php new file mode 100644 index 0000000000..b95cf058c6 --- /dev/null +++ b/pandora_console/views/dashboard/tipsWindow.php @@ -0,0 +1,127 @@ +var idTips = ['.$id.'];'; +$output .= '
'; +$output .= '
'; +$output .= '

'.__('Hello! These are the tips of the day.').'

'; +$output .= '

'.html_print_checkbox( + 'show_tips_startup', + true, + true, + true, + false, + 'show_tips_startup(this)', + false, + '', + ($preview === true) ? '' : 'checkbox_tips_startup' +).__('Show usage tips at startup').'

'; +$output .= '
'; +$output .= '
'; +$output .= '
'; + +if ($files !== false) { + if ($preview === true) { + foreach ($files as $key => $file) { + $output .= html_print_image($file, true); + } + } else { + foreach ($files as $key => $file) { + $output .= html_print_image($file['path'].$file['filename'], true); + } + } +} + +if ($files64 !== false) { + foreach ($files64 as $key => $file) { + $output .= ''; + } +} + +$output .= '
'; +$output .= '
'; + +$output .= '
'; +$output .= '

'.$title.'

'; +$output .= '

'; +$output .= $text; +$output .= '

'; + +if (empty($url) === false && $url !== '') { + $output .= ''.__('See more info').'→'; +} + +$output .= '
'; + +$output .= '
'; +// TODO Delete this buttons and use html_print_button when merge new design +$output .= html_print_button( + __('Maybe later'), + '', + false, + '', + [ + 'onclick' => 'close_dialog()', + 'class' => 'secondary mini', + ], + true +); +$output .= '
'; +$output .= html_print_image('images/arrow-left-grey.png', true, ['class' => 'arrow_counter']); +$output .= html_print_image('images/arrow-right-grey.png', true, ['class' => 'arrow_counter']); +$output .= '
'; +if ($preview === true) { + $output .= html_print_button( + __('Ok'), + 'next_tip', + false, + '', + [ + 'onclick' => 'close_dialog()', + 'class' => 'mini', + ], + true + ); +} else { + $output .= html_print_button( + __('Ok'), + 'next_tip', + false, + '', + [ + 'onclick' => 'next_tip()', + 'class' => 'mini', + ], + true + ); +} + +$output .= '
'; +$output .= '
'; +echo $output;