import angular from 'angular';

import { withCurrentUser } from '@/react-tools/withCurrentUser';
import { withUIRouter } from '@/react-tools/withUIRouter';
import { r2a } from '@/react-tools/react2angular';
import { ContainerNetworksDatatable } from '@/react/docker/containers/ItemView/ContainerNetworksDatatable';
import { RestartPolicySection } from '@/react/docker/containers/ItemView/RestartPolicySection/RestartPolicySection';
import { ContainerActionsSection } from '@/react/docker/containers/ItemView/ContainerActionsSection/ContainerActionsSection';
import { ContainerStatusSection } from '@/react/docker/containers/ItemView/ContainerStatusSection/ContainerStatusSection';
import { CreateImageSection } from '@/react/docker/containers/ItemView/CreateImageSection/CreateImageSection';

const ngModule = angular
  .module('portainer.docker.react.components.containers', [])
  .component(
    'dockerContainerNetworksDatatable',
    r2a(withUIRouter(withCurrentUser(ContainerNetworksDatatable)), [
      'container',
      'dataset',
      'nodeName',
    ])
  )
  .component(
    'containerRestartPolicy',
    r2a(withUIRouter(withCurrentUser(RestartPolicySection)), [
      'environmentId',
      'containerId',
      'nodeName',
      'name',
      'maximumRetryCount',
      'onUpdateSuccess',
    ])
  )
  .component(
    'containerActionsSection',
    r2a(withUIRouter(withCurrentUser(ContainerActionsSection)), [
      'onSuccess',
      'environmentId',
      'nodeName',
      'container',
    ])
  )
  .component(
    'containerStatusSection',
    r2a(withUIRouter(withCurrentUser(ContainerStatusSection)), [
      'environmentId',
      'container',
      'nodeName',
      'onSuccessUpdate',
      'registryId',
    ])
  )
  .component(
    'createImageSection',
    r2a(withUIRouter(withCurrentUser(CreateImageSection)), [
      'environmentId',
      'containerId',
      'onSuccess',
    ])
  );

export const containersModule = ngModule.name;