feat:dbprovider support reconfigure (#4926)

* feat:dbprovider support reconfigure

Signed-off-by: jingyang <3161362058@qq.com>

* done

* update

* update status

* add status & fix pgsql

* delete log

* second_edition

* add image

* fix

* update styles

* update

* update

* add Divider

---------

Signed-off-by: jingyang <3161362058@qq.com>

frontend/providers/dbprovider/.vscode/settings.json

@@ -15,5 +15,9 @@
   "i18n-ally.displayLanguage": "zh",
   // "i18n-ally.namespace": true,
   "i18n-ally.pathMatcher": "{locale}/{namespaces}.json",
-  "i18n-ally.extract.targetPickingStrategy": "most-similar-by-key"
+  "i18n-ally.extract.targetPickingStrategy": "most-similar-by-key",
+  "i18n-ally.translate.engines": [
+    "deepl",
+    "google",
+  ]
 }

frontend/providers/dbprovider/package.json

@@ -31,6 +31,7 @@
     "github-markdown-css": "^5.2.0",
     "i18next": "^23.11.5",
     "immer": "^9.0.21",
+    "ini": "^4.1.3",
     "js-cookie": "^3.0.5",
     "js-yaml": "^4.1.0",
     "jszip": "^3.10.1",
@@ -56,6 +57,7 @@
   },
   "devDependencies": {
     "@svgr/webpack": "^6.5.1",
+    "@types/ini": "^4.1.1",
     "@types/js-cookie": "^3.0.4",
     "@types/js-yaml": "^4.0.6",
     "@types/lodash": "^4.14.199",

frontend/providers/dbprovider/public/locales/en/common.json

@@ -1,9 +1,7 @@
 {
-  "age": "Runtime",
   "Auto": "Automatic",
   "Backup": "Backup",
   "Cancel": "Discard",
-  "confirm": "Confirm",
   "Containers": "Containers",
   "Continue": "Continue",
   "Creating": "Creating",
@@ -13,8 +11,6 @@
   "Day": "Day",
   "Delete": "Delete",
   "Deleting": "Deleting...",
-  "deploy": "Deploy",
-  "Details": "Details",
   "Disk": "Storage Size",
   "Export": "Export",
   "Failed": "Error",
@@ -25,8 +21,6 @@
   "Migrate": "Migrate",
   "Migrating": "Migrating",
   "Monday": "Monday",
-  "Name": "Name",
-  "operation": "Operation",
   "Option": "Optional",
   "Password": "Password",
   "Pause": "Pause",
@@ -35,41 +29,37 @@
   "Perday": "Perday",
   "Performance": "Performance",
   "Pod": "Pod",
+  "Pod Name": "Pod Name",
   "Port": "Port",
-  "prompt": "Prompt",
-  "Remark": "Note",
   "Replicas": "Replicas",
   "Resources": "Resources",
   "Restart": "Restart",
   "Restarting": "Restarting",
-  "restarts": "Restart Count",
   "Running": "Running",
   "Saturday": "Sat",
   "Save": "Save",
   "SaveTime": "Retention Period",
   "Start": "Start",
   "Starting": "Starting",
-  "Status": "Status",
   "Success": "succeeded",
   "Sunday": "Sun",
   "Thursday": "Thu",
-  "total_price": "total_price",
   "Tuesday": "Tue",
   "Type": "Type",
   "Unknown": "Unknown",
-  "update": "Update",
   "Updating": "Updating",
   "Username": "Username",
   "Wednesday": "Wed",
   "Week": "Week",
   "aborted_connections": "Dropped Connections",
   "active_connections": "Active Connections",
   "advanced_configuration": "Advanced Settings",
+  "age": "Runtime",
   "anticipated_price": "Projected Cost",
   "app": {
-    "resource_quota": "Resource Limits",
     "cpu_exceeds_quota": "CPU requested exceeds quota. Contact admin.",
     "memory_exceeds_quota": "Memory requested exceeds quota. Contact admin.",
+    "resource_quota": "Resource Limits",
     "storage_exceeds_quota": "Storage requested exceeds quota. Contact admin."
   },
   "app_store": "App Store",
@@ -108,6 +98,7 @@
   },
   "config_form": "Form",
   "config_info": "Configuration Details",
+  "confirm": "Confirm",
   "confirm_delete": "Confirm",
   "confirm_delete_the_backup": "Confirm deleting this backup?",
   "confirm_delete_the_migrate": "Confirm deleting the migration record?",
@@ -126,6 +117,8 @@
   "creation_time": "Creation Time",
   "current_connections": "Current Connections",
   "data_migration_config": "Data Migration Settings",
+  "database_config": "parameters",
+  "database_edit_config": "Update Parameters",
   "database_empty": "You don't have any databases yet",
   "database_host": "Database Hostname",
   "database_host_empty": "Please enter the database hostname",
@@ -142,16 +135,36 @@
   "db_instances_tip": "For optimal performance, use an odd number of {{db}} instances",
   "db_name": "DataBase Name",
   "db_table": "DataBase Table",
+  "dbconfig": {
+    "change_history": "Modification history",
+    "commit": "submit",
+    "confirm_updates": "Please confirm the parameters you modified:",
+    "get_config_err": "Failed to obtain configuration file",
+    "modified_value": "Modify value",
+    "modify_time": "Modify Time",
+    "no_changes": "No modification yet",
+    "original_value": "Original value",
+    "parameter": "Parameter Config",
+    "parameter_name": "parameter name",
+    "parameter_value": "Parameter value",
+    "prompt": "Change notice",
+    "search": "search",
+    "updates": "Modified parameters",
+    "updates_tip": "Changing the configuration of the mongo database will cause the database to restart",
+    "updates_tip2": "Incorrect parameter values ​​may cause the database to fail to operate normally, so please operate with caution."
+  },
   "delete_anyway": "Force Delete",
   "delete_backup": "Delete Backup",
   "delete_failed": "Failed to delete",
   "delete_hint": "Warning: This will permanently delete all data in the database. Confirm to proceed.",
   "delete_successful": "Deleted successfully",
   "delete_template_app_tip": "To fully remove this app and all its components, please uninstall it directly from the App Store.",
   "delete_warning": "Delete Warning",
+  "deploy": "Deploy",
   "deploy_database": "Deploy DataBase",
   "deployment_failed": "Deployment Failed",
   "deployment_successful": "Deployed Successfully",
+  "details": "Details",
   "direct_connection": "connect",
   "document_operations": "Document Operations",
   "duration_of_transaction": "Transaction Duration",
@@ -169,7 +182,6 @@
   "file_upload_failed": "File upload failed",
   "have_error": "Failed",
   "hits_ratio": "Hits Ratio",
-  "migration_preparations": "Migration Preparations Completed",
   "import_through_file": "Import via File",
   "important_tips_for_migrating": "Tip: Create a new database in sink DB if source_database and sink_database have overlapping data, to avoid conflicts",
   "innodb_buffer_pool": "InnoDB Buffer Pool",
@@ -209,28 +221,33 @@
   "migration_failed": "Migration Failed",
   "migration_permission_check": "Verifying Migration Permissions",
   "migration_preparation": "Preparing for Migration",
+  "migration_preparations": "Migration Preparations Completed",
   "migration_prompt_information": "To prevent migration failure caused by XXX, please refrain from any operations during the migration process. The migration may take a while for large datasets. Your patience is appreciated.",
   "migration_successful": "Migration Completed Successfully",
   "migration_task_created_successfully": "Migration task created",
   "min_replicas": "Min Replicas: ",
   "monitor_list": "Monitoring",
   "multi_replica_redis_tip": "Note: The price for multi-replica Redis includes HA nodes",
+  "name": "Name",
   "no_data_available": "No Data Available",
   "not_allow_standalone_use": "This application is not allowed to be used alone. Click OK to go to Sealos Desktop for use.",
   "online_import": "Import Online",
+  "operation": "Operation",
   "page_faults": "Page Faults",
   "pause_error": "Failed to pause the database",
   "pause_hint": "Pausing the service will stop the calculation of charges for CPU and memory, but charges for storage and external network ports will still apply. Would you like to pause now?",
   "pause_success": "Database paused",
   "please_enter": "Please Enter",
-  "Pod Name": "Pod Name",
+  "prompt": "Prompt",
   "query_operations": "Query Operations",
+  "remark": "Note",
   "remark_tip": "Contains up to 10 Chinese characters and 30 English characters",
   "remind": "remind",
   "replicas_cannot_empty": "Replicas field is required",
   "replicas_list": "Pod List",
   "restart_error": "Failed to restart due to an error",
   "restart_success": "Restarted successfully. Please wait...",
+  "restarts": "Restart Count",
   "restore_backup": "Restore from Backup",
   "restore_backup_tip": "Restoring a backup will create a new database. Please provide a unique name for the new DB.",
   "restore_database": "Restore Database from Backup",
@@ -240,13 +257,15 @@
   "select_a_maximum_of_10_files": "Select up to 10 files",
   "service_deletion_failed": "Failed to delete the service",
   "set_auto_backup_successful": "Automatic backup task set successfully",
+  "single_node_tip": "Single-node DB for development and testing only",
   "slow_queries": "Slow Queries",
   "source_database": "Source Database",
   "start_backup": "Start Backup",
   "start_error": "Failed to start the database due to an error",
   "start_hour": "Hour",
   "start_minute": "Minute",
   "start_success": "Database started. Please wait...",
+  "status": "Status",
   "storage": "Storage",
   "storage_cannot_empty": "Please specify storage size",
   "storage_max": "maximum storage",
@@ -255,8 +274,9 @@
   "submit_error": "Error submitting form",
   "successfully_closed_external_network_access": "Internet access disabled",
   "table_locks": "Table-level locks",
-  "single_node_tip": "Single-node DB for development and testing only",
+  "total_price": "total_price",
   "turn_on": "Enable",
+  "update": "Update",
   "update_database": "Update DataBase",
   "update_failed": "Update Failed",
   "update_successful": "Update succeeded",