Lisbet Alvarez
b1b49edb39
* refactor: 💡 use hds app header and app side nav * style: 💄 fix dark-mode colors for side nav and app header * style: 💄 cleanup * style: 💄 simplify selector * refactor: 💡 move util (param finder) to core addon * refactor: 💡 move scope picker to core addon * refactor: 💡 use hds header and app side nav in ui/desktop * refactor: 💡 clean up ui/desktop files * refactor: 💡 remove uneeded header components * refactor: 💡 remove uneeded global layout * Add missing copyright headers * style: 💄 adjust foreground and background colors to fix contras * style: 💄 remove uneeded stylelint disables * style: 💄 fix dark mode styling in desktop ui * refactor: 💡 readd user-select style * test: 💍 fix tests + e2e tests for admin and desktop UIs * refactor: 💡 clean up uneeded main elements and fix color link * Add missing copyright headers * fix: 🐛 e2e test selectors for ui/desktop * style: 💄 revert link color change * refactor: 💡 remove hds override * fix: 🐛 scope dropdown for desktop * fix: 🐛 max-height to desktop scope dropdown * Add missing copyright headers * chore: 🤖 update lockfile due to webpack update
49 lines
1.2 KiB
JavaScript
49 lines
1.2 KiB
JavaScript
/**
|
|
* Copyright IBM Corp. 2021, 2026
|
|
* 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 ScopePickerComponent 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);
|
|
}
|
|
}
|