Paganini UI

This repository contains react components to display and manage jobs through paganini.

React components usage

The two main components are JobsTabe, which displays the list of jobs and JobDetails which desplays details of a particular job:

JobsTable

<JobsTable
    paganiniURL='http://localhost:7000/paganini'
    onJobSelect={(job) => console.log(job)}
    filters={{ command_name: 'etl' }}
/>

Props

• paganiniURL (string): base url where paganini endpoints are reachable
• onJobSelect function: callback that receives the selected job when a row is clicked
• filterQuery { [key: string]: string }: any additional query params to be passed to paganini

JobDetails

<JobDetails
    paganiniURL='http://localhost:7000/paganini'
    id='ed12987e-da38-43f1-acf5-e2ff7fdb8da9'
    jobDetailBasePath='/jobs'
/>

Props

• id (string): job id
• showInputData (boolean): enable viewing the input data
• showOutputData (boolean): enable viewing the output data
• enableDarkLogsTheme (boolean): display logs with a dark background
• paganiniURL (string): base url where paganini endpoints are reachable

Usage as a docker image

docker run -d \
    -e PAGANINI_URL=http://localhost:7000/paganini \
    -p 3000:3000 \
    quay.io/deix/paganini-ui