TicketSLA

Descripción

Componente que genera una gráfica donde se indican los tickets; dependiendo de estados.

Versiones

Este proyecto fue generado con Angular CLI version 6.0.8.

Instalación

La descarga de las librerias se hace directamente en el Nexus Axity: http://devtools.axity.com/nexus3/repository/npm-group/

Con las siguientes instrucciones:

• npm adduser --registry http://devtools.axity.com/nexus3/repository/npm-group/ (Ingresar credenciales Active Directory)
• npm install three-steps-selector --registry http://devtools.axity.com/nexus3/repository/npm-group/ --save

Para no tener que colocar el registry en cada ocasión, solo agregar un archivo llamado: .npmrc al nivel de donde se encuentre el archivo package.json, con el siguiente contenido:

# add the URL of the repository
registry = http://devtools.axity.com/nexus3/repository/npm-group/

Esto permite ejecutar los comandos que comunmente utilizamos: npm install, pero apuntando al repositorio nexus de Axity.

El repositorio Nexus de Axity descarga librerias internas y tambien las publicas de repositorio de npm.

Agregar al modulo principal de Angular

import { GraphTicketSlaModule } from 'graph-ticket-sla';
@NgModule({
  imports: [
    ...,
    GraphTicketSlaModule
  ],
})
export class AppModule { }

Como usar

<axy-graph-ticket-sla
  title="Incidentes SLA desde librería"
  [dataBehaviourSubject]="dataBehaviourSubjectTicketSLA"
  [graphDimensions]="dimensionsSLA"
></axy-graph-ticket-sla>

El componente se autoajusta al contenedor donde se coloque, por lo que es necesario colocar el componente dentro de un elemento contenedor como el ejemplo. La propiedad 'graphDimensions', es para ajustar el tamaño de la gráfica. Se le debe de pasar un objeto con la siguiente estructura.

const dimensionsSLA = {
  height: 300,
  width: "100%"
};

El dato que reciba el dataBehaviourSubject, será con esta estructura. A través del BehaviorSubject, con su método next(), se hará el envío de la información.

const exampleTicketSLA = {
  body: [
    {
      slalevel: [
        {
          total: 6,
          totalnok: 0,
          sla: 100.0,
          slanok: 0.0
        }
      ],
      prioridadall: [
        {
          tipo: 0,
          slacantidad: 6
        }
      ],
      prioridadeachone: [
        {
          tipo: "4",
          label: "Baja",
          ocurrencias: 1,
          total: 6,
          data: [
            {
              slalevel: 0,
              slacantidad: 6
            }
          ]
        }
      ]
    }
  ],
  message: "Success",
  status: "200"
};

// Envío de información desde el padre al componente.
dataBehaviourSubjectTicketSLA.next(exampleTicketSLA);

Contribuciones

Mediante pull-request se evaluan los cambios a componentes, mas información: [email protected]

Axity