From 188f31c3aca75a16d83ca9b26965712239209213 Mon Sep 17 00:00:00 2001
From: Sven Slootweg <jamsoftgamedev@gmail.com>
Date: Wed, 9 May 2012 04:26:36 +0200
Subject: [PATCH] Finished template selection form

---
 frontend/css/cvm.css                 | 58 +++++++++++++++++++++++++++-
 frontend/templates/vps.reinstall.tpl | 14 ++++++-
 2 files changed, 70 insertions(+), 2 deletions(-)

diff --git a/frontend/css/cvm.css b/frontend/css/cvm.css
index 0c03dbd..8c0d95f 100644
--- a/frontend/css/cvm.css
+++ b/frontend/css/cvm.css
@@ -97,6 +97,22 @@ table.vpslist tr:hover
 	cursor: pointer;
 }
 
+.centered
+{
+	text-align: center;
+}
+
+.padded
+{
+	padding: 10px 25px;
+}
+
+.spaced
+{
+	margin-top: 15px;
+	margin-bottom: 10px;
+}
+
 .preload
 {
 	width: 1px;
@@ -433,7 +449,7 @@ input
 
 input, label
 {
-	margin-top: 0px !important;
+	/*margin-top: 0px !important;*/
 	margin-bottom: 0px !important;
 }
 
@@ -442,3 +458,43 @@ button.column
 	margin-left: 1.6% !important;
 	margin-right: 1.6% !important;
 }
+
+.template-option
+{
+	border: 1px solid #31305E;
+	margin: 11px 0px;
+}
+
+.template-name
+{
+	background-color: #31305E;
+	padding: 4px 3px;
+	color: white;
+	font-weight: bold;
+}
+
+.template-name input
+{
+	float: left;
+	margin-top: 6px;
+	margin-right: 5px;
+	vertical-align: middle;
+}
+
+.template-description
+{
+	padding: 6px 7px;
+}
+
+.confirm-text
+{
+	padding-left: 24px;
+	display: block;
+}
+
+.confirm input
+{
+	float: left;
+	margin-right: 4px;
+	margin-top: 7px;
+}
diff --git a/frontend/templates/vps.reinstall.tpl b/frontend/templates/vps.reinstall.tpl
index f196573..2d24164 100644
--- a/frontend/templates/vps.reinstall.tpl
+++ b/frontend/templates/vps.reinstall.tpl
@@ -2,7 +2,19 @@
 
 <%foreach template in templates>
 	<div class="template-option">
-		<input type="radio" id="tpl_<%?template[id]>" name="template" value="<%?template[id]>"><label class="template-name" for="tpl_<%?template[id]>"><%?template[name]></label>
+		<div class="template-name">
+			<input type="radio" id="tpl_<%?template[id]>" name="template" value="<%?template[id]>">
+			<label for="tpl_<%?template[id]>"><%?template[name]></label>
+		</div>
 		<div class="template-description"><%?template[description]></div>
 	</div>
 <%/foreach>
+
+<div class="confirm">
+	<input type="checkbox" name="confirm" value="true" id="confirm_reinstall">
+	<label for="confirm_reinstall" class="confirm-text">I understand that by reinstalling my VPS, <strong>all data on the VPS is permanently lost</strong> and cannot be recovered. There will be no further confirmations, <strong>after clicking the Reinstall button the reinstallation process cannot be aborted.</strong></label>
+</div>
+
+<div class="centered">
+	<button type="submit" name="submit" value="submit" class="padded spaced">Reinstall</button>
+</div>