admin/e-cosplay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ feat(artemis/infra): Ajoute la gestion des serveurs Google Compute Engine en français

Browse Source
This commit is contained in:
Serreau Jovann
2025-07-21 13:25:15 +02:00
parent 8f96e1c2fb
commit 18ef3466b5
13 changed files with 1708 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
templates/artemis/base.twig
View File

@@ -26,6 +26,24 @@
background-color: #4b5563;
border-radius: 20px;
}
/* Hide submenu by default */
.submenu {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
/* Show submenu when active */
.submenu.active {
max-height: 500px; /* A value large enough to contain all submenu items */
transition: max-height 0.3s ease-in;
}
/* Rotate arrow icon */
.arrow-icon {
transition: transform 0.3s ease-in-out;
}
.arrow-icon.rotate {
transform: rotate(90deg);
}
</style>
</head>
<body class="bg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-gray-100">
@@ -45,6 +63,38 @@
<span class="ml-3">Tableau de bord</span>
</a>
</li>
<li class="px-4 py-2">
<button class="flex items-center justify-between w-full p-2 text-base font-normal text-gray-900 dark:text-white rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none" data-submenu-toggle="infrastructure">
<div class="flex items-center">
<svg class="w-6 h-6 text-gray-500 dark:text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"></path><path d="M12 2.252A8.014 8.014 0 0117.748 12H12V2.252z"></path></svg>
<span class="ml-3">Infrastructure</span>
</div>
<svg class="w-4 h-4 text-gray-500 dark:text-gray-400 arrow-icon" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg>
</button>
<ul id="submenu-infrastructure" class="submenu ml-6 mt-2 space-y-2">
<li>
<a href="{{ path('artemis_infrastructure_server') }}" class="flex items-center p-2 text-sm font-normal text-gray-700 dark:text-gray-300 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700">
<span class="ml-3">Serveurs</span>
</a>
</li>
</ul>
</li>
<li class="px-4 py-2">
<button class="flex items-center justify-between w-full p-2 text-base font-normal text-gray-900 dark:text-white rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none" data-submenu-toggle="intranet">
<div class="flex items-center">
<svg class="w-6 h-6 text-gray-500 dark:text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"></path><path d="M12 2.252A8.014 8.014 0 0117.748 12H12V2.252z"></path></svg>
<span class="ml-3">Intranet</span>
</div>
<svg class="w-4 h-4 text-gray-500 dark:text-gray-400 arrow-icon" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg>
</button>
<ul id="submenu-intranet" class="submenu ml-6 mt-2 space-y-2">
<li>
<a href="#" class="flex items-center p-2 text-sm font-normal text-gray-700 dark:text-gray-300 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700">
<span class="ml-3">Serveurs</span>
</a>
</li>
</ul>
</li>
</ul>
</nav>
</aside>
@@ -101,16 +151,5 @@
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
const sidebar = document.getElementById('sidebar');
const sidebarToggle = document.getElementById('sidebar-toggle');
sidebarToggle.addEventListener('click', function () {
sidebar.classList.toggle('-translate-x-full');
});
});
</script>
</body>
</html>