A new ZAC is on the way! We’ve been working behind the scenes to migrate the Ziti Administration Console to a new Angular user interface. The ZAC features you've come to know and love should remain relatively unchanged, however we will be incrementally updating pages with some new designs and enhancements. For example, we’ve updated the Identities page with a new data table and a redesigned create/edit form. You can see a preview of these changes in the attached screenshots at the end of this article.
With this update there will be a few additional requirements in the installation and setup steps:
Users must have the Angular CLI installed and available on your command line. The ZAC project uses Angular v16. To install the CLI globally, run the following command:
npm install -g @angular/cli@16
*Note: This will make
ng globally available on the command line, so you may need to append
sudo to the above command if you require elevated privileges.
Below is the new sequence of commands to install, build, and serve ZAC:
ng build ziti-console-lib ## New Step
ng build ziti-console-node ## New Step
The setup to run ZAC in a Docker container should remain the same with the addition of one new argument that must be passed when running the container: ... node-api
Below is the full command to run the ZAC image in Docker:
sudo docker run -d --name zac -p 1408:1408 openziti/zac
The changes are scheduled to be released late next week. (week of Dec. 7th)
We want to create a unified user experience between CloudZiti & OpenZiti for managing a Ziti Network. The goal is to bring both the ZAC (OpenZiti) UI and the CloudZiti UI together under a common framework (Angular)
With both projects leveraging a shared framework (Angular), CloudZiti (or other 3rd parties) can import and extend ZAC features & components without reproduction/duplication of efforts. So when ZAC enables a new feature from OpenZiti, it’s readily available for CloudZiti as well.
We expect this transition to be seamless. However If you do have any trouble getting up and running with the new Angular ZAC, please don’t hesitate to reach out to us on discourse. We will address any issues ASAP.
Updated data-table display with the following new features:
- Show/Hide columns
- Re-order/re-arrange columns
- “Pin” columns to the left
- View & remove applied filters via “pills” in the search box header
Updated design & layout of the Identities create/edit including the following new features:
- Responsive layout and styling of form fields
- “Show More” toggle for advanced configuration settings
- “Raw” view of data-model in JSON editor
- “Side modal” display w/ left side navigation unobstructed