updated css and nanogallery options
This commit is contained in:
parent
e806c20462
commit
99c7266c4f
|
@ -1,12 +1,12 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<classpath>
|
||||
<classpathentry kind="src" output="target/geoportal-data-viewer-app-1.1.0/WEB-INF/classes" path="src/main/java">
|
||||
<classpathentry kind="src" output="target/geoportal-data-viewer-app-1.2.0-SNAPSHOT/WEB-INF/classes" path="src/main/java">
|
||||
<attributes>
|
||||
<attribute name="optional" value="true"/>
|
||||
<attribute name="maven.pomderived" value="true"/>
|
||||
</attributes>
|
||||
</classpathentry>
|
||||
<classpathentry excluding="**" kind="src" output="target/geoportal-data-viewer-app-1.1.0/WEB-INF/classes" path="src/main/resources">
|
||||
<classpathentry excluding="**" kind="src" output="target/geoportal-data-viewer-app-1.2.0-SNAPSHOT/WEB-INF/classes" path="src/main/resources">
|
||||
<attributes>
|
||||
<attribute name="maven.pomderived" value="true"/>
|
||||
</attributes>
|
||||
|
@ -36,5 +36,5 @@
|
|||
</attributes>
|
||||
</classpathentry>
|
||||
<classpathentry kind="lib" path="/home/francescomangiacrapa/.m2/repository/javax/servlet/javax.servlet-api/3.1.0/javax.servlet-api-3.1.0.jar"/>
|
||||
<classpathentry kind="output" path="target/geoportal-data-viewer-app-1.1.0/WEB-INF/classes"/>
|
||||
<classpathentry kind="output" path="target/geoportal-data-viewer-app-1.2.0-SNAPSHOT/WEB-INF/classes"/>
|
||||
</classpath>
|
||||
|
|
|
@ -1,58 +1,68 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?><project-modules id="moduleCoreId" project-version="1.5.0">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<wb-module deploy-name="geoportal-data-viewer-app-1.1.0">
|
||||
|
||||
|
||||
<wb-module deploy-name="geoportal-data-viewer-app-1.2.0-SNAPSHOT">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<wb-resource deploy-path="/" source-path="/target/m2e-wtp/web-resources"/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<wb-resource deploy-path="/" source-path="/src/main/webapp" tag="defaultRootSource"/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<wb-resource deploy-path="/WEB-INF/classes" source-path="/target/generated-sources/gwt"/>
|
||||
|
||||
|
||||
|
||||
|
||||
<wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/java"/>
|
||||
|
||||
|
||||
|
||||
|
||||
<wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/resources"/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<property name="java-output-path" value="/geoportal-data-viewer-app/target/geoportal-data-viewer-app-0.0.1-SNAPSHOT/WEB-INF/classes"/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<property name="context-root" value="geoportal-data-viewer-app"/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</wb-module>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -27,19 +27,55 @@ public class ImagesGallery {
|
|||
.$("#nanogallery")
|
||||
.nanogallery2(
|
||||
{
|
||||
thumbnailHeight : '200 XS150 SM150', // RESPONSIVE THUMBNAIL HEIGHT: default=250px, XS resolution=200px, SM resolution=200px
|
||||
thumbnailWidth : 'auto', // RESPONSIVE THUMBNAIL WIDTH: default=250px, XS resolution=150px, SM resolution=200px
|
||||
thumbnailAlignment : 'left',
|
||||
thumbnailBorderHorizontal : 0,
|
||||
thumbnailBorderVertical : 0,
|
||||
thumbnailGutterWidth : '10 XS10 SM10',
|
||||
thumbnailGutterHeight : '10 XS10 SM10',
|
||||
|
||||
thumbnailHeight : '200',
|
||||
thumbnailWidth : 'auto',
|
||||
thumbnailAlignment : 'fillWidth',
|
||||
// THUMBNAIL TOOLS & LABEL
|
||||
thumbnailLabel : {
|
||||
display : true,
|
||||
position : 'onBottom',
|
||||
align : 'left'
|
||||
},
|
||||
thumbnailToolbarImage : {
|
||||
bottomLeft : 'display'
|
||||
},
|
||||
// replace the default DISPLAY tool icon
|
||||
icons : {
|
||||
thumbnailDisplay : '<i class="fa fa-long-arrow-right" aria-hidden="true"></i> display'
|
||||
},
|
||||
|
||||
thumbnailDisplayTransition : 'slideDown',
|
||||
thumbnailDisplayTransitionDuration : 500,
|
||||
thumbnailDisplayInterval : 30,
|
||||
// DISPLAY ANIMATION
|
||||
galleryDisplayTransition : 'slideUp',
|
||||
galleryDisplayTransitionDuration : 1000,
|
||||
thumbnailDisplayTransition : 'scaleDown',
|
||||
thumbnailDisplayTransitionDuration : 300,
|
||||
thumbnailDisplayInterval : 50,
|
||||
|
||||
// THUMBNAIL'S HOVER ANIMATION
|
||||
thumbnailHoverEffect2 : 'imageScaleIn80',
|
||||
//thumbnailBuildInit2 : 'tools_font-size_1.5em|title_font-size_1.5em',
|
||||
thumbnailHoverEffect2 : 'image_scale_1.00_1.20_1000|tools_opacity_0_1|tools_translateX_-30px_0px|title_opacity_1_0|title_translateX_0px_-30px',
|
||||
touchAnimation : true,
|
||||
touchAutoOpenDelay : 800,
|
||||
|
||||
// GALLERY THEME
|
||||
galleryTheme : {
|
||||
thumbnail : {
|
||||
borderRadius : '2px',
|
||||
background : '#fff',
|
||||
titleShadow : 'none',
|
||||
titleColor : 'gray',
|
||||
labelBackground : '#f3f3f3'
|
||||
},
|
||||
thumbnailIcon : {
|
||||
color : '#000',
|
||||
shadow : 'none'
|
||||
},
|
||||
},
|
||||
viewerToolbar : {
|
||||
display : true,
|
||||
standard : 'minimizeButton, label',
|
||||
|
@ -79,8 +115,15 @@ public class ImagesGallery {
|
|||
JSONObject json = new JSONObject();
|
||||
json.put("src", new JSONString(imageContent.getLink()));
|
||||
json.put("srct", new JSONString(imageContent.getLink()));
|
||||
List<String> listAuthors = image.getResponsabili();
|
||||
String txtAuthors = listAuthors.size()>1 ? "Authors ": "Author ";
|
||||
for (String author : listAuthors) {
|
||||
txtAuthors+= " "+author +",";
|
||||
}
|
||||
String description = txtAuthors + ". ID Licenza: "+image.getLicenseID();
|
||||
txtAuthors = txtAuthors.substring(0,txtAuthors.length()-1);
|
||||
json.put("title", new JSONString(image.getDidascalia()));
|
||||
//json.put("description", new JSONString(image.getDidascalia()));
|
||||
json.put("description", new JSONString(description));
|
||||
json.put("downloadURL", new JSONString(imageContent.getLink()));
|
||||
jsonArray.set(index, json);
|
||||
index++;
|
||||
|
|
|
@ -230,4 +230,26 @@ body {
|
|||
.info-interaction .gwt-Label {
|
||||
font-weight: bold;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** NanoGallery2 **/
|
||||
|
||||
.nanogallery_viewertheme_dark_nanogallery .nGY2Viewer {
|
||||
background: rgba(4, 4, 4, 0.80) !important;
|
||||
}
|
||||
|
||||
.nanogallery_viewertheme_dark_nanogallery .nGY2Viewer .toolbarBackground {
|
||||
background: rgba(4, 4, 4, 0.60) !important;
|
||||
}
|
||||
|
||||
.nGY2 .toolbar .ngbt {
|
||||
font-size: 1em !important;
|
||||
padding: 12px 12px !important;
|
||||
}
|
||||
|
||||
.nGY2 .toolbar .label .title {
|
||||
font-size: .9em !important;
|
||||
margin-bottom: 5px !important
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue