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

@@ -2,6 +2,101 @@
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div class="align-self-flex-center" style="/*margin-top:5px;*/margin-left:25px; margin-top:0.6510416666666667vw; margin-right:25px;">
<div id="containerseiterand">
<div style="height:/*90px*/9.68783638320775vh;"></div>
<div class="d-flex flex-col-4" style="align-content:center">
<h5>Hier befindet sich eine Übersicht über alle LKWS</h5>
</div>
<div>
<div class="row justify-content-md-start" >
<div class="d-flex flex-col-4">
<asp:Label ID="Label1" runat="server" Text="Datum"></asp:Label>
<div class="input-group">
<input type="text" id="myInput1" onkeyup="filterdatvonbis()" placeholder="Von"/>
<input type="text" id="myInput2" onkeyup="filterdatvonbis()" placeholder="Bis"/>
</div>
</div>
<div class="d-flex flex-col-2">
<div class="input-group">
<!-- <asp:Label ID="Label3" runat="server" Text="ReNr:"></asp:Label>-->
<input type="text" id="myInput3" onkeyup="filterRENr()" placeholder="Rechnungsnummer"/>
</div>
</div>
</div>
<div style="height:/*20px*/2.1621621621621623vh;"></div>
<div id="conovertab">
<table class="table table-hover table-responsive table-primary" id="tablerechnungen" contenteditable="false">
<thead style="width:fit-content;font-size:14px;"><tr><th>Rechnungsnr</th><th>Rechnungsdatum</th><th>LKW</th><th>Grenzsztelle</th><th>Rechnungsbetrag</th><th>Abfertigungsdatum</th><th>Filiale</th><th>Abfertigungsnr.</th><th style="width:/*20px*/ 0.7927070947284979vw;"></th></tr></thead>
<tbody id="bodyoftable">
<tr><td>045100110</td><td>18.08.2021</td><td>14334234</td><td>SUBEN</td><td>509,21€</td><td>18.08.2021</td><td>SUBEN</td><td>512</td><td><center><button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Hier klicken zum Downlaod der Rechnungen."><img src="../images/pdficon.gif" width="15" height="15"/></button></center></td></tr>
<tr><td>0487110</td><td>17.05.2021</td><td>14334234</td><td>NEUHAUS A INN</td><td>509,21€</td><td>17.05.2021</td><td>NICKELSDORF</td><td>512</td><td><center><button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Hier klicken zum Downlaod der Rechnungen."><img src="../images/pdficon.gif" width="15" height="15"/></button></center></td></tr>
<tr><td>88800110</td><td>19.10.2017</td><td>14334234</td><td>SUBEN</td><td>509,21€</td><td>19.10.2017</td><td>WAIDHAUS</td><td>512</td><td><center><button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Hier klicken zum Downlaod der Rechnungen."><img src="../images/pdficon.gif" width="15" height="15"/></button></center></td></tr>
<tr><td>25100110</td><td>29.02.2021</td><td>14334234</td><td>SUBEN</td><td>509,21€</td><td>18.08.2021</td><td>SUBEN</td><td>512</td><td><center><button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Hier klicken zum Downlaod der Rechnungen."><img src="../images/pdficon.gif" width="15" height="15"/></button></center></td></tr>
<tr><td>542110</td><td>29.02.2021</td><td>14334234</td><td>SUBEN</td><td>509,21€</td><td>18.08.2021</td><td>SUBEN</td><td>512</td><td><center><button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Hier klicken zum Downlaod der Rechnungen."><img src="../images/pdficon.gif" width="15" height="15"/></button></center></td></tr>
</tbody>
</table></div>
</div></div></div>
<!-- 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 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script>
function filterRENr() {
// Declare variables
var input, filter, table, tr, td, i, txtValue;
input = document.getElementById("myInput3");
filter = input.value.toUpperCase();
table = document.getElementById("bodyoftable");
tr = table.getElementsByTagName("tr");
// Loop through all table rows, and hide those who don't match the search query
for (i = 0; i < tr.length; i++) {
td = tr[i].getElementsByTagName("td")[0];
if (td) {
txtValue = td.textContent || td.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
tr[i].style.display = "";
} else {
tr[i].style.display = "none";
}
}
}
}
function filterdatvonbis() {
// Declare variables
var input, filter, table, tr, td, i, txtValue;
input = document.getElementById("myInput1");
input2 = document.getElementById("myInput2");
filter = input.value.toUpperCase();
filter = input2.value.toUpperCase();
table = document.getElementById("bodyoftable");
tr = table.getElementsByTagName("tr");
// Loop through all table rows, and hide those who don't match the search query
for (i = 0; i < tr.length; i++) {
td = tr[i].getElementsByTagName("td")[1];
if (td) {
txtValue = td.textContent || td.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
tr[i].style.display = "";
} else {
tr[i].style.display = "none";
}
}
}
}
</script>
</asp:Content>