update for bs5

Author: barisusakli

Diff for: .jshintrc

@@ -15,9 +15,6 @@
 			"hook": "filter:widgets.getAreas", "method": "setWidgetAreas"
 		}
 	],
-	"acpLess": [
-		"static/admin.less"
-	],
 	"modules": {
 		"../admin/plugins/custom-pages.js": "static/lib/admin.js"
 	},

Diff for: plugin.json

@@ -7,7 +7,7 @@ define('admin/plugins/custom-pages', [], function () {
 
 	function addCloseHandler() {
 		$('#custom-pages .fa-times').on('click', function () {
-			$(this).parents('.well').remove();
+			$(this).parents('.card').remove();
 		});
 	}
 
@@ -56,7 +56,7 @@ define('admin/plugins/custom-pages', [], function () {
 
 		$('#save').on('click', function () {
 			var arr = [];
-			$('#custom-pages .well form').each(function () {
+			$('#custom-pages form').each(function () {
 				var data = $(this).serializeArray();
 				if (data[1].value && !data[1].value.match(' ') && data[1].value !== '') {
 					arr.push({

Diff for: static/admin.less

@@ -1,6 +1,6 @@
 <div class="row">
-    <div class="col-sm-2 col-xs-12 settings-header">Active Routes</div>
-    <div class="col-sm-10 col-xs-12">
+    <div class="col-sm-2 col-12 settings-header">Active Routes</div>
+    <div class="col-sm-10 col-12">
         <p class="lead">
             Define and customise your new routes here.
         </p>
@@ -13,48 +13,50 @@
         <p>
             If you wish to set a custom page as your homepage, go to <a href="{config.relative_path}/admin/general/homepage">General &rarr; Homepage</a> and select "Custom".
         </p>
-        
+
         <div id="custom-pages">
             <!-- BEGIN pages -->
-            <div class="well">
+            <div class="card card-body text-bg-light">
                 <form>
-                    <span class="pull-right"><i class="fa fa-times pointer"></i></span>
-
-                    <label>Page Title
-                    <input type="text" class="form-control" name="name" value="{pages.name}" placeholder="Page Title" />
-                    </label>
+                    <span class="float-end"><i class="fa fa-times pointer"></i></span>
+                    <div class="mb-3">
+                        <label>Page Title
+                        <input type="text" class="form-control" name="name" value="{pages.name}" placeholder="Page Title" />
+                        </label>
 
-                    <label>Path to Page
-                    <input type="text" class="form-control" name="route" value="{pages.route}" placeholder="/my-page" />
-                    </label>
+                        <label>Path to Page
+                        <input type="text" class="form-control" name="route" value="{pages.route}" placeholder="/my-page" />
+                        </label>
+                    </div>
 
-                    <br /><br />
-                    <label>Restrict access to groups (leave blank for public):
+                    <div>
+                        <label class="form-label">Restrict access to groups (leave blank for public):</label>
+                    </div>
                     <input type="text" class="form-control groups-list" name="groups" value="{pages.groups}" placeholder="" />
-                    </label>
                 </form>
             </div>
             <!-- END pages -->
         </div>
     </div>
 </div>
 
-<div class="template well hidden">
+<div class="template card card-body text-bg-light hidden">
     <form>
-        <span class="pull-right"><i class="fa fa-times pointer"></i></span>
-
-        <label>Page Title
-        <input type="text" class="form-control" name="name" value="" placeholder="Page Title" />
-        </label>
+        <span class="float-end"><i class="fa fa-times pointer"></i></span>
+        <div class="mb-3">
+            <label>Page Title
+            <input type="text" class="form-control" name="name" value="" placeholder="Page Title" />
+            </label>
 
-        <label>Path to Page
-        <input type="text" class="form-control" name="route" value="" placeholder="/my-page" />
-        </label>
+            <label>Path to Page
+            <input type="text" class="form-control" name="route" value="" placeholder="/my-page" />
+            </label>
+        </div>
 
-        <br /><br />
-        <label>Restrict access to groups (leave blank for public):
+        <div>
+        <label class="form-label">Restrict access to groups (leave blank for public):</label>
+        </div>
         <input type="text" class="form-control groups-list" name="groups" value="" placeholder="" />
-        </label>
     </form>
 </div>