chore(passport): dynamic settings for vue

Author: duanhongyi

rootfs/api/settings/production.py

@@ -177,12 +177,16 @@
 REST_FRAMEWORK = {
     'DATETIME_FORMAT': DRYCC_DATETIME_FORMAT,
     'DEFAULT_MODEL_SERIALIZER_CLASS': 'rest_framework.serializers.ModelSerializer',
-    'DEFAULT_PERMISSION_CLASSES': (
+    'DEFAULT_PERMISSION_CLASSES': [
         'rest_framework.permissions.IsAuthenticated',
-    ),
-    'DEFAULT_RENDERER_CLASSES': (
+    ],
+    'DEFAULT_AUTHENTICATION_CLASSES': [
+        'rest_framework.authentication.SessionAuthentication',
+        'oauth2_provider.contrib.rest_framework.OAuth2Authentication',
+    ],
+    'DEFAULT_RENDERER_CLASSES': [
         'rest_framework.renderers.JSONRenderer',
-    ),
+    ],
     'DEFAULT_PAGINATION_CLASS': 'rest_framework.pagination.LimitOffsetPagination',
     'PAGE_SIZE': 30,
     'TEST_REQUEST_DEFAULT_FORMAT': 'json',
@@ -305,12 +309,6 @@
     "DEFAULT_SCOPES": ['openid', ],
     "DEFAULT_CODE_CHALLENGE_METHOD": 'S256',
 }
-REST_FRAMEWORK['DEFAULT_AUTHENTICATION_CLASSES'] = (
-    'oauth2_provider.contrib.rest_framework.OAuth2Authentication',
-    'rest_framework.authentication.SessionAuthentication',
-    'rest_framework.authentication.BasicAuthentication',
-)
-
 # Redis Configuration
 DRYCC_REDIS_ADDRS = os.environ.get('DRYCC_REDIS_ADDRS', '127.0.0.1:6379').split(",")
 DRYCC_REDIS_PASSWORD = os.environ.get('DRYCC_REDIS_PASSWORD', '')

rootfs/passport/urls.py

@@ -19,6 +19,7 @@
 from django.contrib import admin
 from django.views.generic.base import TemplateView
 from api.views import LivenessCheckView, ReadinessCheckView
+from . import views
 
 if settings.ADMIN_ENABLED:
     urlpatterns = [path('admin/', admin.site.urls)]
@@ -28,6 +29,7 @@
 urlpatterns += [
     url(r'^healthz$', LivenessCheckView.as_view()),
     url(r'^readiness$', ReadinessCheckView.as_view()),
+    re_path(r"settings/?$", views.SettingsViewSet.as_view({'get': 'retrieve'})),
     re_path(r"^user/", include('api.urls')),
     re_path(r'^oauth/', include('oauth2_provider.urls', namespace='oauth2_provider')),
     re_path(r'^accounts/', include('django.contrib.auth.urls')),

rootfs/passport/views.py

@@ -0,0 +1,15 @@
+from django.conf import settings
+from rest_framework.viewsets import GenericViewSet
+from rest_framework.permissions import AllowAny
+from rest_framework.response import Response
+
+
+class SettingsViewSet(GenericViewSet):
+
+    permission_classes = (AllowAny, )
+
+    def retrieve(self, request, *args, **kwargs):
+        return Response(data={
+            "legal": settings.LEGAL_ENABLED,
+            "registration_enabled": settings.REGISTRATION_ENABLED,
+        })

rootfs/web/src/components/MainFooter.js

@@ -1,4 +1,6 @@
-import {toRefs, reactive} from 'vue'
+import {toRefs, reactive, onMounted} from 'vue'
+
+import { getSettings } from '../services/settings'
 
 export default {
     name: "Footer",
@@ -7,7 +9,10 @@ export default {
             year: new Date().getFullYear(),
             legalEnabled: false,
         })
-        state.legalEnabled = process.env.VUE_APP_LEGAL_ENABLED == "true" ? true : false;
+        onMounted(async () => {
+            var res =  await getSettings()
+            state.legalEnabled = res.data.legal
+        })
         return {
             ...toRefs(state),
         }

rootfs/web/src/services/settings.js

@@ -0,0 +1,5 @@
+import axios from "../utils/axios";
+
+export function getSettings() {
+    return axios.get(`/settings/`)
+}

rootfs/web/vite.config.js

@@ -2,7 +2,6 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
 VUE_APP_BASE_URL = process.env.VUE_APP_BASE_URL ? process.env.VUE_APP_BASE_URL : ''
-VUE_APP_LEGAL_ENABLED = process.env.VUE_APP_LEGAL_ENABLED ? process.env.VUE_APP_LEGAL_ENABLED : "false"
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -24,13 +23,16 @@ export default defineConfig({
       '/assets': {
         target: VUE_APP_BASE_URL,
         changeOrigin: true,
-      }
+      },
+      '/settings': {
+        target: VUE_APP_BASE_URL,
+        changeOrigin: true,
+      },
     },
   },
   define: {
     'process.env': {
       VUE_APP_BASE_URL: VUE_APP_BASE_URL,
-      VUE_APP_LEGAL_ENABLED: VUE_APP_LEGAL_ENABLED,
     },
   }
 })