mirrorjs.js

var firstComponent;
var secondComponent;
var leftbar = ['Health','Outfit','Stocks','Music','TV'];
var leftbaropen = [null,null,null,null,null]

function click_tab(tab){
    tab_general.hexcolor = "#444";
    tab_google.hexcolor = "#444";
    tab_wifi.hexcolor = "#444";
    content_general.visible = false;
    content_google.visible = false;
    content_wifi.visible = false;
    if (tab == "General"){
        if (tab_general.hexcolor == "#444"){
            tab_general.hexcolor = "#fff";
            content_general.visible = true;
        }
    }
    else if (tab == "Google"){
        if (tab_google.hexcolor == "#444"){
            tab_google.hexcolor = "#fff";
            content_google.visible = true;
        }
    }
    else{
        if (tab_wifi.hexcolor == "#444"){
            tab_wifi.hexcolor = "#fff";
            content_wifi.visible = true;
        }
    }
}

function click_secondlevel(app){
    var healthopen = thirdHealth.visible;
    var outfitopen = thirdOutfit.visible;
    var stocksopen = thirdStocks.visible;
    var preferencesopen = thirdPreferences.visible;
    var ctaopen = thirdCTA.visible;
    var calendaropen = thirdCalendar.visible;
    var todoopen = thirdTodo.visible;

    thirdHealth.visible = false;
    thirdOutfit.visible = false;
    thirdStocks.visible = false;
    thirdPreferences.visible = false;
    thirdCTA.visible = false;
    thirdCalendar.visible = false;
    thirdTodo.visible = false;
    secondHealth.hexcolor = "#222";
    secondOutfit.hexcolor = "#222";
    secondStocks.hexcolor = "#222";
    firstPreferences.hexcolor = "#444";
    firstCTA.hexcolor = "#444";
    firstCalendar.hexcolor = "#444";
    firstTodo.hexcolor = "#444";
    if (secondHealth.visible){
        firstHealth.hexcolor = "#222";
    }
    if (secondOutfit.visible)
        firstOutfit.hexcolor = "#222";
    if (secondStocks.visible)
        firstStocks.hexcolor = "#222";

    if (app == "Health"){
        thirdHealth.visible = !healthopen;
        if (thirdHealth.visible){
            secondHealth.hexcolor = "#000";
            firstHealth.hexcolor = "#000";
        }
        else{
            secondHealth.hexcolor = "#222";
            firstHealth.hexcolor = "#222";
        }
    }
    else if (app == "Outfit"){
        thirdOutfit.visible = !outfitopen;
        if (thirdOutfit.visible){
            secondOutfit.hexcolor = "#000";
            firstOutfit.hexcolor = "#000";
        }
        else{
            secondOutfit.hexcolor = "#222";
            firstOutfit.hexcolor = "#222";
        }
    }
    else if(app == "Stocks"){
        thirdStocks.visible = !stocksopen;
        if (thirdStocks.visible){
            secondStocks.hexcolor = "#000";
            firstStocks.hexcolor = "#000";
        }
        else{
            secondStocks.hexcolor = "#222";
            firstStocks.hexcolor = "#222";
        }
    }
    else if(app == "CTA"){
        thirdCTA.visible = !ctaopen;
        if (thirdCTA.visible){
            firstCTA.hexcolor = "#000";
        }
        else{
            firstCTA.hexcolor = "#444";
        }
    }
    else if(app == "Calendar"){
        thirdCalendar.visible = !calendaropen;
        if (thirdCalendar.visible){
            firstCalendar.hexcolor = "#000";
        }
        else{
            firstCalendar.hexcolor = "#444";
        }
    }
    else if(app == "Todo List"){
        thirdTodo.visible = !todoopen;
        if (thirdTodo.visible){
            firstTodo.hexcolor = "#000";
        }
        else{
            firstTodo.hexcolor = "#444";
        }
    }
    else{
        thirdPreferences.visible = !preferencesopen;
        if (thirdPreferences.visible){
            firstPreferences.hexcolor = "#000";
        }
        else{
            firstPreferences.hexcolor = "#444";
        }
    }
}

function click_icon(app){
    var yPos = 0;
    var open = 0;
    var count = 0;
    //console.log(leftbaropen.length);
    //while (leftbar[count] != app && count < 4){
     //   ++count;
    //}
    if (app == "Health"){
        if (secondHealth.visible == false){
            firstHealth.hexcolor = "#222";
            secondHealth.visible = true;
        }
        else{
            firstHealth.hexcolor = "#444";
            secondHealth.visible = false;
            if (thirdHealth.visible){
                secondHealth.hexcolor = "#222";
                thirdHealth.visible = false;
            }
        }
    }
    else if(app == "Outfit"){
        if (secondOutfit.visible == false){
            firstOutfit.hexcolor = "#222";
            secondOutfit.visible = true;
        }
        else{
            firstOutfit.hexcolor = "#444";
            secondOutfit.visible = false;
            if (thirdOutfit){
                thirdOutfit.visible = false;
                secondOutfit.hexcolor = "#222";
            }
        }
    }
    else if(app == "Stocks"){
        if (secondStocks.visible == false){
            firstStocks.hexcolor = "#222";
            secondStocks.visible = true;
        }
        else{
            firstStocks.hexcolor = "#444";
            secondStocks.visible = false;
            if (thirdStocks.visible){
                thirdStocks.visible = false;
                secondStocks.hexcolor = "#222";
            }
        }
    }
    else if(app == "Weather"){
        if (secondWeather.visible == false){
            secondWeather.visible = true;
        }
        else{
            secondWeather.visible = false;
        }
    }
    else if(app == "Music"){
        if (secondMusic.visible == false){
            if(secondTV.visible == true){
                firstTV.hexcolor = "#444";
                secondTV.visible = false;
            }
            firstMusic.hexcolor = "#000";
            secondMusic.visible = true;
        }
        else{
            firstMusic.hexcolor = "#444";
            secondMusic.visible = false;
        }
    }
    else if(app == "TV"){
        if (secondTV.visible == false){
            if(secondMusic.visible == true){
                firstMusic.hexcolor = "#444";
                secondMusic.visible = false;
            }
            firstTV.hexcolor = "#000";
            secondTV.visible = true;
        }
        else{
            firstTV.hexcolor = "#444";
            secondTV.visible = false;
        }
    }
    else{
        thirdHealth.visible = false;
        thirdOutfit.visible = false;
        thirdStocks.visible = false;
        if (!thirdPreferences.visible){
            firstPreferences.hexcolor = "#000";
            thirdPreferences.visible = true;
        }
        else{
            firstPreferences.hexcolor = "#444";
            thirdPreferences.visible = false;
        }
    }

    /*
    if (leftbaropen[count] != null){
        open = 1;
        console.log("Does this work? " + leftbaropen[count]);
        leftbaropen[count].destroy();
        leftbaropen[count] = null;
    }
    else{
        yPos = 110 + count*110;
        if (count == 4){
            yPos-=110;
        }
    //  leftbar[count].color = "#000";
    }
    if (open == 0){
        var path;
        if (count < 3){
            path = "../mirror/WindowSize2.qml";
        }
        else{
            path = "../mirror/Music_TV_Window.qml";
            if (count == 3){
                console.log("3 was created 4=" + leftbaropen[4]);
                if (leftbaropen[4] != null){
                    console.log("4 should be deleted");
                    leftbaropen[4].destroy();
                    leftbaropen[4] = null;
                }
            }
            else{
                console.log("4 was created 3=" + leftbaropen[3]);
                if (leftbaropen[3] != null){
                    console.log("3 should be deleted");
                    leftbaropen[3].destroy();
                    leftbaropen[3] = null;
                }
            }
        }
        if (secondComponent == null)
            secondComponent = Qt.createComponent(path);

        if (secondComponent.status == Component.Ready) {
            var dynamicObject2 = secondComponent.createObject(home);
            if (dynamicObject2 == null) {
                console.log("error creating click");
                console.log(component.errorString());
                return false;
            }
            dynamicObject2.x = 70;
            dynamicObject2.y = yPos;
            dynamicObject2.iden = app + count;
            if (count == 3)
                dynamicObject2.color = "#134089";
            console.log(leftbaropen[count]);
            leftbaropen[count] = dynamicObject2;
            console.log(leftbaropen[count]);
        } else {
            console.log("error loading click component");
            console.log(component.errorString());
            return false;
        }
    }
    console.log(count);
    for (var i = 0; i < leftbaropen.length; ++i){
        console.log("leftbaropen[" + i + "] = " + leftbaropen[i]);
    }
    */
}