From 8a84a8d42f5a94f19565d055ec230ad69b94e947 Mon Sep 17 00:00:00 2001
From: Pierre Geeraert <pgeeraert@prometheusgroup.com>
Date: Mon, 2 Jun 2025 13:52:01 +0100
Subject: [PATCH] works on the view

---
 django_code/dashboard/templates/success.html | 131 +++++++++++++++++++
 django_code/dashboard/views.py               |   3 +
 2 files changed, 134 insertions(+)
 create mode 100644 django_code/dashboard/templates/success.html

diff --git a/django_code/dashboard/templates/success.html b/django_code/dashboard/templates/success.html
new file mode 100644
index 0000000..7f76e06
--- /dev/null
+++ b/django_code/dashboard/templates/success.html
@@ -0,0 +1,131 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<title>Bootstrap Simple Success Confirmation Popup</title>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto|Varela+Round">
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
+<style>
+body {
+	font-family: 'Varela Round', sans-serif;
+}
+.modal-confirm {
+	color: #636363;
+	width: 325px;
+	font-size: 14px;
+}
+.modal-confirm .modal-content {
+	padding: 20px;
+	border-radius: 5px;
+	border: none;
+}
+.modal-confirm .modal-header {
+	border-bottom: none;
+	position: relative;
+}
+.modal-confirm h4 {
+	text-align: center;
+	font-size: 26px;
+	margin: 30px 0 -15px;
+}
+.modal-confirm .form-control, .modal-confirm .btn {
+	min-height: 40px;
+	border-radius: 3px;
+}
+.modal-confirm .close {
+	position: absolute;
+	top: -5px;
+	right: -5px;
+}
+.modal-confirm .modal-footer {
+	border: none;
+	text-align: center;
+	border-radius: 5px;
+	font-size: 13px;
+}
+.modal-confirm .icon-box {
+	color: #fff;
+	position: absolute;
+	margin: 0 auto;
+	left: 0;
+	right: 0;
+	top: -70px;
+	width: 95px;
+	height: 95px;
+	border-radius: 50%;
+	z-index: 9;
+	background: #82ce34;
+	padding: 15px;
+	text-align: center;
+	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
+}
+.modal-confirm .icon-box i {
+	font-size: 58px;
+	position: relative;
+	top: 3px;
+}
+.modal-confirm .icon-box:hover {
+	/*background: #6fb32b;*/
+    background: #a80505;
+	outline: none;
+}
+.modal-confirm.modal-dialog {
+	margin-top: 80px;
+}
+.modal-confirm .btn {
+	color: #fff;
+	border-radius: 4px;
+	background: #82ce34;
+	text-decoration: none;
+	transition: all 0.4s;
+	line-height: normal;
+	border: none;
+}
+.modal-confirm .btn:hover, .modal-confirm .btn:focus {
+	background: #6fb32b;
+    /*background: #a80505;*/
+	outline: none;
+}
+.trigger-btn {
+	display: inline-block;
+	margin: 100px auto;
+}
+</style>
+</head>
+<body>
+<div class="text-center">
+	<!-- Button HTML (to Trigger Modal) -->
+	<!--<a href="#myModal" class="trigger-btn" data-toggle="modal">Click to Open Confirm Modal</a> -->
+
+
+<!-- Modal HTML -->
+<!--<div id="myModal" class="modal fade">-->
+	<div class="modal-dialog modal-confirm">
+		<div class="modal-content">
+			<div class="modal-header">
+				<div class="icon-box" onclick="window.location='http://google.com';">
+					<!--<i class="material-icons">&#xE876;</i>-->
+                    <i class="material-icons">&#xE876;</i>
+				</div>
+				<h4 class="modal-title w-100">Awesome!</h4>
+			</div>
+			<div class="modal-body">
+				<p class="text-center">{{ deployment }} deployment is now scaled up.</p>
+                <p class="text-center">Current URL {{ url }}.</p>
+			</div>
+			<div href={{ url }} class="modal-footer">
+				<!--<button href={{ url }} class="btn btn-success btn-block" data-dismiss="modal">Redirect</button>-->
+                <a href={{ url }} class="btn btn-success btn-block" data-dismiss="modal">Redirect</a>
+			</div>
+		</div>
+	</div>
+</div>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/django_code/dashboard/views.py b/django_code/dashboard/views.py
index 6175269..9c1a081 100644
--- a/django_code/dashboard/views.py
+++ b/django_code/dashboard/views.py
@@ -7,3 +7,6 @@ def home(request):
 def about(request):
     thislist = ["apple", "banana", "cherry"]
     return render(request, 'about.html',{'thislist': thislist})
+
+def success(request):
+    return render(request, 'success.html',{'deployment': 'django','url':'https://google.com'})
\ No newline at end of file