added more code to the selection panel

git-svn-id: http://svn.d4science-ii.research-infrastructures.eu/gcube/trunk/portlets/widgets/ckan-metadata-publisher-widget@133932 82a268e6-3cf1-43bd-a215-b396298e98cf
This commit is contained in:
Costantino Perciante 2016-11-06 21:01:43 +00:00
parent 0326802a8f
commit 4884e90347
2 changed files with 45 additions and 23 deletions

View File

@ -1,19 +1,42 @@
package org.gcube.portlets.widgets.ckandatapublisherwidget.client.ui.TwinColumnSelection; package org.gcube.portlets.widgets.ckandatapublisherwidget.client.ui.TwinColumnSelection;
import com.github.gwtbootstrap.client.ui.Button;
import com.google.gwt.core.client.GWT; import com.google.gwt.core.client.GWT;
import com.google.gwt.uibinder.client.UiBinder; import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.uibinder.client.UiField;
import com.google.gwt.user.client.ui.Composite; import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.VerticalPanel;
import com.google.gwt.user.client.ui.Widget; import com.google.gwt.user.client.ui.Widget;
/**
* The twin column panels for selection of the files to attach to the catalague product.
* @author Costantino Perciante at ISTI-CNR (costantino.perciante@isti.cnr.it)
*
*/
public class TwinColumnSelectionMainPanel extends Composite{ public class TwinColumnSelectionMainPanel extends Composite{
@UiField
VerticalPanel leftColumn;
@UiField
VerticalPanel rightColumn;
@UiField
Button addToSelected;
@UiField
Button addToSelectedWithChild;
@UiField
Button addToUnselected;
private static TwinColumnSelectionMainPanelUiBinder uiBinder = GWT private static TwinColumnSelectionMainPanelUiBinder uiBinder = GWT
.create(TwinColumnSelectionMainPanelUiBinder.class); .create(TwinColumnSelectionMainPanelUiBinder.class);
interface TwinColumnSelectionMainPanelUiBinder extends interface TwinColumnSelectionMainPanelUiBinder extends
UiBinder<Widget, TwinColumnSelectionMainPanel> { UiBinder<Widget, TwinColumnSelectionMainPanel> {
} }
/**
* Constructor
*/
public TwinColumnSelectionMainPanel() { public TwinColumnSelectionMainPanel() {
initWidget(uiBinder.createAndBindUi(this)); initWidget(uiBinder.createAndBindUi(this));
} }

View File

@ -2,28 +2,27 @@
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder" <ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui" xmlns:b="urn:import:com.github.gwtbootstrap.client.ui"> xmlns:g="urn:import:com.google.gwt.user.client.ui" xmlns:b="urn:import:com.github.gwtbootstrap.client.ui">
<ui:style> <ui:style>
.simple-panel-style { <!--
border: medium; EMPTY
border-color: black; -->
}
</ui:style> </ui:style>
<g:HTMLPanel width="100%"> <g:HTMLPanel>
<b:Row> <b:FluidContainer>
<b:Column size="5" ui:field="leftPanel"> <b:FluidRow>
<g:VerticalPanel width="100%" height="100%" <b:Column size="5" ui:field="leftColumn">
styleName="{style.simple-panel-style}"></g:VerticalPanel> <g:VerticalPanel ui:field="leftContainer"></g:VerticalPanel>
</b:Column> </b:Column>
<b:Column size="2" ui:field="centralPanel"> <b:Column size="2" ui:field="centralPanel">
<g:VerticalPanel> <g:VerticalPanel>
<b:Button icon="ANGLE_RIGHT"></b:Button> <b:Button icon="ANGLE_RIGHT" ui:fied="addToSelected"></b:Button>
<b:Button icon="DOUBLE_ANGLE_RIGHT"></b:Button> <b:Button icon="DOUBLE_ANGLE_RIGHT" ui:field="addToSelectedWithChild"></b:Button>
<b:Button icon="ANGLE_LEFT"></b:Button> <b:Button icon="ANGLE_LEFT" ui:fied="addToUnselected"></b:Button>
</g:VerticalPanel> </g:VerticalPanel>
</b:Column> </b:Column>
<b:Column size="7" ui:field="rightPanel"> <b:Column size="5" ui:field="rightColumn">
<g:VerticalPanel width="100%" height="100%" <g:VerticalPanel ui:field="rightContainer"></g:VerticalPanel>
styleName="{style.simple-panel-style}"></g:VerticalPanel> </b:Column>
</b:Column> </b:FluidRow>
</b:Row> </b:FluidContainer>
</g:HTMLPanel> </g:HTMLPanel>
</ui:UiBinder> </ui:UiBinder>