Rivista UI

Template.Shared/Components/Layout/NavMenu.razor

@@ -1,14 +1,16 @@
+@inject IDialogService Dialog
+
 @if (IsVisible)
 {
     <nav class="navbar navbar-expand justify-content-center">
-        <div class="container-fluid">
-            <ul class="navbar-nav nav-justified w-100 text-center">
+        <div class="container-navbar">
+            <ul class="navbar-nav nav-justified align-items-center w-100 text-center">
 
                 <li class="nav-item">
                     <NavLink class="nav-link" href="Users" Match="NavLinkMatch.All">
                         <div class="d-flex flex-column">
                             <i class="ri-group-line"></i>
-                            <span>Contatti</span>
+                            @* <span>Contatti</span> *@
                         </div>
                     </NavLink>
                 </li>
@@ -16,7 +18,28 @@
                     <NavLink class="nav-link" href="Calendar" Match="NavLinkMatch.All">
                         <div class="d-flex flex-column">
                             <i class="ri-calendar-todo-line"></i>
-                            <span>Agenda</span>
+                            @* <span>Agenda</span> *@
+                        </div>
+                    </NavLink>
+                </li>
+
+
+                <li class="nav-item plus-button">
+                    <MudMenu PopoverClass="custom_popover" AnchorOrigin="Origin.TopCenter" TransformOrigin="Origin.BottomCenter">
+                        <ActivatorContent>
+                            <MudFab Class="custom-plus-button" Color="Color.Primary" Size="Size.Medium" IconSize="Size.Medium" StartIcon="@Icons.Material.Filled.Add"/>
+                        </ActivatorContent>
+                        <ChildContent>
+                            <MudMenuItem Disabled="true">Nuovo contatto</MudMenuItem>
+                            <MudMenuItem OnClick="() => ModalHelpers.OpenActivityForm(Dialog)">Nuova attivit<69></MudMenuItem>
+                        </ChildContent>
+                    </MudMenu>
+                </li>
+
+                <li class="nav-item">
+                    <NavLink class="nav-link" href="Notification" Match="NavLinkMatch.All">
+                        <div class="d-flex flex-column">
+                            <i class="ri-notification-4-line"></i>
                         </div>
                     </NavLink>
                 </li>
@@ -24,7 +47,7 @@
                     <NavLink class="nav-link" href="PersonalInfo" Match="NavLinkMatch.All">
                         <div class="d-flex flex-column">
                             <i class="ri-user-line"></i>
-                            <span>Profilo</span>
+                            @* <span>Profilo</span> *@
                         </div>
                     </NavLink>
                 </li>