feat: reset count

SychO9 · Nov 8, 2023 · b1bf9a5 · b1bf9a5
1 parent 0222971
commit b1bf9a5
Show file tree

Hide file tree

Showing 5 changed files with 61 additions and 30 deletions.
diff --git a/extend.php b/extend.php
@@ -12,15 +12,24 @@
 namespace SychO\ForcePasswordReset;
 
 use Flarum\Extend;
+use Flarum\Frontend\Document;
 use Flarum\User\Event\PasswordChanged;
 use Flarum\User\User;
 
 return [
     (new Extend\Frontend('admin'))
-        ->js(__DIR__.'/js/dist/admin.js'),
+        ->js(__DIR__.'/js/dist/admin.js')
+        ->css(__DIR__.'/less/admin.less'),
 
     new Extend\Locales(__DIR__.'/locale'),
 
+    (new Extend\Frontend('admin'))
+        ->content(function (Document $document) {
+            $document->payload['sycho-force-password-reset.reset-done-count'] = User::query()
+                ->whereNotNull('password_reset_at')
+                ->count();
+        }),
+
     (new Extend\Model(User::class))
         ->cast('required_password_reset_at', 'datetime')
         ->cast('password_reset_at', 'datetime'),

diff --git a/js/src/admin/index.tsx b/js/src/admin/index.tsx
@@ -3,33 +3,48 @@ import Button from 'flarum/common/components/Button';
 import extractText from 'flarum/common/utils/extractText';
 
 app.initializers.add('sycho/flarum-force-password-reset', () => {
-  app.extensionData.for('sycho-force-password-reset').registerSetting(() => (
-    <div className="Form-group">
-      <label>{app.translator.trans('sycho-force-password-reset.admin.force_password_reset.title')}</label>
-      <p className="helpText">{app.translator.trans('sycho-force-password-reset.admin.force_password_reset.description')}</p>
-      <Button
-        className="Button"
-        icon="fas fa-key"
-        onclick={() => {
-          if (confirm(extractText(app.translator.trans('sycho-force-password-reset.admin.force_password_reset.reset_all_confirm')))) {
-            app
-              .request({
-                method: 'POST',
-                url: app.forum.attribute('apiUrl') + '/force-password-reset',
-              })
-              .then(() =>
-                app.alerts.show(
-                  {
-                    type: 'success',
-                  },
-                  app.translator.trans('sycho-force-password-reset.admin.force_password_reset.reset_all_success')
-                )
-              );
-          }
-        }}
-      >
-        {app.translator.trans('sycho-force-password-reset.admin.force_password_reset.button_label')}
-      </Button>
-    </div>
-  ));
+  app.extensionData
+    .for('sycho-force-password-reset')
+    .registerSetting(() => (
+      <div className="Form-group">
+        <label>{app.translator.trans('sycho-force-password-reset.admin.force_password_reset.title')}</label>
+        <p className="helpText">{app.translator.trans('sycho-force-password-reset.admin.force_password_reset.description')}</p>
+        <Button
+          className="Button"
+          icon="fas fa-key"
+          onclick={() => {
+            if (confirm(extractText(app.translator.trans('sycho-force-password-reset.admin.force_password_reset.reset_all_confirm')))) {
+              app
+                .request({
+                  method: 'POST',
+                  url: app.forum.attribute('apiUrl') + '/force-password-reset',
+                })
+                .then(() =>
+                  app.alerts.show(
+                    {
+                      type: 'success',
+                    },
+                    app.translator.trans('sycho-force-password-reset.admin.force_password_reset.reset_all_success')
+                  )
+                );
+            }
+          }}
+        >
+          {app.translator.trans('sycho-force-password-reset.admin.force_password_reset.button_label')}
+        </Button>
+      </div>
+    ))
+    .registerSetting(() => (
+      <div className="Form-group ForceResetPassword-resetCount">
+        <label>{app.translator.trans('sycho-force-password-reset.admin.reset_count.title')}</label>
+        <p className="helpText">{app.translator.trans('sycho-force-password-reset.admin.reset_count.description')}</p>
+        <span className="ForceResetPassword-resetCount-value">
+          {app.translator.trans('sycho-force-password-reset.admin.reset_count.value', {
+            count: new Intl.NumberFormat('en-IN', { maximumSignificantDigits: 3 }).format(
+              app.data['sycho-force-password-reset.reset-done-count'] as number
+            ),
+          })}
+        </span>
+      </div>
+    ));
 });
diff --git a/less/admin.less b/less/admin.less
@@ -0,0 +1,3 @@
+.ForceResetPassword-resetCount-value {
+  font-family: monospace;
+}
diff --git a/less/forum.less b/less/forum.less
diff --git a/locale/en.yml b/locale/en.yml
@@ -8,6 +8,10 @@ sycho-force-password-reset:
       button_label: "Force Password Reset"
       reset_all_confirm: "Are you sure you want to force all users to reset their password on next login?"
       reset_all_success: "All users will be forced to reset their password on next login."
+    reset_count:
+      title: "Reset Count"
+      description: "The number of users who have successfully reset their password since the last time it was force required."
+      value: "{count} users"
 
   forum:
     current_password_label: "Current Password"