support to add multi subscribers at once (#15)

* support add multi subscribers at once

* adjust the layout of set multi-subscriber

Co-authored-by: Ian Chen <ychen.cs10@nycu.edu.tw>

frontend/src/pages/Subscribers/SubscriberOverview.js

@@ -5,6 +5,7 @@ import { Button, Table } from "react-bootstrap";
 import SubscriberModal from "./components/SubscriberModal";
 import ApiHelper from "../../util/ApiHelper";
 
+
 class SubscriberOverview extends Component {
   state = {
     subscriberModalOpen: false,
@@ -37,22 +38,19 @@ class SubscriberOverview extends Component {
 
   async addSubscriber(subscriberData) {
     this.setState({ subscriberModalOpen: false });
-
-    if (!await ApiHelper.createSubscriber(subscriberData)) {
-      alert("Error creating new subscriber");
+    let userNumber = subscriberData["userNumber"];
+    delete subscriberData["userNumber"];
+    let imsi = subscriberData["ueId"].substr(5, subscriberData["ueId"].length - 5);
+    for(let i = 0; i < userNumber; i++){
+      let newImsi = Number(imsi) + i;
+      subscriberData["ueId"] = `imsi-${newImsi}`;
+      if (!await ApiHelper.createSubscriber(subscriberData)) {
+        alert("Error creating new subscriber when create user");
+      }
+      ApiHelper.fetchSubscribers().then();
     }
-    ApiHelper.fetchSubscribers().then();
   }
 
-  // async updateSubscriber(subscriberData) {
-  //   this.setState({subscriberModalOpen: false});
-
-  //   if (!await ApiHelper.updateSubscriber(subscriberData)) {
-  //     alert("Error creating new subscriber");
-  //   }
-  //   ApiHelper.fetchSubscribers().then();
-  // }
-
   /**
    * @param subscriberData
    */

frontend/src/pages/Subscribers/components/SubscriberModal.js

@@ -187,6 +187,7 @@ class SubscriberModal extends Component {
     // "description": "A simple form example.",
     type: "object",
     required: [
+      "userNumber",
       "plmnID",
       "ueId",
       "authenticationMethod",
@@ -196,6 +197,13 @@ class SubscriberModal extends Component {
       "SQN",
     ],
     properties: {
+      userNumber: {
+        type: "integer",
+        title: "Subscriber data number (auto-increased with SUPI)",
+        default: 1,
+        maximum: 100000,
+        minimum: 1
+      },
       plmnID: {
         type: "string",
         title: "PLMN ID",
@@ -528,6 +536,7 @@ class SubscriberModal extends Component {
     const OPc = formData["OPOPcSelect"] === "OPc" ? formData["OPOPc"] : "";
 
     let subscriberData = {
+      "userNumber": formData["userNumber"],
       "plmnID": formData["plmnID"], // Change required
       "ueId": "imsi-" + formData["ueId"], // Change required
       "AuthenticationSubscription": {