Bootstap 4 migration: nopaste.dev.ipfire.org (?)

diff --git a/templates/nopaste/create.html b/templates/nopaste/create.html
index b1ef4d23c231c8e343314ecbfad4467149d0a4fa..0ad8051d8c460d11c0795ee421f13104117e592c 100644 (file)
--- 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 %}