added loading icon
This commit is contained in:
parent
a2131b7bf1
commit
fea98c837d
|
@ -1,9 +1,9 @@
|
||||||
package org.gcube.portlets.user.geoportaldataviewer.client.ui.dialogs;
|
package org.gcube.portlets.user.geoportaldataviewer.client.ui.dialogs;
|
||||||
|
|
||||||
|
|
||||||
import org.gcube.application.geoportalcommon.shared.GeoNaItemRef;
|
import org.gcube.application.geoportalcommon.shared.GeoNaItemRef;
|
||||||
import org.gcube.application.geoportalcommon.shared.PublicLink;
|
import org.gcube.application.geoportalcommon.shared.PublicLink;
|
||||||
import org.gcube.portlets.user.geoportaldataviewer.client.GeoportalDataViewerServiceAsync;
|
import org.gcube.portlets.user.geoportaldataviewer.client.GeoportalDataViewerServiceAsync;
|
||||||
|
import org.gcube.portlets.user.geoportaldataviewer.client.util.LoaderIcon;
|
||||||
|
|
||||||
import com.github.gwtbootstrap.client.ui.Alert;
|
import com.github.gwtbootstrap.client.ui.Alert;
|
||||||
import com.github.gwtbootstrap.client.ui.Button;
|
import com.github.gwtbootstrap.client.ui.Button;
|
||||||
|
@ -16,6 +16,7 @@ import com.github.gwtbootstrap.client.ui.Tooltip;
|
||||||
import com.github.gwtbootstrap.client.ui.constants.VisibilityChange;
|
import com.github.gwtbootstrap.client.ui.constants.VisibilityChange;
|
||||||
import com.google.gwt.core.client.GWT;
|
import com.google.gwt.core.client.GWT;
|
||||||
import com.google.gwt.dom.client.Element;
|
import com.google.gwt.dom.client.Element;
|
||||||
|
import com.google.gwt.dom.client.Style.Unit;
|
||||||
import com.google.gwt.event.dom.client.ClickEvent;
|
import com.google.gwt.event.dom.client.ClickEvent;
|
||||||
import com.google.gwt.event.dom.client.ClickHandler;
|
import com.google.gwt.event.dom.client.ClickHandler;
|
||||||
import com.google.gwt.event.dom.client.MouseOverEvent;
|
import com.google.gwt.event.dom.client.MouseOverEvent;
|
||||||
|
@ -26,6 +27,7 @@ import com.google.gwt.user.client.Random;
|
||||||
import com.google.gwt.user.client.Timer;
|
import com.google.gwt.user.client.Timer;
|
||||||
import com.google.gwt.user.client.rpc.AsyncCallback;
|
import com.google.gwt.user.client.rpc.AsyncCallback;
|
||||||
import com.google.gwt.user.client.ui.Composite;
|
import com.google.gwt.user.client.ui.Composite;
|
||||||
|
import com.google.gwt.user.client.ui.HTMLPanel;
|
||||||
import com.google.gwt.user.client.ui.Label;
|
import com.google.gwt.user.client.ui.Label;
|
||||||
import com.google.gwt.user.client.ui.VerticalPanel;
|
import com.google.gwt.user.client.ui.VerticalPanel;
|
||||||
import com.google.gwt.user.client.ui.Widget;
|
import com.google.gwt.user.client.ui.Widget;
|
||||||
|
@ -109,6 +111,9 @@ public class DialogShareableLink extends Composite {
|
||||||
@UiField
|
@UiField
|
||||||
Button showPublicLongLinkButton;
|
Button showPublicLongLinkButton;
|
||||||
|
|
||||||
|
@UiField
|
||||||
|
HTMLPanel info_panel;
|
||||||
|
|
||||||
// @UiField
|
// @UiField
|
||||||
// HTMLPanel panelFieldsContainer;
|
// HTMLPanel panelFieldsContainer;
|
||||||
|
|
||||||
|
@ -126,6 +131,7 @@ public class DialogShareableLink extends Composite {
|
||||||
+ "with your coworkers, you will enact the users of the group the folder is shared with, "
|
+ "with your coworkers, you will enact the users of the group the folder is shared with, "
|
||||||
+ "to access the file and the shared folder content. Login required";
|
+ "to access the file and the shared folder content. Login required";
|
||||||
|
|
||||||
|
private LoaderIcon loadingIcon = new LoaderIcon("loading...");
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* The Interface DialogShareableLinkUiBinder.
|
* The Interface DialogShareableLinkUiBinder.
|
||||||
|
@ -150,7 +156,7 @@ public class DialogShareableLink extends Composite {
|
||||||
this.fileVersion = version;
|
this.fileVersion = version;
|
||||||
this.actionAlert.setAnimation(true);
|
this.actionAlert.setAnimation(true);
|
||||||
|
|
||||||
//cgRemovePublicLink.setVisible(false);
|
// cgRemovePublicLink.setVisible(false);
|
||||||
// fieldSetPrivate.setVisible(false);
|
// fieldSetPrivate.setVisible(false);
|
||||||
// fieldPrivateSharing.setVisible(false);
|
// fieldPrivateSharing.setVisible(false);
|
||||||
cgPublicLink.setVisible(true);
|
cgPublicLink.setVisible(true);
|
||||||
|
@ -168,19 +174,20 @@ public class DialogShareableLink extends Composite {
|
||||||
|
|
||||||
@Override
|
@Override
|
||||||
public void onSuccess(String result) {
|
public void onSuccess(String result) {
|
||||||
if(result!=null) {
|
if (result != null) {
|
||||||
fieldPrivateSharing.setVisible(true);
|
fieldPrivateSharing.setVisible(true);
|
||||||
fieldSetPrivate.setVisible(true);
|
fieldSetPrivate.setVisible(true);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
showMessage("", false);
|
showMessage("", false);
|
||||||
|
loadingIcon.getElement().getStyle().setMarginBottom(20,Unit.PX);
|
||||||
|
showLoadingIcon(true);
|
||||||
|
|
||||||
//alertFilePublicLink.setVisible(true);
|
// alertFilePublicLink.setVisible(true);
|
||||||
loadAndShowPublicLinksForItem(item);
|
loadAndShowPublicLinksForItem(item);
|
||||||
//getElement().setClassName("gwt-DialogBoxNew");
|
// getElement().setClassName("gwt-DialogBoxNew");
|
||||||
modalBox.setTitle("Share Link...");
|
modalBox.setTitle("Share Link...");
|
||||||
ModalFooter modalFooter = new ModalFooter();
|
ModalFooter modalFooter = new ModalFooter();
|
||||||
final Button buttClose = new Button("Close");
|
final Button buttClose = new Button("Close");
|
||||||
|
@ -196,10 +203,10 @@ public class DialogShareableLink extends Composite {
|
||||||
|
|
||||||
addEvents();
|
addEvents();
|
||||||
|
|
||||||
textPrivateLink.setId(Random.nextInt()+Random.nextInt()+"");
|
textPrivateLink.setId(Random.nextInt() + Random.nextInt() + "");
|
||||||
textPrivateLongLink.setId(Random.nextInt()+Random.nextInt()+"");
|
textPrivateLongLink.setId(Random.nextInt() + Random.nextInt() + "");
|
||||||
textPublicLink.setId(Random.nextInt()+Random.nextInt()+"");
|
textPublicLink.setId(Random.nextInt() + Random.nextInt() + "");
|
||||||
textPublicLongLink.setId(Random.nextInt()+Random.nextInt()+"");
|
textPublicLongLink.setId(Random.nextInt() + Random.nextInt() + "");
|
||||||
|
|
||||||
modalBox.add(this);
|
modalBox.add(this);
|
||||||
modalBox.add(modalFooter);
|
modalBox.add(modalFooter);
|
||||||
|
@ -226,11 +233,11 @@ public class DialogShareableLink extends Composite {
|
||||||
|
|
||||||
@Override
|
@Override
|
||||||
public void onClick(ClickEvent event) {
|
public void onClick(ClickEvent event) {
|
||||||
if(openPublicLink!=null && openPublicLink.getCompleteURL()!=null) {
|
if (openPublicLink != null && openPublicLink.getCompleteURL() != null) {
|
||||||
showPublicLongLinkButton.setVisible(false);
|
showPublicLongLinkButton.setVisible(false);
|
||||||
cgPublicLongLink.setVisible(true);
|
cgPublicLongLink.setVisible(true);
|
||||||
textPublicLongLink.setText(openPublicLink.getCompleteURL());
|
textPublicLongLink.setText(openPublicLink.getCompleteURL());
|
||||||
}else {
|
} else {
|
||||||
textPublicLongLink.setText("Not available");
|
textPublicLongLink.setText("Not available");
|
||||||
showPublicLongLinkButton.setText("Not available");
|
showPublicLongLinkButton.setText("Not available");
|
||||||
showPublicLongLinkButton.addStyleName("href-disabled");
|
showPublicLongLinkButton.addStyleName("href-disabled");
|
||||||
|
@ -271,7 +278,6 @@ public class DialogShareableLink extends Composite {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
privateLongLinkCopyButton.addClickHandler(new ClickHandler() {
|
privateLongLinkCopyButton.addClickHandler(new ClickHandler() {
|
||||||
|
|
||||||
@Override
|
@Override
|
||||||
|
@ -382,7 +388,6 @@ public class DialogShareableLink extends Composite {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Copy to clipboard.
|
* Copy to clipboard.
|
||||||
*
|
*
|
||||||
|
@ -391,7 +396,7 @@ public class DialogShareableLink extends Composite {
|
||||||
private native void copyToClipboard(String myDivId) /*-{
|
private native void copyToClipboard(String myDivId) /*-{
|
||||||
|
|
||||||
var copyText = $doc.getElementById(myDivId);
|
var copyText = $doc.getElementById(myDivId);
|
||||||
console.log("text copied is :"+copyText.value);
|
console.log("text copied is :" + copyText.value);
|
||||||
copyText.select();
|
copyText.select();
|
||||||
//For mobile devices
|
//For mobile devices
|
||||||
copyText.setSelectionRange(0, 99999);
|
copyText.setSelectionRange(0, 99999);
|
||||||
|
@ -399,7 +404,6 @@ public class DialogShareableLink extends Composite {
|
||||||
//alert("Copied the text: " + copyText.value);
|
//alert("Copied the text: " + copyText.value);
|
||||||
}-*/;
|
}-*/;
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Load and show public links for item.
|
* Load and show public links for item.
|
||||||
*
|
*
|
||||||
|
@ -407,11 +411,11 @@ public class DialogShareableLink extends Composite {
|
||||||
*/
|
*/
|
||||||
private void loadAndShowPublicLinksForItem(GeoNaItemRef item) {
|
private void loadAndShowPublicLinksForItem(GeoNaItemRef item) {
|
||||||
|
|
||||||
GeoportalDataViewerServiceAsync.Util.getInstance().getPublicLinksFor(item,
|
GeoportalDataViewerServiceAsync.Util.getInstance().getPublicLinksFor(item, new AsyncCallback<GeoNaItemRef>() {
|
||||||
new AsyncCallback<GeoNaItemRef>() {
|
|
||||||
|
|
||||||
@Override
|
@Override
|
||||||
public void onSuccess(GeoNaItemRef itemReferences) {
|
public void onSuccess(GeoNaItemRef itemReferences) {
|
||||||
|
showLoadingIcon(false);
|
||||||
openPublicLink = itemReferences.getOpenLink();
|
openPublicLink = itemReferences.getOpenLink();
|
||||||
restrictedPublicLink = itemReferences.getRestrictedLink();
|
restrictedPublicLink = itemReferences.getRestrictedLink();
|
||||||
String toPublicURL = openPublicLink.getShortURL() != null && !openPublicLink.getShortURL().isEmpty()
|
String toPublicURL = openPublicLink.getShortURL() != null && !openPublicLink.getShortURL().isEmpty()
|
||||||
|
@ -421,8 +425,8 @@ public class DialogShareableLink extends Composite {
|
||||||
textPublicLink.setValue(toPublicURL);
|
textPublicLink.setValue(toPublicURL);
|
||||||
textPublicLongLink.setValue(openPublicLink.getCompleteURL());
|
textPublicLongLink.setValue(openPublicLink.getCompleteURL());
|
||||||
|
|
||||||
String toPrivateURL = restrictedPublicLink.getShortURL() != null && !restrictedPublicLink.getShortURL().isEmpty()
|
String toPrivateURL = restrictedPublicLink.getShortURL() != null
|
||||||
? restrictedPublicLink.getShortURL()
|
&& !restrictedPublicLink.getShortURL().isEmpty() ? restrictedPublicLink.getShortURL()
|
||||||
: restrictedPublicLink.getCompleteURL();
|
: restrictedPublicLink.getCompleteURL();
|
||||||
|
|
||||||
textPrivateLink.setValue(toPrivateURL);
|
textPrivateLink.setValue(toPrivateURL);
|
||||||
|
@ -431,6 +435,7 @@ public class DialogShareableLink extends Composite {
|
||||||
|
|
||||||
@Override
|
@Override
|
||||||
public void onFailure(Throwable caught) {
|
public void onFailure(Throwable caught) {
|
||||||
|
showLoadingIcon(false);
|
||||||
openPublicLink = null;
|
openPublicLink = null;
|
||||||
disableTextBox(textPublicLink);
|
disableTextBox(textPublicLink);
|
||||||
disableTextBox(textPrivateLink);
|
disableTextBox(textPrivateLink);
|
||||||
|
@ -439,6 +444,17 @@ public class DialogShareableLink extends Composite {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public void showLoadingIcon(boolean show) {
|
||||||
|
try {
|
||||||
|
if(show)
|
||||||
|
info_panel.add(loadingIcon);
|
||||||
|
else
|
||||||
|
info_panel.remove(loadingIcon);
|
||||||
|
}catch (Exception e) {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Disable text box.
|
* Disable text box.
|
||||||
*
|
*
|
||||||
|
@ -467,7 +483,7 @@ public class DialogShareableLink extends Composite {
|
||||||
*/
|
*/
|
||||||
private void showMessage(String msg, boolean visible) {
|
private void showMessage(String msg, boolean visible) {
|
||||||
actionAlert.setVisible(visible);
|
actionAlert.setVisible(visible);
|
||||||
actionAlert.setText(msg==null?"":msg);
|
actionAlert.setText(msg == null ? "" : msg);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -44,12 +44,11 @@
|
||||||
}
|
}
|
||||||
</ui:style>
|
</ui:style>
|
||||||
<g:HTMLPanel>
|
<g:HTMLPanel>
|
||||||
|
<g:HTMLPanel ui:field="info_panel"></g:HTMLPanel>
|
||||||
<b:Form type="HORIZONTAL">
|
<b:Form type="HORIZONTAL">
|
||||||
<b:Alert ui:field="actionAlert" close="false" type="INFO"
|
<b:Alert ui:field="actionAlert" close="false" type="INFO"
|
||||||
visible="false">
|
visible="false">
|
||||||
<b:Icon type="ROTATE_RIGHT" spin="true" />
|
|
||||||
</b:Alert>
|
</b:Alert>
|
||||||
|
|
||||||
<g:VerticalPanel ui:field="fieldPrivateSharing"
|
<g:VerticalPanel ui:field="fieldPrivateSharing"
|
||||||
addStyleNames="{style.margin-bottom-20}">
|
addStyleNames="{style.margin-bottom-20}">
|
||||||
<g:HorizontalPanel>
|
<g:HorizontalPanel>
|
||||||
|
|
Loading…
Reference in New Issue