import { applet_builder, applet_animations } from "./applet.js";

document.addEventListener("DOMContentLoaded", () => {
    const submissions_panel = document.querySelector(".left-bar");  
    const submissions_panel_swap = submissions_panel.querySelector(".open-it");
    
    const submissions_applet_builder = new applet_builder();
    submissions_applet_builder.minimalise = submissions_panel_swap;
    submissions_applet_builder.maximalise = submissions_panel_swap;
    submissions_applet_builder.target = submissions_panel;
    submissions_applet_builder.animation = applet_animations.hide_left;

    const submissions_applet = submissions_applet_builder.build();

    const elements_panel = document.querySelector(".elements-bar");
    const elements_panel_swap = elements_panel.querySelector(".open-it");

    const elements_panel_builder = new applet_builder();
    elements_panel_builder.minimalise = elements_panel_swap;
    elements_panel_builder.maximalise = elements_panel_swap;
    elements_panel_builder.target = elements_panel;
    elements_panel_builder.animation = applet_animations.hide_right;

    const elements_applet = elements_panel_builder.build();

    const submission_description 
    = document.querySelector(".submission-description");

    const submission_description_open 
    = document.querySelector(".submission-name-bar");

    const submission_description_close
    = submission_description.querySelector(".close-it");

    const submission_description_builder = new applet_builder();
    submission_description_builder.minimalise = submission_description_close;
    submission_description_builder.maximalise = submission_description_open;
    submission_description_builder.target = submission_description;
    submission_description_builder.animation 
    = applet_animations.hide_opacity_generator(500);
    
    const submission_description_applet
    = submission_description_builder.build();
});