nodebb-plugin-fab-cards 0.1.0 → 0.1.2

package/templates/admin/plugins/quickstart.tpl

@@ -0,0 +1,68 @@
+<div class="acp-page-container">
+	<!-- IMPORT admin/partials/settings/header.tpl -->
+
+	<div class="row m-0">
+		<div id="spy-container" class="col-12 col-md-8 px-0 mb-4" tabindex="0">
+			<form role="form" class="quickstart-settings">
+				<div class="mb-4">
+					<h5 class="fw-bold tracking-tight settings-header">General</h5>
+
+					<p class="lead">
+						Adjust these settings. You can then retrieve these settings in code via:
+						<br/><code>await meta.settings.get('quickstart');</code>
+					</p>
+					<div class="mb-3">
+						<label class="form-label" for="setting-1">Setting 1</label>
+						<input type="text" id="setting-1" name="setting-1" title="Setting 1" class="form-control" placeholder="Setting 1">
+					</div>
+					<div class="mb-3">
+						<label class="form-label" for="setting-2">Setting 2</label>
+						<input type="text" id="setting-2" name="setting-2" title="Setting 2" class="form-control" placeholder="Setting 2">
+					</div>
+
+					<div class="form-check form-switch">
+						<input type="checkbox" class="form-check-input" id="setting-3" name="setting-3">
+						<label for="setting-3" class="form-check-label">Setting 3</label>
+					</div>
+				</div>
+
+				<div class="mb-4">
+					<h5 class="fw-bold tracking-tight settings-header">Colors</h5>
+
+					<p class="alert" id="preview">
+						Here is some preview text. Use the inputs below to modify this alert's appearance.
+					</p>
+					<div class="mb-3 d-flex gap-2">
+						<label class="form-label" for="color">Foreground</label>
+						<input data-settings="colorpicker" type="color" id="color" name="color" title="Background Color" class="form-control p-1" placeholder="#ffffff" value="#ffffff" style="width: 64px;"/>
+					</div>
+					<div class="mb-3 d-flex gap-2">
+						<label class="form-label" for="bgColor">Background</label>
+						<input data-settings="colorpicker" type="color" id="bgColor" name="bgColor" title="Background Color" class="form-control p-1" placeholder="#000000" value="#000000" style="width: 64px;" />
+					</div>
+				</div>
+
+				<div class="mb-4">
+					<h5 class="fw-bold tracking-tight settings-header">Sorted List</h5>
+
+					<div class="mb-3" data-type="sorted-list" data-sorted-list="sample-list" data-item-template="admin/plugins/quickstart/partials/sorted-list/item" data-form-template="admin/plugins/quickstart/partials/sorted-list/form">
+						<ul data-type="list" class="list-group mb-2"></ul>
+						<button type="button" data-type="add" class="btn btn-info">Add Item</button>
+					</div>
+				</div>
+
+				<div>
+					<h5 class="fw-bold tracking-tight settings-header">Uploads</h5>
+
+					<label class="form-label" for="uploadedImage">Upload Image</label>
+					<div class="d-flex gap-1">
+						<input id="uploadedImage" name="uploadedImage" type="text" class="form-control" />
+						<input value="Upload" data-action="upload" data-target="uploadedImage" type="button" class="btn btn-light" />
+					</div>
+				</div>
+			</form>
+		</div>
+
+		<!-- IMPORT admin/partials/settings/toc.tpl -->
+	</div>
+</div>

package/templates/quickstart.tpl

@@ -0,0 +1,7 @@
+<div class="card card-body text-bg-light">
+	<p>This is a custom page.</p>
+	<p>Your uid is {uid}!</p>
+	<p id="last-p"></p>
+	<hr/>
+	<p>[[quickstart:info]]</p>
+</div>

package/test/.eslintrc

@@ -0,0 +1,9 @@
+{
+	"env": {
+		"mocha": true
+	},
+	"rules": {
+		"no-unused-vars": "off"
+	}
+}
+

package/test/index.js

@@ -0,0 +1,41 @@
+/**
+ * You can run these tests by executing `npx mocha test/plugins-installed.js`
+ * from the NodeBB root folder. The regular test runner will also run these
+ * tests.
+ *
+ * Keep in mind tests do not activate all plugins, so if you are testing
+ * hook listeners, socket.io, or mounted routes, you will need to add your
+ * plugin to `config.json`, e.g.
+ *
+ * {
+ *     "test_plugins": [
+ *         "nodebb-plugin-fab-cards"
+ *     ]
+ * }
+ */
+
+'use strict';
+
+/* globals describe, it, before */
+
+const assert = require('assert');
+
+const db = require.main.require('./test/mocks/databasemock');
+
+describe('nodebb-plugin-fab-cards', () => {
+	before(() => {
+		// Prepare for tests here
+	});
+
+	it('should pass', (done) => {
+		const actual = 'value';
+		const expected = 'value';
+		assert.strictEqual(actual, expected);
+		done();
+	});
+
+	it('should load config object', async () => {	// Tests can be async functions too
+		const config = await db.getObject('config');
+		assert(config);
+	});
+});

package/.github/workflows/publish.yml

@@ -1,21 +0,0 @@
-name: Publish Package to npmjs
-on:
-  release:
-    types: [published]
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    permissions:
-      contents: read
-      id-token: write
-    steps:
-      - uses: actions/checkout@v6
-      # Setup .npmrc file to publish to npm
-      - uses: actions/setup-node@v6
-        with:
-          node-version: "20.x"
-          registry-url: "https://registry.npmjs.org"
-      - run: npm ci
-      - run: npm publish --provenance --access public
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}