package com.test.uidesign.client;

import org.litesoft.GWT.client.*;
import org.litesoft.GWT.client.widgets.*;
import org.litesoft.commonfoundation.typeutils.*;
import org.litesoft.commonfoundation.typeutils.gregorian.*;
import org.litesoft.ui.*;

import com.google.gwt.event.dom.client.*;
import com.google.gwt.user.client.*;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.*;

import static org.litesoft.ui.CompassPoint.*;

public class UIdesign extends AbstractClientMainAppEntryPoint {
    private Widget createMainWidget() {
//        AccordionVerticalPairPanel zAVP = new AccordionVerticalPairPanel();
//        SizeableBorderedHorizontalSplitPairPanel zPairPanel = new SizeableBorderedHorizontalSplitPairPanel().stretchable();
//        zPairPanel.add(new SizeableScrollPanel(zAVP));
//        zPairPanel.add(new PersonalInfoForm());
////        return new OrigFormComponents();
////        return new PersonalInfoForm();
////        return new Button( "Test" );
//        SizeableVerticalPanel zPanel = new SizeableVerticalPanel().stretchable();
//        zPanel.add(zPairPanel);
//        zPanel.add(new Spacer(15));
//        zPanel.add(createButtonPanel(zAVP));
//        return new SizeableSimplePanel(zPanel).stretchable().style("MainPageIndent");
        return new SizeableSimplePanel( new PersonalInfoForm() ).stretchable().style( "MainPageIndent" );
    }

    public UIdesign() {
        super( new AppNames( "UIdesign" ) );
    }

    @Override
    public void onAppLoad() {
        super.onAppLoad();

        replaceAppPanel();

        WindowSizingPanel.setContent( createMainWidget() );

        System.err.println( new UtilDateAdaptor() + " | Application Client Ready" );
    }

    private static Widget createSubordinateWidget( int pRows ) {
        if ( pRows == 0 ) {
            return null;
        }
        VerticalPanel zPanel = new VerticalPanel();
        for (; pRows > 0; pRows-- ) {
            zPanel.add( createSubordinateRow( pRows ) );
        }
        return zPanel;
    }

    private static Widget createSubordinateRow( int pRows ) {
        HorizontalPanel zPanel = new HorizontalPanel();
        zPanel.add( new Spacer().width( 15 ) );
        zPanel.add( new Label( Strings.dupChars( '*', pRows ) ) );
        zPanel.add( new Spacer().width( 15 ) );
        return zPanel;
    }

    private static AccordionVerticalPairPanel.WidgetPair createWidgetPair( AccordionVerticalPairPanel pAVP ) {
        int zRows = (int) (System.currentTimeMillis() & 31);
        Widget zSubordinateWidget = createSubordinateWidget( zRows );
        return new AccordionVerticalPairPanel.WidgetPair( createPrimeWidget( pAVP, zRows, zSubordinateWidget ), zSubordinateWidget );
    }

    private Widget createButtonPanel( final AccordionVerticalPairPanel pAVP ) {
        SizeableHorizontalPanel zPanel = new SizeableHorizontalPanel().stretchableHorizontally();
        zPanel.setVerticalAlignment( HasVerticalAlignment.ALIGN_BOTTOM );
        zPanel.add( new Button( "Clear", new ClickHandler() {
            @Override
            public void onClick( ClickEvent event ) {
                pAVP.clear();
            }
        } ) );
        zPanel.add( new SizeableSpacer().stretchableHorizontally() );
        zPanel.add( new CssInlineImageTestPanel( "Add" ) );
        zPanel.add( new Spacer( 4 ) );
        zPanel.add( new CssInlineImageTestPanel( "Subtract" ) );
        zPanel.add( new SizeableSpacer().stretchableHorizontally() );
        zPanel.add( new Button( "Add", new ClickHandler() {
            @Override
            public void onClick( ClickEvent event ) {
                pAVP.add( createWidgetPair( pAVP ) );
            }
        } ) );
        return zPanel;
    }

    private static Widget createPrimeWidget( final AccordionVerticalPairPanel pAVP, int pRows, final Widget pSubordinateWidget ) {
        final HorizontalPanel zPanel = new HorizontalPanel();
        zPanel.add( new Spacer().width( 15 ) );
        zPanel.add( new Button( "Remove", new ClickHandler() {
            @Override
            public void onClick( ClickEvent event ) {
                int zIndex = (pSubordinateWidget != null) ? pAVP.indexOfSubordinateWidget( pSubordinateWidget ) : pAVP.indexOfPrimeWidget( zPanel );
                pAVP.remove( zIndex );
            }
        } ) );
        zPanel.add( new Spacer().width( 5 ) );
        zPanel.add( new Label( "Row: " + pAVP.size() ) );
        zPanel.add( new Spacer().width( 15 ) );
        if ( pSubordinateWidget == null ) {
            zPanel.add( new Label( "No Details" ) );
        } else {
            zPanel.add( new Label( "(" + pRows + ")" ) );
            zPanel.add( new Spacer().width( 5 ) );
            zPanel.add( createShowHideButton( pAVP, pSubordinateWidget ) );
        }
        zPanel.add( new Spacer().width( 15 ) );

        return zPanel;
    }

    private static Button createShowHideButton( final AccordionVerticalPairPanel pAVP, final Widget pSubordinateWidget ) {
        final Button zButton = new Button( "Details" );
        zButton.addClickHandler( new ClickHandler() {
            private boolean mShowing;

            @Override
            public void onClick( ClickEvent event ) {
                pAVP.show( pSubordinateWidget, mShowing = !mShowing );
                zButton.setText( mShowing ? "Hide" : "Details" );
            }
        } );
        return zButton;
    }

    private static class CssInlineImageTestPanel extends Composite {
        private Element styleElement;

        public CssInlineImageTestPanel( String name ) {
            SimplePanel panel =
                    new SimplePanel( new NcellBorderedWidgets( "DataImgButton", new TransparentImage( "BgImageCell" ), new Spacer( 5 ), new TextCell( name ) ) );
            styleElement = panel.getElement();
            HorizontalPanel wrapper = new HorizontalPanel();
            wrapper.add( panel );
            wrapper.setStyleName( "Test" + name );
            initWidget( wrapper );
        }

        @Override
        protected Element getStyleElement() {
            return styleElement;
        }

        private static class TextCell extends Label {
            public TextCell( String text ) {
                super( text );
                setStyleName( "TextCell" );
            }
        }

        private static class NcellBorderedWidgets extends Composite {
            public NcellBorderedWidgets( String cssClassName, Widget... centerWidgets ) {
                String id = HTMLPanel.createUniqueId();
                StringBuilder sb = new StringBuilder( "<table cellpadding='0' cellspacing='0'>" );
                addRow( sb, NW, N, NE );
                addRow( sb, W, center, id, E );
                addRow( sb, SW, S, SE );
                sb.append( "</table>" );
                HTMLPanel panel = new HTMLPanel( sb.toString() );
                initWidget( panel );
                panel.add( createCenterWidget( centerWidgets ), id );
                setStyleName( cssClassName );
            }

            private void addRow( StringBuilder sb, CompassPoint... cps ) {
                sb.append( "<tr>" );
                for ( CompassPoint cp : cps ) {
                    addCell( sb, cp );
                }
                sb.append( "</tr>" );
            }

            private void addRow( StringBuilder sb, CompassPoint w, CompassPoint center, String id, CompassPoint e ) {
                sb.append( "<tr>" );
                addCell( sb, w );
                addCell( sb, center, id );
                addCell( sb, e );
                sb.append( "</tr>" );
            }

            private void addCell( StringBuilder sb, CompassPoint cp ) {
                sb.append( "<td class='CP_" ).append( cp.name() ).append( "'><img src='" ).append( TransparentImage.URL ).append( "'></td>" );
            }

            private void addCell( StringBuilder sb, CompassPoint cp, String id ) {
                sb.append( "<td class='CP_" ).append( cp.name() ).append( "' id='" ).append( id ).append( "'></td>" );
            }

            private Widget createCenterWidget( Widget[] centerWidgets ) {
                HorizontalPanel panel = new HorizontalPanel();
                panel.setVerticalAlignment( HasVerticalAlignment.ALIGN_MIDDLE );
                for ( Widget widget : centerWidgets ) {
                    panel.add( widget );
                }
                return panel;
            }
        }
    }
}