CoolFace
Apppublic

LMartinezEXEX/prueba

sourceHugging Faceupdated 4y agoView on Hugging Face
0likes
index.js115 linesDownload Raw Back to javascript
1var language = "spanish"2function translatePage() {3    var data4    var links5    if (language === "spanish") {6        data = english_data7        links = english_links8 9        document.getElementById("translate").innerHTML = "<img id=\"flag-translate\" src=\"images/spain.png\" alt=\"\"> Español"10        language = "english"11    } else {12        data = spanish_data13        links = spanish_links14 15        document.getElementById("translate").innerHTML = "<img id=\"flag-translate\" src=\"images/united-states.png\" alt=\"\"> English"16        language = "spanish"17    }18 19    displayElements(language)20    21 22    // Head23    document.getElementById("subname").innerHTML = data['toolSubname']24    document.getElementById("intro_1").innerHTML = data['introduction_1']25    document.getElementById("intro_2").innerHTML = data['introduction_2']26 27    // Main buttons28    document.getElementById("hf").innerHTML = data['hf_btn']29    document.getElementById("ccad").innerHTML = data['ccad_btn']30    document.getElementById("tutorial").innerHTML = data['tutorial_btn']31 32    // Cards33 34        // Word bias35 36            // Labels37    document.getElementById("word-bias-title").innerHTML = data['wordBias']['title']38    document.getElementById("word-bias-description").innerHTML = data['wordBias']['description']39    document.getElementById("word-bias-tutorial").innerHTML = data['wordBias']['tutorial']40    document.getElementById("word-bias-manual-1").innerHTML = data['wordBias']['manual-1']41    document.getElementById("word-bias-manual-2").innerHTML = data['wordBias']['manual-2']42    43            // Buttons href44    document.getElementById('word-bias-demo').href = links['wordBias']['demo']45    document.getElementById("word-bias-tutorial").href = links['wordBias']['tutorial']46    document.getElementById("word-bias-manual-1").href = links['wordBias']['manual-1']47    document.getElementById("word-bias-manual-2").href = links['wordBias']['manual-2']48 49        // Phrase bias50 51            // Labels52    document.getElementById("phrase-bias-title").innerHTML = data['phraseBias']['title']53    document.getElementById("phrase-bias-description").innerHTML = data['phraseBias']['description']54    document.getElementById("phrase-bias-tutorial-1").innerHTML = data['phraseBias']['tutorial-1']55    document.getElementById("phrase-bias-tutorial-2").innerHTML = data['phraseBias']['tutorial-2']56    document.getElementById("phrase-bias-manual-1").innerHTML = data['phraseBias']['manual-1']57    document.getElementById("phrase-bias-manual-2").innerHTML = data['phraseBias']['manual-2']58 59            // Buttons href60    document.getElementById('phrase-bias-demo').href = links['phraseBias']['demo']       61    document.getElementById("phrase-bias-tutorial-1").href = links['phraseBias']['tutorial-1']62    document.getElementById("phrase-bias-tutorial-2").href = links['phraseBias']['tutorial-2']63    document.getElementById("phrase-bias-manual-1").href = links['phraseBias']['manual-1']64    document.getElementById("phrase-bias-manual-2").href = links['phraseBias']['manual-2']65 66        // Data bias67 68            //Labels69    document.getElementById("data-bias-title").innerHTML = data['dataBias']['title']70    document.getElementById("data-bias-description").innerHTML = data['dataBias']['description']71    document.getElementById("data-bias-tutorial").innerHTML = data['dataBias']['tutorial']72    document.getElementById("data-bias-manual").innerHTML = data['dataBias']['manual']73 74    document.getElementById("data-bias-demo").href = links['dataBias']['demo']75    document.getElementById("data-bias-tutorial").href = links['dataBias']['tutorial']76    document.getElementById("data-bias-manual").href = links['dataBias']['manual']77 78    // Footer79    document.getElementById("footer-description").innerHTML = data['footer']80}81 82function displayElements(language) {83    // Hide elements when in English version84    if (language === "english") {85 86        // HugginfFace button87        document.getElementById("hf").style.display = 'none'88 89        // Word bias manuals90        document.getElementById("word-bias-manual-1").style.visibility = 'hidden'91        document.getElementById("word-bias-manual-2").style.visibility = 'hidden'92 93        // Phrase bias manuals94        document.getElementById("phrase-bias-manual-1").style.visibility = 'hidden'95        document.getElementById("phrase-bias-manual-2").style.visibility = 'hidden'96 97        // Data bias card98        document.getElementById("data-bias-card").style.display = 'none'99    } else {100 101        // HugginfFace button102        document.getElementById("hf").style.display = 'block'103 104        // Word bias manuals105        document.getElementById("word-bias-manual-1").style.visibility = 'visible'106        document.getElementById("word-bias-manual-2").style.visibility = 'visible'107 108        // Phrase bias manuals109        document.getElementById("phrase-bias-manual-1").style.visibility = 'visible'110        document.getElementById("phrase-bias-manual-2").style.visibility = 'visible'111 112        // Data bias card113        document.getElementById("data-bias-card").style.display = 'block'114    }115}