blob: 985552316ce75be71cb6a5a04f931950db0b8ef0 [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 '@polymer/iron-input/iron-input.js';
import '../../../styles/gr-form-styles.js';
import '../../../styles/shared-styles.js';
import '../../shared/gr-autocomplete/gr-autocomplete.js';
import '../../shared/gr-button/gr-button.js';
import '../../shared/gr-rest-api-interface/gr-rest-api-interface.js';
import '../../shared/gr-select/gr-select.js';
import {GestureEventListeners} from '@polymer/polymer/lib/mixins/gesture-event-listeners.js';
import {LegacyElementMixin} from '@polymer/polymer/lib/legacy/legacy-element-mixin.js';
import {PolymerElement} from '@polymer/polymer/polymer-element.js';
import {htmlTemplate} from './gr-create-repo-dialog_html.js';
import {encodeURL, getBaseUrl} from '../../../utils/url-util.js';
import page from 'page/page.mjs';
/**
* @extends PolymerElement
*/
class GrCreateRepoDialog extends GestureEventListeners(
LegacyElementMixin(
PolymerElement)) {
static get template() { return htmlTemplate; }
static get is() { return 'gr-create-repo-dialog'; }
static get properties() {
return {
params: Object,
hasNewRepoName: {
type: Boolean,
notify: true,
value: false,
},
/** @type {?} */
_repoConfig: {
type: Object,
value: () => {
// Set default values for dropdowns.
return {
create_empty_commit: true,
permissions_only: false,
};
},
},
_repoCreated: {
type: Boolean,
value: false,
},
_repoOwner: String,
_repoOwnerId: {
type: String,
observer: '_repoOwnerIdUpdate',
},
_query: {
type: Function,
value() {
return this._getRepoSuggestions.bind(this);
},
},
_queryGroups: {
type: Function,
value() {
return this._getGroupSuggestions.bind(this);
},
},
};
}
static get observers() {
return [
'_updateRepoName(_repoConfig.name)',
];
}
_computeRepoUrl(repoName) {
return getBaseUrl() + '/admin/repos/' +
encodeURL(repoName, true);
}
_updateRepoName(name) {
this.hasNewRepoName = !!name;
}
_repoOwnerIdUpdate(id) {
if (id) {
this.set('_repoConfig.owners', [id]);
} else {
this.set('_repoConfig.owners', undefined);
}
}
handleCreateRepo() {
return this.$.restAPI.createRepo(this._repoConfig)
.then(repoRegistered => {
if (repoRegistered.status === 201) {
this._repoCreated = true;
page.show(this._computeRepoUrl(this._repoConfig.name));
}
});
}
_getRepoSuggestions(input) {
return this.$.restAPI.getSuggestedProjects(input)
.then(response => {
const repos = [];
for (const key in response) {
if (!response.hasOwnProperty(key)) { continue; }
repos.push({
name: key,
value: response[key],
});
}
return repos;
});
}
_getGroupSuggestions(input) {
return this.$.restAPI.getSuggestedGroups(input)
.then(response => {
const groups = [];
for (const key in response) {
if (!response.hasOwnProperty(key)) { continue; }
groups.push({
name: key,
value: decodeURIComponent(response[key].id),
});
}
return groups;
});
}
}
customElements.define(GrCreateRepoDialog.is, GrCreateRepoDialog);