Enable to pass external parameters to React-UI implementation via Django template

CHANGELOG.md

@@ -3,6 +3,9 @@
 ## In development
 
 ### Added
+* Enable to pass general external parameters(`extendedGeneralParameters`) to React-UI
+  implementation via Django template.
+  Contributed by @userlocalhost, @hinashi
 
 ### Changed
 

airone/settings_common.py

@@ -242,6 +242,13 @@ class Common(Configuration):
                 json.dumps([]),
             )
         ),
+        # This is the general parameter that would be passed to custom-views from external world
+        "EXTENDED_GENERAL_PARAMETERS": json.loads(
+            env.str(
+                "EXTENDED_GENERAL_PARAMETERS",
+                json.dumps({}),
+            )
+        ),
         # This is an example to set EXTENDED_HEADER_MENUS
         # "EXTENDED_HEADER_MENUS": json.loads(env.str(
         #    "EXTENDED_HEADER_MENUS",

frontend/src/services/ServerContext.ts

@@ -3,7 +3,7 @@
   username: string;
   isSuperuser: boolean;
 
   constructor(user: any) {
     this.id = user.id;
     this.username = user.username;
     this.isSuperuser = user.isSuperuser;
@@ -33,6 +33,7 @@
   passwordResetDisabled?: boolean;
   checkTermService?: boolean;
   termsOfServiceUrl?: string;
+  extendedGeneralParameters: { [key: string]: any };
   extendedHeaderMenus: {
     name: string;
     children: { name: string; url: string }[];
@@ -55,6 +56,7 @@
     this.passwordResetDisabled = context.password_reset_disabled;
     this.checkTermService = context.checkTermService;
     this.termsOfServiceUrl = context.termsOfServiceUrl;
+    this.extendedGeneralParameters = context.extendedGeneralParameters;
     this.extendedHeaderMenus = context.extendedHeaderMenus;
     this.headerColor = context.headerColor;
     this.flags = context.flags ?? { webhook: true };

templates/frontend/index.html

@@ -33,6 +33,7 @@
           },
           legacyUiDisabled: {{airone.LEGACY_UI_DISABLED|yesno:"true,false"}},
           checkTermService: {{airone.CHECK_TERM_SERVICE|yesno:"true,false"}},
+          extendedGeneralParameters: {{ airone.EXTENDED_GENERAL_PARAMETERS|safe }},
           extendedHeaderMenus: {{ airone.EXTENDED_HEADER_MENUS|safe }},
           headerColor: {% if airone.HEADER_COLOR %}"{{ airone.HEADER_COLOR|safe }}"{% else %}null{% endif %},
           flags: {