aria/FMHY-Website
1
0
Fork 0
mirror of https://github.com/fmhy/edit.git synced 2026-02-19 01:31:41 +11:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add feedback API

Browse source
This commit is contained in:
taskylizard 2023-11-04 20:24:25 +05:30
parent bf504e0b26
commit b9bebb6c84
No known key found for this signature in database
GPG key ID: 5CABA3D642DDC497
13 changed files with 2051 additions and 110 deletions
Download patch file Download diff file Expand all files Collapse all files

24
.vitepress/theme/components/Feedback.vue
View file

@ -43,7 +43,7 @@ async function handleSubmit(type?: string) {
};
try {
const response = await fetch("https://fmhy.tk/api/feedback", {
const response = await fetch("https://feedback.tasky.workers.dev", {
method: "POST",
headers: {
"Content-Type": "application/json",
@ -76,11 +76,7 @@ async function handleSubmit(type?: string) {
</div>
</div>
<div class="button-container">
<button
v-for="item in feedbackOptions"
:key="item.value"
class="btn"
@click="handleSubmit(item.value)">
<button v-for="item in feedbackOptions" :key="item.value" class="btn" @click="handleSubmit(item.value)">
<span>{{ item.label }}</span>
</button>
</div>
@ -90,15 +86,14 @@ async function handleSubmit(type?: string) {
<p class="desc">The wiki is...</p>
<div>
<span>{{ getFeedbackOption(feedback.feedbackType)?.label }}</span>
<button
style="margin-left: 0.5rem"
class="btn"
@click="feedback.feedbackType = undefined">
<button style="margin-left: 0.5rem" class="btn" @click="feedback.feedbackType = undefined">
<span class="i-carbon-close-large">close</span>
</button>
</div>
</div>
<textarea v-model="feedback.message" autofocus class="input" />
<p class="desc">Contact, so we can get back to you. (Optional)</p>
<textarea v-model="feedback.contactEmail" class="contact-input" />
<button class="btn btn-primary" :disabled="!feedback.message" @click="handleSubmit()">
Submit
</button>
@ -111,7 +106,7 @@ async function handleSubmit(type?: string) {
</template>
<style scoped>
.step > * + * {
.step>*+* {
margin-top: 1rem;
}
@ -178,6 +173,13 @@ async function handleSubmit(type?: string) {
padding: 0.375rem 0.75rem;
}
.contact-input {
height: 50px;
border: 1px solid #ccc;
border-radius: 4px;
padding: 0.375rem 0.75rem;
}
.desc {
display: block;
line-height: 20px;