Introduzca su búsqueda por palabra clave en el cuadro de texto
TEC-6 – Personalización – Lista de archivos y métodos
Versión(s)
ECALDIMA 2.0 y superior
Concepto
Es posible personalizar ECALDIMA cambiando los siguientes elementos:
- Colores
- Imágenes
- Dashboard de operador
- Solicitar vista
- Vista incidente del usuario
- Vista incidente del operador
En este artículo se detallan las secciones.
También se encuentra un servicio disponible en el portal de soporte que le permite generar el CSS modificado y los colores de las imágenes.
Colores
El verde ECALDIMA es # AECF49 o RGB (137,178,13). Usaremos a continuación, #AAAAAA y 111,222,333 como colores de reemplazo.
Históricamente, existen varios matices, como # 89B20D, # 626262, # AECF49.
La armonización está prevista a partir de la versión 2.1
Cada sección a continuación describe los archivos y colores que se modificarán de acuerdo con el archivo.
Los cambios de color se realizan en archivos CSS.
Portal
El portal consta de la página que contiene la lista de categorías, la página de detalles de un servicio, la página del carrito de compras, la página de confirmación de creación de solicitud y la página del portal de software.
El archivo CSS utilizado en el Portal es \Styles\SCPStyles.css
| Original | Reemplazo |
|---|---|
| #D7E590 | #AAAAAA |
| #89B20D | #AAAAAA |
| #AECF49 | #AAAAAA |
| 137,178,13 | 111,222,333 |
| #626262 | RGBA(111,222,333,0.5) |
Backoffice
El backoffice consiste en la página de validación y la página de tareas.
El archivo CSS utilizado es el mismo que el del Portal y se puede copiar desde Portal en BackOffice\Styles\SCPStyles.css
Componentes gráficos
Componentes como el selector de fechas en los contratos, el calendario SLA son componentes de la suite SyncFusion. El archivo CSS utilizado es ECALDIMA \ Content \ ej \ web \ flat-lime \ ej.theme.min.css.
Para aplicar el color deseado, utilice la cuadrícula de correspondencia que se muestra a continuación:
| Original | Reemplazo |
|---|---|
| #cee292 | RGBA(111,222,333,0.5) |
| #aecf49 | #AAAAAA |
Marcos, tablas estándar, botones
El archivo CSS utilizado es ECALDIMA\ Content \ site.css.
Para aplicar el color deseado, utilice la cuadrícula de correspondencia que se muestra a continuación:
| Original | Reemplazo |
|---|---|
| #cee292 | RGBA(111,222,333,0.5) |
| #aecf49 | #AAAAAA |
| #94B60F | #AAAAAA |
| #D7E590 | #AAAAAA |
| 174,207,73 | 111,222,333 |
| 137,178,13 | 111,222,333 |
Tablas con clasificación y filtros
Estas tablas usan los scripts de datatables.net
El archivo CSS utilizado es ECALDIMA \ Content \ datatables.css.
Para aplicar el color deseado, use la cuadrícula de correspondencia que se muestra a continuación:
| Original | Reemplazo |
|---|---|
| 174,207,73 | 111,222,333 |
Menú
El menú usa un componente Syncfusion.
El archivo CSS utilizado es ECALDIMA \ Content \ menu.css.
Para aplicar el color deseado, use la cuadrícula de correspondencia que se muestra a continuación:
| Original | Reemplazo |
|---|---|
| #aecf493 | #AAAAAA |
Dashboard operador
La personalización del Dashboard se realiza modificando las páginas de vbhtml.
Esto requiere un poco de conocimiento de la creación de páginas web con HTML y SQL.
El dashboard del operador utilizado por defecto es OperatorDashBoard.vbhtml en el directorio «Directorio de instalación de Ecaldima» \ ECALDIMA\Views\TIMA
Para crear un dashboard personalizado tiene que copiar OperatorDashBoard.vbhtml a Dashboard0.vbhtml. Ecaldima maneja hasta 10 dashboard desde el dashboard 0 hasta el dashboard 9.
Estos archivos no se sobrescriben al actualizar o aplicar parches.
Ver vista de solicitud
La personalización de RequestView se realiza modificando las páginas de vbhtml.
Esto requiere un poco de conocimiento sobre la creación de páginas web con HTML y SQL.
El RequestView predeterminado es RequestView.vbhtml del directorio «Directorio de instalación de Ecaldima» \ ECALDIMA \ Views \ SCOOP
Para crear un RequestView personalizado, copie RequestView.vbhtml en YOURQUESTQUESTVIEW.vbhtml. El nombre es el que eliges para evitar los espacios y los caracteres acentuados. Para que un servicio use esta vista, debe agregar una propiedad extendida cuyo nombre sea PROCESSVIEWPAGE y el valor sea el nombre de su vista sin .vbhtml.
Vista incidente del usuario
La personalización de la vista de incidentes del usuario se realiza editando las páginas vbhtml.
Esto requiere un poco de conocimiento sobre la creación de páginas web con HTML y SQL
La Vista de incidentes del usuario utilizada por defecto es UserTicketDisplay.vbhtml del directorio «Ecaldima Installation Directory» \ ECALDIMA \ Views \ TIMA
Para crear una vista de incidente de usuario personalizado debe copiar UserTicketDisplay.vbhtml a YOURUserVIEWINgUser.vbhtml. El nombre es el que eliges para evitar los espacios y los caracteres acentuados. Para que los usuarios vean esta nueva vista, debes cambiar la configuración de TIMA, UserTicketDisplay y darle el nombre de la nueva vista sin .vbhtml.
Vista incidente del operador
La personalización de la vista de incidentes de los Operadores funciona editando las páginas vbhtml.
Esto requiere un poco de conocimiento de la creación de páginas web con HTML y SQL
La vista de incidente predeterminada del operador es UserTicketDisplay.vbhtml del directorio «Ecaldima Installation Directory» \ ECALDIMA \ Views \ TIMA
Para crear una vista de la incidencia del operador personalizado utilice, UserTicketDisplay.vbhtml debe copiarse en YOURVIDEINCOPERATOR.vbhtml. El nombre es el que eliges para evitar los espacios y los caracteres acentuados. Para crear una vista de la incidencia del operador personalizado utilice, UserTicketDisplay.vbhtml debe copiarse en YOURVIDEINCOPERATOR.vbhtml. El nombre es el que eliges para evitar los espacios y los caracteres acentuados. Para que los operadores vean esta nueva vista, debe cambiar la configuración de TIMA, OperatorTicketDisplay, y darle el nombre de la nueva vista sin .vbhtml.