68 lines
2.3 KiB
Vue
68 lines
2.3 KiB
Vue
<template>
|
|
<modal-inner aria-label="GitLab账号">
|
|
<div class="modal__content">
|
|
<div class="modal__image">
|
|
<icon-provider provider-id="gitlab"></icon-provider>
|
|
</div>
|
|
<p>将您的<b>GitLab</b>链接到<b>StackEdit</b>。</p>
|
|
<form-entry label="GitLab URL" error="serverUrl">
|
|
<input v-if="config.forceServerUrl" slot="field" class="textfield" type="text" disabled="disabled" v-model="config.forceServerUrl">
|
|
<input v-else slot="field" class="textfield" type="text" v-model.trim="serverUrl" @keydown.enter="resolve()">
|
|
<div class="form-entry__info">
|
|
<b>例如:</b> https://gitlab.example.com/
|
|
</div>
|
|
</form-entry>
|
|
<form-entry label="Application ID" error="applicationId">
|
|
<input slot="field" class="textfield" type="text" v-model.trim="applicationId" @keydown.enter="resolve()">
|
|
<div class="form-entry__info">
|
|
您必须使用重定向url <b>{{redirectUrl}}</b>配置OAuth2应用程序
|
|
</div>
|
|
<div class="form-entry__actions">
|
|
<a href="https://docs.gitlab.com/ee/integration/oauth_provider.html" target="_blank">更多信息</a>
|
|
</div>
|
|
</form-entry>
|
|
</div>
|
|
<div class="modal__button-bar">
|
|
<button class="button" @click="config.reject()">取消</button>
|
|
<button class="button button--resolve" @click="resolve()">确认</button>
|
|
</div>
|
|
</modal-inner>
|
|
</template>
|
|
|
|
<script>
|
|
import modalTemplate from '../common/modalTemplate';
|
|
import constants from '../../../data/constants';
|
|
|
|
export default modalTemplate({
|
|
data: () => ({
|
|
redirectUrl: constants.oauth2RedirectUri,
|
|
}),
|
|
computedLocalSettings: {
|
|
serverUrl: 'gitlabServerUrl',
|
|
applicationId: 'gitlabApplicationId',
|
|
},
|
|
methods: {
|
|
resolve() {
|
|
const serverUrl = this.config.forceServerUrl || this.serverUrl;
|
|
if (!serverUrl) {
|
|
this.setError('serverUrl');
|
|
}
|
|
if (!this.applicationId) {
|
|
this.setError('applicationId');
|
|
}
|
|
if (serverUrl && this.applicationId) {
|
|
const parsedUrl = serverUrl.match(/^(https:\/\/[^/]+)/);
|
|
if (!parsedUrl) {
|
|
this.setError('serverUrl');
|
|
} else {
|
|
this.config.resolve({
|
|
serverUrl: parsedUrl[1],
|
|
applicationId: this.applicationId,
|
|
});
|
|
}
|
|
}
|
|
},
|
|
},
|
|
});
|
|
</script>
|