|
@@ -1,6 +1,7 @@
|
|
(function (extensionId) {
|
|
(function (extensionId) {
|
|
let storedData = {
|
|
let storedData = {
|
|
- dislikes: 0
|
|
|
|
|
|
+ dislikes: 0,
|
|
|
|
+ previousState: 'neutral'
|
|
};
|
|
};
|
|
|
|
|
|
function cLog(message, writer) {
|
|
function cLog(message, writer) {
|
|
@@ -51,15 +52,14 @@
|
|
return getDislikeButton().classList.contains("style-text");
|
|
return getDislikeButton().classList.contains("style-text");
|
|
}
|
|
}
|
|
|
|
|
|
-
|
|
|
|
function getState() {
|
|
function getState() {
|
|
if (isVideoLiked()) {
|
|
if (isVideoLiked()) {
|
|
- return "liked";
|
|
|
|
|
|
+ return {current: "liked", previous: storedData.previousState};
|
|
}
|
|
}
|
|
if (isVideoDisliked()) {
|
|
if (isVideoDisliked()) {
|
|
- return "disliked";
|
|
|
|
|
|
+ return {current: "disliked", previous: storedData.previousState};
|
|
}
|
|
}
|
|
- return "neutral";
|
|
|
|
|
|
+ return {current: "neutral", previous: storedData.previousState};
|
|
}
|
|
}
|
|
|
|
|
|
//--- Sets The Likes And Dislikes Values ---//
|
|
//--- Sets The Likes And Dislikes Values ---//
|
|
@@ -104,7 +104,7 @@
|
|
{
|
|
{
|
|
message: "set_state",
|
|
message: "set_state",
|
|
videoId: getVideoId(window.location.href),
|
|
videoId: getVideoId(window.location.href),
|
|
- state: getState(),
|
|
|
|
|
|
+ state: getState().current,
|
|
},
|
|
},
|
|
function (response) {
|
|
function (response) {
|
|
cLog("response from api:");
|
|
cLog("response from api:");
|
|
@@ -121,21 +121,27 @@
|
|
}
|
|
}
|
|
|
|
|
|
function likeClicked() {
|
|
function likeClicked() {
|
|
- console.log("Dislike State:", getState());
|
|
|
|
- // setState();
|
|
|
|
|
|
+ console.log(storedData.previousState)
|
|
|
|
+ if (storedData.previousState == 'disliked') {
|
|
|
|
+ storedData.dislikes--;
|
|
|
|
+ setDislikes(numberFormat(storedData.dislikes));
|
|
|
|
+ storedData.previousState = 'liked';
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
function dislikeClicked() {
|
|
function dislikeClicked() {
|
|
- let state = getState();
|
|
|
|
|
|
+ let state = getState().current;
|
|
|
|
|
|
- console.log("Dislike State:",state);
|
|
|
|
|
|
+ console.log("Dislike State:",getState());
|
|
|
|
|
|
if (state == 'disliked') {
|
|
if (state == 'disliked') {
|
|
storedData.dislikes++;
|
|
storedData.dislikes++;
|
|
- setDislikes(numberFormat( storedData.dislikes))
|
|
|
|
|
|
+ setDislikes(numberFormat(storedData.dislikes));
|
|
|
|
+ storedData.previousState = 'disliked';
|
|
} else if (state == 'neutral') {
|
|
} else if (state == 'neutral') {
|
|
storedData.dislikes--;
|
|
storedData.dislikes--;
|
|
- setDislikes(numberFormat(storedData.dislikes))
|
|
|
|
|
|
+ setDislikes(numberFormat(storedData.dislikes));
|
|
|
|
+ storedData.previousState = 'neutral';
|
|
}
|
|
}
|
|
|
|
|
|
// setState();
|
|
// setState();
|