class TodoView{
    constructor(){
        this.menu_expanded = false;

        this.projects_btn = document.getElementById("projects-btn");
        this.about_btn = document.getElementById("about-btn");

        this.pin_board = document.getElementById("pin-board");
        this.about_page = document.getElementById("about-page");
    }

    expandProjectsMenu() {
        let gear_img = document.getElementById("img-gear");

        if(this.menu_expanded)
            gear_img.style = "transform: rotate(0deg)";
        else
            gear_img.style = "transform: rotate(360deg)";

        this.menu_expanded = !this.menu_expanded;
    }

    openAbout() {
        this.pin_board.setAttribute("style", "transform: translateX(100vw);");
        this. about_page.setAttribute("style", "transform: translateX(0vw);");
    }
}

export default TodoView;