\n This app is pre-setup with an admin account,Please change the admin password immediately. The initial credentials are:\n
*/}\n| Name | \nState | \nActions | \nImage | \nCreated | \nIp Address | \nPublished Ports | \n
|---|---|---|---|---|---|---|
| {container.Names?.[0]?.replace(/^\\/|\\/$/g, '')} | \n\n | \n \n \n {' '}\n \n {\n container.State === \"running\" && (\n \n {' '}\n \n )\n }\n\n | \n{container.Image} | \n{new Date(container.Created * 1000).toLocaleString()} | \n{container.NetworkSettings.Networks[container.HostConfig.NetworkMode].IPAddress} | \n{container.Ports.find(port => port.IP && /^(\\d{1,3}\\.){3}\\d{1,3}$/.test(port.IP))?.PublicPort}:{container.Ports.find(port => port.IP && /^(\\d{1,3}\\.){3}\\d{1,3}$/.test(port.IP))?.PrivatePort} | \n
| {_(\"App Name\")}: | \n{props.data?.app_name} | \n
| {_(\"App Version\")}: | \n{props.data?.app_version} | \n
| {_(\"App Port\")}: | \n{props.data?.config?.port} | \n
| {_(\"Created Time\")}: | \n{props.data?.create_time} | \n
| {_(\"Config Path\")}: | \n{props.data?.config_path} | \n
| {_(\"Data Path\")}: | \n{props.data?.volume_data} | \n
\n {_(\"Apps can be stopped to conserve server resources instead of uninstalling.\")}\n
\n {props.data.status === \"running\" ?\n \n :\n \n }\n \n\n {_(\"This will uninstall the app immediately and remove all its data.The app will be inaccessible.\")}\n
\n \n \nCode : ${code}
;\n if (error) returnError : ${error}
;\n\n //用于根据应用“状态”过滤应用\n const changeStatus = (selectedStatus) => {\n setSelectedStatus(selectedStatus);\n };\n\n //用于根据用户输入搜索应用\n const handleInputChange = (searchString) => {\n setSearchString(searchString);\n }\n\n //用于用户点击应用详情\n const handleClick = (app) => {\n setSelectedApp(app);\n setShowModal(true);\n };\n\n //用于应用为failed时删除应用\n const deleteApp = (app) => {\n setSelectedApp(app);\n setShowUninstallConform(true);\n };\n\n //用于应用为failed时显示错误信息弹窗\n const showError = (app) => {\n setSelectedApp(app);\n setShowErrorInfo(true);\n };\n\n //用于关闭显示错误消息弹窗\n const cancelShowError = () => {\n setShowErrorInfo(false);\n };\n\n //用于取消删除应用\n const canceldeleteApp = () => {\n setShowUninstallConform(false);\n };\n\n //用于关闭应用详情的弹窗\n const handleClose = () => {\n setShowModal(false);\n setSelectedApp(null);\n };\n\n const handleAlertClose = (event, reason) => {\n if (reason === 'clickaway') {\n return;\n }\n setShowAlert(false);\n setAlertMessage(\"\");\n };\n\n //用于立即刷新数据\n const handleDataChange = () => {\n getAllAppsOnce();\n };\n\n //非官方应用的操作\n const appActions = {\n \"Stop\": {\n api: AppStop,\n },\n \"Start\": {\n api: AppStart,\n },\n \"Restart\": {\n api: AppRestart,\n },\n \"Uninstall\": {\n api: AppUninstall,\n }\n }\n\n //处理非官方应用的操作\n const NoOfficialAppClick = async (label, app) => {\n if (label === \"Uninstall\") {\n setSelectedApp(app);\n setShowUninstallConform(true);\n return;\n }\n\n setIsLoading(true);\n try {\n const response = await appActions[label].api({ app_id: app.app_id });\n if (response.data.Error) {\n setShowAlert(true);\n setAlertType(\"error\")\n setAlertMessage(response.data.Error.Message);\n }\n else {\n setShowAlert(true);\n setAlertType(\"success\")\n setAlertMessage(\"执行成功\");\n handleDataChange();\n }\n }\n catch (error) {\n navigate(\"/error-500\");\n }\n finally {\n setIsLoading(false);\n }\n }\n\n return (\n <>\n\n This app is pre-setup with an admin account,Please change the admin password immediately. The initial credentials are:\n
*/}\n| Name | \nState | \nActions | \nImage | \nCreated | \nIp Address | \nPublished Ports | \n
|---|---|---|---|---|---|---|
| {container.Names?.[0]?.replace(/^\\/|\\/$/g, '')} | \n\n | \n \n \n {' '}\n \n {\n container.State === \"running\" && (\n \n {' '}\n \n )\n }\n\n | \n{container.Image} | \n{new Date(container.Created * 1000).toLocaleString()} | \n{container.NetworkSettings.Networks[container.HostConfig.NetworkMode].IPAddress} | \n{container.Ports.find(port => port.IP && /^(\\d{1,3}\\.){3}\\d{1,3}$/.test(port.IP))?.PublicPort}:{container.Ports.find(port => port.IP && /^(\\d{1,3}\\.){3}\\d{1,3}$/.test(port.IP))?.PrivatePort} | \n
| {_(\"App Name\")}: | \n{props.data?.app_name} | \n
| {_(\"App Version\")}: | \n{props.data?.app_version} | \n
| {_(\"App Port\")}: | \n{props.data?.config?.port} | \n
| {_(\"Created Time\")}: | \n{props.data?.create_time} | \n
| {_(\"Config Path\")}: | \n{props.data?.config_path} | \n
| {_(\"Data Path\")}: | \n{props.data?.volume_data} | \n
\n {_(\"Apps can be stopped to conserve server resources instead of uninstalling.\")}\n
\n {props.data.status === \"running\" ?\n \n :\n \n }\n \n\n {_(\"This will uninstall the app immediately and remove all its data.The app will be inaccessible.\")}\n
\n \n \nCode : ${code}
;\n if (error) returnError : ${error}
;\n\n //用于根据应用“状态”过滤应用\n const changeStatus = (selectedStatus) => {\n setSelectedStatus(selectedStatus);\n };\n\n //用于根据用户输入搜索应用\n const handleInputChange = (searchString) => {\n setSearchString(searchString);\n }\n\n //用于用户点击应用详情\n const handleClick = (app) => {\n setSelectedApp(app);\n setShowModal(true);\n };\n\n //用于应用为failed时删除应用\n const deleteApp = (app) => {\n setSelectedApp(app);\n setShowUninstallConform(true);\n };\n\n //用于应用为failed时显示错误信息弹窗\n const showError = (app) => {\n setSelectedApp(app);\n setShowErrorInfo(true);\n };\n\n //用于关闭显示错误消息弹窗\n const cancelShowError = () => {\n setShowErrorInfo(false);\n };\n\n //用于取消删除应用\n const canceldeleteApp = () => {\n setShowUninstallConform(false);\n };\n\n //用于关闭应用详情的弹窗\n const handleClose = () => {\n setShowModal(false);\n setSelectedApp(null);\n };\n\n const handleAlertClose = (event, reason) => {\n if (reason === 'clickaway') {\n return;\n }\n setShowAlert(false);\n setAlertMessage(\"\");\n };\n\n //用于立即刷新数据\n const handleDataChange = () => {\n getAllAppsOnce();\n };\n\n //非官方应用的操作\n const appActions = {\n \"Stop\": {\n api: AppStop,\n },\n \"Start\": {\n api: AppStart,\n },\n \"Restart\": {\n api: AppRestart,\n },\n \"Uninstall\": {\n api: AppUninstall,\n }\n }\n\n //处理非官方应用的操作\n const NoOfficialAppClick = async (label, app) => {\n if (label === \"Uninstall\") {\n setSelectedApp(app);\n setShowUninstallConform(true);\n return;\n }\n\n setIsLoading(true);\n try {\n const response = await appActions[label].api({ app_id: app.app_id });\n if (response.data.Error) {\n setShowAlert(true);\n setAlertType(\"error\")\n setAlertMessage(response.data.Error.Message);\n }\n else {\n setShowAlert(true);\n setAlertType(\"success\")\n setAlertMessage(\"执行成功\");\n handleDataChange();\n }\n }\n catch (error) {\n navigate(\"/error-500\");\n }\n finally {\n setIsLoading(false);\n }\n }\n\n return (\n <>\n