updated select and buttons layout

git-svn-id: https://svn.research-infrastructures.eu/d4science/gcube/trunk/portlets/user/share-updates@122094 82a268e6-3cf1-43bd-a215-b396298e98cf
This commit is contained in:
Massimiliano Assante 2015-12-30 13:19:18 +00:00
parent 34648556c2
commit ca73112dda
4 changed files with 50 additions and 30 deletions

View File

@ -34,7 +34,7 @@ import com.google.gwt.uibinder.client.UiField;
import com.google.gwt.uibinder.client.UiHandler; import com.google.gwt.uibinder.client.UiHandler;
import com.google.gwt.user.client.Window; import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.rpc.AsyncCallback; import com.google.gwt.user.client.rpc.AsyncCallback;
import com.google.gwt.user.client.ui.Button; import com.github.gwtbootstrap.client.ui.Button;
import com.google.gwt.user.client.ui.Composite; import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.FileUpload; import com.google.gwt.user.client.ui.FileUpload;
import com.google.gwt.user.client.ui.HTML; import com.google.gwt.user.client.ui.HTML;
@ -102,7 +102,7 @@ public class ShareUpdateForm extends Composite {
Button submitButton; Button submitButton;
@UiField @UiField
HTML attachButton; Button attachButton;
@UiField @UiField
Image avatarImage; Image avatarImage;
@ -140,9 +140,9 @@ public class ShareUpdateForm extends Composite {
shareTextArea.setText(SHARE_UPDATE_TEXT); shareTextArea.setText(SHARE_UPDATE_TEXT);
attachButton.getElement().getStyle().setDisplay(Display.INLINE); attachButton.getElement().getStyle().setDisplay(Display.INLINE);
attachButton.setHTML("<span style=\"padding: 5px 1px; background: url('"+attach+"') 50% 50% no-repeat;\">&nbsp;&nbsp;&nbsp;&nbsp;</span>"); // attachButton.setHTML("<span style=\"padding: 5px 1px; background: url('"+attach+"') 50% 50% no-repeat;\">&nbsp;&nbsp;&nbsp;&nbsp;</span>");
attachButton.addStyleName("upload-btn-m");
shareupdateService.getUserSettings(new AsyncCallback<UserSettings>() { shareupdateService.getUserSettings(new AsyncCallback<UserSettings>() {
public void onFailure(Throwable caught) { public void onFailure(Throwable caught) {
avatarImage.setUrl(avatar_default); avatarImage.setUrl(avatar_default);
@ -182,6 +182,8 @@ public class ShareUpdateForm extends Composite {
} }
else else
privacyLevel.setVisible(true); privacyLevel.setVisible(true);
attachButton.setVisible(true);
submitButton.setVisible(true);
} }
}); });
} }
@ -398,7 +400,6 @@ public class ShareUpdateForm extends Composite {
GWT.log("Failed"); GWT.log("Failed");
uploadProgress.showRegisteringResult(false); uploadProgress.showRegisteringResult(false);
preview.clear(); preview.clear();
attachButton.getElement().getStyle().setVisibility(Visibility.VISIBLE); //beacuse otherwise it looses the other properties setting
submitButton.setEnabled(true); submitButton.setEnabled(true);
final HorizontalPanel hp = new HorizontalPanel(); final HorizontalPanel hp = new HorizontalPanel();
final Button close = new Button("Try Again"); final Button close = new Button("Try Again");

View File

@ -1,7 +1,7 @@
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent"> <!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<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:m="urn:import:org.gcube.portlets.user.shareupdates.client.view" xmlns:g="urn:import:com.google.gwt.user.client.ui" xmlns:m="urn:import:org.gcube.portlets.user.shareupdates.client.view"
xmlns:j="urn:import:org.gcube.portlets.widgets.fileupload.client.view"> xmlns:b="urn:import:com.github.gwtbootstrap.client.ui" xmlns:j="urn:import:org.gcube.portlets.widgets.fileupload.client.view">
<g:HTMLPanel ui:field="mainPanel"> <g:HTMLPanel ui:field="mainPanel">
<table class="share-updates-table"> <table class="share-updates-table">
<tr> <tr>
@ -25,29 +25,27 @@
</table> </table>
<j:UploadProgressPanel ui:field="uploadProgress"></j:UploadProgressPanel> <j:UploadProgressPanel ui:field="uploadProgress"></j:UploadProgressPanel>
<m:Placeholder ui:field="preview"></m:Placeholder> <m:Placeholder ui:field="preview"></m:Placeholder>
<table class="share-updates-table">
<table class="toolsContainer">
<tr> <tr>
<td valign="middle" width="60px;"> <td class="share-updates-photo-cell">
</td>
<td valign="middle" width="372px">
<div style="text-align: left; padding-top: 2px; color: #777;">
<g:ListBox styleName="wizardListbox" ui:field="privacyLevel"
visible="false" />
<g:ListBox styleName="wizardListbox" ui:field="notifyListbox"
visible="false" />
</div>
</td> </td>
<td class="share-updates-cell">
<b:Form>
<b:Fieldset>
<b:ControlGroup>
<g:ListBox styleName="wizardListbox" ui:field="privacyLevel"
visible="false" />
<g:ListBox styleName="wizardListbox" ui:field="notifyListbox"
visible="false" />
<td valign="middle"> <b:Button ui:field="attachButton" icon="UPLOAD_ALT" visible="false" />
<div class="buttonDiv"> <b:Button ui:field="submitButton" type="INFO" width="60px"
<g:HTML ui:field="attachButton" styleName="gwt-Button" /> text="Share" visible="false" />
<g:Button ui:field="submitButton" styleName="shareButton" </b:ControlGroup>
width="90px" text="Share" /> </b:Fieldset>
</div> </b:Form>
</td> </td>
</tr> </tr>
</table> </table>
</g:HTMLPanel> </g:HTMLPanel>
</ui:UiBinder> </ui:UiBinder>

View File

@ -1,8 +1,30 @@
form {
margin-top: 5px !important;
margin-bottom: 0px !important;
}
fieldset {
padding-bottom: 0px !important;
padding-left: 0px !important;
}
fieldset .control-group {
margin-bottom: 0px;
}
fieldset select {
margin-bottom: 0px;
}
.share-updates-table { .share-updates-table {
border-collapse: collapse; border-collapse: collapse;
width: 100%; width: 100%;
} }
.upload-btn-m {
margin: 0 13px;
}
.share-updates-table .share-updates-cell { .share-updates-table .share-updates-cell {
padding-left: 3px; padding-left: 3px;
} }
@ -85,7 +107,6 @@
} }
/* DIV trick ends here */ /* DIV trick ends here */
.gwt-Button { .gwt-Button {
text-shadow: none; text-shadow: none;
font-weight: normal; font-weight: normal;

View File

@ -1,9 +1,9 @@
name=ShareUpdates name=ShareUpdates
module-group-id=liferay module-group-id=liferay
module-incremental-version=1 module-incremental-version=2
tags= tags=
short-description= short-description=
change-log= change-log=
page-url=http://www.liferay.com page-url=http://www.gcube-system.com
author=Liferay, Inc. author=Massimiliano Assante
licenses=LGPL licenses=EUPL