Ändernung GUI bzw anpassung an neue Anforderungen

This commit is contained in:
ja
2021-12-06 17:00:56 +01:00
parent 4acaa9ff71
commit d2915a4c04
2 changed files with 69 additions and 31 deletions

View File

@@ -51,38 +51,67 @@
<asp:UpdatePanel ID="panelupdate5" runat="server"><ContentTemplate>
<div class="align-self-flex-center" style="/*margin-top:5px;*/margin-left:25px; margin-top:0.6510416666666667vw; margin-right:25px;">
<div id="containerseiterand">
<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"/>
<!-- Desktop/Tablet -->
<div class="d-none d-md-block">
<div class="col-6"></div>
<div class="row" style="background-color:white">
<div class="col-3">
<div class="row">
<div class="col-10"></div>
<div class="col-2">
<asp:Button runat="server" Text="Alle" ClientIDMode="Predictable" ID="btn_alle" style="margin-left:-36px;width:56px"/></div>
</div>
<div style="height:5px"></div>
<div class="row">
<div class="col-12">Kennzeichen:<asp:TextBox runat="server" ID="txt_LkwNr" Width="110px" style="margin-left:25px"></asp:TextBox><asp:Button ID="btn_Suchen" OnClick="btn_Suchen_Click" runat="server" Text="Suchen" style="margin-left:5px"/> </div>
<div class="col-9">
<div class="col-9"style="height:10px;"></div>
<div class="flex-col-9">
<asp:Table ID="tbl_sidemenue" runat="server" CssClass="table table-striped" style="width:310px;margin-left:-32px;">
<asp:TableHeaderRow style="background-color:#043381;color:#fff;font-size:0.86em"><asp:TableHeaderCell>KFZ-Kennzeichen</asp:TableHeaderCell><asp:TableHeaderCell>Nat.</asp:TableHeaderCell><asp:TableHeaderCell>Verk</asp:TableHeaderCell><asp:TableHeaderCell>KZ-An</asp:TableHeaderCell><asp:TableHeaderCell>Vermerk</asp:TableHeaderCell></asp:TableHeaderRow>
</asp:Table>
</div>
</div></div>
</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>
<div class="col-9">
<div class="col-12">
<asp:Image runat="server" ClientIDMode="AutoID" ID="Img_Text1" ImageUrl="~/images/truck.png" style="width:106px;height:66px" />
<asp:Label runat="server" Font-Size="20px" Font-Bold="true">Spedition Coopersped 10</asp:Label>
</div>
<div class="col-12">
<asp:Label ID="lbl_natLKW" runat="server" Font-Size="1em" style="color:#043381">Nationalität:</asp:Label><asp:Label runat="server">Placeholder</asp:Label>
</div>
<div class="col-12">
<asp:Label ID="lbl_SDL" runat="server" Font-Size="1.331em" style="color:#043381;font-weight:500">SDL-Leistungen:</asp:Label>
</div>
<div class="col-12"style="height:10px;"></div>
<div id="conovertab" class="col-12" style="background-color:#fff;overflow-x:auto">
<asp:Table ID="tbl_mainpage" runat="server" Width="100%" CssClass="table table-striped">
<asp:TableHeaderRow style="background-color:#043381;color:#fff"><asp:TableHeaderCell>SDL-Nr</asp:TableHeaderCell><asp:TableHeaderCell>Bezeichnung</asp:TableHeaderCell><asp:TableHeaderCell>Gültig Bis</asp:TableHeaderCell><asp:TableHeaderCell>Karten-Nummer</asp:TableHeaderCell></asp:TableHeaderRow>
</asp:Table>
</div>
</div>
</div>
</div>
<!-- Mobil -->
<div class="d-md-none">
<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>
<div style="height:/*20px*/2.1621621621621623vh;"></div>
<div id="conovertab">
</div></div>
</div>
</div>
</div>
</ContentTemplate></asp:UpdatePanel>
<!-- 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>