Subversion Repositories SmartDukaan

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
        xmlns:g='urn:import:com.google.gwt.user.client.ui' xmlns:mail='urn:import:in.shop2020.hotspot.dashbaord.client.inbox'>

        <ui:image field='gradient' src='gradient_bg_dark.png'
                repeatStyle='Horizontal' />


        <ui:style>
                .outer {
                        border-left: 1px solid #999;
                        border-bottom: 1px solid #999;
                        cursor: pointer;
                        cursor: hand;
                }
                
                .detail1Div {
                        border-left: 1px solid #999;
                        border-bottom: 1px solid #999;
                        text-align: right;
                        background-color: #d3d6dd;
                }
                
                .detail2Div {
                        border-left: 1px solid #999;
                        border-bottom: 1px solid #999;
                        text-align: left;
                        background-color: #d3d6dd;
                }
                
                .detail3Div {
                        border-left: 1px solid #999;
                        border-bottom: 1px solid #999;
                        text-align: center;
                        background-color: #d3d6dd;
                }
                
                .detail4Div {
                        border-left: 1px solid #999;
                        border-bottom: 1px solid #999;
                        text-align: center;
                        background-color: #d3d6dd;
                }
                
                .detail5Div {
                        border-left: 1px solid #999;
                        border-bottom: 1px solid #999;
                        text-align: center;
                        background-color: #d3d6dd;
                }
                
                @sprite .header {
                        gwt-image: 'gradient';
                        background-color: #d3d6dd;
                        table-layout: fixed;
                        width: 100%;
                        height: 100%;
                }
                
                .header td {
                        font-weight: bold;
                        text-shadow: #fff 0 2px 2px;
                        padding: 2px 0 1px 10px;
                        border-top: 1px solid #999;
                        border-bottom: 1px solid #999;
                }
                
                .table {
                        table-layout: fixed;
                        width: 100%;
                }
                
                .table td {
                        border-top: 1px solid #fff;
                        border-bottom: 1px solid #fff;
                        padding: 2px 0 2px 10px;
                }
        </ui:style>

        <ui:style field='selectionStyle'
                type='in.shop2020.hotspot.dashbaord.client.inbox.OrderDetails.SelectionStyle'>
                        .blueLabel {
                                color: white;
                                font: bold 12px tahoma, arial, helvetica, sans-serif;
                                border: 1px solid #99bbe8;
                                padding: 5px;
                                background-color: blue
                        }
                        
                        .greenLabel {
                                color: black;
                                font: bold 12px tahoma, arial, helvetica, sans-serif;
                                border: 1px solid #99bbe8;
                                padding: 5px;
                                background-color: #66ff99;
                        }
                </ui:style>


        <g:DockLayoutPanel styleName='{style.outer}' unit='EM'>
                <g:north size='4'>
                        <g:FlexTable ui:field='header' styleName='{style.header}'
                                cellSpacing='0' cellPadding='0' />
                </g:north>

                <g:center>
                        <g:ScrollPanel>

                                <g:HorizontalPanel ui:field="orderDetails">
                                        <g:cell>
                                                <g:HTMLPanel>

                                                        <div class="{style.detail1Div}">
                                                                <g:VerticalPanel ui:field="orderDetails1">
                                                                </g:VerticalPanel>
                                                        </div>
                                                </g:HTMLPanel>
                                        </g:cell>
                                        <g:cell>
                                                <g:HTMLPanel>
                                                        <div class="{style.detail2Div}">
                                                                <g:VerticalPanel ui:field="orderDetails2">
                                                                </g:VerticalPanel>
                                                        </div>
                                                </g:HTMLPanel>
                                        </g:cell>
                                        <g:cell>
                                                <g:HTMLPanel>
                                                        <div class="{style.detail3Div}">
                                                                <g:VerticalPanel ui:field="orderDetails3">
                                                                </g:VerticalPanel>
                                                        </div>
                                                </g:HTMLPanel>
                                        </g:cell>
                                        <g:cell>
                                                <g:HTMLPanel>
                                                        <div class="{style.detail4Div}">
                                                                <g:VerticalPanel ui:field="orderDetails4">
                                                                </g:VerticalPanel>
                                                        </div>
                                                </g:HTMLPanel>
                                        </g:cell>
                                        <g:cell>
                                                <g:HTMLPanel>
                                                        <div class="{style.detail5Div}">
                                                                <g:VerticalPanel ui:field="orderDetails5">
                                                                </g:VerticalPanel>
                                                        </div>
                                                </g:HTMLPanel>
                                        </g:cell>
                                </g:HorizontalPanel>


                        </g:ScrollPanel>
                </g:center>

                <g:south size="2">
                        <g:ScrollPanel>

                                <g:FlexTable ui:field='table' styleName='{style.table}'
                                        cellSpacing='0' cellPadding='0' />
                        </g:ScrollPanel>
                </g:south>
        </g:DockLayoutPanel>
</ui:UiBinder>