package org.litesoft.GWT.forms.client.components.impls.input;

import org.litesoft.GWT.client.*;
import org.litesoft.GWT.client.widgets.*;
import org.litesoft.core.simpletypes.*;
import org.litesoft.core.util.*;
import org.litesoft.uispecification.*;

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

public class FormImageSelectOptions extends FormImageSelector implements ResourceKeyNameURLsAvailableCallback
{
    private ResourceKeyNameURLprovider mProvider;
    private SimplePanel mPopupListWrapper;
    private PointXY mPointXY;

    public FormImageSelectOptions( String pFieldLabel, UiFont pLabelFont, String pTooltip, boolean pViewOnly,
                                   ResourceKeyNameURLprovider pProvider, Integer pInitialWidth,
                                   boolean pWidthNotStretchable, Integer pInitialHeight,
                                   boolean pHeightNotStretchable )
    {
        super( pFieldLabel, pLabelFont, pTooltip, pViewOnly, pInitialWidth, pWidthNotStretchable,
               pInitialHeight, pHeightNotStretchable );
        mProvider = pProvider;
        mPickerButtonTooltip = "Select Image from List";

        DialogBox zDialogBox = new DialogBox( true );
        zDialogBox.add( buildPickerPanel() );
        zDialogBox.setText( mPickerButtonTooltip );
        mPickerButton.setTitle( mPickerButtonTooltip );
        DOM.setStyleAttribute( mPickerButton.getElement(), "cursor", "pointer" );
        setPicker( zDialogBox );
    }

    public Object getCurrentValue()
    {
        return getCurrentResourceKeyNameURL();
    }

    public void setCurrentValue( Object pNewValue )
    {
        setCurrentResourceKeyNameURL(
                (pNewValue instanceof ResourceKeyNameURL) ? (ResourceKeyNameURL) pNewValue : null );
    }

    private Widget buildPickerPanel()
    {
        VerticalPanel zListPanel = new VerticalPanel();
        zListPanel.setHorizontalAlignment( HasHorizontalAlignment.ALIGN_CENTER );
        mPopupListWrapper = new SimplePanel();
        mPopupListWrapper.setHeight( "200" );
        DOM.setStyleAttribute( mPopupListWrapper.getElement(), "overflow", "auto" );
        DOM.setStyleAttribute( mPopupListWrapper.getElement(), "borderBottom", "solid 1px black" );

        zListPanel.add( mPopupListWrapper );
        zListPanel.add( new Spacer( 5 ) );
        zListPanel.add( buildButtonPanel() );
        return zListPanel;
    }

    private Widget buildButtonPanel()
    {
        Button zCancel = new Button( "Cancel" );
        zCancel.addClickListener( new ClickListener()
        {
            public void onClick( Widget sender )
            {
                mPicker.hide();
            }
        } );

        return zCancel;
    }

    private int mSelectedIndx = -1;

    protected void LLshowPicker( PointXY pPointXY )
    {
        switchToLoading();

        mPointXY = pPointXY;

        ResourceKeyNameURL[] zURLs = mProvider.getLocalResourceKeyNameURLs();

        if ( zURLs != null )
        {
            resourceKeyNameURLsAvailable( zURLs );
        }
        else
        {
            mProvider.requestResourceKeyNameURLs( this );
        }
    }

    public void resourceKeyNameURLsAvailable( ResourceKeyNameURL[] pResourceKeyNameURLs )
    {
        ListGrid zListGrid = new ListGrid( pResourceKeyNameURLs );
        zListGrid.clearSelectedRow();
        HTMLTable.RowFormatter zRowFormatter = zListGrid.getOurRowFormatter();

        if ( mSelectedIndx >= 0 )
        {
            zRowFormatter.addStyleName( mSelectedIndx, "ItemRow-Selected" );
        }
        mPopupListWrapper.setWidget( zListGrid );

        super.LLshowPicker( mPointXY );

        restoreFromLoading();
    }

    public void resourceRequestFailed( ResourceOptionsErrorType pErrorType, String pErrorText )
    {
        restoreFromLoading();
        pickerClosed( true );
        String zNIA = "No Images Available";
        String zBody = zNIA;
        String zDetail = null;
        if ( pErrorType != null )
        {
            switch ( pErrorType )
            {
                default:
                case ErrorReferenceNotFound:
                case ErrorNullReturned:
                case ErrorNotResourceOptions:
                case ErrorNotImplemented:
                    pErrorText = DeCamelizer.resolve( pErrorType.toString() );
                    // Fall Thru
                case ErrorOther:
                    zDetail = pErrorText;
                    zBody += "\n\nServer Error";
                    break;
                case NoneAvailable:
                    zBody += "\n\nPlease Upload Image(s) to Server";
                    break;
            }
        }
        AlertManager.alert( "FISO", zNIA, zBody, zDetail );
    }

    private String mCurrentTooltip;

    private void switchToLoading()
    {
        mCurrentTooltip = mPickerButtonTooltip;
        mPickerButton.setTitle( "Loading..." );
        DOM.setStyleAttribute( mPickerButton.getElement(), "cursor", "wait" );
    }

    private void restoreFromLoading()
    {
        mPickerButton.setTitle( mCurrentTooltip );
        DOM.setStyleAttribute( mPickerButton.getElement(), "cursor", "pointer" );
    }

    private class ListGrid extends TightGrid
    {
        private ResourceKeyNameURL[] mResources;
        private RowFormatter mRowFormatter;

        public ListGrid( ResourceKeyNameURL[] pURLs )
        {
            super( pURLs.length, 2 );
            mResources = pURLs;

            for ( int i = 0; i < pURLs.length; i++ )
            {
                ResourceKeyNameURL zURL = pURLs[i];

                SizeableDualImage zImage = new SizeableDualImage( zURL.getURL() );
                zImage.setImageSize( 64, 48 );
                Label zLabel = new Label( zURL.getValue() );
                zLabel.addStyleName( "FormSelectorImageRowLabel" );
                setWidget( i, 0, zImage );
                setWidget( i, 1, zLabel );

                mRowFormatter = getRowFormatter();

                if ( i % 2 == 0 )
                {
                    mRowFormatter.addStyleName( i, "FormSelectorImageItem-reg" );
                }
                else
                {
                    mRowFormatter.addStyleName( i, "FormSelectorImageItem-alt" );
                }
            }

            sinkEvents( Event.ONCLICK | Event.ONMOUSEOVER | Event.ONMOUSEOUT );
        }

        public RowFormatter getOurRowFormatter()
        {
            return mRowFormatter;
        }

        private ResourceKeyNameURL getResource( int pIndex )
        {
            if ( (pIndex >= 0) && (pIndex <= mResources.length) )
            {
                return mResources[pIndex];
            }
            else
            {
                return null;
            }
        }

        private void clearSelectedRow()
        {
            for ( int i = 0; i < getRowCount(); i++ )
            {
                String zStyle = mRowFormatter.getStyleName( i );
                if ( zStyle.indexOf( "ItemRow-Selected" ) >= 0 )
                {
                    mRowFormatter.removeStyleName( i, "ItemRow-Selected" );
                }
            }
        }

        public void onBrowserEvent( Event event )
        {
            int zIndx = getRowIndexForEvent( event );

            switch ( DOM.eventGetType( event ) )
            {
                case Event.ONCLICK:
                {
                    mSelectedIndx = zIndx;

                    mPicker.hide();
                    mRowFormatter.removeStyleName( zIndx, "ItemRow-Mouseover" );
                    final ResourceKeyNameURL zResource = getResource( zIndx );
                    DeferredCommand.addCommand( new Command()
                    {
                        public void execute()
                        {
                            setCurrentValue( zResource );
                        }
                    } );

                    break;
                }
                case Event.ONMOUSEOVER:
                {
                    mRowFormatter.addStyleName( zIndx, "ItemRow-Mouseover" );
                    break;
                }
                case Event.ONMOUSEOUT:
                {
                    mRowFormatter.removeStyleName( zIndx, "ItemRow-Mouseover" );
                    break;
                }
                default:
                {
                    // Do nothing
                }
            }
        }

        private int getRowIndexForEvent( Event event )
        {
            Element td = getEventTargetCell( event );
            if ( td == null )
            {
                return -1;
            }
            Element tr = DOM.getParent( td );
            Element body = DOM.getParent( tr );
            return DOM.getChildIndex( body, tr );
        }
    }
}