您需要以
系统管理员 身份登录
您的站点 才能下载备份。
'
: ''
}`,
onSuccess() {
downloadBackup(backup, file);
},
});
}
async function downloadBackup(backup, file) {
// file: database, public, or private
if (backup.offsite) {
site.getBackupDownloadLink.submit(
{ backup: backup.name, file },
{
onSuccess(r) {
// TODO: fix this in documentResource, it should return message directly
if (r.message) {
window.open(r.message);
}
},
},
);
} else {
const url =
file == 'config'
? backup.config_file_url
: backup[file + '_url'];
const domainRegex = /^(https?:\/\/)?([^/]+)\/?/;
const newUrl = url.replace(
domainRegex,
`$1${site.pg.host_name}/`,
);
window.open(newUrl);
}
}
return [
{
group: '详情',
items: [
{
label: '查看任务',
onClick() {
router.push({
name: 'Site Job',
params: { name: site.name, id: row.job },
});
},
},
],
},
{
group: '下载',
items: [
{
label: '下载数据库',
onClick() {
return confirmDownload(row, 'database');
},
},
{
label: '下载公共文件',
onClick() {
return confirmDownload(row, 'public');
},
condition: () => row.public_url,
},
{
label: '下载私有文件',
onClick() {
return confirmDownload(row, 'private');
},
condition: () => row.private_url,
},
{
label: '下载配置文件',
onClick() {
return confirmDownload(row, 'config');
},
condition: () => row.config_file_url,
},
],
},
{
group: '恢复',
condition: () => row.offsite,
items: [
{
label: '恢复备份',
condition: () => site.pg.status !== 'Archived',
onClick() {
confirmDialog({
title: '恢复备份',
message: `您确定要将您的站点恢复到${dayjs(
row.creation,
).format('lll')}的异地备份吗？`,
onSuccess({ hide }) {
toast.promise(
site.restoreSiteFromFiles.submit({
files: {
database: row.remote_database_file,
public: row.remote_public_file,
private: row.remote_private_file,
config: row.remote_config_file,
},
}),
{
loading: '正在安排备份恢复...',
success: (jobId) => {
hide();
router.push({
name: 'Site Job',
params: {
name: site.name,
id: jobId,
},
});
return '备份恢复已成功安排。';
},
error: (e) => getToastErrorMessage(e),
},
);
},
});
},
},
{
label: '在另一个站点上恢复备份',
onClick() {
let SelectSiteForRestore = defineAsyncComponent(
() =>
import('../components/site/SelectSiteForRestore.vue'),
);
renderDialog(
h(SelectSiteForRestore, {
site: site.name,
onRestore(siteName) {
const restoreSite = createResource({
url: 'jcloud.api.site.restore',
});
return toast.promise(
restoreSite.submit({
name: siteName,
files: {
database: row.remote_database_file,
public: row.remote_public_file,
private: row.remote_private_file,
config: row.remote_config_file,
},
}),
{
loading: '正在安排备份恢复...',
success: (jobId) => {
router.push({
name: 'Site Job',
params: { name: siteName, id: jobId },
});
return '备份恢复已成功安排。';
},
error: (e) => getToastErrorMessage(e),
},
);
},
}),
);
},
},
],
},
].filter((d) => (d.condition ? d.condition() : true));
},
primaryAction({ listResource: backups, documentResource: site }) {
return {
label: '安排备份',
slots: {
prefix: icon('upload-cloud'),
},
loading: site.backup.loading,
onClick() {
confirmDialog({
title: '安排备份',
message:
'您确定要安排备份吗？这将创建一个本地备份。',
onSuccess({ hide }) {
toast.promise(
site.backup.submit({
with_files: true,
}),
{
loading: '正在安排备份...',
success: () => {
hide();
router.push({
name: 'Site Jobs',
params: { name: site.name },
});
return '备份已成功安排。';
},
error: (e) => getToastErrorMessage(e),
},
);
},
});
},
};
},
},
},
{
label: '操作',
icon: icon('sliders'),
route: 'actions',
type: 'Component',
condition: (site) => site.pg?.status !== 'Archived',
component: SiteActions,
props: (site) => {
return { site: site.pg?.name };
},
},
{
label: '更新',
icon: icon('arrow-up-circle'),
route: 'updates',
type: 'list',
condition: (site) => site.pg?.status !== 'Archived',
childrenRoutes: ['Site Update'],
list: {
pagetype: 'Site Update',
filters: (site) => {
return { site: site.pg?.name };
},
orderBy: 'creation',
fields: [
'difference',
'update_job.end as updated_on',
'update_job',
'backup_type',
'recover_job',
],
columns: [
{
label: '类型',
fieldname: 'deploy_type',
width: 0.3,
},
{
label: '状态',
fieldname: 'status',
type: 'Badge',
width: 0.5,
},
// {
// label: '备份',
// width: 0.4,
// type: 'Component',
// component({ row }) {
// return h(
// 'div',
// {
// class: 'truncate text-base',
// },
// row.skipped_backups
// ? '跳过'
// : row.backup_type || '逻辑',
// );
// },
// },
{
label: '创建者',
fieldname: 'owner',
},
{
label: '计划时间',
fieldname: 'scheduled_time',
format(value) {
return date(value, 'lll');
},
},
{
label: '更新时间',
fieldname: 'updated_on',
format(value) {
return date(value, 'lll');
},
},
],
rowActions({ row, documentResource: site }) {
return [
{
label: '编辑',
condition: () => row.status === 'Scheduled',
onClick() {
let SiteUpdateDialog = defineAsyncComponent(
() => import('../components/SiteUpdateDialog.vue'),
);
renderDialog(
h(SiteUpdateDialog, {
site: site.pg?.name,
existingUpdate: row.name,
}),
);
},
},
{
label: '取消',
condition: () => row.status === 'Scheduled',
onClick() {
confirmDialog({
title: '取消更新',
message: `您确定要取消计划的更新吗？`,
onSuccess({ hide }) {
if (site.cancelUpdate.loading) return;
toast.promise(
site.cancelUpdate.submit({ site_update: row.name }),
{
loading: '正在取消更新...',
success: () => {
hide();
site.reload();
return '更新已取消';
},
error: (e) => getToastErrorMessage(e),
},
);
},
});
},
},
{
label: '查看任务',
condition: () => row.status !== 'Scheduled',
onClick() {
router.push({
name: 'Site Update',
params: { id: row.name },
});
},
},
{
label: '立即更新',
condition: () => row.status === 'Scheduled',
onClick() {
let siteUpdate = getDocResource({
pagetype: 'Site Update',
name: row.name,
whitelistedMethods: {
updateNow: 'start',
},
});
toast.promise(siteUpdate.updateNow.submit(), {
loading: '正在更新站点...',
success: () => {
router.push({
name: 'Site Update',
params: { id: row.name },
});
return '站点更新已启动';
},
error: '更新站点失败',
});
},
},
{
label: '查看应用更改',
onClick() {
createListResource({
pagetype: 'Deploy Candidate Difference App',
fields: [
'difference.github_diff_url as diff_url',
'difference.source_hash as source_hash',
'difference.destination_hash as destination_hash',
'app.title as app',
],
filters: {
parenttype: 'Deploy Candidate Difference',
parent: row.difference,
},
auto: true,
pageLength: 99,
onSuccess(data) {
if (data?.length) {
renderDialog(
h(
GenericDialog,
{
options: {
title: '应用更改',
size: '2xl',
},
},
{
default: () =>
h(ObjectList, {
options: {
data: () => data,
columns: [
{
label: '应用',
fieldname: 'app',
},
{
label: '从',
fieldname: 'source_hash',
type: 'Button',
Button({ row }) {
return {
label:
row.source_tag ||
row.source_hash.slice(0, 7),
variant: 'ghost',
class: 'font-mono',
link: `${
row.diff_url.split('/compare')[0]
}/commit/${row.source_hash}`,
};
},
},
{
label: '到',
fieldname: 'destination_hash',
type: 'Button',
Button({ row }) {
return {
label:
row.destination_tag ||
row.destination_hash.slice(0, 7),
variant: 'ghost',
class: 'font-mono',
link: `${
row.diff_url.split('/compare')[0]
}/commit/${row.destination_hash}`,
};
},
},
{
label: '应用变更',
fieldname: 'diff_url',
align: 'right',
type: 'Button',
Button({ row }) {
return {
label: '查看',
variant: 'ghost',
slots: {
prefix: icon('external-link'),
},
link: row.diff_url,
};
},
},
],
},
}),
},
),
);
} else toast.error('未找到应用变更');
},
});
},
},
];
},
actions({ documentResource: site }) {
if (site.pg.group_public) return [];
return [
{
label: '配置',
slots: {
prefix: icon('settings'),
},
onClick() {
let ConfigureAutoUpdateDialog = defineAsyncComponent(
() =>
import(
'../components/site/ConfigureAutoUpdateDialog.vue'
),
);
renderDialog(
h(ConfigureAutoUpdateDialog, {
site: site.pg?.name,
}),
);
},
},
];
},
},
},
],
actions(context) {
let { documentResource: site } = context;
let $team = getTeam();
let runningJobs = getRunningJobs({ site: site.pg?.name });
return [
{
label: '进行中的任务',
slots: {
prefix: () => h(LoadingIndicator, { class: 'w-4 h-4' }),
},
condition() {
return (
runningJobs.filter((job) =>
['Pending', 'Running'].includes(job.status),
).length > 0
);
},
onClick() {
router.push({
name: 'Site Jobs',
params: { name: site.name },
});
},
},
{
label: '有可用更新',
variant: site.pg?.setup_wizard_complete ? 'solid' : 'subtle',
slots: {
prefix: icon('alert-circle'),
},
condition() {
return (
!site.pg?.has_scheduled_updates &&
site.pg.update_information?.update_available &&
['Active', 'Inactive', 'Suspended', 'Broken'].includes(
site.pg.status,
)
);
},
onClick() {
let SiteUpdateDialog = defineAsyncComponent(
() => import('../components/SiteUpdateDialog.vue'),
);
renderDialog(h(SiteUpdateDialog, { site: site.pg?.name }));
},
},
{
label: '已安排更新',
slots: {
prefix: icon('calendar'),
},
condition: () => site.pg?.has_scheduled_updates,
onClick() {
router.push({
name: 'Site Detail Updates',
params: { name: site.name },
});
},
},
{
label: '模拟站点所有者',
title: '模拟站点所有者', // for label to pop-up on hover
slots: {
icon: defineAsyncComponent(
() => import('~icons/lucide/venetian-mask'),
),
},
condition: () =>
$team.pg?.is_desk_user && site.pg.team !== $team.name,
onClick() {
switchToTeam(site.pg.team);
},
},
{
label: '访问站点',
slots: {
prefix: icon('external-link'),
},
condition: () =>
site.pg.status !== 'Archived' && site.pg?.setup_wizard_complete,
onClick() {
window.open(`https://${site.name}`, '_blank');
},
},
{
label: '设置站点',
slots: {
prefix: icon('external-link'),
},
variant: 'solid',
condition: () =>
site.pg.status === 'Active' && !site.pg?.setup_wizard_complete,
onClick() {
if (site.pg.additional_system_user_created) {
site.loginAsTeam
.submit({ reason: '' })
.then((url) => window.open(url, '_blank'));
} else {
site.loginAsAdmin
.submit({ reason: '' })
.then((url) => window.open(url, '_blank'));
}
},
},
{
label: '选项',
context,
options: [
{
label: '在 Desk 中查看',
icon: 'external-link',
condition: () => $team.pg?.is_desk_user,
onClick: () => {
window.open(
`${window.location.protocol}//${window.location.host}/app/site/${site.name}`,
'_blank',
);
},
},
{
label: '以管理员身份登录',
icon: 'external-link',
condition: () => ['Active', 'Broken'].includes(site.pg.status),
onClick: () => {
confirmDialog({
title: '以管理员身份登录',
message: `您确定要以管理员身份登录站点 ${site.pg?.name} 吗？`,
fields:
$team.name !== site.pg.team
? [
{
label: '原因',
type: 'textarea',
fieldname: 'reason',
},
]
: [],
onSuccess: ({ hide, values }) => {
if (!values.reason && $team.name !== site.pg.team) {
throw new Error('原因必填');
}
return site.loginAsAdmin
.submit({ reason: values.reason })
.then((result) => {
let url = result;
window.open(url, '_blank');
hide();
});
},
});
},
},
],
},
];
},
},
routes: [
{
name: '站点更新',
path: 'updates/:id',
component: () => import('../pages/SiteUpdate.vue'),
},
],
};