markmorado/pvemanager
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases 3 Wiki Activity

feat: IPAM improvements - server/node subnet binding, theme color fixes

Browse Source 
- IPAM link-allocations: filter networks by proxmox_server_id and proxmox_node
  to prevent cross-server/cross-node IP assignment
- IPAM link-allocations: add manual server+network selection modal before linking
- IPAM add-network forms: add Proxmox server and node selectors with dynamic
  cluster-info loading (ipam_dashboard.html, ipam_networks.html)
- models.py / schemas.py: add proxmox_node field to IPAMNetwork
- migrations: migration #16 adds proxmox_node column to ipam_networks table
- Theme fixes: replace all hardcoded rgba/color:#fff/color:white with CSS vars
  across base.html, virtual_machines.html, instance_detail.html,
  os_templates.html, proxmox_vms.html, ipam_network_detail.html,
  ipam_allocations.html
- i18n: add proxmox_node, node selector, link-allocations modal keys (ru/en)
- Version bump: 1.0.4 -> 1.0.5
This commit is contained in:
markmorado
2026-03-08 14:17:54 +01:00
parent 4bbc02982a
commit 91dbf0b81c
15 changed files with 542 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
backend/app/templates/ipam_network_detail.html
View File

@@ -337,11 +337,11 @@ async function loadIPMap() {
function getIPColor(status) {
switch(status) {
case 'available': return 'rgba(34, 197, 94, 0.2)';
case 'allocated': return 'rgba(59, 130, 246, 0.3)';
case 'reserved': return 'rgba(245, 158, 11, 0.3)';
case 'gateway': return 'rgba(139, 92, 246, 0.3)';
case 'conflict': return 'rgba(239, 68, 68, 0.3)';
case 'available': return 'var(--success-light)';
case 'allocated': return 'var(--info-light)';
case 'reserved': return 'var(--warning-light)';
case 'gateway': return 'var(--purple-light)';
case 'conflict': return 'var(--danger-light)';
default: return 'var(--bg-tertiary)';
}
}
@@ -392,7 +392,7 @@ async function loadAllocations() {
<td style="padding: 0.5rem; color: var(--text-secondary);">${alloc.resource_type || '-'}</td>
<td style="padding: 0.5rem; color: var(--text-secondary);">${alloc.hostname || '-'}</td>
<td style="padding: 0.5rem;">
<span style="padding: 0.125rem 0.5rem; border-radius: 4px; font-size: 0.75rem; background: ${getStatusColor(alloc.status)}; color: #fff;">
<span style="padding: 0.125rem 0.5rem; border-radius: 4px; font-size: 0.75rem; background: ${getStatusColor(alloc.status)}; color: ${getStatusTextColor(alloc.status)}; font-weight: 600;">
${alloc.status}
</span>
</td>
@@ -412,12 +412,20 @@ async function loadAllocations() {
function getStatusColor(status) {
switch(status) {
case 'allocated': return 'rgba(59, 130, 246, 0.3)';
case 'reserved': return 'rgba(245, 158, 11, 0.3)';
case 'conflict': return 'rgba(239, 68, 68, 0.3)';
case 'allocated': return 'var(--info-light)';
case 'reserved': return 'var(--warning-light)';
case 'conflict': return 'var(--danger-light)';
default: return 'var(--bg-tertiary)';
}
}
function getStatusTextColor(status) {
switch(status) {
case 'allocated': return 'var(--info)';
case 'reserved': return 'var(--warning)';
case 'conflict': return 'var(--danger)';
default: return 'var(--text-secondary)';
}
}
// Modal functions
function showAllocateModal() {
@@ -591,7 +599,7 @@ async function showIPDetail(ip) {
<div style="font-family: monospace; color: var(--text-primary);">${alloc.ip_address}</div>
<div style="color: var(--text-muted);">${t('status')}:</div>
<div><span style="padding: 0.125rem 0.5rem; border-radius: 4px; font-size: 0.875rem; background: ${getStatusColor(alloc.status)}; color: #fff;">${alloc.status}</span></div>
<div><span style="padding: 0.125rem 0.5rem; border-radius: 4px; font-size: 0.875rem; background: ${getStatusColor(alloc.status)}; color: ${getStatusTextColor(alloc.status)}; font-weight: 600;">${alloc.status}</span></div>
<div style="color: var(--text-muted);">${t('resource_type')}:</div>
<div style="color: var(--text-primary);">${alloc.resource_type || '-'}</div>