src/main/java/us/jts/commander/FourWaySplitter.java

/*
 * Copyright (c) 2013-2014, JoshuaTree Software. All rights reserved.
 */

package us.jts.commander;

import com.googlecode.wicket.jquery.ui.kendo.splitter.IBorderLayout;
import com.googlecode.wicket.jquery.ui.kendo.splitter.SplitterBehavior;
import org.apache.wicket.MarkupContainer;

/**
 * @author Shawn McKinney
 * @version $Rev$
 * Date: 5/21/13
 */
public class FourWaySplitter implements IBorderLayout
{
    private String listPercentage;
    private String detailPercentage;

    public FourWaySplitter()
    {
        //init( "65", "26" );
        init( "64", "36" );
    }

    public FourWaySplitter(String listPercentage, String detailPercentage)
    {
        init(listPercentage, detailPercentage);
    }

    private void init(String listPercentage, String detailPercentage)
    {
        this.listPercentage = listPercentage;
        this.detailPercentage = detailPercentage;

    }

    public void addBorderLayout(MarkupContainer container)
    {
        //container.add(new SplitterBehavior("#vertical").setOption("panes", this.getVerticalPanes()).setOption("orientation", "'vertical'"));
        //new SplitterBehavior("#vertical").setOption("panes", this.getVerticalPanes()).setOption("orientation", "'vertical'")
        SplitterBehavior vertical = new SplitterBehavior("#vertical");
        vertical.setOption("panes", this.getVerticalPanes()).setOption("orientation", "'vertical'");
        // This jumbles the splitter view:
        //vertical.setOption("cookie", "splitter1");
        container.add(vertical);
        //container.add(new SplitterBehavior("#horizontal").setOption("panes", this.getHorizontalPanes()));
        SplitterBehavior horizontal = new SplitterBehavior("#horizontal");
        horizontal.setOption("panes", this.getHorizontalPanes());
        container.add(horizontal);
        // does not work:
        //horizontal.setOption("cookie", "splitter2");
        /*
        SplitterBehavior verticalSplitter = new SplitterBehavior("#vertical");
        verticalSplitter.setOption("orientation", "'vertical'");
        verticalSplitter.setOption("min", "'400px'");
        verticalSplitter.setOption("max", "'800px'");
        verticalSplitter.setOption("height", "'100%'");
        verticalSplitter.setOption("size", "'60px'");
        verticalSplitter.setOption("collapsible", "'false'");
        container.add(verticalSplitter);
        */

        /*
        SplitterBehavior horizontalSplitter = new SplitterBehavior("#horizontal");
        horizontalSplitter.setOption("orientation", "'horizontal'");
        horizontalSplitter.setOption("min", "'400px'");
        horizontalSplitter.setOption("max", "'800px'");
        horizontalSplitter.setOption("height", "'100%'");
        horizontalSplitter.setOption("size", "'20%'");
        horizontalSplitter.setOption("collapsible", "'true'");
        container.add(horizontalSplitter);
        */


        //container.add(new SplitterBehavior("#vertical").setOption("panes", this.getVerticalPanes()).setOption("orientation", "'vertical'"));
        //container.add(new SplitterBehavior("#horizontal").setOption("panes", this.getHorizontalPanes()));
    }

    @Override
    public String getVerticalPanes()
    {
        //return "[ { resizable: false, size: '25%' }, {  }, { collapsible: true, size: '25%' } ]";
        //return "[ { resizable: false, size: '15%' }, { resizable: true, size: '70%' }, { collapsible: true, size: '15%' } ]";
        //return "[ { collapsible: true, resizable: false, size: '50px', min: '50px', max: '50px', scrollable: false }, { resizable: true, size: '80%' }, { collapsible: true, size: '5%', min: '50px'} ]";
        //return "vertical";
        //return "[ { collapsible: true, resizable: false, size: '50px', min: '50px', max: '50px', scrollable: false }, { resizable: true, size: '80%' }, { collapsible: true, size: '5%', min: '50px'} ]";
        return "[ { collapsible: true, size: '92%' }, { collapsible: true, size: '8%'} ]";
    }

    @Override
    public String getHorizontalPanes()
    {
        //return "[ { size: '15%' }, { }, { size: '15%' } ]";
        //return "[ { collapsible: true, size: '78%' }, { size: '20%', max: '300px' } ]";
        //return "[ { collapsible: true, size: '78%' }, { collapsible: true, size: '20%', min: '200px', max: '300px' } ]";
        //return "[ { collapsible: true, size: '80%' }, { collapsible: true, size: '18%'} ]";
        //return "[ { collapsible: true, resizable: false, size: '85px', min: '85x', max: '85px'}, { collapsible: true, size: '65%' }, { collapsible: true, size: '26%'} ]";
        return "[ { collapsible: true, resizable: false, size: '85px', min: '85x', max: '85px'}, { collapsible: true, size: '" + this.listPercentage + "%' }, { collapsible: true, size: '" + this.detailPercentage + "%'} ]";
    }
}