popup.js

let tempAD={
    key:null,
    coverImage:null,
    titleEnglish:null,
};

let lastState= {
    lastEP : null,
    lastRating : null,
    lastTimesRewatched:null,
    lastStartDate:null,
}

const addbuttons={
    addEpWatched : [document.getElementById("lastEpPlus"),"inputEpWatched"],
    addRewatched: [document.getElementById("TimesRWPlus"),"inputRW"]
}
const minusButtons={
    removeEpWatched : [document.getElementById("lastEpMinus"),"inputEpWatched"],
    removeRewatched: [document.getElementById("TimesRWMinus"),"inputRW"]
}

const signInButton=document.getElementById("sign_in");

function addEp(tag,target) {
    tag.addEventListener("click",()=>{
        const inputEpWatched = document.getElementById(target);
        var c = parseInt(inputEpWatched.value);
        if(isNaN(c)){
            c=0
        }
        c++;
        inputEpWatched.value = c;
        inputEpWatched.innerHTML = c;
    })
}

function removeEp(tag,target){
    tag.addEventListener("click",()=>{
        const inputEpWatched = document.getElementById(target);
        var c = parseInt(inputEpWatched.value);
        if(isNaN(c) || c===0){
            return
        }
        c--;
        inputEpWatched.value = c;
        inputEpWatched.innerHTML = c;
    })
}

for(const tag in addbuttons){
    addEp(addbuttons[tag][0],addbuttons[tag][1]);
}

for(const tag in minusButtons){
    removeEp(minusButtons[tag][0],minusButtons[tag][1]);
}
signInButton.addEventListener("click",()=>{
    chrome.tabs.create({ url: "https://anilist.co/api/v2/oauth/authorize?client_id=5474&response_type=token" })
});

function changeInner(a,b){
    if(a.length>14){
        document.getElementById("animeTitle").innerHTML=a.slice(0,11)+"...";
    }else{
        document.getElementById("animeTitle").innerHTML=a;
    }
    document.getElementById("animeNameFull").innerHTML=a;
    document.getElementById("coverImg").style.backgroundImage=`url(${b})`;
};
chrome.storage.sync.get(['titleEnglish','coverImage',"auth_token"], function(result) {
    if("auth_token" in result){
        signInButton.innerHTML="Log Out";
        signInButton.id="signed_in";
    }
    tempAD.coverImage=result.coverImage;tempAD.titleEnglish=result.titleEnglish;
    changeInner(result.titleEnglish,result.coverImage);
});

let tempADOC={
    key:null,
    coverImage:null,
    titleEnglish:null,
};


`Changes the storage values when any change from content.js`
chrome.storage.onChanged.addListener(()=>{
    chrome.storage.sync.get(['titleEnglish','coverImage'], function(result) {
        tempADOC.titleEnglish=result.titleEnglish;tempADOC.coverImage=result.coverImage;
        changeInner(result.titleEnglish,result.coverImage);
    });
})

function updateUser(stat){
    let query =`
      mutation ($mediaId: Int, $status: MediaListStatus,$score: Int) {
        SaveMediaListEntry (mediaId: $mediaId, status: $status, scoreRaw: $score) {
            id
            status,
            progress
        }
      }
      `;
      let id=null;
      chrome.storage.sync.get([latestAnime],(result)=>{
        id=result.latestAnime
      });
      let variables = stat;
  
      requestAnilist(query,variables)
  }


//const changeLang=document.getElementById("sign_in");


/*function toLang(){
    changeLang.innerHTML=`Current Language is (${currentLang})`;
    changeLang.addEventListener("click",()=>{
        
    })
}*/

//aayio sir hinthi nahi aata