Personalización de opCharts

Cada módulo ofrece la opción de personalización gráfica, en este documento se verá cómo personalizar opCharts.

Eliminar mensaje en la ventana de loggeo

Descripción

Se pueden quitar los mensajes “Authentication required…” y “Additional Opmantek products and modules…” de la página principal de opCharts.


Procedimiento

Para eliminar el mensaje “Additional…”, editamos el archivo /usr/local/omk/templates/authentication/login.html.ep y modificamos la siguiente línea como se ve:



Para eliminar el mensaje “Authentication required…”, editamos el archivo /usr/local/omk/conf/opCommon.nmis y buscamos 'auth_login_motd', podemos eliminar el mensaje y colocar uno personalizado:



Al terminar, se realiza un service omkd restart y se actualiza la página de bienvenida para observar los cambios.

Resultado

Cambiar el color en la barra de Menú

Descripción

Al iniciar sesión en el módulo, también se puede modificar el color de la barra de menú:


Procedimiento

Para hacer esto, modificamos el archivo /usr/local/omk/public/omk/css/opCharts_c_custom_packed.css y agregamos el texto siguiente:



.navbar {

background-image: -webkit-linear-gradient(top, #COLORHTML, #COLORHTML);

}


Resultado

Modificar el tamaño de la barra de Menú.

Descripción

También se puede modificar el espacio de la barra de menú para que se reduzca

Procedimiento

para hacer esto, modificamos el archivo /usr/local/omk/public/omk/css/opCharts_c_custom_packed.css y agregamos el texto siguiente (o lo que haga falta):


 .navbar-nav > li > a, .navbar-brand { 

padding-top:5px !important; padding-bottom:0 !important;

    height: 30px;

 }

.navbar {min-height:30px !important;}

 .inner-content {

padding-top: 1px;     

padding-bottom: 1px;

}

 

Resultado

Al actualizar opCharts, veremos el cambio:



Modificar el logo de opCharts

Descripción

Se puede modificar el logo de la página principal de opCharts:

Procedimiento

Para esto, se carga la imagen que se desee mediante un FTP Client en /usr/local/omk/public/omk/icons con el nombre opCharts_sml.png (la que ya se encuentra ahí, la podemos renombrar sin problemas, por ejemplo: opCharts_sml.png.backup).


Resultado

Al hacer un refresh a la página de login de opCharts, se observará el cambio:



Y al iniciar sesión, también se verá el cambio en la barra de menú:


cambiar el fondo de los Mapas Topológicos y Mapas de Red

Descripción

De igual forma, también se puede cambiar el fondo de los Mapas Topológicos y Mapas de Red.



Procedimiento

Para esto, modificamos el archivo /usr/local/omk/public/omk/css/opCharts_c_custom_packed.css

Y se agrega el siguiente código:

.opmantek-component-content-map {

 background: #COLORHTML;

 }

se guarda el archivo y se reinicia el agente omk.

root@opmantek ~]# service omkd restart

Resultado

Al actualizar los mapas, se observaran los cambio con el color de fondo que se agregó.


Personalizar tiempo de actualización de un mapa

Descripción

En el modulo de opCharts se puede personalizar el tiempo de actualización de los mapas geográficos, topológicos y de red, brindando una mejor adaptación a la red monitoreada, esta personalización es muy factible ya que los mapas están configurados por defecto a los 5 minutos, si el modulo esta configurado para recibir traps puede que en los mapas no se visualicen las alertas de manera instantánea, al personalizar la actualización de los mapas se reduce el tiempo de la visualización de la alerta.

Procedimiento

para configurar esta parte se tiene que tener editar el archivo opCommon.nmis que se encuentra en la ruta /usr/local/omk/conf/ se busca el parámetro 'opcharts_gui_refresh_time' ya ubicado este parámetro cambiar el valor, en este caso se cambió a 120 Segundos = 2 minutos.

Guardar cambios y reiniciar el servicio omkd (service omkd restart).


Resultado

Ahora con este cambio los mapas se actualizan automáticamente cada 2 minutos.

Ajuste de la búsqueda de nodos

Para opCharts-3.3.0 y más abajo.

Tipo de búsqueda

El selector de nodo opCharts utiliza de forma predeterminada los resultados de búsqueda pre-configurados. Si bien esto puede acelerar las búsquedas, requiere que se descargue todo el conjunto de datos con cada carga de página, lo que puede reducir el tiempo de respuesta cuando existe una gran cantidad de nodos, ya que el conjunto de datos puede ser muy grande. Puede ajustar este valor predeterminado de la búsqueda previa de los resultados  para cargar los resultados de forma remota con cada búsqueda.


En el archivo  opCommon.nmis  que se encuentra en la ruta /usr/local/omk/conf/ se busca el siguiente parámetro :


'opcharts_gui_node_search_mode' => 'prefetch’, # <- uses prefetched data to do the search locally

se cambia por :

'opcharts_gui_node_search_mode' => ‘remote’, # <- hits the server every search

Ancho de la caja de resultados

El ancho de los resultados de búsqueda del nodo también se puede personalizar utilizando CSS. Si el ancho del cuadro es demasiado pequeño, agregar las siguientes líneas a /usr/local/omk/public/omk/css/opCharts_c_custom_packed.css 


.tt-dropdown-menu, .tt-menu
{
  min-width: 480px; 
}

El valor del ancho debe ajustarse para adaptarse a sus necesidades.


Ajustar la tabla de nodos (Aplica con nombres de nodos largos)

Descripción

Antes de realizar el cambio la tabla de nodos en opCharts se muestra desajustada debido a que contiene nodos con muchos caracteres.

Procedimiento

Para poder hacer que el nombre del nodo se ajuste al ancho de la celda se debe hacer la siguiente modificación en el archivo /usr/local/omk/public/omk/css/opCharts_b_internal_packed.css

1.- Se agregar esta linea al final del archivo, no en una nueva linea: #opgrid * td: nth-of-type (1), #opgrid * td: nth-of-type (2) {word-break: break-all; min-width: 120px}

2.- Reiniciar el servicio de omkd

3.- Hacer un "hard refresh" al navegador.

Resultado



Ajustar la tabla de nodos (Aplica con nombres de grupos largos)

Descripción

Antes de realizar el cambio la tabla de nodos en opCharts se muestra desajustada debido a que contiene nombre de grupos con muchos caracteres 

Procedimiento

Para poder hacer que el nombre del nodo se ajuste al ancho de la celda se debe hacer la siguiente modificación en el archivo /usr/local/omk/public/omk/css/opCharts_b_internal_packed.css

1.- Se agregar esta linea al final del archivo, no en una nueva linea: #opgrid * td:nth-of-type(1),#opgrid * td:nth-of-type(2),#opgrid * td:nth-of-type(5){word-break:break-all;min-width:120px}

2.- Reiniciar el servicio de omkd

3.- Hacer un "hard refresh" al navegador.

Resultado