mirror of
https://github.com/WenPai-org/wp-china-yes.git
synced 2025-08-07 14:35:20 +08:00
225 lines
8 KiB
HTML
225 lines
8 KiB
HTML
<html lang="zh">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>WP-China-Yes设置页</title>
|
||
<link rel="stylesheet"
|
||
href="https://static.ibadboy.net/element/static/css/index.css">
|
||
</head>
|
||
<body id="body" style="display: none;">
|
||
<div id="app">
|
||
<el-container>
|
||
<el-header style="height: 100px;">
|
||
<h2>WP-China-Yes</h2>
|
||
<span>这是一个颠覆性的插件，她将全面改善中国大陆站点在访问WP官方服务时的用户体验</span><br/>
|
||
<span>原理是将位于国外的官方仓库源替换为由社区志愿者维护的国内源，以此达到加速访问的目的</span>
|
||
</el-header>
|
||
<el-main>
|
||
<el-divider></el-divider>
|
||
<el-tabs tab-position="right" style="height: 520px;">
|
||
<el-tab-pane label="插件设置">
|
||
<el-container>
|
||
<el-main class="no_top_main_box">
|
||
<el-form ref="mirrors_form" :model="mirrors_form"
|
||
label-width="100px" size="small"
|
||
style="width: 342px;">
|
||
<el-card class="box-card" shadow="hover">
|
||
<div slot="header">
|
||
<span>使用社区源</span>
|
||
</div>
|
||
<el-form-item label="选择社区源">
|
||
<el-select v-model="mirrors_form.community"
|
||
@change="changeServer"
|
||
placeholder="请选择社区源">
|
||
<el-option v-for="(item,index) in external_api.server"
|
||
:label="item.name"
|
||
:value="item.id"></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-alert
|
||
:title="server_desc"
|
||
type="info"
|
||
:closable="false"
|
||
style="width: 422px; margin-left: 20px;"
|
||
show-icon>
|
||
</el-alert>
|
||
</el-card>
|
||
<el-card class="box-card" shadow="hover">
|
||
<div slot="header">
|
||
<span>自定义源</span>
|
||
<span style="font-size: 12px; margin-left: 10px;">若配置自定义源则会覆盖社区源</span>
|
||
<el-link href="https://www.ibadboy.net/archives/3349.html"
|
||
style="float: right;"
|
||
type="primary"
|
||
target="_blank"
|
||
:underline="false">搭建方法
|
||
</el-link>
|
||
</div>
|
||
<el-form-item label="API服务器" style="width: 442px;">
|
||
<el-input clearable
|
||
v-model="mirrors_form.custom_api_server">
|
||
<template slot="prepend">https://</template>
|
||
</el-input>
|
||
</el-form-item>
|
||
<el-form-item label="下载服务器" style="width: 442px;">
|
||
<el-input clearable
|
||
v-model="mirrors_form.custom_download_server">
|
||
<template slot="prepend">https://</template>
|
||
</el-input>
|
||
</el-form-item>
|
||
</el-card>
|
||
<el-card class="box-card"
|
||
style="height: 60px; text-align:center;"
|
||
shadow="never">
|
||
<el-button style="margin-top: -7px;"
|
||
type="primary"
|
||
@click="submitMirrorsForm" size="medium">保存配置
|
||
</el-button>
|
||
</el-card>
|
||
</el-form>
|
||
</el-main>
|
||
</el-container>
|
||
</el-tab-pane>
|
||
<!--
|
||
<el-tab-pane label="贡献者名单">
|
||
|
||
</el-tab-pane>
|
||
<el-tab-pane label="捐助者名单">
|
||
|
||
</el-tab-pane>
|
||
-->
|
||
<el-tab-pane label="广告列表">
|
||
|
||
</el-tab-pane>
|
||
</el-tabs>
|
||
</el-main>
|
||
<el-divider></el-divider>
|
||
<el-footer>
|
||
<span class="desc">这是一个开源项目，她需要每个人的支持和贡献才能健康长久的发展。</span><br/>
|
||
<span class="desc">项目地址：<a target="_blank"
|
||
href="https://github.com/sunxiyuan/wp-china-yes">GitHub</a></span>
|
||
</el-footer>
|
||
</el-container>
|
||
</div>
|
||
</body>
|
||
<script src="https://static.ibadboy.net/element/static/js/vue.js"></script>
|
||
<script src="https://static.ibadboy.net/element/static/js/index.js"></script>
|
||
<script src="https://static.ibadboy.net/element/static/js/axios.min.js"></script>
|
||
<script>
|
||
new Vue({
|
||
el: '#app',
|
||
data() {
|
||
return {
|
||
external_api: {},
|
||
server_desc: '',
|
||
mirrors_form: {
|
||
community: '0',
|
||
custom_api_server: '',
|
||
custom_download_server: '',
|
||
api_server: '',
|
||
download_server: '',
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
changeServer() {
|
||
let server = this.external_api.server[this.mirrors_form.community];
|
||
|
||
this.server_desc = server.desc;
|
||
this.mirrors_form.api_server = server.api_server;
|
||
this.mirrors_form.download_server = server.download_server;
|
||
},
|
||
getConfig() {
|
||
let vm = this;
|
||
let root_url = window.location.href.split('wp-content')[0];
|
||
axios.get(root_url + 'wp-content/plugins/wp-china-yes/api.php?get_config')
|
||
.then(function (response) {
|
||
vm.mirrors_form = response.data.data;
|
||
})
|
||
.catch(function (error) {
|
||
vm.$message({
|
||
message: error.response.data.message,
|
||
type: 'error'
|
||
});
|
||
});
|
||
|
||
axios.get('https://wp-china-yes.ibadboy.net')
|
||
.then(function (response) {
|
||
vm.external_api = response.data;
|
||
vm.changeServer();
|
||
})
|
||
.catch(function (error) {
|
||
vm.$message({
|
||
message: error,
|
||
type: 'error'
|
||
});
|
||
});
|
||
},
|
||
submitMirrorsForm() {
|
||
let vm = this;
|
||
|
||
this.$confirm('这将覆盖旧有配置, 是否继续?', '提示', {
|
||
confirmButtonText: '确定',
|
||
cancelButtonText: '取消',
|
||
type: 'warning'
|
||
}).then(() => {
|
||
const loading = this.$loading({
|
||
lock: true,
|
||
text: '提交中',
|
||
spinner: 'el-icon-loading',
|
||
background: 'rgba(0, 0, 0, 0.7)'
|
||
});
|
||
|
||
let data = new FormData();
|
||
data.append('community', vm.mirrors_form.community);
|
||
data.append('custom_api_server', vm.mirrors_form.custom_api_server);
|
||
data.append('custom_download_server', vm.mirrors_form.custom_download_server);
|
||
data.append('api_server', vm.mirrors_form.api_server);
|
||
data.append('download_server', vm.mirrors_form.download_server);
|
||
|
||
let root_url = window.location.href.split('wp-content')[0];
|
||
axios.post(root_url + 'wp-content/plugins/wp-china-yes/api.php', data)
|
||
.then(function (response) {
|
||
vm.$message({
|
||
message: '保存成功',
|
||
type: 'success'
|
||
});
|
||
loading.close();
|
||
})
|
||
.catch(function (error) {
|
||
vm.$message({
|
||
message: error.response.data.message,
|
||
type: 'error'
|
||
});
|
||
loading.close();
|
||
});
|
||
}).catch(() => {
|
||
this.$message({
|
||
type: 'info',
|
||
message: '已取消保存'
|
||
});
|
||
});
|
||
}
|
||
},
|
||
created: function () {
|
||
document.getElementById("body").style.display = "inline";
|
||
|
||
this.getConfig();
|
||
}
|
||
})
|
||
</script>
|
||
<style>
|
||
.desc {
|
||
font-size: 14px;
|
||
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
|
||
}
|
||
|
||
.box-card {
|
||
margin-top: 20px;
|
||
width: 500px;
|
||
}
|
||
|
||
.no_top_main_box {
|
||
padding-top: 0;
|
||
}
|
||
</style>
|
||
</html>
|
