3dded0a7bc
* feat: 🎸 scope picker component (#2646) * feat: 🎸 scope picker component --------- Co-authored-by: lisbet-alvarez <lisbet-alvarez@users.noreply.github.com> Co-authored-by: Zhihe Li <zhihe.li@hashicorp.com> * refactor: 💡 use hds side nav w/ hds frame instead of rose (#2688) * refactor: 💡 use hds side nav w/ hds frame instead of rose * test: 💍 clean up selectors * fix: 🐛 specificity of style override * refactor: 💡 use hds side nav list instead of target and portal * refactor: 💡 revert to using portal component & update scss * docs: ✏️ update comment * refactor: 💡 use custom class names for containers * refactor: 💡 pr feedback (use @hasSidebar arg) * refactor: 💡 fix onboarding page & fix settings title * refactor: 💡 remove unneeded template file (pr feedback) * test: 💍 fix tests due to merge conflicts * test: 💍 add missing test selector due to merge conflict * test: 💍 fix more broken tests due to merge conflicts * chore: 🤖 update yarn.lock & update hds version to 4.18.1 * chore: 🤖 fix e2e test cases due to side nav refactor (#2751) * chore: 🤖 fix e2e test cases due to side nav refactor * test: 💍 fix e2e test for desktop --------- Co-authored-by: lisbet-alvarez <lisbet-alvarez@users.noreply.github.com> Co-authored-by: Zhihe Li <zhihe.li@hashicorp.com>
49 lines
1.2 KiB
JavaScript
49 lines
1.2 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
import Component from '@glimmer/component';
|
|
import { inject as service } from '@ember/service';
|
|
import orderBy from 'lodash/orderBy';
|
|
|
|
export default class ScopePickerIndexComponent extends Component {
|
|
// =services
|
|
|
|
@service intl;
|
|
@service scope;
|
|
@service session;
|
|
|
|
// =attributes
|
|
|
|
/**
|
|
* Returns display name and icon for current scope.
|
|
* @type {object}
|
|
*/
|
|
get currentScope() {
|
|
if (this.scope.project) {
|
|
return { name: this.scope.project.displayName, icon: 'grid' };
|
|
} else if (this.scope.org.isOrg) {
|
|
return { name: this.scope.org.displayName, icon: 'org' };
|
|
} else {
|
|
return { name: this.intl.t('titles.global'), icon: 'globe' };
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Returns first five orgs ordered by most recently updated.
|
|
* @type {[ScopeModel]}
|
|
*/
|
|
get truncatedOrgsList() {
|
|
return orderBy(this.scope.orgsList, 'updated_time', 'desc').slice(0, 5);
|
|
}
|
|
|
|
/**
|
|
* Returns first five projects ordered by most recently updated.
|
|
* @type {[ScopeModel]}
|
|
*/
|
|
get truncatedProjectsList() {
|
|
return orderBy(this.scope.projectsList, 'updated_time', 'desc').slice(0, 5);
|
|
}
|
|
}
|