blob: ee026f634fec4625752e353865dbff1d865ddc79 [file] [log] [blame]
/**
* @license
* Copyright (C) 2017 The Android Open Source Project
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import '../../../styles/gr-menu-page-styles';
import '../../../styles/gr-page-nav-styles';
import '../../../styles/shared-styles';
import '../../shared/gr-dropdown-list/gr-dropdown-list';
import '../../shared/gr-icons/gr-icons';
import '../../shared/gr-page-nav/gr-page-nav';
import '../gr-admin-group-list/gr-admin-group-list';
import '../gr-group/gr-group';
import '../gr-group-audit-log/gr-group-audit-log';
import '../gr-group-members/gr-group-members';
import '../gr-plugin-list/gr-plugin-list';
import '../gr-repo/gr-repo';
import '../gr-repo-access/gr-repo-access';
import '../gr-repo-commands/gr-repo-commands';
import '../gr-repo-dashboards/gr-repo-dashboards';
import '../gr-repo-detail-list/gr-repo-detail-list';
import '../gr-repo-list/gr-repo-list';
import {PolymerElement} from '@polymer/polymer/polymer-element';
import {htmlTemplate} from './gr-admin-view_html';
import {getBaseUrl} from '../../../utils/url-util';
import {
GerritNav,
GroupDetailView,
RepoDetailView,
} from '../../core/gr-navigation/gr-navigation';
import {getPluginLoader} from '../../shared/gr-js-api-interface/gr-plugin-loader';
import {
AdminNavLinksOption,
getAdminLinks,
NavLink,
SubsectionInterface,
} from '../../../utils/admin-nav-util';
import {customElement, observe, property} from '@polymer/decorators';
import {
AppElementAdminParams,
AppElementGroupParams,
AppElementRepoParams,
} from '../../gr-app-types';
import {
AccountDetailInfo,
GroupId,
GroupName,
RepoName,
} from '../../../types/common';
import {GroupNameChangedDetail} from '../gr-group/gr-group';
import {ValueChangeDetail} from '../../shared/gr-dropdown-list/gr-dropdown-list';
import {getAppContext} from '../../../services/app-context';
import {GerritView} from '../../../services/router/router-model';
const INTERNAL_GROUP_REGEX = /^[\da-f]{40}$/;
interface AdminSubsectionLink {
text: string;
value: string;
view: GerritView;
url?: string;
detailType?: GroupDetailView | RepoDetailView;
parent?: GroupId | RepoName;
}
// The type is matched to the _showAdminView function from the gr-app-element
type AdminViewParams =
| AppElementAdminParams
| AppElementGroupParams
| AppElementRepoParams;
function getAdminViewParamsDetail(
params: AdminViewParams
): GroupDetailView | RepoDetailView | undefined {
if (params.view !== GerritView.ADMIN) {
return params.detail;
}
return undefined;
}
@customElement('gr-admin-view')
export class GrAdminView extends PolymerElement {
static get template() {
return htmlTemplate;
}
private account?: AccountDetailInfo;
@property({type: Object})
params?: AdminViewParams;
@property({type: String})
path?: string;
@property({type: String})
adminView?: string;
@property({type: String})
_breadcrumbParentName?: string;
@property({type: String})
_repoName?: RepoName;
@property({type: String, observer: '_computeGroupName'})
_groupId?: GroupId;
@property({type: Boolean})
_groupIsInternal?: boolean;
@property({type: String})
_groupName?: GroupName;
@property({type: Boolean})
_groupOwner = false;
@property({type: Array})
_subsectionLinks?: AdminSubsectionLink[];
@property({type: Array})
_filteredLinks?: NavLink[];
@property({type: Boolean})
_showDownload = false;
@property({type: Boolean})
_isAdmin = false;
@property({type: Boolean})
_showGroup?: boolean;
@property({type: Boolean})
_showGroupAuditLog?: boolean;
@property({type: Boolean})
_showGroupList?: boolean;
@property({type: Boolean})
_showGroupMembers?: boolean;
@property({type: Boolean})
_showRepoAccess?: boolean;
@property({type: Boolean})
_showRepoCommands?: boolean;
@property({type: Boolean})
_showRepoDashboards?: boolean;
@property({type: Boolean})
_showRepoDetailList?: boolean;
@property({type: Boolean})
_showRepoMain?: boolean;
@property({type: Boolean})
_showRepoList?: boolean;
@property({type: Boolean})
_showPluginList?: boolean;
private readonly restApiService = getAppContext().restApiService;
private readonly jsAPI = getAppContext().jsApiService;
override connectedCallback() {
super.connectedCallback();
this.reload();
}
reload() {
const promises: [Promise<AccountDetailInfo | undefined>, Promise<void>] = [
this.restApiService.getAccount(),
getPluginLoader().awaitPluginsLoaded(),
];
return Promise.all(promises).then(result => {
this.account = result[0];
let options: AdminNavLinksOption | undefined = undefined;
if (this._repoName) {
options = {repoName: this._repoName};
} else if (this._groupId) {
options = {
groupId: this._groupId,
groupName: this._groupName,
groupIsInternal: this._groupIsInternal,
isAdmin: this._isAdmin,
groupOwner: this._groupOwner,
};
}
return getAdminLinks(
this.account,
() =>
this.restApiService.getAccountCapabilities().then(capabilities => {
if (!capabilities) {
throw new Error('getAccountCapabilities returns undefined');
}
return capabilities;
}),
() => this.jsAPI.getAdminMenuLinks(),
options
).then(res => {
this._filteredLinks = res.links;
this._breadcrumbParentName = res.expandedSection
? res.expandedSection.name
: '';
if (!res.expandedSection) {
this._subsectionLinks = [];
return;
}
this._subsectionLinks = [res.expandedSection]
.concat(res.expandedSection.children ?? [])
.map(section => {
return {
text: !section.detailType ? 'Home' : section.name,
value: section.view + (section.detailType ?? ''),
view: section.view,
url: section.url,
detailType: section.detailType,
parent: this._groupId ?? this._repoName,
};
});
});
});
}
_computeSelectValue(params: AdminViewParams) {
if (!params || !params.view) return;
return `${params.view}${getAdminViewParamsDetail(params) ?? ''}`;
}
_selectedIsCurrentPage(selected: AdminSubsectionLink) {
if (!this.params) return false;
return (
selected.parent === (this._repoName ?? this._groupId) &&
selected.view === this.params.view &&
selected.detailType === getAdminViewParamsDetail(this.params)
);
}
_handleSubsectionChange(e: CustomEvent<ValueChangeDetail>) {
if (!this._subsectionLinks) return;
// The GrDropdownList items are _subsectionLinks, so find(...) always return
// an item _subsectionLinks and never returns undefined
const selected = this._subsectionLinks.find(
section => section.value === e.detail.value
)!;
// This is when it gets set initially.
if (this._selectedIsCurrentPage(selected)) return;
if (selected.url === undefined) return;
GerritNav.navigateToRelativeUrl(selected.url);
}
@observe('params')
_paramsChanged(params: AdminViewParams) {
this.set('_showGroup', params.view === GerritView.GROUP && !params.detail);
this.set(
'_showGroupAuditLog',
params.view === GerritView.GROUP && params.detail === GroupDetailView.LOG
);
this.set(
'_showGroupMembers',
params.view === GerritView.GROUP &&
params.detail === GroupDetailView.MEMBERS
);
this.set(
'_showGroupList',
params.view === GerritView.ADMIN &&
params.adminView === 'gr-admin-group-list'
);
this.set(
'_showRepoAccess',
params.view === GerritView.REPO && params.detail === RepoDetailView.ACCESS
);
this.set(
'_showRepoCommands',
params.view === GerritView.REPO &&
params.detail === RepoDetailView.COMMANDS
);
this.set(
'_showRepoDetailList',
params.view === GerritView.REPO &&
(params.detail === RepoDetailView.BRANCHES ||
params.detail === RepoDetailView.TAGS)
);
this.set(
'_showRepoDashboards',
params.view === GerritView.REPO &&
params.detail === RepoDetailView.DASHBOARDS
);
this.set(
'_showRepoMain',
params.view === GerritView.REPO &&
(!params.detail || params.detail === RepoDetailView.GENERAL)
);
this.set(
'_showRepoList',
params.view === GerritView.ADMIN && params.adminView === 'gr-repo-list'
);
this.set(
'_showPluginList',
params.view === GerritView.ADMIN && params.adminView === 'gr-plugin-list'
);
let needsReload = false;
const newRepoName =
params.view === GerritView.REPO ? params.repo : undefined;
if (newRepoName !== this._repoName) {
this._repoName = newRepoName;
// Reloads the admin menu.
needsReload = true;
}
const newGroupId =
params.view === GerritView.GROUP ? params.groupId : undefined;
if (newGroupId !== this._groupId) {
this._groupId = newGroupId;
// Reloads the admin menu.
needsReload = true;
}
if (
this._breadcrumbParentName &&
(params.view !== GerritView.GROUP || !params.groupId) &&
(params.view !== GerritView.REPO || !params.repo)
) {
needsReload = true;
}
if (!needsReload) {
return;
}
this.reload();
}
// TODO (beckysiegel): Update these functions after router abstraction is
// updated. They are currently copied from gr-dropdown (and should be
// updated there as well once complete).
_computeURLHelper(host: string, path: string) {
return '//' + host + getBaseUrl() + path;
}
_computeRelativeURL(path: string) {
const host = window.location.host;
return this._computeURLHelper(host, path);
}
_computeLinkURL(link: NavLink | SubsectionInterface) {
if (!link || typeof link.url === 'undefined') return '';
if ((link as NavLink).target || !(link as NavLink).noBaseUrl) {
return link.url;
}
return this._computeRelativeURL(link.url);
}
_computeSelectedClass(
itemView?: GerritView,
params?: AdminViewParams,
detailType?: GroupDetailView | RepoDetailView
) {
if (!params) return '';
// Group params are structured differently from admin params. Compute
// selected differently for groups.
// TODO(wyatta): Simplify this when all routes work like group params.
if (params.view === GerritView.GROUP && itemView === GerritView.GROUP) {
if (!params.detail && !detailType) {
return 'selected';
}
if (params.detail === detailType) {
return 'selected';
}
return '';
}
if (params.view === GerritView.REPO && itemView === GerritView.REPO) {
if (!params.detail && !detailType) {
return 'selected';
}
if (params.detail === detailType) {
return 'selected';
}
return '';
}
// TODO(TS): The following condition seems always false, because params
// never has detailType property. Remove it.
if (
(params as unknown as AdminSubsectionLink).detailType &&
(params as unknown as AdminSubsectionLink).detailType !== detailType
) {
return '';
}
return params.view === GerritView.ADMIN && itemView === params.adminView
? 'selected'
: '';
}
_computeGroupName(groupId?: GroupId) {
if (!groupId) return;
const promises: Array<Promise<void>> = [];
this.restApiService.getGroupConfig(groupId).then(group => {
if (!group || !group.name) {
return;
}
this._groupName = group.name;
this._groupIsInternal = !!group.id.match(INTERNAL_GROUP_REGEX);
this.reload();
promises.push(
this.restApiService.getIsAdmin().then(isAdmin => {
this._isAdmin = !!isAdmin;
})
);
promises.push(
this.restApiService.getIsGroupOwner(group.name).then(isOwner => {
this._groupOwner = isOwner;
})
);
return Promise.all(promises).then(() => {
this.reload();
});
});
}
_updateGroupName(e: CustomEvent<GroupNameChangedDetail>) {
this._groupName = e.detail.name;
this.reload();
}
}
declare global {
interface HTMLElementTagNameMap {
'gr-admin-view': GrAdminView;
}
}