LouisLam
4 years ago
17 changed files with 142 additions and 89 deletions
@ -0,0 +1,98 @@ |
|||||
|
<template> |
||||
|
<template v-if="$parent.notification.type === name"> |
||||
|
<div class="mb-3"> |
||||
|
<label for="telegram-bot-token" class="form-label">Bot Token</label> |
||||
|
<HiddenInput id="telegram-bot-token" v-model="$parent.notification.telegramBotToken" :required="true" autocomplete="one-time-code"></HiddenInput> |
||||
|
<div class="form-text"> |
||||
|
You can get a token from <a href="https://t.me/BotFather" target="_blank">https://t.me/BotFather</a>. |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="mb-3"> |
||||
|
<label for="telegram-chat-id" class="form-label">Chat ID</label> |
||||
|
|
||||
|
<div class="input-group mb-3"> |
||||
|
<input id="telegram-chat-id" v-model="$parent.notification.telegramChatID" type="text" class="form-control" required> |
||||
|
<button v-if="$parent.notification.telegramBotToken" class="btn btn-outline-secondary" type="button" @click="autoGetTelegramChatID"> |
||||
|
{{ $t("Auto Get") }} |
||||
|
</button> |
||||
|
</div> |
||||
|
|
||||
|
<div class="form-text"> |
||||
|
Support Direct Chat / Group / Channel's Chat ID |
||||
|
|
||||
|
<p style="margin-top: 8px;"> |
||||
|
You can get your chat id by sending message to the bot and go to this url to view the chat_id: |
||||
|
</p> |
||||
|
|
||||
|
<p style="margin-top: 8px;"> |
||||
|
<template v-if="$parent.notification.telegramBotToken"> |
||||
|
<a :href="telegramGetUpdatesURL" target="_blank" style="word-break: break-word;">{{ telegramGetUpdatesURL }}</a> |
||||
|
</template> |
||||
|
|
||||
|
<template v-else> |
||||
|
{{ telegramGetUpdatesURL }} |
||||
|
</template> |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import HiddenInput from "../HiddenInput.vue"; |
||||
|
import axios from "axios"; |
||||
|
import { useToast } from "vue-toastification" |
||||
|
const toast = useToast(); |
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
HiddenInput, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
name: "telegram", |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
telegramGetUpdatesURL() { |
||||
|
let token = "<YOUR BOT TOKEN HERE>" |
||||
|
|
||||
|
if (this.$parent.notification.telegramBotToken) { |
||||
|
token = this.$parent.notification.telegramBotToken; |
||||
|
} |
||||
|
|
||||
|
return `https://api.telegram.org/bot${token}/getUpdates`; |
||||
|
}, |
||||
|
}, |
||||
|
mounted() { |
||||
|
console.log(this.$parent.notification.type); |
||||
|
}, |
||||
|
methods: { |
||||
|
async autoGetTelegramChatID() { |
||||
|
try { |
||||
|
let res = await axios.get(this.telegramGetUpdatesURL) |
||||
|
|
||||
|
if (res.data.result.length >= 1) { |
||||
|
let update = res.data.result[res.data.result.length - 1] |
||||
|
|
||||
|
if (update.channel_post) { |
||||
|
this.notification.telegramChatID = update.channel_post.chat.id; |
||||
|
} else if (update.message) { |
||||
|
this.notification.telegramChatID = update.message.chat.id; |
||||
|
} else { |
||||
|
throw new Error("Chat ID is not found, please send a message to this bot first") |
||||
|
} |
||||
|
|
||||
|
} else { |
||||
|
throw new Error("Chat ID is not found, please send a message to this bot first") |
||||
|
} |
||||
|
|
||||
|
} catch (error) { |
||||
|
toast.error(error.message) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
Loading…
Reference in new issue