Skip to content

Commit

Permalink
Add config support (#76)
Browse files Browse the repository at this point in the history
Co-authored-by: AceDataCloud <office@acedata.cloud>
Co-authored-by: GitHub Actions <actions@github.com>
  • Loading branch information
3 people authored Jul 8, 2024
1 parent 26d5668 commit e82f574
Show file tree
Hide file tree
Showing 99 changed files with 2,882 additions and 2,015 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"type": "patch",
"comment": "add config for support",
"packageName": "@acedatacloud/nexior",
"email": "office@acedata.cloud",
"dependentChangeType": "patch"
}
76 changes: 74 additions & 2 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,82 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title></title>
<title>Nexior</title>
</head>
<body>
<div id="app"></div>
<div id="app">
<div class="lds-ellipsis">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
<style>
.lds-ellipsis,
.lds-ellipsis div {
box-sizing: border-box;
}
.lds-ellipsis {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1);
}
.lds-ellipsis div {
position: absolute;
top: 33.33333px;
width: 13.33333px;
height: 13.33333px;
border-radius: 50%;
background: currentColor;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 8px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 8px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 32px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 56px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}
</style>
</html>
73 changes: 73 additions & 0 deletions src/components/common/HelpDialog.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
<template>
<el-dialog :model-value="visible" :width="200" class="text-center" @close="$emit('close')">
<el-menu :collapse="false" class="menu">
<el-menu-item v-if="site?.features?.support?.discord?.enabled" index="1" @click="onJoin">
<font-awesome-icon icon="fa-brands fa-discord" class="mr-2" />
<template #title>{{ $t('common.message.joinDiscord') }}</template>
</el-menu-item>
<el-popover :width="350" trigger="hover">
<template #reference>
<el-menu-item v-if="site?.features?.support?.wechat?.enabled" index="2">
<font-awesome-icon icon="fa-brands fa-weixin" class="mr-2" />
<template #title>{{ $t('common.message.addWeChat') }}</template>
</el-menu-item>
</template>
<div class="flex">
<div class="flex-1 text-center">
<el-image :src="site?.features?.support?.wechat?.qr" />
</div>
</div>
</el-popover>
</el-menu>
</el-dialog>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import { ElPopover, ElMenu, ElMenuItem, ElImage, ElDialog } from 'element-plus';
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
import { ROUTE_DISTRIBUTION_INDEX } from '@/router';
export default defineComponent({
name: 'HelpEntry',
components: {
ElImage,
ElDialog,
ElPopover,
ElMenu,
ElMenuItem,
FontAwesomeIcon
},
props: {
visible: {
type: Boolean,
default: true
}
},
emits: ['close'],
computed: {
site() {
return this.$store.state.site;
}
},
methods: {
onJoin() {
window.open(this.$store.state.site?.features?.support?.discord?.url, '_blank');
},
onProfit() {
this.$router.push({
name: ROUTE_DISTRIBUTION_INDEX
});
}
}
});
</script>

<style lang="scss" scoped>
.menu {
border-right: none;
.el-menu-item {
height: 40px;
}
}
</style>
79 changes: 37 additions & 42 deletions src/components/common/HelpEntry.vue
Original file line number Diff line number Diff line change
@@ -1,65 +1,60 @@
<template>
<div>
<el-popover
placement="bottom"
:width="200"
trigger="hover"
:popper-style="{
padding: '10px'
}"
>
<template #reference>
<el-button type="primary" circle size="large" class="entry">
<font-awesome-icon icon="fa-solid fa-question" />
</el-button>
</template>
<el-menu :collapse="false" class="menu">
<el-menu-item index="1" @click="onJoin">
<font-awesome-icon icon="fa-brands fa-discord" class="mr-2" />
<template #title>{{ $t('common.message.joinDiscord') }}</template>
</el-menu-item>
<el-popover :width="350" trigger="hover">
<template #reference>
<el-menu-item index="2">
<font-awesome-icon icon="fa-brands fa-weixin" class="mr-2" />
<template #title>{{ $t('common.message.addWeChat') }}</template>
</el-menu-item>
</template>
<div class="flex">
<div class="flex-1 text-center">
<el-image src="https://cdn.acedata.cloud/wechat.png" />
<span>{{ $t('common.message.serviceTech') }}</span>
</div>
<div class="flex-1 text-center">
<el-image src="https://cdn.acedata.cloud/ue99mv.png" />
<span>{{ $t('common.message.businessCooperation') }}</span>
</div>
<el-popover
placement="bottom"
:width="200"
trigger="hover"
:popper-style="{
padding: '10px'
}"
>
<template #reference>
<slot name="main" />
</template>
<el-menu :collapse="false" class="menu">
<el-popover :width="350" trigger="hover">
<template #reference>
<el-menu-item v-if="site?.features?.support?.wechat?.enabled" index="1">
<font-awesome-icon icon="fa-brands fa-weixin" class="mr-2" />
<template #title>{{ $t('common.message.addWeChat') }}</template>
</el-menu-item>
</template>
<div class="flex">
<div class="flex-1 text-center">
<el-image :src="site?.features?.support?.wechat?.qr" />
</div>
</el-popover>
</el-menu>
</el-popover>
</div>
</div>
</el-popover>
<el-menu-item v-if="site?.features?.support?.discord?.enabled" index="2" @click="onJoin">
<font-awesome-icon icon="fa-brands fa-discord" class="mr-2" />
<template #title>{{ $t('common.message.joinDiscord') }}</template>
</el-menu-item>
</el-menu>
</el-popover>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import { ElButton, ElPopover, ElMenu, ElMenuItem, ElImage } from 'element-plus';
import { ElPopover, ElMenu, ElMenuItem, ElImage } from 'element-plus';
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
import { ROUTE_DISTRIBUTION_INDEX } from '@/router';
export default defineComponent({
name: 'HelpEntry',
components: {
ElImage,
ElButton,
ElPopover,
ElMenu,
ElMenuItem,
FontAwesomeIcon
},
computed: {
site() {
return this.$store.state.site;
}
},
methods: {
onJoin() {
window.open('https://discord.gg/73F3MYj3vp', '_blank');
window.open(this.$store.state.site?.features?.support?.discord?.url, '_blank');
},
onProfit() {
this.$router.push({
Expand Down
11 changes: 11 additions & 0 deletions src/components/common/Navigator.vue
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,15 @@
</div>
<div class="middle" />
<div class="bottom">
<div class="link">
<help-entry>
<template #main>
<el-button class="button">
<font-awesome-icon icon="fa-solid fa-question" />
</el-button>
</template>
</help-entry>
</div>
<div class="link">
<el-tooltip effect="dark" :content="$t('common.nav.darkMode')" placement="right">
<el-button class="button" @click="operating.dark = true">
Expand Down Expand Up @@ -103,11 +112,13 @@ import {
ROUTE_SITE_INDEX
} from '@/router/constants';
import LogoTiny from './LogoTiny.vue';
import HelpEntry from '@/components/common/HelpEntry.vue';
export default defineComponent({
name: 'Navigator',
components: {
ElButton,
HelpEntry,
LogoTiny,
DarkSelector,
ElTooltip,
Expand Down
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Loading

0 comments on commit e82f574

Please sign in to comment.