Design Code

This commit is contained in:
ja
2021-10-04 08:48:28 +02:00
parent 9c5c9c361e
commit cb74af5d22
2 changed files with 74 additions and 102 deletions

View File

@@ -14,7 +14,6 @@
visibility: hidden;
color: #043381;
}
</style>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/>
@@ -26,15 +25,12 @@
<link rel="stylesheet" type="text/css" href="../css/Customers/MasterpageCustomers.css"/>
<link rel="stylesheet" type="text/css" href="../css/navbarsidebar2.css"/>
<link rel="stylesheet" type="text/css" href="../css/Customers/CustomsAVISO.css"/>
<link rel="stylesheet" type="text/css" href="../css/Customers/CustomsAVISO.css"/>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<asp:ScriptManager ID="script1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="panelupdate1" runat="server" UpdateMode="Conditional"><ContentTemplate>
<!-- Webiste-Content-->
<div id="containerseiterand" style="margin-left:auto;margin-right:auto">
<div class="container-fluid">
@@ -67,20 +63,20 @@
<div>
<div style="height:0.936768149882904vh"></div>
<div class="col-12" style="margin-left:2px">
<h2><%=Server.HtmlEncode("Auftrags-Suche")%></h2>
<h2><%=Server.HtmlEncode("Auftrags-Suche")%></h2>
</div>
<div style="margin-left:6px">
<div class="col-12" style="text-align:end">
<asp:LinkButton ID="btn_resetForm" runat="server" onclick="btn_resetForm_Click"><%=Server.HtmlEncode("Filter zurücksetzen") %></asp:LinkButton>
<asp:LinkButton ID="btn_resetForm" runat="server" onclick="btn_resetForm_Click"><%=Server.HtmlEncode("Filter zurücksetzen") %></asp:LinkButton>
</div>
<div style="height:0.936768149882904vh"></div>
<div class="col-12" style="margin-left:8px" >
<asp:Label ID="lbl_ArtderAuftraege" runat="server" Text="Auftrags-Status:" data-bs-toggle="tooltip" data-bs-placement="top" title="Wenn nichts angewählt ist, bitte das Datum eingrenzen."></asp:Label>
</div>
<div class="col-12" style="margin-left:8px">
<asp:Label ID="lbl_ArtderAuftraege" runat="server" Text="Auftrags-Status:" data-bs-toggle="tooltip" data-bs-placement="top" title="Wenn nichts angewählt ist, bitte das Datum eingrenzen."></asp:Label>
</div>
<div class="d-none d-md-block">
<div class="d-none d-md-block">
<div style=" width:780px; margin-left:8px">
<fieldset>
<fieldset>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label><input id="rbt_Alle" onchange="GetSelectedVal(this)" type="radio" name="art" value="Alle" data-bs-toggle="tooltip" style="margin-right:4px" data-bs-placement="top" title="Wenn dieser Filter angewählt ist, bitte das Datum eingrenzen." runat="server"/>Alle</label>
<label><input id="rbt_Erf" onchange="GetSelectedVal(this)" type="radio" name="art" value="Erfasst" style="margin-right:4px" runat="server"/>Erfasst</label>
@@ -88,7 +84,7 @@
<label><input id="rbt_Vorg" onchange="GetSelectedVal(this)" type="radio" name="art" value="Vorgeschrieben" style="margin-right:4px" runat="server"/>Vorgeschrieben</label>
<label><input id="rbt_Ankunft" onchange="GetSelectedVal(this)" type="radio" name="art" value="Ankunft" style="margin-right:4px" runat="server"/>Ankunft</label>
<label><input id="rbt_Freig" onchange="GetSelectedVal(this)" type="radio" name="art" value="Freigabe" data-bs-toggle="tooltip" data-bs-placement="top" title="Wenn dieser Filter angewählt ist, bitte das Datum eingrenzen." style="margin-right:4px" runat="server">Freigabe</label>
</fieldset>
</fieldset>
</div>
</div>
<div class="d-md-none">
@@ -100,8 +96,8 @@
<label><input id="rbt_Vorg_M" onchange="GetSelectedVal(this)" type="radio" name="art2" value="Vorgeschrieben" style="margin-right:4px" runat="server"/>Vorgeschrieben</label>
<label><input id="rbt_Ankunft_M" onchange="GetSelectedVal(this)" type="radio" name="art2" value="Ankunft" style="margin-right:4px" runat="server"/>Ankunft</label>
<label><input id="rbt_Freig_M" onchange="GetSelectedVal(this)" type="radio" name="art2" value="Freigabe" data-bs-toggle="tooltip" data-bs-placement="top" title="Wenn dieser Filter angewählt ist, bitte das Datum eingrenzen." style="margin-right:4px" runat="server">Freigabe</label>
</div>
</div>
</div>
</div>
</div>
<div style="height:0.936768149882904vh"></div>
<div class="col-12" id="cont4">
@@ -142,9 +138,9 @@
</div>
<div id="rowcol2" class="col-12">
<asp:Label ID="lbl_Absender" runat="server" Text="Absender"></asp:Label>
<asp:TextBox ID="txt_Absender" runat="server" style="width:155px; margin-left:8px;"></asp:TextBox>
<asp:TextBox ID="txt_Absender" runat="server" style="width:155px; margin-left:8px;"></asp:TextBox>
<asp:Label ID="lbl_Empfaenger" runat="server" Text="Empfänger" style="margin-left:9px"></asp:Label>
<asp:Label ID="lbl_Empfaenger" runat="server" Text="Empfänger" style="margin-left:9px"></asp:Label>
<asp:TextBox ID="txt_Empfaenger" runat="server" style="width:155px; margin-left:52px;"></asp:TextBox>
</div>
</div>
@@ -180,7 +176,7 @@
<div class="g-3">
<div id="conovertab" style="overflow-x:auto;"margin-left="-2px">
<asp:Table class="table table-responsive table-striped table-borderless" id="normaltable" runat="server" EnableViewState="false" BorderWidth="2px">
<asp:TableHeaderRow id="tbl_Header_row" runat="server" style="background-color:#043381;color:#fff">
<asp:TableHeaderRow id="tbl_Header_row" runat="server" style="background-color:#043381;color:#fff">
<asp:TableHeaderCell ID="tbl_HeaderCellIndexNr" runat="server">Index-Nr</asp:TableHeaderCell>
<asp:TableHeaderCell ID="tbl_HeaderCell_LKWs" runat="server">LKW-Nr</asp:TableHeaderCell>
<asp:TableHeaderCell ID="tbl_HeaderCell_Status" runat="server">Status</asp:TableHeaderCell>
@@ -190,7 +186,7 @@
<asp:TableHeaderCell ID="tbl_HeaderCell_KundAuftNr" runat="server">Auftrags-Nr</asp:TableHeaderCell>
<asp:TableHeaderCell ID="tbl_HeaderCell_Info" runat="server">Info</asp:TableHeaderCell>
</asp:TableHeaderRow>
</asp:Table>
</asp:Table>
</div>
</div></div></div>
</div>
@@ -201,7 +197,8 @@
Catch ex As Exception
Response.Write(ex.Message & ex.StackTrace)
End Try %>
<div></div></div> </ContentTemplate></asp:UpdatePanel>
<div></div></div>
</ContentTemplate></asp:UpdatePanel>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
@@ -214,39 +211,38 @@
});
</script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script>
function GetSelectedVal(ele) {
var el = $(ele).closest('label').text();
var date1 = document.getElementById('<%=pickdate1.ClientID%>');
var date2 = document.getElementById('<%=pickdate2.ClientID%>');
$("#container2").hide();
if (el == "Alle") {
date1.required = true;
date2.required = true;
$("#container2").show();
} else if (el == "Freigabe") {
date1.required = true;
date2.required = true;
$("#container2").show();
} else if (el == "Alle_M") {
date1.required = true;
date2.required = true;
$("#container2").show();
} else if (el == "Freigabe_M") {
date1.required = true;
date2.required = true;
$("#container2").show();
} else {
date1.required = false;
date2.required = false;
date1.text() = null;
date2.text() = null;
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script>
function GetSelectedVal(ele) {
var el = $(ele).closest('label').text();
var date1 = document.getElementById('<%=pickdate1.ClientID%>');
var date2 = document.getElementById('<%=pickdate2.ClientID%>');
$("#container2").hide();
}
}
</script>
if (el == "Alle") {
date1.required = true;
date2.required = true;
$("#container2").show();
} else if (el == "Freigabe") {
date1.required = true;
date2.required = true;
$("#container2").show();
} else if (el == "Alle_M") {
date1.required = true;
date2.required = true;
$("#container2").show();
} else if (el == "Freigabe_M") {
date1.required = true;
date2.required = true;
$("#container2").show();
} else {
date1.required = false;
date2.required = false;
date1.text() = null;
date2.text() = null;
$("#container2").hide();
}
}
</script>
<script type="text/javascript">
$(document).ready(function () {
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);