Containeränderungen und Menüanpassungen des Seitenmenüs

This commit is contained in:
ja
2021-08-24 14:42:07 +02:00
parent ebfa4f10bf
commit 1052626426
15 changed files with 300 additions and 241 deletions

View File

@@ -76,7 +76,7 @@
</script>
<link rel="stylesheet" type="text/css" href="../css/StyleSheetWebsiteNew.css"/>
<link rel="stylesheet" type="text/css" href="/css/navbarsidebar.css"/>
<link rel="stylesheet" type="text/css" href="/css/navbarsidebar2.css"/>
<script type="text/javascript" src="../js/languageupdatescript.js"></script>
<!--Hover Info -->
@@ -160,9 +160,10 @@
}
#contentcontainer{
width:2048px;
align-self:center;
}
ContentPlaceHolder1{
width:1725px;
width:2048px;
}
@media (max-width: 575px){
@@ -240,7 +241,13 @@
right: 20px;
transform: translateY(-50%);
}
}
}
#ContentPlaceHolder1{
align-self:center;
}
#form1{
align-content:center
}
</style>
</asp:ContentPlaceHolder>
<asp:ContentPlaceHolder id="head" runat="server">
@@ -301,21 +308,19 @@
ElseIf laenderkuerzel = "TR" And lan3 = "0" Then
flagpath = "images/flags/flagge_TR.gif"
End If
%>
<li class="wrapper">
<li class="wrapper">
<!-- Sidebar -->
<nav id="sidebar">
<div class="container-fluid">
<div class="container">
<div class="sidebar-header">
<a class="navbar-brand" href="../newpageJulius_Sidebar.aspx"><img src="../images/Logo_small.png" width="175" height="35" alt="Logo VERAG Spedition AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"/></a>
</div>
<ul class="list-unstyled components">
<p style="font-size:medium;font-weight:600;" data-toggle="tooltip" data-placement="right" title="Durchklicken und mehr über uns erfahren!">VERAG Hauptmenü:</p>
<li class="active">
<li>
<ul class="list-unstyled components">
<p style="font-size:medium;font-weight:600;" data-toggle="tooltip" data-placement="right" title="Durchklicken und mehr über uns erfahren!">VERAG Hauptmenü:</p>
<li class="active">
<li>
<!-- <a href="#WelcomeSubmenu1" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">Startseite</a>
<ul style="list-style: none;"class="collapse list-unstyled" id="WelcomeSubmenu1">
<span class="navbar-toggler-icon"></span>-->
@@ -325,7 +330,7 @@
<!-- </ul>-->
</li>
<li>
<li>
<li>
<!-- <a href="#RechnungenSubmenu1" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">Rechnungen</a>
<ul style="list-style: none;"class="collapse list-unstyled" id="RechnungenSubmenu1">
<span class="navbar-toggler-icon"></span>-->
@@ -358,16 +363,31 @@
<span class="navbar-toggler-icon"></span>-->
<li>
<%If Me.Page.User.Identity.Name = "test" Then %>
<a href="#">Coming soon</a>
<a href="#" aria-disabled="true">Coming soon</a>
<%ElseIf Me.Page.User.Identity.Name = "test2" Then %>
<a href="Invoices.aspx">Rechnungen</a>
<%End If %>
</li>
<!-- </ul>-->
</li>
</ul>
</div></nav>
<div id="content">
<li>
<li>
<button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
<asp:LoginName ID="LoginName2" runat="server" />
</button>
<div class="collapse" id="collapseExample" style="width:250px;margin-left:-40px;">
<ul>
<li><a class="dropdown-item" href="Login_Edit_User.aspx">Accountverwaltung</a></li>
<li><a class="dropdown-item" href="GroupPolicies.aspx">Gruppenrichtlinien</a></li>
</ul>
</div>
</li>
</ul></div>
</nav>
<div class="align-self-center" id="content">
<div class="d-md-none">
<nav class="navbar navbar-expand-lg navbar-light bg-light justify-content-md-center flex-nowrap">
<button type="button" id="sidebarCollapse" class="btn btn-info" style="background-color:#fff; color:#043381;">
@@ -451,8 +471,7 @@
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>-->
</div>
</div>
<div class="btn-group">
<a type="button" class="btn btn-primary" href="CustomerIndex.aspx" style="background-color:#fff; color:#043381;border:hidden;">Kundenseite</a>
@@ -466,33 +485,31 @@
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>-->
</div>
</div>
</div>
<div style="padding-right:240px;">
<ul class="nav nav-pills">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">
<asp:LoginName ID="LoginName1" runat="server" />
</a>
<div style="padding-right:240px;">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false"><img src="../images/samples/default-avatar.jpg" style="width:20px;height:20px" />
<asp:LoginName ID="LoginName1" runat="server" /></a>
<ul class="dropdown-menu">
<div class="col-2">
<li> <iframe id="frame1" src="LoggedinUserPanel.aspx" runat="server" seamless="seamless" style="width:266px;height:219px;overflow:no-content;background-image:none;" scrolling="no"/>Accountverwaltung</li>
<li><a class="dropdown-item" href="#">Another action</a></li>
</div>
<div class="col-2">
<img src="../images/samples/default-avatar.jpg" style="width:40px;height:40px;" alt="Avatar Picture sample" data-toggle="tooltip" data-placement="top" title="Upload Photo.">
</div>
<li><a class="dropdown-item" href="Login_Edit_User.aspx">Accountverwaltung</a></li>
<li><a class="dropdown-item" href="GroupPolicies.aspx">Gruppenrichtlinien</a></li>
<% If Me.Page.User.Identity.IsAuthenticated = True Then %>
<li><button type="button" id="Logout" class="btn btn-primary">Logout</button></li>
<%Else %>
<li><button type="button" id="Login" href="../login/Login_FLEX.aspx" class="btn btn-primary">Logout</button></li>
<%End If %>
</ul>
</li> </ul></div>
</asp:LoginView>
</li>
</div>
</nav>
</div>
<form id="form1" runat="server">
<form id="form1" runat="server" style="place-self:center">
<div>
<div class="align-content-center" style="place-content:center;background-color:#fff">
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
@@ -502,9 +519,7 @@
<script type="text/javascript" src="../js/toptions/top_up-min.js"></script>
<script type="text/javascript" src="../js/scrollscript.js"></script>
<!-- JQUERY Script fuer Modal-->
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!-- jQuery CDN - Slim version (=without AJAX) -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!-- Popper.JS -->
@@ -514,7 +529,8 @@
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
<!-- jQuery Custom Scroller CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script>
<script>
<script>
// Filter table
$(document).ready(function () {
$("#tableSearch").on("keyup", function () {
@@ -525,12 +541,13 @@
});
});
</script>
<script type="text/javascript">
$(document).ready(function () {
$('#sidebarCollapse').on('click', function () {
$('#sidebar').toggleClass('active');
});
});
</script>
<script type="text/javascript">
$(document).ready(function () {
$('#sidebarCollapse').on('click', function () {
$('#sidebar').toggleClass('active');
});
});
</script>
</body>
</html>