edv/VERAG_Homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Modal eingebaut in Menüleiste statt Extra Seite zur vereinfachten Bearbeitung des Profils

Browse Source
This commit is contained in:
ja
2021-08-25 18:09:01 +02:00
parent 98532c3d8d
commit 89313525a6
2 changed files with 90 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
Customers/Customers.master
View File

@@ -198,6 +198,35 @@
#btnsubmenu:hover{ #btnsubmenu:hover{
background-color:#fff; background-color:#fff;
color:#043381; color:#043381;
}
.modal-dialog modal-dialog-scrollable{
width:30%;
}
.modal-content{
width:40%;
overflow-x:no-content;
}
.modal-header{
width:40%;
}
.modal-footer{
width:40%;
}
#exampleModalLabel{
font-size:12px;
}
.modal-body{
/* background-color:#043381;*/
background-image: linear-gradient(to right, #003680 , #0055cc);
color:#fff;
width:40%;
}
#Image1{
width:40%;
height:40%;
}
#butclose{
transform:translateX(-50%);
} }
} }
@media (min-width: 575px) { @media (min-width: 575px) {
@@ -240,15 +269,22 @@
background-color:#fff; background-color:#fff;
max-width:250px; max-width:250px;
} }
.dropdown-toggle::after {
display: block;
.dropdown-toggle::after { position: absolute;
display: block; top: 50%;
position: absolute; right: 20px;
top: 50%; transform: translateY(-50%);
right: 20px; }
transform: translateY(-50%); .modal-body{
} /* background-color:#043381;*/
background-color: #fff;
color:#043381;
}
.modal-header{
background-image: linear-gradient(to right, #003680 , #0055cc);
color:#fff;
}
} }
#ContentPlaceHolder1{ #ContentPlaceHolder1{
align-self:center; align-self:center;
@@ -260,6 +296,15 @@
.align-self-center{ .align-self-center{
background-color:#fff; background-color:#fff;
} }
.modal-body{
/* background-color:#043381;*/
background-color: #fff;
color: #043381;
}
.modal-header{
background-image: linear-gradient(to right, #003680 , #0055cc);
color:#fff;
}
</style> </style>
</asp:ContentPlaceHolder> </asp:ContentPlaceHolder>
<asp:ContentPlaceHolder id="head" runat="server"> <asp:ContentPlaceHolder id="head" runat="server">
@@ -416,7 +461,31 @@
<div class="container-xxl" style="align-content:center"> <div class="container-xxl" style="align-content:center">
<!-- Page Content --> <!-- Page Content -->
<nav id="content"> <nav id="content">
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel">
<div class="modal-dialog modal-dialog-scrollable" style="min-width: 850px; min-height: 800px; overflow: hidden; place-self:center">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Profilbild: User: <%=Me.Page.User.Identity.Name %></h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="container-fluid" >
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/samples/default-avatar.jpg"/>
<div class="container-fluid">
<ul style="list-style:unset;">
<li> Name: <%=Me.Page.User.Identity.Name %></li>
<li> Registriert seit: 15/02/2021</li>
</ul>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" id="butclose" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="d-md-none"> <div class="d-md-none">
<nav class="navbar navbar-expand-lg navbar-light bg-light justify-content-md-center flex-nowrap"> <nav class="navbar navbar-expand-lg navbar-light bg-light justify-content-md-center flex-nowrap">
@@ -432,7 +501,9 @@
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false"><asp:LoginName ID="LoginName2" runat="server" /></a> <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false"><asp:LoginName ID="LoginName2" runat="server" /></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a class="dropdown-item" href="Login_Edit_User.aspx">Profil bearbeiten</a> <li><a class="dropdown-item" href="Login_Edit_User.aspx">Profil bearbeiten</a>
<img src="../images/samples/default-avatar.jpg" style="width:60px;height:60px;" alt="Avatar Picture sample" data-toggle="tooltip" data-placement="top" title="Upload Photo."></li> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="background-color:#fff"><img src="../images/samples/default-avatar.jpg"; width="80"; /></button>
</li>
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<li><a class="dropdown-item" id="btnsubmenu" href="GroupPolicies.aspx">Gruppenrichtlinien festlegen</a></li> <li><a class="dropdown-item" id="btnsubmenu" href="GroupPolicies.aspx">Gruppenrichtlinien festlegen</a></li>
</ul></ul> </ul></ul>
@@ -463,7 +534,7 @@
</li> </li>
<li style="transform: rotate(0);"> <li style="transform: rotate(0);">
<!--<a id="ButtonSerbischLangPicker" class="btn btn-primary btn-sm" href="<%'= navParent%>&lan=SRB"><img src="<%'= imgPath%>images/flags/flagge_BIH.gif" <%' If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%> />BIH</a>--> <!--<a id="ButtonSerbischLangPicker" class="btn btn-primary btn-sm" href="<%'= navParent%>&lan=SRB"><img src="<%'= imgPath%>images/flags/flagge_BIH.gif" <%' If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%> />BIH</a>-->
<a id="ButtonSerbischLangPicker2" href="<%= navParent%>&lan2=SRB&lan3=0" class="stretched-link" style="text-decoration: none;"><img src="../<%= imgPath%>images/flags/flagge_BIH_big.gif"; width="20"; <% If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%>/><%=strBIHLang %></a> <a id="ButtonSerbischLangPicker2" href="<%= navParent%>&lan2=SRB&lan3=0" class="stretched-link" style="text-decoration: none;"><img src="../<%= imgPath%>images/flags/flagge_BIH_big.gif"; width="20"; <% If laenderkuerzel = "de" Then Response.Write("style='border:1px solid #000'")%>/><%=strBIHLang %></a>
</li> </li>
<li style="transform: rotate(0);"> <li style="transform: rotate(0);">
<!--<a id="ButtonSerbischZweiLangPicker" class="btn btn-primary btn-sm" href="<%'= navParent%>&lan=SM"><img src="<'%= imgPath%>images/flags/flagge_SM.gif" <%' If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%> />SRB</a>--> <!--<a id="ButtonSerbischZweiLangPicker" class="btn btn-primary btn-sm" href="<%'= navParent%>&lan=SM"><img src="<'%= imgPath%>images/flags/flagge_SM.gif" <%' If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%> />SRB</a>-->
@@ -475,7 +546,7 @@
</li> </li>
<li style="transform: rotate(0);"> <li style="transform: rotate(0);">
<!--<a id="ButtonTürkeiLangPicker" class="btn btn-primary btn-sm" href="<%'= navParent%>&lan=TR"><img src="<%'= imgPath%>images/flags/flagge_TR.gif" <%' If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%>/>TR</a>--> <!--<a id="ButtonTürkeiLangPicker" class="btn btn-primary btn-sm" href="<%'= navParent%>&lan=TR"><img src="<%'= imgPath%>images/flags/flagge_TR.gif" <%' If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%>/>TR</a>-->
<a id="ButtonTürkeiLangPicker2" href="<%= navParent%>&lan2=TR&lan3=0" class="stretched-link" style="text-decoration: none;"><img src="../<%= imgPath%>images/flags/flagge_TR_big.gif"; width="20";" <% If laenderkuerzel = "tr" Then Response.Write("style='border:1px solid #000'")%>/><%=strTRlang %></a> <a id="ButtonTürkeiLangPicker2" href="<%= navParent%>&lan2=TR&lan3=0" class="stretched-link" style="text-decoration: none;"><img src="../<%= imgPath%>images/flags/flagge_TR_big.gif"; width="20";" <% If laenderkuerzel = "en" Then Response.Write("style='border:1px solid #000'")%>/><%=strENlang %></a>
</li> </li>
</ul> </ul>
</div> </div>
@@ -533,13 +604,15 @@
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false"><asp:LoginName ID="LoginName1" runat="server" /></a> <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false"><asp:LoginName ID="LoginName1" runat="server" /></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a class="dropdown-item" href="Login_Edit_User.aspx">Profil bearbeiten</a> <li><a class="dropdown-item" href="Login_Edit_User.aspx">Profil bearbeiten</a>
<img src="../images/samples/default-avatar.jpg" style="width:60px;height:60px;" alt="Avatar Picture sample" data-toggle="tooltip" data-placement="top" title="Upload Photo."></li> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="background-color:#fff"><img src="../images/samples/default-avatar.jpg"; width="80"; /></button>
<div class="dropdown-divider"></div> </li>
<li><a class="dropdown-item" id="btnsubmenu" href="GroupPolicies.aspx">Gruppenrichtlinien festlegen</a></li>
</ul></ul></div></nav></div> </ul></ul></div></nav></div>
<div style="margin-left:5px;margin-right:5px"> <div style="margin-left:5px;margin-right:5px">
<div style="height:95px;"></div> <div style="height:95px;"></div>
<form id="leftLinks" runat="server" style="float:initial"> <form id="leftLinks" runat="server" style="float:initial">
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder> </asp:ContentPlaceHolder>

1
Customers/Welcome.aspx
View File

@@ -90,7 +90,6 @@
<div style="height:25px;padding:7.5px 0;"> <div style="height:25px;padding:7.5px 0;">
<h1>News für dich:</h1> <h1>News für dich:</h1>
</div> </div>
<!--<br><br> <!--<br><br>
Die Mitarbeiter der VERAG Spedition AG haben sich auf die Bereiche Zoll und Steuer spezialisiert und können so ihren Kunden einen individuell abgestimmten Service anbieten. Die Mitarbeiter der VERAG Spedition AG haben sich auf die Bereiche Zoll und Steuer spezialisiert und können so ihren Kunden einen individuell abgestimmten Service anbieten.