1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
|
<template>
<div class="width-constraint">
<h1 class="title-text pt-12">
{{ $vuetify.lang.t("$vuetify.help.title") }}
</h1>
<ol style="line-height: 3rem; color: #aaa" class="text-left">
<li>
{{ $vuetify.lang.t("$vuetify.help.bullet1") }}
<code style="color: #eee">
<b>{{ version }}</b>
</code>
{{ $vuetify.lang.t("$vuetify.help.bullet11") }}
</li>
<li>
{{ $vuetify.lang.t("$vuetify.help.bullet2") }}
</li>
<li>
{{ $vuetify.lang.t("$vuetify.help.bullet3") }}
<a
class="px-2 py-1"
style="background: #222; border-radius: 0.25rem"
href="https://returnyoutubedislikeapi.com/votes?videoId=QOFEgexls14"
>
https://returnyoutubedislikeapi.com/votes?videoId=QOFEgexls14
</a>
, <br />
{{ $vuetify.lang.t("$vuetify.help.bullet31") }}
<br />
<span style="color: #eee">
{"id":"QOFEgexls14", "dateCreated":"2021-12-15T16:54:12.250813Z",
"likes":2907, "dislikes":215, "rating":4.725641025641026,
"viewCount":28222, "deleted":false}
</span>
</li>
<li>
{{ $vuetify.lang.t("$vuetify.help.bullet4") }}
<code>#bugs-and-problems</code>
{{ $vuetify.lang.t("$vuetify.help.bullet41") }}
<v-btn
class="mainAltButton"
style="
font-size: 0.5rem;
height: 1.5rem;
color: #aaa;
padding-left: 0.25rem !important;
padding-right: 0.5rem !important;
"
:href="discordLink"
target="_blank"
>
<v-icon size="1rem" style="margin-right: 0.5em">mdi-discord</v-icon>
Discord
</v-btn>
<ol type="a">
<li>
{{ $vuetify.lang.t("$vuetify.help.bullet4a") }}
<v-btn
class="mainAltButton"
style="
height: 1.5rem;
font-size: 0.75rem;
text-transform: none !important;
padding-left: 0.5rem !important;
padding-right: 0.25rem !important;
"
target="_blank"
@click="copyToClipboard(platform)"
>
<v-icon size=".75rem" color="primary" style="margin-right: 0.5em"
>mdi-content-copy</v-icon
>
<span style="color: #f44"> Detected: </span>
{{ platform }}
</v-btn>
</li>
<li style="position: relative; width: 100%">
{{ $vuetify.lang.t("$vuetify.help.bullet4b") }}
<code>F12</code>
{{ $vuetify.lang.t("$vuetify.help.bullet4b1") }}
<img
loading="eager"
width="100%"
style="border-radius: 1rem; border: 2px solid #333"
src="ui/troubleshooting.webp"
alt="example-screenshot"
/>
</li>
<li>
{{ $vuetify.lang.t("$vuetify.help.bullet4c") }}
<br />
{{ $vuetify.lang.t("$vuetify.help.bullet4c1") }}
<br />
<a href="about:addons"><code>about:addons</code></a>
{{ $vuetify.lang.t("$vuetify.help.firefox") }}
<br />
<a href="chrome://extensions/"><code>chrome://extensions</code></a>
{{ $vuetify.lang.t("$vuetify.help.chrome") }}
</li>
</ol>
</li>
</ol>
</div>
</template>
<script>
export default {
transition(to, from) {
if (!from) return "swoop-in";
let routes = ["index", "install", "docs", "help", "faq", "donate", "links"];
if (routes.indexOf(to.name) < 0) return "swoop-out";
if (routes.indexOf(from.name) < 0) return "swoop-in";
return routes.indexOf(to.name) > routes.indexOf(from.name)
? "swoop-left"
: "swoop-right";
},
data() {
return {
platform:
this.$ua._parsed.os +
" " +
this.$ua._parsed.os_version +
", " +
this.$ua._parsed.name +
" " +
this.$ua._parsed.version,
version: "loading",
discordLink: "https://discord.gg/mYnESY4Md5",
};
},
mounted() {
fetch(
"https://raw.githubusercontent.com/Anarios/return-youtube-dislike/main/Extensions/combined/manifest-chrome.json"
)
.then((response) => response.json())
.then((json) => {
this.version = json.version;
});
// .catch(console.error);
},
methods: {
copyToClipboard(text) {
navigator.clipboard.writeText("```" + text + "```");
},
},
};
</script>
|