update acp

Author: barisusakli

index.js

@@ -30,7 +30,10 @@ async function renderAdmin(req, res) {
 	];
 	groupsData = groupsData.filter(g => !filterGroups.includes(g.name));
 	groupsData.sort((a, b) => b.system - a.system);
-	res.render('admin/plugins/dev-tracker', { groups: groupsData });
+	res.render('admin/plugins/dev-tracker', {
+		groups: groupsData,
+		title: '[[dev-tracker:dev-tracker]]',
+	});
 }
 
 async function getDevTrackerGroups() {

package.json

@@ -25,6 +25,6 @@
     "eslint-plugin-import": "2.27.5"
   },
   "nbbpm": {
-    "compatibility": "^3.0.0"
+    "compatibility": "^3.2.0"
   }
 }

templates/admin/plugins/dev-tracker.tpl

@@ -1,15 +1,17 @@
-<div class="row">
-	<div class="col-sm-2 col-12 settings-header">Settings</div>
-	<div class="col-sm-10 col-12">
-		<form role="form" class="dev-tracker-settings">
-			<label class="form-label" for="devTrackerGroups">Select groups you wish to display on the Dev Tracker Page</label>
-			<select class="form-control" id="devTrackerGroups" name="devTrackerGroups" multiple size="20">
-				{{{ each groups }}}
-				<option value="{./displayName}">{./displayName}</option>
-				{{{ end }}}
-			</select>
-		</form>
+
+<div class="acp-page-container">
+	<!-- IMPORT admin/partials/settings/header.tpl -->
+
+	<div class="row m-0">
+		<div id="spy-container" class="col-12 px-0 mb-4" tabindex="0">
+			<form role="form" class="dev-tracker-settings">
+				<label class="form-label" for="devTrackerGroups">Select groups you wish to display on the Dev Tracker Page</label>
+				<select class="form-control" id="devTrackerGroups" name="devTrackerGroups" multiple size="20">
+					{{{ each groups }}}
+					<option value="{./displayName}">{./displayName}</option>
+					{{{ end }}}
+				</select>
+			</form>
+		</div>
 	</div>
 </div>
-
-<!-- IMPORT admin/partials/save_button.tpl -->