new menus for h2f

This commit is contained in:
Tiavina 2025-02-03 15:15:34 +03:00
parent c66d42e7a9
commit fd3c820564
2 changed files with 299 additions and 72 deletions

View File

@ -257,3 +257,55 @@
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
color: white color: white
} }
.app-navigation-submenu{
width: 100%;
transition: opacity 0.3s ease, visibility 0.3s ease;
display: none;
}
.app-navigation-entry-submenu{
border-radius: var(--border-radius-pill);
color: var(--color-main-text);
display: flex;
flex-direction: row;
align-items: center;
height: 40px;
gap: 15px;
}
.app-navigation-entry-submenu:hover{
background-color: white;
}
.app-navigation-entry-utils-submenu{
font-size: 9pt;
margin-left: auto;
padding-right: 12px;
}
.a-entry-submenu{
color: black !important;
text-decoration: none !important;
}
.a-entry-submenu:hover{
background: none !important;
color: inherit !important;
}
#app-navigation .app-navigation-entry-main-menu:hover{
background: none !important;
}
.app-navigation-entry-main-menu:hover > .app-navigation-submenu {
display: block;
}
#app-navigation .app-navigation{
padding-left: 0;
}
#app-navigation:not(.vue) > ul > li,#app-navigation:not(.vue) > ul > li > ul > li{
padding-left: 0;
}

View File

@ -39,82 +39,257 @@
<li class="app-navigation-entry"><span class="navmarg"></span><b><?php p($l->t('Manage'));?></b></li> <li class="app-navigation-entry"><span class="navmarg"></span><b><?php p($l->t('Manage'));?></b></li>
<li class="app-navigation-entry"> <li class="app-navigation-entry">
<ul class="app-navigation"> <ul class="app-navigation">
<li class="app-navigation-entry"><span class="navmarg icon-contacts-dark"></span><a class="a-entry" href="<?php echo($_['url']['index']); ?>"><?php p($l->t('Customers'));?></a> <li class="app-navigation-entry app-navigation-entry-main-menu">
<div class="app-navigation-entry-utils"> <span class="navmarg icon-contacts-dark"></span>
<ul> <a class="a-entry">Ventes</a>
<li class="app-navigation-entry-utils-counter"><span id="statsclient"><div class="loader"></div></span></li> <ul class="app-navigation-submenu">
</ul> <li class="app-navigation-entry-submenu">
</div> <span class="navmarg icon-contacts-dark"></span>
<a class="a-entry-submenu" href="<?php echo($_['url']['index']); ?>">
<?php p($l->t('Customers'));?>
</a>
<div class="app-navigation-entry-utils-submenu">
<ul>
<li class="app-navigation-entry-utils-counter">
<span id="statsclient"><div class="loader"></div></span>
</li>
</ul>
</div>
</li>
<li class="app-navigation-entry-submenu">
<span class="navmarg icon-toggle-pictures"></span>
<a class="a-entry-submenu" href="<?php echo($_['url']['lieu']); ?>">
<?php p($l->t('Lieux'));?>
</a>
<div class="app-navigation-entry-utils-submenu">
<ul>
<li class="app-navigation-entry-utils-counter">
<span id="statslieu"><div class="loader"></div></span>
</li>
</ul>
</div>
</li>
<li class="app-navigation-entry-submenu">
<span class="navmarg icon-category-integration"></span>
<a class="a-entry-submenu" href="<?php echo($_['url']['produit']); ?>">
<?php p($l->t('Articles'));?>
</a>
<div class="app-navigation-entry-utils-submenu">
<ul>
<li class="app-navigation-entry-utils-counter">
<span id="statsproduit"><div class="loader"></div></span>
</li>
</ul>
</div>
</li>
<li class="app-navigation-entry-submenu">
<span class="navmarg icon-category-integration"></span>
<a class="a-entry-submenu" href="<?php echo($_['url']['produit']); ?>">
<?php p($l->t('Groupe articles'));?>
</a>
<div class="app-navigation-entry-utils-submenu">
<ul>
<li class="app-navigation-entry-utils-counter">
<span>5</span>
</li>
</ul>
</div>
</li>
<li class="app-navigation-entry-submenu">
<span class="navmarg icon-category-integration"></span>
<a class="a-entry-submenu" href="<?php echo($_['url']['produit']); ?>">
<?php p($l->t('Groupe clients'));?>
</a>
<div class="app-navigation-entry-utils-submenu">
<ul>
<li class="app-navigation-entry-utils-counter">
<span>5</span>
</li>
</ul>
</div>
</li>
<li class="app-navigation-entry-submenu">
<span class="navmarg icon-category-integration"></span>
<a class="a-entry-submenu" href="<?php echo($_['url']['produit']); ?>">
<?php p($l->t('Groupe tarifs'));?>
</a>
<div class="app-navigation-entry-utils-submenu">
<ul>
<li class="app-navigation-entry-utils-counter">
<span>5</span>
</li>
</ul>
</div>
</li>
<li class="app-navigation-entry-submenu">
<span class="navmarg icon-template-add"></span>
<a class="a-entry-submenu" href="<?php echo($_['url']['devis']); ?>">
<?php p($l->t('Quotes'));?>
</a>
<div class="app-navigation-entry-utils-submenu">
<ul>
<li class="app-navigation-entry-utils-counter">
<span id="statsdevis"><div class="loader"></div></span>
</li>
</ul>
</div>
</li>
<li class="app-navigation-entry-submenu">
<span class="navmarg icon-toggle-pictures"></span>
<a class="a-entry-submenu" href="<?php echo($_['url']['facture']); ?>">
<?php p($l->t('Invoices'));?>
</a>
<div class="app-navigation-entry-utils-submenu">
<ul>
<li class="app-navigation-entry-utils-counter">
<span id="statsfacture"><div class="loader"></div></span>
</li>
</ul>
</div>
</li>
<li class="app-navigation-entry-submenu">
<span class="navmarg icon-toggle-pictures"></span>
<a class="a-entry-submenu" href="<?php echo($_['url']['statistique']); ?>">
<?php p($l->t('Statistics'));?>
</a>
</li>
</ul>
</li> </li>
<li class="app-navigation-entry"><span class="navmarg icon-contacts-dark"></span><a href="<?php echo($_['url']['thanatopracteur']); ?>">Thanatopracteurs</a> <li class="app-navigation-entry app-navigation-entry-main-menu">
<div class="app-navigation-entry-utils"> <span class="navmarg icon-contacts-dark"></span>
<ul> <a class="a-entry">Achats</a>
<li class="app-navigation-entry-utils-counter"><span id="statsthanato"><div class="loader"></div></span></li> <ul class="app-navigation-submenu">
</ul> <li class="app-navigation-entry-submenu">
</div> <span class="navmarg icon-category-integration"></span>
<a class="a-entry-submenu" href="<?php echo($_['url']['index']); ?>">
<?php p($l->t('Articles'));?>
</a>
<div class="app-navigation-entry-utils-submenu">
<ul>
<li class="app-navigation-entry-utils-counter">
<span>5</span>
</li>
</ul>
</div>
</li>
<li class="app-navigation-entry-submenu">
<span class="navmarg icon-category-integration"></span>
<a class="a-entry-submenu" href="<?php echo($_['url']['index']); ?>">
<?php p($l->t('Groupe articles'));?>
</a>
<div class="app-navigation-entry-utils-submenu">
<ul>
<li class="app-navigation-entry-utils-counter">
<span>5</span>
</li>
</ul>
</div>
</li>
<li class="app-navigation-entry-submenu">
<span class="navmarg icon-category-integration"></span>
<a class="a-entry-submenu" href="<?php echo($_['url']['index']); ?>">
<?php p($l->t('Commandes'));?>
</a>
<div class="app-navigation-entry-utils-submenu">
<ul>
<li class="app-navigation-entry-utils-counter">
<span>5</span>
</li>
</ul>
</div>
</li>
</ul>
</li> </li>
<li class="app-navigation-entry"><span class="navmarg icon-contacts-dark"></span><a href="<?php echo($_['url']['defunt']); ?>">Défunts</a> <li class="app-navigation-entry app-navigation-entry-main-menu">
<div class="app-navigation-entry-utils"> <span class="navmarg icon-contacts-dark"></span>
<ul> <a class="a-entry">Défunts</a>
<li class="app-navigation-entry-utils-counter"><span id="statsdefunts"><div class="loader"></div></span></li> <ul class="app-navigation-submenu">
</ul> <li class="app-navigation-entry-submenu">
</div> <span class="navmarg icon-contacts-dark"></span>
<a class="a-entry-submenu" href="<?php echo($_['url']['defunt']); ?>">
<?php p($l->t('Défunts'));?>
</a>
<div class="app-navigation-entry-utils-submenu">
<ul>
<li class="app-navigation-entry-utils-counter">
<span id="statsdefunts"><div class="loader"></div></span>
</li>
</ul>
</div>
</li>
<li class="app-navigation-entry-submenu">
<span class="navmarg icon-category-integration"></span>
<a class="a-entry-submenu" href="<?php echo($_['url']['article']); ?>">
<?php p($l->t('Produits'));?>
</a>
<div class="app-navigation-entry-utils-submenu">
<ul>
<li class="app-navigation-entry-utils-counter">
<span id="statsarticles"><div class="loader"></div></span>
</li>
</ul>
</div>
</li>
<li class="app-navigation-entry-submenu">
<span class="navmarg icon-category-integration"></span>
<a class="a-entry-submenu" href="<?php echo($_['url']['bibliotheque']); ?>">
<?php p($l->t('Bibliothèques'));?>
</a>
<div class="app-navigation-entry-utils-submenu">
<ul>
<li class="app-navigation-entry-utils-counter">
<span id="statsbibliotheque"><div class="loader"></div></span>
</li>
</ul>
</div>
</li>
</ul>
</li> </li>
<li class="app-navigation-entry"><span class="navmarg icon-template-add"></span><a href="<?php echo($_['url']['devis']); ?>"><?php p($l->t('Quotes'));?></a> <li class="app-navigation-entry app-navigation-entry-main-menu">
<div class="app-navigation-entry-utils"> <span class="navmarg icon-contacts-dark"></span>
<ul> <a class="a-entry">Thanatopracteurs</a>
<li class="app-navigation-entry-utils-counter"><span id="statsdevis"><div class="loader"></div></span></li> <ul class="app-navigation-submenu">
</ul> <li class="app-navigation-entry-submenu">
</div> <span class="navmarg icon-contacts-dark"></span>
<a class="a-entry-submenu" href="<?php echo($_['url']['thanatopracteur']); ?>">
<?php p($l->t('Thanatopracteurs'));?>
</a>
<div class="app-navigation-entry-utils-submenu">
<ul>
<li class="app-navigation-entry-utils-counter">
<span id="statsthanato"><div class="loader"></div></span>
</li>
</ul>
</div>
</li>
<li class="app-navigation-entry-submenu">
<span class="navmarg icon-toggle-pictures"></span>
<a class="a-entry-submenu" href="<?php echo($_['url']['trajet']); ?>">
<?php p($l->t('Trajets'));?>
</a>
<div class="app-navigation-entry-utils-submenu">
<ul>
<li class="app-navigation-entry-utils-counter">
<span id="statstrajet"><div class="loader"></div></span>
</li>
</ul>
</div>
</li>
<li class="app-navigation-entry-submenu">
<span class="navmarg icon-toggle-pictures"></span>
<a class="a-entry-submenu" href="<?php echo($_['url']['index']); ?>">
<?php p($l->t('Véhicules'));?>
</a>
<div class="app-navigation-entry-utils-submenu">
<ul>
<li class="app-navigation-entry-utils-counter">
<span>5</span>
</li>
</ul>
</div>
</li>
</ul>
</li> </li>
<li class="app-navigation-entry"><span class="navmarg icon-toggle-pictures"></span><a href="<?php echo($_['url']['trajet']); ?>">Trajets</a>
<div class="app-navigation-entry-utils">
<ul>
<li class="app-navigation-entry-utils-counter"><span id="statstrajet"><div class="loader"></div></span></li>
</ul>
</div>
</li>
<li class="app-navigation-entry"><span class="navmarg icon-toggle-pictures"></span><a href="<?php echo($_['url']['lieu']); ?>">Lieux</a>
<div class="app-navigation-entry-utils">
<ul>
<li class="app-navigation-entry-utils-counter"><span id="statslieu"><div class="loader"></div></span></li>
</ul>
</div>
</li>
<li class="app-navigation-entry"><span class="navmarg icon-toggle-pictures"></span><a href="<?php echo($_['url']['facture']); ?>"><?php p($l->t('Invoices'));?></a>
<div class="app-navigation-entry-utils">
<ul>
<li class="app-navigation-entry-utils-counter"><span id="statsfacture"><div class="loader"></div></span></li>
</ul>
</div>
</li>
<li class="app-navigation-entry"><span class="navmarg icon-category-integration"></span><a href="<?php echo($_['url']['produit']); ?>">Articles</a>
<div class="app-navigation-entry-utils">
<ul>
<li class="app-navigation-entry-utils-counter"><span id="statsproduit"><div class="loader"></div></span></li>
</ul>
</div>
</li>
<li class="app-navigation-entry"><span class="navmarg icon-category-integration"></span><a href="<?php echo($_['url']['article']); ?>">Produits</a>
<div class="app-navigation-entry-utils">
<ul>
<li class="app-navigation-entry-utils-counter"><span id="statsarticles"><div class="loader"></div></span></li>
</ul>
</div>
</li>
<li class="app-navigation-entry"><span class="navmarg icon-category-integration"></span><a href="<?php echo($_['url']['bibliotheque']); ?>">Bibliothèques</a>
<div class="app-navigation-entry-utils">
<ul>
<li class="app-navigation-entry-utils-counter"><span id="statsbibliotheque"><div class="loader"></div></span></li>
</ul>
</div>
</li>
</ul>
</li>
<li class="app-navigation-entry"><span class="navmarg"></span><b><?php p($l->t('Information'));?></b></li>
<li class="app-navigation-entry">
<ul class="app-navigation">
<li class="app-navigation-entry"><span class="navmarg icon-toggle-pictures"></span><a href="<?php echo($_['url']['statistique']); ?>"><?php p($l->t('Statistics'));?></a></li>
</ul> </ul>
</li> </li>
</ul> </ul>