From 13612dac4a72142cd2e3f4834ca4c0be7b468b63 Mon Sep 17 00:00:00 2001
From: Dominik Pfennig <dominik@suma-ev.de>
Date: Tue, 21 Mar 2017 08:06:35 +0100
Subject: [PATCH] 405 Error Page erstellt
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Diese wird angezeigt, wenn z.B. Ein Post-Request durchgeführt werden soll.
---
 public/css/style.css                  |  6 +++
 resources/views/ProxyPage.blade.php   | 70 +++++++--------------------
 resources/views/errors/405.blade.php  | 19 ++++++++
 resources/views/layouts/app.blade.php | 45 +++++++++++++++++
 4 files changed, 87 insertions(+), 53 deletions(-)
 create mode 100644 resources/views/errors/405.blade.php
 create mode 100644 resources/views/layouts/app.blade.php

diff --git a/public/css/style.css b/public/css/style.css
index c5f60ec..26d992c 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -65,4 +65,10 @@ nav #proxy-advertisement .ad-marker {
     border: 0;
     width: 100%;
     height: calc(100% - 110px);
+}
+
+.content-container {
+    border-radius: 7px;
+    margin-top: 50px;
+    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
 }
\ No newline at end of file
diff --git a/resources/views/ProxyPage.blade.php b/resources/views/ProxyPage.blade.php
index 75189b2..f719bf1 100644
--- a/resources/views/ProxyPage.blade.php
+++ b/resources/views/ProxyPage.blade.php
@@ -1,55 +1,19 @@
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
-		<link href="/css/style.css" rel="stylesheet" type="text/css" />
-	</head>
-	<body>
-		<nav>
-			<div class="container-fluid">
-				<div class="row">
-					<div id="proxy-logo" class="visible-lg col-lg-2">
-						<a href="https://metager.de">
-							<img src="/img/mglogo_klein.png" />
-						</a>
-					</div>
-					<div id="proxy-text" class="col-xs-6 col-lg-5">
-						<ul class="list-unstyled">
-							<li><nobr>MetaGer/SUMA-EV Proxy (Beta): Anonymisiert & verschlüsselt.</nobr> <nobr>SUMA-EV ist weder Eigentümer noch Urheber von Inhalten.</nobr></li>
-							<li>Skripte sind deaktiviert. Webseiten-Darstellung kann verändert sein.</li>
-							<li><a href="{!!$targetUrl!!}" class="btn btn-danger btn-xs">Proxy ausschalten</a></li>
-						</ul>
-					</div>
-					<div id="proxy-advertisement" class="col-xs-6 col-lg-5">
-					<a href="http://metager.to/k25u0" target="_blank">
-						<span class="ad-marker">Anzeige</span>
-						<p class="heading">Samsung Galaxy S7 im Preisvergleich</p>
-						<p class="url">www.idealo.de/preisvergleich/samsung-galaxy-s7/</p>
-						<p class="line">Jetzt Samsung Galaxy S7 ohne Vertrag zum günstigsten Preis finden!</p>
-						<p class="line">Große Shopvielfalt, Testberichte & Meinungen. Jetzt auf idealo.de</p>
-					</a>
+@extends('layouts.app')
 
-					</div>
-				</div>
-			</div>
-		</nav>
-		<div class ="container-fluid">
-		</div>
-		<iframe
-			id="site-proxy-iframe"
-			src="{!!$iframeUrl!!}"
-			sandbox="
-			allow-forms
-			allow-popups
-			allow-top-navigation
-			allow-same-origin
-			allow-scripts
-			"
-			 >
+@section('content')
+<div class ="container-fluid">
+</div>
+<iframe
+	id="site-proxy-iframe"
+	src="{!!$iframeUrl!!}"
+	sandbox="
+	allow-forms
+	allow-popups
+	allow-top-navigation
+	allow-same-origin
+	allow-scripts
+	"
+>
 
-		</iframe>
-		<script src="/js/jquery.min.js"></script>
-		<script src="/js/bootstrap.min.js"></script>
-		<script src="/js/script.js"></script>
-	</body>
-</html>
+</iframe>
+@endsection
diff --git a/resources/views/errors/405.blade.php b/resources/views/errors/405.blade.php
new file mode 100644
index 0000000..b134693
--- /dev/null
+++ b/resources/views/errors/405.blade.php
@@ -0,0 +1,19 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container content-container">
+	<h1>Aktion nicht erlaubt!</h1>
+	<p>
+	Sie haben versucht, eine Aktion durchzuführen, die unser Proxy aktiv nicht unterstützt. Der Grund hierfür ist, dass dadurch häufig private Daten übertragen werden (z.B. bei einem Login auf einer Webseite).
+	</p>
+	<p>
+	Würden wir dies unterstützen, wären Ihre Daten vor der aufgerufenen Webseite nicht mehr sicher, da diese aktiv mitgeteilt werden würden.
+	</p>
+	<p>
+		<ul>
+			<li>Wenn Sie die gewünschte Aktion trotzdem durchführen möchten, navigieren Sie bitte zurück zur entsprechenden Seite und schalten unseren Proxy vor dem Übermitteln der Daten aus. Alternativ können Sie die gewünschte Seite auch direkt in einem neuen Tab aufrufen.</li>
+			</li>
+		</ul>
+	</p>
+</div>
+@endsection
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
new file mode 100644
index 0000000..db72a53
--- /dev/null
+++ b/resources/views/layouts/app.blade.php
@@ -0,0 +1,45 @@
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+		<link href="/css/style.css" rel="stylesheet" type="text/css" />
+	</head>
+	<body>
+		<nav>
+			<div class="container-fluid">
+				<div class="row">
+					<div id="proxy-logo" class="visible-lg col-lg-2">
+						<a href="https://metager.de">
+							<img src="/img/mglogo_klein.png" />
+						</a>
+					</div>
+					<div id="proxy-text" class="col-xs-6 col-lg-5">
+						@if(isset($targetUrl))
+						<ul class="list-unstyled">
+							<li><nobr>MetaGer/SUMA-EV Proxy (Beta): Anonymisiert & verschlüsselt.</nobr> <nobr>SUMA-EV ist weder Eigentümer noch Urheber von Inhalten.</nobr></li>
+							<li>Skripte sind deaktiviert. Webseiten-Darstellung kann verändert sein.</li>
+							<li><a href="{!!$targetUrl!!}" class="btn btn-danger btn-xs">Proxy ausschalten</a></li>
+						</ul>
+						@endif
+					</div>
+					<div id="proxy-advertisement" class="col-xs-6 col-lg-5">
+					<a href="http://metager.to/k25u0" target="_blank">
+						<span class="ad-marker">Anzeige</span>
+						<p class="heading">Samsung Galaxy S7 im Preisvergleich</p>
+						<p class="url">www.idealo.de/preisvergleich/samsung-galaxy-s7/</p>
+						<p class="line">Jetzt Samsung Galaxy S7 ohne Vertrag zum günstigsten Preis finden!</p>
+						<p class="line">Große Shopvielfalt, Testberichte & Meinungen. Jetzt auf idealo.de</p>
+					</a>
+
+					</div>
+				</div>
+			</div>
+		</nav>
+
+		@yield('content')
+
+		<script src="/js/jquery.min.js"></script>
+		<script src="/js/bootstrap.min.js"></script>
+		<script src="/js/script.js"></script>
+	</body>
+</html>
-- 
GitLab