Horizon is a dashboard for managing OpenStack services powered by Django. It includes key packages like openstack_dashboard, horizon, and openstack_auth. The horizon package defines common components like tables, workflows, and forms. The openstack_dashboard package contains the actual Django project including dashboards and panels. Developers can create new dashboards and panels by using the provided commands and adding the appropriate configuration files.

1. Introduction
Openstack Horizon
Jim

2. About
I am Jim.
A web developer.
Interested in automation

3. Outline
Packages
Create a dashboard

4. What is Horizon?
A dashboard for managing Openstack Services
Powered by Django

5. Key Packages
openstack_dashboard
horizon
openstack_auth
openstack/horizon
openstack/django_openstack_auth

6. openstack_auth
A Django authentication backend
Form a User object after an identity is verified by
Keystone
Define permission instantly according to the role of a
user
No database

7. horizon
Define a singleton of Horizon
Provide all base components that are used in dashboard
table
workflow
form
tab

8. openstack_dashboard
The actual django project for Horizon
dashboards and panels
api

9. Dashaboard
Dashaboard
Dashaboard
Register
horizon
class Dashboard
class Panel
Horizon
App
urls
Discover urls
from dashboards
openstack_dashboard
(django project)
urls.py

10. horizon

11. horizon.base
Core of horizon app
Class of Dashboard and Panel
manage urls for registered dashboards and panels

12. Flow of a View
View Class - Handle request, collect data for component
Component Class - Render
View Class Component
Class
Request Data
Response Render

13. horizon.tables
The most commonly-used component in Horizon
Every element in a table is a class

14. Components of a table
Table
Row
Column
Cell
Actions

15. horizon.workflow
It’s a form with multiple step
There are four classes in a workflow:
Workflow
Modal
Step
Step
Action
Form
WorkflowView

16. openstack_dashboard

17. openstack_dashboard.api
Wrapper for openstack-xxxxclient

18. openstack_dashboard.dashboards

19. Default Dashboard
Project
Admin
Identity (Move out from Admin)

20. How to Hack
Ubuntu / MacOS
A controller server (keystone, glance, nova)

21. Setup Environment

22. 1.Clone the source code
2.Create a virtual environment (Optional)
3.Install pip requirements
4.Copy and update local_settings.py

23. Update local_settings.py
OPENSTACK_HOST = “controller"

24. Create a dashboard
python manage.py startdash mydashboard --target
openstack_dashboard/dashboards/mydashboard

25. Create a panel
python manage.py startpanel mypanel --
dashboard=openstack_dashboard.dashboards.mydashbo
ard --target=openstack_dashboard/dashboards/
mydashboard/mypanel

26. Add to enabled
Add a config file in openstack_dashboard/enabled
openstack_dashboard/enabled/mydashboard.py

27. Set the default panel
Add default panel

29. Hack

30. Q & A