Timeline.pde

class Timeline {

    float x;
    float y;
    float w;
    float h;

    float percentage;
    boolean hovered;

    public Timeline(float x, float y, float w, float h) {
        this.x = x;
        this.y = y;
        this.w = w;
        this.h = h;

        this.percentage = 0;
        
        this.hovered = false;
    }

    public void setPercentage(float percentage) {
        this.percentage = constrain(percentage, 0, 1);
    }

    public void handleMouseInput() {
        // Check if mouse is inside the box
        final float x2 = this.x + this.w;
        
        this.hovered = mouseX > this.x && mouseX < x2 && mouseY > this.y && mouseY < this.y + this.h;
        
        if (this.hovered) {
            if (mousePressed) {
                final float new_percentage = map(mouseX, this.x, x2, 0, 1);
                this.setPercentage(new_percentage);

                final int new_gi = (int) map(new_percentage, 0, 1, 0, man.organizedMessagesList.size());

                if (gi < new_gi) {
                    while (gi < new_gi) {
                        int di = gi % man.organizedMessagesList.size();
                        MessageData current = man.organizedMessagesList.get(di);
                        processCurrentmessageData(current);
                        gi++;
                    }
                } else {
                    gi = new_gi;
                    currentTimestamp = man.organizedMessagesList.get(gi).timestamp;
                }
            }
        }
    }
}