skyline-console/src/pages/storage/containers/Backup/index.jsx

// Copyright 2021 99cloud
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

import { observer, inject } from 'mobx-react';
import Base from 'containers/List';
import globalBackupStore, { BackupStore } from 'stores/cinder/backup';
import CreateBackup from 'pages/storage/containers/Volume/actions/CreateBackup';
import actionConfigs from './actions';

@inject('rootStore')
@observer
export default class Backup extends Base {
  get name() {
    return t('Backups');
  }

  get policy() {
    return 'backup:get_all';
  }

  get actionConfigs() {
    const { actionConfigsAdmin, actionConfigs: actionConfigsProject } =
      actionConfigs;
    if (this.isAdminPage) {
      return actionConfigsAdmin;
    }
    if (this.inDetailPage) {
      return {
        ...actionConfigsProject,
        primaryActions: [CreateBackup],
      };
    }
    return actionConfigsProject;
  }

  get adminPageHasProjectFilter() {
    return true;
  }

  get isFilterByBackend() {
    return true;
  }

  get isSortByBackend() {
    return true;
  }

  get defaultSortKey() {
    return 'created_at';
  }

  init() {
    this.store = this.inDetailPage ? new BackupStore() : globalBackupStore;
    this.downloadStore = new BackupStore();
  }

  getColumns = () => {
    const columns = [
      {
        title: t('ID/Name'),
        dataIndex: 'name',
        linkPrefix: `/storage/${this.getUrl('backup')}/detail`,
        sortKey: 'id',
      },
      {
        title: t('Project ID/Name'),
        dataIndex: 'project_name',
        hidden: !this.isAdminPage,
        sortKey: 'project_id',
      },
      {
        title: t('Volume ID/Name'),
        dataIndex: 'volume_name',
        isName: true,
        linkFunc: (value, record) =>
          `/storage/${this.getUrl('volume')}/detail/${
            record.volume_id
          }?tab=backup`,
        idKey: 'volume_id',
        sortKey: 'volume_id',
      },
      {
        title: t('Backup Mode'),
        dataIndex: 'backup_node',
        render: (_, record) => {
          const {
            metadata: { auto = false },
          } = record;
          return auto ? t('Automatic backup') : t('Manual backup');
        },
        sorter: false,
      },
      {
        title: t('Created At'),
        dataIndex: 'created_at',
        isHideable: true,
        valueRender: 'sinceTime',
      },
    ];
    if (this.inDetailPage) {
      return columns.filter((it) => it.dataIndex !== 'volume_name');
    }
    return columns;
  };

  get searchFilters() {
    return [
      {
        label: t('Name'),
        name: 'name',
      },
    ];
  }

  updateFetchParamsByPage = (params) => {
    if (this.inDetailPage) {
      const { id, ...rest } = params;
      return {
        volume_id: id,
        ...rest,
      };
    }
    return params;
  };
}