added loading icon

This commit is contained in:
Francesco Mangiacrapa 2021-08-02 17:05:01 +02:00
parent a2131b7bf1
commit fea98c837d
2 changed files with 122 additions and 107 deletions

View File

@ -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);
} }

View File

@ -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>