threshold-ui/ui/admin/app/controllers/scopes/scope/targets/target/index.js

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */

import Controller, { inject as controller } from '@ember/controller';
import { action } from '@ember/object';
import { service } from '@ember/service';
import { tracked } from '@glimmer/tracking';

export default class ScopesScopeTargetsTargetIndexController extends Controller {
  @controller('scopes/scope/targets/index') targets;

  // =services

  @service abilities;
  @service router;

  // =attributes

  @tracked showFlyout = false;

  // =actions

  /**
   * Handles flyout visibility
   */
  @action
  toggleFlyout() {
    this.showFlyout = !this.showFlyout;
  }

  /**
   * Returns true when there are more than 3 aliases associated with the target
   * @returns {boolean}
   */
  get showFlyoutBtn() {
    return this.model.aliases.length > 3;
  }

  /**
   * Decides when to show the flyout component
   * @returns {boolean}
   */
  get showFlyOutComponent() {
    return this.showFlyout && this.model.aliases.length > 3;
  }
  /**
   * Returns only the first three items in the aliases array if there are more than 3
   * @returns {array}
   */
  get aliases() {
    if (this.model.aliases.length > 3) {
      const arrWithThreeItems = this.model.aliases.slice(0, 3);
      return arrWithThreeItems;
    } else {
      return this.model.aliases;
    }
  }

  /**
   * Returns remaining items in the aliases array if there are more than 3
   * @returns {array}
   */
  get remainingAliases() {
    return this.model.aliases.slice(3);
  }
}