dashboard: rename backupTargets to backupSites

dashboard/src/components/app/Backups.vue

@@ -7,18 +7,18 @@ const t = i18n.t;
 import { ref, onMounted, useTemplateRef } from 'vue';
 import { Icon, Button, Switch, Checkbox, FormGroup, TextInput, TableView, Menu, Dialog, ProgressBar } from '@cloudron/pankow';
 import { prettyLongDate } from '@cloudron/pankow/utils';
-import { API_ORIGIN, RSTATES, TASK_TYPES } from '../../constants.js';
+import { API_ORIGIN, RSTATES } from '../../constants.js';
 import { download } from '../../utils.js';
 import AppImportDialog from '../AppImportDialog.vue';
 import AppRestoreDialog from '../AppRestoreDialog.vue';
 import SettingsItem from '../SettingsItem.vue';
 import AppsModel from '../../models/AppsModel.js';
-import BackupTargetsModel from '../../models/BackupTargetsModel.js';
+import BackupSitesModel from '../../models/BackupSitesModel.js';
 import TasksModel from '../../models/TasksModel.js';
 import BackupsModel from '../../models/BackupsModel.js';
 
 const appsModel = AppsModel.create();
-const backupTargetsModel = BackupTargetsModel.create();
+const backupSitesModel = BackupSitesModel.create();
 const tasksModel = TasksModel.create();
 
 const props = defineProps([ 'app' ]);
@@ -38,7 +38,7 @@ const columns = ref({
     label: t('app.backups.backups.time'),
     sort: true,
   },
-  target: {
+  site: {
     label: t('backup.target.label'),
     sort: true,
   },
@@ -59,7 +59,7 @@ function onActionMenu(backup, event) {
   }, {
     icon: 'fa-solid fa-download',
     label: t('app.backups.backups.downloadBackupTooltip'),
-    visible: backup.target.format === 'tgz' && props.app.accessLevel === 'admin',
+    visible: backup.site.format === 'tgz' && props.app.accessLevel === 'admin',
     action: getDownloadLink.bind(null, backup),
   }, {
     icon: 'fa-solid fa-file-alt',
@@ -102,7 +102,7 @@ const taskLogsMenu = ref([]);
 const lastTask = ref({});
 const startBackupBusy = ref(false);
 const stopBackupBusy = ref(false);
-let backupTargets = [];
+let backupSites = [];
 
 async function onChangeAutoBackups(value) {
   const [error] = await appsModel.configure(props.app.id, 'automatic_backup', { enable: value });
@@ -197,14 +197,14 @@ function getDownloadLink(backup) {
 }
 
 async function onDownloadConfig(backup) {
-  const [error, backupTarget] = await backupTargetsModel.get(backup.targetId);
+  const [error, backupSite] = await backupSitesModel.get(backup.siteId);
   if (error) return console.error(error);
 
   const tmp = {
     remotePath: backup.remotePath
   };
   for (const k of ['provider', 'config', 'limits', 'format', 'encrypted', 'encryptedFilenames', 'encryptionPasswordHint']) {
-    tmp[k] = backupTarget[k];
+    tmp[k] = backupSite[k];
   }
 
   const filename = `${props.app.fqdn}-backup-config-${(new Date(backup.creationTime)).toISOString().split('T')[0]}.json`;
@@ -253,7 +253,7 @@ async function refreshBackupList() {
   if (error) return console.error(error);
 
   result.forEach(backup => {
-    backup.target = backupTargets.find(t => t.id === backup.targetId);
+    backup.site = backupSites.find(t => t.id === backup.siteId);
   });
   backups.value = result;
 }
@@ -261,10 +261,10 @@ async function refreshBackupList() {
 onMounted(async () => {
   autoBackupsEnabled.value = props.app.enableBackup;
 
-  const [error, result] = await backupTargetsModel.list();
+  const [error, result] = await backupSitesModel.list();
   if (error) return console.error(error);
 
-  backupTargets = result;
+  backupSites = result;
 
   await refreshBackupList();
   await refreshTasks();
@@ -378,8 +378,8 @@ onMounted(async () => {
       <template #creationTime="backup">
         {{ prettyLongDate(backup.creationTime) }} <b v-show="backup.label">({{ backup.label }})</b>
       </template>
-      <template #target="backup">
-        {{ backup.target ? backup.target.name : 'unknown' }}
+      <template #site="backup">
+        {{ backup.site ? backup.site.name : 'unknown' }}
       </template>
       <template #actions="backup">
         <div style="text-align: right;">