blob: 55995fd9ca48681e673dfc687d384080249fbc58 [file] [log] [blame]
/**
* @license
* Copyright (C) 2018 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 {PluginApi} from '@gerritcodereview/typescript-api/plugin';
import {
ActionInfo,
ConfigInfo,
RepoName,
} from '@gerritcodereview/typescript-api/rest-api';
import {css, html, LitElement} from 'lit';
import {customElement, property, query, state} from 'lit/decorators.js';
// TODO: This should be defined and exposed by @gerritcodereview/typescript-api
type GrOverlay = Element & {
open(): void;
close(): void;
};
declare global {
interface HTMLElementTagNameMap {
'gr-delete-repo': GrDeleteRepo;
}
interface Window {
CANONICAL_PATH?: string;
}
}
@customElement('gr-delete-repo')
export class GrDeleteRepo extends LitElement {
@query('#deleteRepoOverlay')
deleteRepoOverlay?: GrOverlay;
@query('#preserveGitRepoCheckBox')
preserveGitRepoCheckBox?: HTMLInputElement;
@query('#forceDeleteOpenChangesCheckBox')
forceDeleteOpenChangesCheckBox?: HTMLInputElement;
/** Guaranteed to be provided by the 'repo-command' endpoint. */
@property({type: Object})
plugin!: PluginApi;
/** Guaranteed to be provided by the 'repo-command' endpoint. */
@property({type: Object})
config!: ConfigInfo;
/** Guaranteed to be provided by the 'repo-command' endpoint. */
@property({type: String})
repoName!: RepoName;
@state()
private error?: string;
static override styles = css`
:host {
display: block;
margin-bottom: var(--spacing-xxl);
}
/* TODO: Find a way to use shared styles in lit elements in plugins. */
h3 {
font: inherit;
margin: 0;
}
.error {
color: red;
}
`;
get action(): ActionInfo | undefined {
return this.config.actions?.[this.actionId];
}
get actionId(): string {
return `${this.plugin.getPluginName()}~delete`;
}
private renderError() {
if (!this.error) return;
return html`<div class="error">${this.error}</div>`;
}
override render() {
if (!this.action) return;
return html`
<h3>${this.action.label}</h3>
<gr-button
title="${this.action.title}"
?disabled="${!this.action.enabled}"
@click="${() => {
this.error = undefined;
this.deleteRepoOverlay?.open();
}}"
>
${this.action.label}
</gr-button>
${this.renderError()}
<gr-overlay id="deleteRepoOverlay" with-backdrop>
<gr-dialog
id="deleteRepoDialog"
confirm-label="Delete"
@confirm="${this.deleteRepo}"
@cancel="${() => this.deleteRepoOverlay?.close()}"
>
<div class="header" slot="header">
Are you really sure you want to delete the repo: "${this.repoName}"?
</div>
<div class="main" slot="main">
<div>
<div id="form">
<section>
<input type="checkbox" id="forceDeleteOpenChangesCheckBox" />
<label for="forceDeleteOpenChangesCheckBox"
>Delete repo even if open changes exist?</label
>
</section>
<section>
<input type="checkbox" id="preserveGitRepoCheckBox" />
<label for="preserveGitRepoCheckBox"
>Preserve GIT Repository?</label
>
</section>
</div>
</div>
</div>
</gr-dialog>
</gr-overlay>
`;
}
private deleteRepo() {
if (!this.action) {
this.error = 'delete action undefined';
this.deleteRepoOverlay?.close();
return;
}
if (!this.action.method) {
this.error = 'delete action does not have a HTTP method set';
this.deleteRepoOverlay?.close();
return;
}
this.error = undefined;
const endpoint = `/projects/${encodeURIComponent(this.repoName)}/${
this.actionId
}`;
const json = {
force: this.forceDeleteOpenChangesCheckBox?.checked ?? false,
preserve: this.preserveGitRepoCheckBox?.checked ?? false,
};
return this.plugin
.restApi()
.send(this.action.method, endpoint, json)
.then(_ => {
this.plugin.restApi().invalidateReposCache();
this.deleteRepoOverlay?.close();
window.location.href = `${this.getBaseUrl()}/admin/repos`;
})
.catch(e => {
this.error = e;
this.deleteRepoOverlay?.close();
});
}
private getBaseUrl() {
return window.CANONICAL_PATH || '';
}
}