webconsole refactoring with react 18

.gitignore

@@ -31,3 +31,6 @@ cscope.*
 # Debug
 *.log
 *.pcap
+
+# Binary
+webconsole

backend/WebUI/api_webui.go

@@ -154,7 +154,7 @@ func setCorsHeader(c *gin.Context) {
 	c.Writer.Header().Set(
 		"Access-Control-Allow-Headers",
 		"Content-Type, Content-Length, Accept-Encoding, "+
-			"X-CSRF-Token, Authorization, accept, origin, Cache-Control, X-Requested-With",
+			"X-CSRF-Token, Authorization, accept, origin, Cache-Control, X-Requested-With, Token",
 	)
 	c.Writer.Header().Set("Access-Control-Allow-Methods", "POST, OPTIONS, GET, PUT, PATCH, DELETE")
 }
@@ -490,6 +490,8 @@ func generateHash(password string) error {
 func Login(c *gin.Context) {
 	setCorsHeader(c)
 
+	EnsureAdminTenant()
+
 	login := LoginRequest{}
 	err := json.NewDecoder(c.Request.Body).Decode(&login)
 	if err != nil {
@@ -579,8 +581,10 @@ func ParseJWT(tokenStr string) (jwt.MapClaims, error) {
 func CheckAuth(c *gin.Context) bool {
 	tokenStr := c.GetHeader("Token")
 	claims, err := ParseJWT(tokenStr)
-
-	if err == nil && claims["email"] == "admin" {
+	if err != nil {
+		return false
+	}
+	if claims["tenantId"].(string) == DEFAULT_ADMIN_TENANT {
 		return true
 	} else {
 		return false
@@ -1008,8 +1012,7 @@ func GetSubscribers(c *gin.Context) {
 
 	logger.ProcLog.Infoln("Get All Subscribers List")
 
-	tokenStr := c.GetHeader("Token")
-	claims, err := ParseJWT(tokenStr)
+	userTenantId, err := GetTenantId(c)
 	if err != nil {
 		logger.ProcLog.Errorln(err.Error())
 		c.JSON(http.StatusBadRequest, gin.H{
@@ -1047,7 +1050,7 @@ func GetSubscribers(c *gin.Context) {
 			return
 		}
 
-		if claims["email"] == "admin" || tenantId == claims["tenantId"].(string) {
+		if userTenantId == DEFAULT_ADMIN_TENANT || userTenantId == tenantId {
 			tmp := SubsListIE{
 				PlmnID: servingPlmnId.(string),
 				UeId:   ueId.(string),
@@ -1709,7 +1712,7 @@ func GetRegisteredUEContext(c *gin.Context) {
 			return
 		}
 
-		if tenantId == "" {
+		if tenantId == DEFAULT_ADMIN_TENANT {
 			sendResponseToClient(c, resp)
 		} else {
 			sendResponseToClientFilterTenant(c, resp, tenantId)
@@ -1763,3 +1766,78 @@ func GetUEPDUSessionInfo(c *gin.Context) {
 		})
 	}
 }
+
+func ChangePasswordInfo(c *gin.Context) {
+	setCorsHeader(c)
+
+	// Need to get tenantId.
+	tenantId, err := GetTenantId(c)
+	if err != nil {
+		logger.ProcLog.Errorln(err.Error())
+		c.JSON(http.StatusBadRequest, gin.H{})
+		return
+	}
+
+	var newUserData User
+	if err := c.ShouldBindJSON(&newUserData); err != nil {
+		logger.ProcLog.Errorln(err.Error())
+		c.JSON(http.StatusBadRequest, gin.H{})
+		return
+	}
+
+	filterEmailOnly := bson.M{"tenantId": tenantId, "email": newUserData.Email}
+	userDataInterface, err := mongoapi.RestfulAPIGetOne(userDataColl, filterEmailOnly)
+	if err != nil {
+		logger.ProcLog.Errorf("ChangePassword err: %+v", err)
+	}
+	if len(userDataInterface) == 0 {
+		c.JSON(http.StatusNotFound, bson.M{})
+		return
+	}
+
+	var userData User
+	json.Unmarshal(mapToByte(userDataInterface), &userData)
+
+	if newUserData.EncryptedPassword != "" {
+		hash, _ := bcrypt.GenerateFromPassword([]byte(newUserData.EncryptedPassword), 12)
+		userData.EncryptedPassword = string(hash)
+	}
+
+	userBsonM := toBsonM(userData)
+	if _, err := mongoapi.RestfulAPIPost(userDataColl, filterEmailOnly, userBsonM); err != nil {
+		logger.ProcLog.Errorf("PutUserByID err: %+v", err)
+	}
+
+	c.JSON(http.StatusOK, userData)
+}
+
+const DEFAULT_ADMIN_EMAIL = "admin"
+const DEFAULT_ADMIN_TENANT = "AdminTenant"
+const DEFAULT_ADMIN_USER_PASSWORD = "free5gc"
+
+// EnsureAdminTenant creates default admin user tenant when it does not exist.
+func EnsureAdminTenant() {
+	adminTenantOnly := bson.M{"tenantId": DEFAULT_ADMIN_TENANT}
+	userDataInterface, err := mongoapi.RestfulAPIGetOne(userDataColl, adminTenantOnly)
+	if err == nil && len(userDataInterface) != 0 {
+		// Admin user already created.
+		return
+	}
+
+	var userData User
+	userData.Email = DEFAULT_ADMIN_EMAIL
+	userData.TenantId = DEFAULT_ADMIN_TENANT
+	hash, _ := bcrypt.GenerateFromPassword([]byte(DEFAULT_ADMIN_USER_PASSWORD), 12)
+	userData.EncryptedPassword = string(hash)
+
+	userBsonM := toBsonM(userData)
+	if _, err := mongoapi.RestfulAPIPost(userDataColl, adminTenantOnly, userBsonM); err != nil {
+		logger.ProcLog.Errorf("PutUserByID err: %+v", err)
+	}
+}
+
+func OptionsSubscribers(c *gin.Context) {
+	setCorsHeader(c)
+
+	c.JSON(http.StatusNoContent, gin.H{})
+}

backend/WebUI/routers.go

@@ -46,6 +46,8 @@ func AddService(engine *gin.Engine) *gin.RouterGroup {
 			group.DELETE(route.Pattern, route.HandlerFunc)
 		case http.MethodPatch:
 			group.PATCH(route.Pattern, route.HandlerFunc)
+		case http.MethodOptions:
+			group.OPTIONS(route.Pattern, route.HandlerFunc)
 		}
 	}
 
@@ -151,6 +153,13 @@ var routes = Routes{
 		GetSubscribers,
 	},
 
+	{
+		"OptionsSubscribers",
+		http.MethodOptions,
+		"/subscriber",
+		OptionsSubscribers,
+	},
+
 	{
 		"GetSubscriberByID",
 		http.MethodGet,
@@ -213,4 +222,11 @@ var routes = Routes{
 		"/ue-pdu-session-info/:smContextRef",
 		GetUEPDUSessionInfo,
 	},
+
+	{
+		"Change Password",
+		http.MethodPost,
+		"/change-password",
+		ChangePasswordInfo,
+	},
 }

frontend/.env

@@ -0,0 +1 @@
+GENERATE_SOURCEMAP=false

frontend/.eslintrc.js

@@ -0,0 +1,32 @@
+module.exports = {
+    "env": {
+        "browser": true,
+        "es2021": true
+    },
+  "root": true,
+    "extends": [
+      "airbnb-typescript/base",
+        "eslint:recommended",
+        "plugin:react/recommended",
+        "plugin:@typescript-eslint/recommended",
+        "prettier"
+    ],
+    "overrides": [
+    ],
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+        "ecmaVersion": "latest",
+      "sourceType": "module",
+      "project": "./tsconfig.json"
+    },
+    "plugins": [
+        "react",
+      "@typescript-eslint",
+      "import"
+    ],
+    "rules": {
+      "@typescript-eslint/no-non-null-assertion": 0,
+      "@typescript-eslint/no-explicit-any": 0,
+      "import/extensions": "off"
+    }
+}

frontend/.gitignore

@@ -1,3 +1,41 @@
-node_modules
+## openapi-generate
+**/.DS_Store
+/node_modules
+/.pnp
+.pnp.js
+/build
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.openapi-generator-ignore
+.openapi-generator/
+mdm
+README.md
 
-build
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

frontend/.prettierrc

@@ -0,0 +1,9 @@
+{
+  "semi": true,
+  "tabWidth": 2,
+  "printWidth": 100,
+  "singleQuote": false,
+  "trailingComma": "all",
+  "jsxSingleQuote": false,
+  "bracketSpacing": true
+}