Zabbix Design Datacenter

Read this in other languages:

Zabbix Design Datacenter is a comprehensive module for the Zabbix Web Interface that allows you to visually manage and monitor your physical IT infrastructure. It provides an intuitive interface to manage server rooms, racks, and host assignments while integrating seamlessly with Zabbix problems and severities.

Developed by George Filho.

---

🎯 Main Features

• Visual Data Center Management: Create and manage multiple server rooms and racks within a visual interface.
• Drag-and-Drop Host Assignment: Easily assign Zabbix hosts to specific U slots in your racks.
• Real-Time Problem Integration: Visually identify host problems directly on the rack UI. Slots change colors based on Zabbix severity levels.
• Dual Side Rack View: Monitor both the Front and Rear sides of your racks independently.
• Resource Statistics: Instantly view capacity, utilization rates, and total host counts for each rack and room.
• Advanced Search & Filtering: Quickly locate specific hosts or filter your datacenter view to find exactly what you need.
• Native Zabbix Integration: Fully integrated with Zabbix 7.0+ architecture, utilizing native UI components and adhering to Content Security Policy (CSP).

---

📋 Prerequisites

Before installing and using this module, ensure that:

1. You are running Zabbix Frontend 7.0 LTS or higher. (This module is specifically optimized for Zabbix 7.0+ architecture).
2. The web server user (e.g., www-data or apache) has read and write permissions for the module directory (especially the data/ folder).

---

🚀 Installation

Installing modules in the Zabbix frontend is simple and fast.

1. Download or clone this repository: Download the module files to your server.

2. Copy to the Zabbix modules directory: Move the module folder to the modules directory of your Zabbix web interface. CRITICAL: The folder name must be exactly ZabbixDesignDatacenter.

3. Register the Module in the Frontend:

   • Log into the Zabbix web interface as a Super Admin.
   • Navigate to Administration → Modules.
   • Click the "Scan directory" button in the top right corner.
   • The "Zabbix Design Datacenter" module should appear in the list.
   • Click Enable to activate it.

---

💻 How to Use

After activation, a new menu will be available under SuporTI → Design Datacenter to facilitate your daily operations.

1. Design Datacenter Config: Add new Rooms and Racks to your datacenter. Define rack sizes (in U) and descriptions.
2. Assigning Hosts: Select a rack and use the visual interface to assign hosts from Zabbix directly into specific U slots.
3. Design Datacenter Viewer (View): Monitor the current status of all your racks. Hosts with active Zabbix problems will blink and highlight their slots.
4. Interacting: Click on any host in the rack to view detailed information, IP address, and active problems.

---

🛠️ Technical Details & Development References

This module is built strictly following the official Zabbix Module Development Guidelines:

• MVC Architecture: Controllers located in actions/, Views located in views/.
• UI Components: Utilizes Zabbix native components for DOM manipulation.
• Security (CSP): Stylesheets are loaded via the assets property in manifest.json.

📂 Directory Structure

This is the standard file structure of the module:

ZabbixDesignDatacenter/
├── manifest.json                  # Module configuration and asset registration
├── Module.php                     # Core module class and menu registration
├── README.md                      # English documentation
├── README_pt_br.md                # Portuguese documentation
├── actions/                       # Backend logic controllers
│   ├── HostAssign.php
│   ├── HostProblems.php
│   ├── HostRemove.php
│   ├── HostsGet.php
│   ├── RackDelete.php
│   ├── RackManage.php
│   ├── RackProblemsRefresh.php
│   ├── RackSave.php
│   ├── RackView.php
│   ├── RoomDelete.php
│   └── RoomSave.php
├── assets/
│   ├── css/
│   │   └── rack.css               # Main visual styles
│   └── images/                    # Screenshots for documentation
├── data/                          # Data persistence directory
├── lib/                           # Core logic libraries
│   ├── HostRackManager.php
│   ├── LanguageManager.php
│   ├── RackConfig.php
│   ├── RackPermission.php
│   └── ViewRenderer.php
└── views/                         # Frontend views
    ├── rack.manage.php            # Configuration View
    └── rack.view.php              # Monitoring View

---

🖼️ Screenshots

This section demonstrates the visual capabilities of the module.

1. Main menu navigation and empty state for users without room access permissions.

2. Design Datacenter Configuration dashboard.

3. Adding a new Room with access control permissions (User Groups / Users).

4. Adding a new Rack to a specific room with customizable height (U).

5. Configuration overview showing managed Rooms and Racks.

6. Main Viewer dashboard showing rack cards and capacity summaries.

7. Rack details modal showing empty Front and Rear slots.

8. Assign Host interface allowing you to map Zabbix hosts to physical U slots.

9. Visual representation of populated racks, highlighting host health and problems.

10. Active problems modal for a specific host showing Zabbix triggers.

11. Rack card in the main dashboard dynamically reflecting the highest problem severity.

12. Comprehensive single-rack view with host list, usage statistics, and dual-side visualization.

---

📄 License & Credits

Copyright © 2006-2026 by George Filho.

All rights reserved.