package lectures.mvc.toolkit;
import util.annotations.WebDocuments;

import java.awt.GridLayout;
import java.beans.PropertyChangeListener;

import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JProgressBar;
import javax.swing.JSlider;
import javax.swing.JTextField;

import bus.uigen.ObjectEditor;

 * An exercise in creating our own view and controller, based not on console I/O
 * but Toolkit I/O, which supports GUIS
 * Run and interact with the program to see the two GUIS created, one by our view and controller
 * and one by that of ObjectEditor and notice that the two UIs remain in sync, thanks to a common
 * observable model

 * The controller and view are responsible f * reacting to input and refreshing the display
 * in response to model changes once the GUI is created.

 * The task of creating the GUI is a a separate one, which we will do in this composer object
 * We are essentially creating a widget tree of the kind we saw in an earlier application

 * These variables create nodes of the widget/window tree
@WebDocuments({"Lectures/MvcToolkit.pptx", "Lectures/MvcToolkit.pdf", "Videos/MvcToolkit.avi"})
public class BMIFrameAndMVCComposer {
    static JFrame frame = new JFrame("BMI Spreadsheet");
    static JTextField heightField = new JTextField();
    static JLabel heightLabel = new JLabel("Height:");
    static JPanel heightPanel = new JPanel();
    static JTextField weightField = new JTextField();
    static JLabel weightLabel = new JLabel("Weight:");
    static JPanel weightPanel = new JPanel();
    static JSlider bmiSlider = new JSlider();
    static JProgressBar bmiProgressBar = new JProgressBar();
    static JPanel bmiPanel = new JPanel();  
    public static void main (String args[]) {
        //compose the widget nodes into a tree
        composeLabelledField(heightPanel, heightLabel, heightField);
        composeLabelledField(weightPanel, weightLabel, weightField);
        // compose the model and view and controller
    public static void composeLabelledField(JPanel aPanel, 
                             JLabel aLabel, JTextField aField) {
        aPanel.setLayout(new GridLayout(1, 2)); // align the components of aPanel in a row with two columns
    public static void composeBMI() {
        bmiPanel.setLayout(new GridLayout(1, 2));
    public static void composeFrame() {
        frame.setLayout(new GridLayout(3, 1));
        frame.setSize(250, 150);
    public static void composeMVC() {
        ObservableBMISpreadsheet aBMISpreadsheet = new AnObservableBMISpreadsheet(1.77, 75);
        // The controller needs to react to events in height and weight field, it can 
        // ignore the rest of the widget tree
        new ABMISpreadsheetController(aBMISpreadsheet, heightField, weightField);
        // The view needs access to all lead level nodes showing updatable values
        PropertyChangeListener bmiSpreadsheetView = 
            new ABMISpreadsheetView(heightField, weightField, bmiSlider, bmiProgressBar);
        // Make the view an observer of the model
        // This is a separate MVC composition

// Go to the controller (F3 on ABMISpreadsheetController)