Browser Extension to improve Airflow UI User Experience.
Compatible with Chrome and Firefox. This extension has been tested on the following Airflow versions:
- 2.2.2
This extension is not available on Chrome and Firefox stores. You'll need to build it yourself.
It is possible to define a list of DAGs which will be highlighted on Airflow UI.
Open extension popup and then click on "Settings".
In settings page, define a list of DAGs name in csv (e.g. dag1,dag2,dag3) inthe textarea under "List of dags to highlight". Then on Airflow UI "DAGs" page, if a DAG name contains one of the name defined in option, the line will be highlighted.
It is possible to customize style applied to highlighted DAG's in Option page. You just need to change the CSS style.
It is possible to distinguish Airflow environment depending on URL to use a custom color for prod and/or staging.
In settings section, it is possible to add a list of url (csv format) for prod and staging, and to define a dedicated color.
It is possible to choose colors for each task state to use most appropriate set of colors depending on possible color blindness.
Clone repository where you want it, for example in your home.
git clone https://github.com/rinzool/airflow-run-extension.git ~/Build package
cd airflow-extension
make build-allOn Chrome, go to chrome://extensions/
Active Developer Mode on the top right, then select Load Unpack on the top left, and choose the subdirectory airflow-run-extension/chrome.
WARNING : You will need Firefox Developer Edition to install the add-on and set the field
xpinstall.signatures.requiredtofalsein the configuration window (about:config).
Firefox, go to add-ons menu (about:addons), choose Install Add-on from file and select firefox/airflow-extension.zip
To get last updates :
git pullmake build-all- Reload extension on your browser or re-import it for firefox users
Fork the project and submit a PR on the Github repo.
You may use the Makefile to build and clean the files and folders.
Technologies :
- Prettier: Code formater
- Bootstrap: Frontend toolkit
- HTML5 Validator Action: HTML Validator