1280: Workspace GUI: quote and available feature improvements

Task-Url: https://support.d4science.org/issues/1280

Added following How-To: share, upload, public link

Updated pom version at 6.10

git-svn-id: http://svn.d4science-ii.research-infrastructures.eu/gcube/trunk/portlets/user/workspace@120176 82a268e6-3cf1-43bd-a215-b396298e98cf
This commit is contained in:
Francesco Mangiacrapa 2015-11-03 15:36:20 +00:00
parent b6c136fa7b
commit 504dc4f539
4 changed files with 79 additions and 41 deletions

View File

@ -11,7 +11,7 @@
<groupId>org.gcube.portlets.user</groupId>
<artifactId>workspace</artifactId>
<packaging>war</packaging>
<version>6.9.0-SNAPSHOT</version>
<version>6.10.0-SNAPSHOT</version>
<name>gCube Workspace Portlet</name>
<description>
gcube Workspace Portlet is a portlet for users workspace management

View File

@ -3,6 +3,8 @@
*/
package org.gcube.portlets.user.workspace.client.view;
import org.gcube.portlets.user.workspace.client.resources.Resources;
import com.github.gwtbootstrap.client.ui.Label;
import com.github.gwtbootstrap.client.ui.Popover;
import com.github.gwtbootstrap.client.ui.constants.Placement;
@ -12,6 +14,7 @@ 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.FlowPanel;
import com.google.gwt.user.client.ui.HasVerticalAlignment;
import com.google.gwt.user.client.ui.HorizontalPanel;
import com.google.gwt.user.client.ui.Widget;
@ -23,24 +26,33 @@ import com.google.gwt.user.client.ui.Widget;
public class WorkspaceFeatures extends Composite {
@UiField
Label ws_quote_alert;
@UiField
FlowPanel ws_features;
HorizontalPanel ws_features;
@UiField
HorizontalPanel hp_feautures;
@UiField
Label dnd;
com.google.gwt.user.client.ui.Label how_to;
@UiField
Label plk;
Label ws_quote;
private Popover overDnD = new Popover();
@UiField
Label shf; //Share Folders & Files
private Popover overShF= new Popover();
@UiField
Label upl; //DRAG & DROP
private Popover overUpload = new Popover();
@UiField
Label plk; //PUBLIC LINK
private Popover overPlk = new Popover();
@UiField
FlowPanel fp1;
@ -59,7 +71,7 @@ public class WorkspaceFeatures extends Composite {
* 2015
*/
interface WorkspaceFeaturesUiBinder extends
UiBinder<Widget, WorkspaceFeatures> {
UiBinder<Widget, WorkspaceFeatures> {
}
/**
@ -68,34 +80,64 @@ public class WorkspaceFeatures extends Composite {
public WorkspaceFeatures() {
initWidget(uiBinder.createAndBindUi(this));
hp_feautures.setVerticalAlignment(HasVerticalAlignment.ALIGN_MIDDLE);
ws_features.setVerticalAlignment(HasVerticalAlignment.ALIGN_MIDDLE);
hp_feautures.setCellWidth(fp1, "33%");
hp_feautures.setCellWidth(fp2, "33%");
hp_feautures.setCellWidth(fp3, "33%");
fp3.getElement().getStyle().setTextAlign(com.google.gwt.dom.client.Style.TextAlign.RIGHT);
initPopupDndFeature();
how_to.addStyleName("margin-right-10");
shf.addStyleName("margin-right-10");
upl.addStyleName("margin-right-10");
plk.addStyleName("margin-right-10");
initPopupShareFeature();
initPopupUploadFeature();
initPopupPlkFeature();
// ws_features.add
}
/**
*
*/
private void initPopupDndFeature() {
overDnD.setAnimation(true);
overDnD.setWidget(dnd);
overDnD.setHeading("Workspace DnD");
overDnD.setText("Drag & Drop your files from Desktop to upload to Workspace");
overDnD.setPlacement(Placement.TOP);
overDnD.setTrigger(Trigger.HOVER);
overDnD.reconfigure();
private void initPopupShareFeature() {
overShF.setAnimation(false);
overShF.setWidget(shf);
overShF.setHeading("Workspace Share Folders and Files");
String icon = "<span style=\"margin-right:5px\">"+Resources.getIconShareFolder().getSafeHtml().asString()+"</span>";
overShF.setText(icon+"The quickest way to share something is using the Share Folder. Locate the folder with the files you want to share and then click 'Share'");
overShF.setHtml(true);
overShF.setPlacement(Placement.TOP);
overShF.setTrigger(Trigger.HOVER);
overShF.reconfigure();
}
/**
*
*/
private void initPopupUploadFeature() {
overUpload.setAnimation(false);
overUpload.setWidget(upl);
overUpload.setHeading("Workspace Upload Files and Archives");
String iconUploadDND = "<span style=\"margin-right:5px\">"+Resources.getIconHand().getSafeHtml().asString()+"</span>";
String iconUploadFile = "<span style=\"margin-right:5px\">"+Resources.getIconFileUpload().getSafeHtml().asString()+"</span>";
String iconUploadArchive = "<span style=\"margin-right:5px\">"+Resources.getIconArchiveUpload().getSafeHtml().asString()+"</span>";
overUpload.setText("You can upload files in the Workspace in several ways:<br/>"
+iconUploadDND+ "1 - Drop your files from Desktop;<br/>"
+iconUploadFile+ "2 - Click 'Upload' and Browse Files;<br/>"
+iconUploadArchive+ "3 - Upload a zip file to unzip directly its content in the Workspace.<br/>");
overUpload.setHtml(true);
overUpload.setPlacement(Placement.TOP);
overUpload.setTrigger(Trigger.HOVER);
overUpload.reconfigure();
// overImgUpload.show();
}
private void initPopupPlkFeature() {
overPlk.setAnimation(true);
overPlk.setAnimation(false);
overPlk.setWidget(plk);
overPlk.setHeading("Workspace Public Link");
overPlk.setText("Create links to files in your Workspace to download them. You can send the links to anyone by pasting them into Workspace Message, your emails, instant messages, etc.");
String icon = "<span style=\"margin-right:5px\">"+Resources.getIconPublicLink().getSafeHtml().asString()+"</span>";
overPlk.setText(icon+"Create links to files in your Workspace to download them. You can send the links to anyone by pasting them into Workspace Message, your emails, instant messages, etc.");
overPlk.setHtml(true);
overPlk.setPlacement(Placement.TOP);
overPlk.setTrigger(Trigger.HOVER);
overPlk.reconfigure();
@ -106,28 +148,21 @@ public class WorkspaceFeatures extends Composite {
* @param html
*/
public void updateQuotes(String html) {
ws_quote_alert.setText(html);
ws_quote.setText(html);
}
// public void showImgUploadDnD(boolean show) {
// if (show)
// overImgUpload.show();
// else
// overImgUpload.hide();
// }
/**
* @param bool
*/
public void setQuoteVisible(boolean bool) {
ws_quote_alert.setVisible(bool);
ws_quote.setVisible(bool);
}
/**
* @param bool
*/
public void setDndFeatureVisible(boolean bool) {
dnd.setVisible(bool);
upl.setVisible(bool);
}
}

View File

@ -5,15 +5,18 @@
<b:Alert close="false" animation="false">
<g:HorizontalPanel ui:field="hp_feautures" width="100%">
<g:FlowPanel ui:field="fp1">
<b:Label ui:field="ws_quote_alert" type="INFO"></b:Label>
<b:Label ui:field="ws_quote" type="INFO"></b:Label>
</g:FlowPanel>
<g:FlowPanel ui:field="fp2">
</g:FlowPanel>
<g:FlowPanel ui:field="fp3">
<g:FlowPanel ui:field="ws_features">
<b:Label ui:field="dnd" text="DnD" styleName="margin-right-5"></b:Label>
<b:Label ui:field="plk" text="PlK" styleName="margin-right-5"></b:Label>
</g:FlowPanel>
<g:HorizontalPanel ui:field="ws_features" verticalAlignment="middle">
<g:Label ui:field="how_to">How-to:</g:Label>
<b:Label ui:field="shf" text="Share"></b:Label>
<b:Label ui:field="plk" text="Public Link"></b:Label>
<b:Label ui:field="upl" text="Upload"></b:Label>
<!-- <b:Label ui:field="upa" text="Upload Archive"></b:Label> -->
</g:HorizontalPanel>
</g:FlowPanel>
</g:HorizontalPanel>
</b:Alert>

View File

@ -391,6 +391,6 @@
width: 33%;
}
.margin-right-5{
margin-right: 5px;
.margin-right-10{
margin-right: 10px;
}