2099: Workspace Explorer enhancements: create a new folder

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

updated icons



git-svn-id: https://svn.d4science.research-infrastructures.eu/gcube/trunk/portlets/widgets/workspace-explorer@122678 82a268e6-3cf1-43bd-a215-b396298e98cf

src/main/java/org/gcube/portlets/widgets/wsexplorer/client/resources/WorkspaceExplorerIcons.java

@@ -25,13 +25,16 @@ public interface WorkspaceExplorerIcons extends ClientBundle {
 	 */
 	@Source("loading.gif")
 	ImageResource logo();
-	
+
-	@Source("folder.png")
+	@Source("vre_folder.png")
 	ImageResource vre_folder();
-	
+
+	@Source("new_folder.png")
+	ImageResource new_folder();
+
 	@Source("home.png")
 	ImageResource home();
-	
+
 	@Source("info-icon.png")
 	ImageResource info();
 }

src/main/java/org/gcube/portlets/widgets/wsexplorer/client/resources/WorkspaceExplorerResources.java

@@ -16,7 +16,7 @@ public class WorkspaceExplorerResources {
     	WorkspaceExplorerIcons icons = GWT.create(WorkspaceExplorerIcons.class);
         icons.css().ensureInjected();
     }
-    
+
 	public static AbstractImagePrototype getIconCancel() {
 
 		return AbstractImagePrototype.create(ICONS.cancel());
@@ -26,17 +26,18 @@ public class WorkspaceExplorerResources {
 
 		return AbstractImagePrototype.create(ICONS.loading());
 	}
-	
+
 	public static AbstractImagePrototype getIconInfo() {
 
 		return AbstractImagePrototype.create(ICONS.info());
 	}
-	
+
 	/** My custom base icon collection */
 	public enum CustomIconType implements BaseIconType {
 
 	    home, // Our runtime access
-	    vre_folder;
+	    vre_folder,
+	    new_folder;
 
 	    private static final String PREFIX = "myBaseIcon_";
 	    private String className;

src/main/java/org/gcube/portlets/widgets/wsexplorer/client/resources/baseIcons.css

@@ -1,28 +1,29 @@
 /* Prevent our icons from css obfuscation */
-@external .myBaseIcon_*;
+@external .myBaseIcon_*; /* Do some css stuff */
+.myBaseIcon_home:hover {
+	/*     opacity: 0.5; */
+	
+}
 
 /* Our sample icon */
 @sprite .myBaseIcon_home {
-    gwt-image: "home";
+	gwt-image: "home";
-    display: inline-block;
+	display: inline-block;
-    vertical-align: middle;
+	vertical-align: middle;
-}
+	margin-bottom: 3px;
-
-/* Do some css stuff */
-.myBaseIcon_home:hover {
-/*     opacity: 0.5; */
 }
 
 /* Our sample icon */
 @sprite .myBaseIcon_vre_folder {
-    gwt-image: "vre_folder";
+	gwt-image: "vre_folder";
-    display: inline-block;
+	display: inline-block;
-    vertical-align: middle;
+	vertical-align: middle;
+	margin-bottom: 3px;
 }
 
-/* Our sample icon */
 @sprite .myBaseIcon_new_folder {
-    gwt-image: "new_folder";
+	gwt-image: "new_folder";
-    display: inline-block;
+	display: inline-block;
-    vertical-align: middle;
+	vertical-align: middle;
+	margin-bottom: 3px;
 }