202 lines
10 KiB
Plaintext
202 lines
10 KiB
Plaintext
<%@ Page Title="Rechnungen VERAG" Language="VB" MasterPageFile="~/Customers/Customers.master" AutoEventWireup="false" CodeFile="Invoices.aspx.vb" Inherits="Kundenbereich_Default" %>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
|
|
<!-- Bootstrap -->
|
|
<html lang="en"></html>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" title="Verag Spedition AG AvisoTV Flex"/>
|
|
|
|
<!-- 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"/>
|
|
<link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
|
|
<!-- Bootstrap CSS -->
|
|
|
|
|
|
<link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
|
|
|
|
<%@ import Namespace="MySql.Data.MySqlClient" %>
|
|
|
|
<style>
|
|
/* ---------------------------------------------------
|
|
CONTENT STYLE
|
|
----------------------------------------------------- */
|
|
|
|
.btn btn-primary{
|
|
color: #043381;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.align-self-center{
|
|
margin-left: 0.1530221882172915vw /*2px*/;
|
|
margin-right: 0.1530221882172915vw /*2px*/;
|
|
|
|
}
|
|
|
|
@media (max-width: 558.98px) {
|
|
.alert {
|
|
width: /*450px;*/ 99.11894273127753vw;
|
|
/* width:1328px;*/
|
|
}
|
|
.align-self-center{
|
|
width:100%;
|
|
}
|
|
#bodycontent{
|
|
width: 100%;
|
|
}
|
|
#containerseiterand{
|
|
width:90%;
|
|
justify-content:start;
|
|
}
|
|
}
|
|
/* @media (min-width: 320px) and (min-height: 640px) {*/
|
|
@media (min-width: 558.98px) {
|
|
#content_all {
|
|
font-size: 1rem;
|
|
font-size: 3.303964757709251vw;
|
|
min-width: /*445px;*/ 98.01762114537445vw;
|
|
float: left;
|
|
overflow-x: hidden;
|
|
margin-left: 0px;
|
|
padding-right: /*-20px*/ -4.405286343612334vw;
|
|
}
|
|
#conovertab{
|
|
/* max-width:width:150px 11.25em;*/
|
|
width:1400px;
|
|
overflow-x:auto;
|
|
}
|
|
}
|
|
#innerhtmltable{
|
|
margin-left: /*5px*/0.19615535504119264vw;
|
|
}
|
|
#pagecontent{
|
|
font-size: 1em;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center
|
|
}
|
|
.btn-primary {
|
|
color: #fff;
|
|
background-color: #043381;
|
|
border-color: #043381;
|
|
}
|
|
table {
|
|
font-size: 16px;
|
|
}
|
|
.stretched-link{
|
|
background-color: #fff;
|
|
color: #043381;
|
|
}
|
|
#conovertab{
|
|
/* max-width:width:150px 11.25em;*/
|
|
margin-left:/*14px*/ 3.0837004405286343vw;
|
|
max-width:/*390px;*/ 85.90308370044053vw;
|
|
overflow-x:auto;
|
|
}
|
|
</style>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
<link rel="shortcut icon" href="images/Icons/favicon/favicon.ico" />
|
|
<link rel="stylesheet" type="text/css" href="../css/Welcome.css"/>
|
|
</asp:Content>
|
|
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
|
|
|
|
<div class="align-self-flex-start" 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:start">
|
|
<h5>Rechnungen</h5>
|
|
</div>
|
|
<div style="place-content:center;">
|
|
<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>
|
|
|