From 0c72698bc84dade920957f8039f3ede80562bb82 Mon Sep 17 00:00:00 2001
From: Sven Hoehn <shoehn@ipfire.org>
Date: Wed, 6 Dec 2017 17:57:42 +0100
Subject: [PATCH] Bootstap 4 migration: nopaste.dev.ipfire.org (?)

---
 templates/nopaste/create.html | 124 ++++++++++++++++++----------------
 1 file changed, 65 insertions(+), 59 deletions(-)

diff --git a/templates/nopaste/create.html b/templates/nopaste/create.html
index b1ef4d23..0ad8051d 100644
--- a/templates/nopaste/create.html
+++ b/templates/nopaste/create.html
@@ -9,69 +9,75 @@
 {% end block %}
 
 {% block container %}
-	<section class="container content-section">
-		<div class="page-header">
-			{% if mode == "paste" %}
-				<h3>{{ _("New Paste") }}</h3>
-			{% elif mode == "upload" %}
-				<h3>{{ _("Upload File") }}</h3>
-			{% end %}
-		</div>
-
-		<form class="form-horizontal" action="" method="POST" enctype="multipart/form-data">
-			<div class="form-group">
-				<input type="hidden" name="mode" value="{{ mode }}">
-
-				{% if mode == "paste" %}
-					<div class="col-sm-12">
-						<textarea class="form-control" rows="12" name="content"
-							placeholder="{{ _("Please paste your content here...") }}"></textarea>
-					</div>
-				{% elif mode == "upload" %}
-					<label for="inputFile" class="col-sm-2 control-label">{{ _("File") }}</label>
-					<div class="col-sm-10">
-						<input type="file" id="inputFile" name="file">
 
-						{% if max_size %}
-							<p class="help-block">
-								{{ _("You may upload up to %s.") % format_size(max_size) }}
-							</p>
+<div class="container">
+	<section class="features-content col-12">
+		{% if mode == "paste" %}
+			<h2 class="display-2 text-center">{{ _("New Paste") }}</h2>
+		{% elif mode == "upload" %}
+			<h2 class="display-2 text-center">{{ _("Upload File") }}</h3>
+		{% end %}
+		
+		<div class="row">
+			<div class="col">
+				<form class="form-horizontal" action="" method="POST" enctype="multipart/form-data">
+					<div class="form-group">
+						<input type="hidden" name="mode" value="{{ mode }}">
+		
+						{% if mode == "paste" %}
+							<div class="col">
+								<textarea class="form-control" rows="12" name="content"
+									placeholder="{{ _("Please paste your content here...") }}"></textarea>
+							</div>
+						{% elif mode == "upload" %}
+							<label for="inputFile" class="col-2 control-label">{{ _("File") }}</label>
+							<div class="col-10">
+								<input type="file" id="inputFile" name="file">
+		
+								{% if max_size %}
+									<p class="help-block">
+										{{ _("You may upload up to %s.") % format_size(max_size) }}
+									</p>
+								{% end %}
+							</div>
 						{% end %}
 					</div>
-				{% end %}
-			</div>
-
-			{% if mode == "paste" %}
-				<div class="form-group">
-					<label for="inputSubject" class="col-sm-2 control-label">{{ _("Subject") }}</label>
-					<div class="col-sm-10">
-						<input type="subject" class="form-control" id="inputSubject"
-							name="subject" placeholder="{{ _("Subject") }} ({{ _("optional") }})">
+		
+					{% if mode == "paste" %}
+						<div class="form-group">
+							<label for="inputSubject" class="col-2 control-label">{{ _("Subject") }}</label>
+							<div class="col-10">
+								<input type="subject" class="form-control" id="inputSubject"
+									name="subject" placeholder="{{ _("Subject") }} ({{ _("optional") }})">
+							</div>
+						</div>
+					{% end %}
+		
+					<div class="form-group">
+						<label for="inputExpires" class="col-2 control-label">{{ _("Expires") }}</label>
+						<div class="col-10">
+							<select class="form-control" id="inputExpires" name="expires">
+								<option value="0">{{ _("never") }}</option>
+								<option value="600">{{ _("after ten minutes") }}</option>
+								<option value="3600">{{ _("after one hour") }}</option>
+								<option value="{{ 24 * 3600 }}">{{ _("after one day") }}</option>
+								<option value="{{ 7 * 24 * 3600 }}">{{ _("after one week") }}</option>
+								<option value="{{ 30 * 24 * 3600 }}" selected>{{ _("after one month") }}</option>
+							</select>
+						</div>
 					</div>
-				</div>
-			{% end %}
-
-			<div class="form-group">
-				<label for="inputExpires" class="col-sm-2 control-label">{{ _("Expires") }}</label>
-				<div class="col-sm-10">
-					<select class="form-control" id="inputExpires" name="expires">
-						<option value="0">{{ _("never") }}</option>
-						<option value="600">{{ _("after ten minutes") }}</option>
-						<option value="3600">{{ _("after one hour") }}</option>
-						<option value="{{ 24 * 3600 }}">{{ _("after one day") }}</option>
-						<option value="{{ 7 * 24 * 3600 }}">{{ _("after one week") }}</option>
-						<option value="{{ 30 * 24 * 3600 }}" selected>{{ _("after one month") }}</option>
-					</select>
-				</div>
-			</div>
-
-			<div class="form-group">
-				<div class="col-sm-offset-2 col-sm-10">
-					<button type="submit" class="btn btn-primary">{{ _("Submit") }}</button>
-				</div>
+		
+					<div class="form-group">
+						<div class="col-10">
+							<button type="submit" class="btn btn-primary">{{ _("Submit") }}</button>
+						</div>
+					</div>
+		
+					{% raw xsrf_form_html() %}
+				</form>
 			</div>
-
-			{% raw xsrf_form_html() %}
-		</form>
+		</div>
 	</section>
+</div>
+
 {% end block %}
-- 
2.47.3