| /** |
| * @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'; |
| |
| // 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 || ''; |
| } |
| } |