Responsive Julius Version1
This commit is contained in:
345
DownloadsJulius.aspx
Normal file
345
DownloadsJulius.aspx
Normal file
@@ -0,0 +1,345 @@
|
||||
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="DownloadsJulius.aspx.vb" Inherits="DownloadsJulius" %>
|
||||
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head>
|
||||
<!-- Bootstrap -->
|
||||
<html lang="en">
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- 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 href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">-->
|
||||
|
||||
<link href="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">
|
||||
|
||||
<%@ import Namespace="MySql.Data.MySqlClient" %>
|
||||
<script runat="server">
|
||||
|
||||
Sub Page_Load() Handles Me.Load
|
||||
'Login-Validierung
|
||||
If Not Me.Page.User.Identity.IsAuthenticated Then
|
||||
FormsAuthentication.RedirectToLoginPage()
|
||||
End If
|
||||
|
||||
' MsgBox ("test")
|
||||
'Dim con As New MySqlConnection
|
||||
'Dim cmd As New MySqlCommand
|
||||
' Dim reader As MySqlDataReader
|
||||
|
||||
' con.ConnectionString = "Server=localhost;Database=verag_homepage;Uid=sec_user;Pwd=eKcGZr59zAa2BEWU;"
|
||||
' cmd.Connection = con
|
||||
'cmd.CommandText = "select * from map"
|
||||
'Try
|
||||
'con.Open()
|
||||
'MsgBox("conn")
|
||||
'reader = cmd.ExecuteReader
|
||||
'grid.DataSource = reader
|
||||
'reader.Read()
|
||||
|
||||
'MsgBox(reader("title"))
|
||||
'DataBind()
|
||||
'reader.Close()
|
||||
|
||||
'Catch ex As Exception
|
||||
' MsgBox("err")
|
||||
' End Try
|
||||
' con.Close()
|
||||
End Sub
|
||||
' Public ReadOnly Property CurrentCity() As String
|
||||
' Get
|
||||
' Return "asd"
|
||||
' End Get
|
||||
|
||||
' End Property,
|
||||
|
||||
</script>
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<title>VERAG Spedition AG</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="css/style.css"/>
|
||||
<LINK REL="SHORTCUT ICON" HREF="images/Icons/favicon/favicon.ico" />
|
||||
<!-- <link rel="stylesheet" type="text/css" href="css/edit_main.css"> -->
|
||||
<script src="js/netzwerk.js" type="text/javascript"></script>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../stylesheets/style.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../stylesheets/example.css"/>
|
||||
<script type="text/javascript">
|
||||
// Vergebe den Event-Handler
|
||||
document.onkeydown = handleKeyEvent;
|
||||
// Funktion, die den Event verarbeitet
|
||||
function handleKeyEvent(e) {
|
||||
// MSIE nimmt das Event-Objekt aus window.event, DOM-kompatible Browser aus dem e-Funktionsparameter
|
||||
if (!e) e = window.event;
|
||||
// keyCode muss 70 sein und ctrlKey true
|
||||
if (e.keyCode == 68 && e.ctrlKey) {
|
||||
alert('Strg+D wurde gedrückt');
|
||||
//topup
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<!--[if IE]>
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css">
|
||||
<![endif]-->
|
||||
|
||||
<!--[if IE 6]>
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css">
|
||||
<![endif]-->
|
||||
|
||||
<!--[if lt IE 7]>
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css">
|
||||
<![endif]-->
|
||||
|
||||
<!--[if lte IE 5.5999]>
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css">
|
||||
<![endif]-->
|
||||
|
||||
<!--[if gte IE 5.5]>
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css">
|
||||
<![endif]-->
|
||||
<style>
|
||||
Sidenav
|
||||
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
|
||||
body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-size: 1.1em;
|
||||
font-weight: 300;
|
||||
line-height: 1.7em;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
transition: all 0.3s;
|
||||
background-color:#043381;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 25px 30px;
|
||||
background: #fff;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
margin-bottom: 40px;
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.navbar-btn {
|
||||
box-shadow: none;
|
||||
outline: none !important;
|
||||
border: 2px;
|
||||
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5384BE', endColorstr='#4386D7');
|
||||
/* for IE */
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5384BE', endColorstr='#4386D7');
|
||||
/* for IE 8 and above */
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#5384BE), to(#4386D7));
|
||||
/* for webkit browsers */
|
||||
background: -moz-linear-gradient(top, #5384BE, #4386D7);
|
||||
/* for firefox 3.6+ */
|
||||
background: -o-linear-gradient(top, #5384BE, #4386D7);
|
||||
/* for Opera */
|
||||
}
|
||||
|
||||
.line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border-bottom: 1px dashed #ddd;
|
||||
margin: 40px 0;
|
||||
}
|
||||
|
||||
#sidebarCollapse {
|
||||
background-color: #043381;
|
||||
color: #fff;
|
||||
}
|
||||
#sidebarCollapse:hover {
|
||||
background-color: #000085;
|
||||
color: #fff;
|
||||
border-radius:5px;
|
||||
}
|
||||
/* ---------------------------------------------------
|
||||
SIDEBAR STYLE
|
||||
----------------------------------------------------- */
|
||||
|
||||
.wrapper {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
min-width: 250px;
|
||||
max-width: 250px;
|
||||
background:#fff;
|
||||
color: #000000;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
#sidebar.active {
|
||||
margin-left: -250px;
|
||||
}
|
||||
|
||||
#sidebar .sidebar-header {
|
||||
padding: 20px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#sidebar ul.components {
|
||||
padding: 20px 0;
|
||||
border-bottom: 1px solid #043381;
|
||||
}
|
||||
|
||||
#sidebar ul p {
|
||||
color: #043381;
|
||||
padding: 9px;
|
||||
}
|
||||
|
||||
#sidebar ul li a {
|
||||
padding: 10px;
|
||||
font-size: 1.1em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#sidebar ul li a:hover {
|
||||
color: #fff;
|
||||
background: #043381;
|
||||
}
|
||||
|
||||
#sidebar ul li.active>a,
|
||||
a[aria-expanded="true"] {
|
||||
color: #fafafa;
|
||||
background: #043381;
|
||||
}
|
||||
|
||||
a[data-toggle="collapse"] {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown-toggle::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 20px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
ul ul a {
|
||||
font-size: 0.9em !important;
|
||||
padding-left: 30px !important;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
ul.CTAs {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
ul.CTAs a {
|
||||
text-align: center;
|
||||
font-size: 0.9em !important;
|
||||
display: block;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
a.download {
|
||||
background: #fff;
|
||||
color: #043381;
|
||||
}
|
||||
|
||||
a.article,
|
||||
a.article:hover {
|
||||
background: #043381 !important;
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------
|
||||
CONTENT STYLE
|
||||
----------------------------------------------------- */
|
||||
|
||||
#content {
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
min-height: 100vh;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------
|
||||
MEDIAQUERIES
|
||||
----------------------------------------------------- */
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#sidebar {
|
||||
margin-left: -250px;
|
||||
}
|
||||
#sidebar.active {
|
||||
margin-left: 0;
|
||||
}
|
||||
#sidebarCollapse span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
/*Gridview Checkbox*/
|
||||
GridView1$ctl02$chkSelect:checked{
|
||||
background-color:#043381;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<form id="form1" runat="server">
|
||||
<!-- 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>
|
||||
<!-- Bootstrap JS -->
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
|
||||
<!-- jQuery Custom Scroller CDN -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script>
|
||||
|
||||
<div id="bodycontent">
|
||||
<div class="d-inline-flex p-2">
|
||||
<asp:Panel ID= "Panel2" runat = "server">
|
||||
<div>
|
||||
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" EmptyDataText="No files available">
|
||||
<Columns>
|
||||
<asp:TemplateField>
|
||||
<ItemTemplate>
|
||||
<asp:CheckBox ID="chkSelect" runat="server" OnCheckedChanged="chkSelect_CheckedChanged" style="background-color:#043381"/>
|
||||
<asp:Label ID="lblFilePath" runat="server" Text='<%# Eval("Value") %>' Visible="false"></asp:Label>
|
||||
</ItemTemplate>
|
||||
</asp:TemplateField>
|
||||
<asp:BoundField DataField="Text" HeaderStyle-BackColor="#043381" HeaderStyle-ForeColor="White" HeaderStyle-BorderStyle="Groove" HeaderText="Dateien bereit zum Herunterladen:" />
|
||||
</Columns>
|
||||
</asp:GridView>
|
||||
<br />
|
||||
<asp:ImageButton ID="btnDownload" runat="server" Text="Download" OnClick="DownloadFiles" ImageUrl="images/Icons/service/Download-Button.gif"/> Download als Zip-Archiv.
|
||||
</div>
|
||||
</asp:Panel>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript" src="js/toptions/top_up-min.js"></script>
|
||||
<script src="bootstrap-5.0.2-dist/js/bootstrap.min.js"></script>
|
||||
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user