import Component from '@ember/component';
import { inject as service } from '@ember/service';
import { computed } from '@ember/object';
import { or } from '@ember/object/computed';
import generateExecUrl from 'nomad-ui/utils/generate-exec-url';
import openExecUrl from 'nomad-ui/utils/open-exec-url';

export default Component.extend({
  router: service(),

  isOpen: or('clickedOpen', 'currentRouteIsThisTaskGroup'),

  currentRouteIsThisTaskGroup: computed('router.currentRoute', function() {
    const route = this.router.currentRoute;

    if (route.name.includes('task-group')) {
      const taskGroupRoute = route.parent;
      const execRoute = taskGroupRoute.parent;

      return (
        execRoute.params.job_name === this.taskGroup.job.name &&
        taskGroupRoute.params.task_group_name === this.taskGroup.name
      );
    } else {
      return false;
    }
  }),

  tasksWithRunningStates: computed('taskGroup', function() {
    const activeStateTaskNames = this.taskGroup.allocations.reduce(
      (activeStateTaskNames, allocation) => {
        activeStateTaskNames = activeStateTaskNames.concat(
          allocation.states
            .filter(
              taskState =>
                taskState.isActive && taskState.task.taskGroup.name === this.taskGroup.name
            )
            .mapBy('name')
        );

        return activeStateTaskNames;
      },
      []
    );

    return this.taskGroup.tasks.filter(task => activeStateTaskNames.includes(task.name));
  }),

  clickedOpen: false,

  actions: {
    toggleOpen() {
      this.toggleProperty('clickedOpen');
    },

    openInNewWindow(job, taskGroup, task) {
      let url = generateExecUrl(this.router, {
        job: job.name,
        taskGroup: taskGroup.name,
        task: task.name,
      });

      openExecUrl(url);
    },
  },
});