nodebb-plugin-tenor-gif 3.0.0 → 3.1.0

package/lib/controllers.js

@@ -3,7 +3,9 @@
 var Controllers = {};
 
 Controllers.renderAdminPage = function (req, res, next) {
-	res.render('admin/plugins/tenor-gif', {});
+	res.render('admin/plugins/tenor-gif', {
+		title: 'Tenor GIF',
+	});
 };
 
 module.exports = Controllers;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-tenor-gif",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "",
   "main": "library.js",
   "repository": {
@@ -21,7 +21,7 @@
   },
   "readmeFilename": "README.md",
   "nbbpm": {
-    "compatibility": "^3.0.0"
+    "compatibility": "^3.2.0"
   },
   "dependencies": {
     "@commitlint/cli": "^9.1.2",

package/static/templates/admin/plugins/tenor-gif.tpl

@@ -1,34 +1,38 @@
-<form role="form" class="tenor-gif-settings">
-	<div class="row">
-		<div class="col-sm-2 col-12 settings-header">General</div>
-		<div class="col-sm-10 col-12">
-			<p class="lead">
-				Sign up for your Tenor GIF API Key from the <a href="https://console.cloud.google.com/apis/credentials">Google Cloud Console</a>, then enter it below and reload your NodeBB.
-			</p>
-			<p>
-				<strong>Be careful</strong>: If you use the <i class="fa fa-copy"></i> button to copy the API key, it'll add spaces to the beginning and end. You'll need to remove those.
-			</p>
-			<div class="mb-3">
-				<label for="key">API Key</label>
-				<input type="text" id="key" name="key" title="API Key" class="form-control" placeholder="API Key">
-			</div>
-			<div class="mb-3">
-				<label for="contentFilter">Content Filter</label>
-				<select class="form-control" id="contentFilter" name="contentFilter">
-					<option value="off">Off</option>
-					<option value="low">Low</option>
-					<option value="medium" selected>Medium (default)</option>
-					<option value="high">High</option>
-				</select>
-			</div>
-			<div class="mb-3">
-				<label for="limit">Limit results</label>
-				<input class="form-control" type="number" min="1" max="50" id="limit" placeholder="10" name="limit" />
-			</div>
+<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="tenor-gif-settings">
+				<div class="row">
+					<div class="col-sm-2 col-12 settings-header">General</div>
+					<div class="col-sm-10 col-12">
+						<p class="lead">
+							Sign up for your Tenor GIF API Key from the <a href="https://console.cloud.google.com/apis/credentials">Google Cloud Console</a>, then enter it below and reload your NodeBB.
+						</p>
+						<p>
+							<strong>Be careful</strong>: If you use the <i class="fa fa-copy"></i> button to copy the API key, it'll add spaces to the beginning and end. You'll need to remove those.
+						</p>
+						<div class="mb-3">
+							<label for="key">API Key</label>
+							<input type="text" id="key" name="key" title="API Key" class="form-control" placeholder="API Key">
+						</div>
+						<div class="mb-3">
+							<label for="contentFilter">Content Filter</label>
+							<select class="form-control" id="contentFilter" name="contentFilter">
+								<option value="off">Off</option>
+								<option value="low">Low</option>
+								<option value="medium" selected>Medium (default)</option>
+								<option value="high">High</option>
+							</select>
+						</div>
+						<div class="mb-3">
+							<label for="limit">Limit results</label>
+							<input class="form-control" type="number" min="1" max="50" id="limit" placeholder="10" name="limit" />
+						</div>
+					</div>
+				</div>
+			</form>
 		</div>
 	</div>
-</form>
-
-<button id="save" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
-	<i class="material-icons">save</i>
-</button>
+</div>