diff options
author | Dmitrii Selivanov <selivano.d@gmail.com> | 2022-02-05 00:19:41 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-02-05 00:19:41 +0300 |
commit | ac94527e45fde23290fb443bfb13e77648723919 (patch) | |
tree | b34f107b4031b22c89fd5e992dbd5cfe8e349961 | |
parent | 657235693b589297cd5bc93f50e6d423cdd79e72 (diff) | |
parent | d87f077c768d795c05c886f00dab02e6c715c80f (diff) |
Merge pull request #467 from Artikash/manual-use-option
Add option to get dislikes manually from website
-rw-r--r-- | Website/pages/index.vue | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/Website/pages/index.vue b/Website/pages/index.vue index cde2381..93f3b96 100644 --- a/Website/pages/index.vue +++ b/Website/pages/index.vue @@ -54,6 +54,11 @@ </v-btn> </div> + <div class="mb-4" style="color: #999"> + Get dislikes manually: <input placeholder=" Video URL"> + <p id="output"></p> + </div> + <v-spacer /> <div id="sponsors" class="d-flex flex-column items-center py-8"> @@ -111,6 +116,18 @@ export default { ], }; }, + mounted() { + const YOUTUBE_REGEX = /(?:http:|https:)*?\/\/(?:www\.|)(?:youtube\.com|m\.youtube\.com|youtu\.|youtube-nocookie\.com).*(?:v=|v%3D|v\/|(?:a|p)\/(?:a|u)\/\d.*\/|watch\?|vi(?:=|\/)|\/embed\/|oembed\?|be\/|e\/)([^&?%#\/\n]*)/; + let lastVideoId = ""; + window.oninput = (e) => { + const videoId = (e.target.value.match(YOUTUBE_REGEX) || {})[1] || e.target.value; + if (videoId !== lastVideoId && videoId.length === 11) { + fetch("https://returnyoutubedislikeapi.com/votes?videoId=" + (lastVideoId = videoId)) + .then(resp => resp.json()) + .then(data => document.getElementById("output").innerText = "Likes=" + data.likes + " Dislikes=" + data.dislikes); + } + }; + }, }; </script> @@ -120,6 +137,10 @@ export default { height: max-content; } +input { + background-color: #999999; +} + @media (max-width: 767px) { .sponsor { margin: 0.5rem; |