updated to support dockbar logo, backgrounf and footer configurability

git-svn-id: http://svn.research-infrastructures.eu/public/d4science/gcube/trunk/portal/liferay62-plugins/d4science-responsive-theme@141876 82a268e6-3cf1-43bd-a215-b396298e98cf
This commit is contained in:
Massimiliano Assante 2017-01-27 15:23:58 +00:00
parent 83ff8b44fd
commit c8aad95d2c
10 changed files with 44 additions and 11 deletions

View File

@ -11,7 +11,7 @@
<artifactId>d4science-responsive-theme</artifactId>
<packaging>war</packaging>
<name>d4science-responsive-theme Theme</name>
<version>6.3.2-SNAPSHOT</version>
<version>6.4.0-SNAPSHOT</version>
<build>
<plugins>
<plugin>

View File

@ -5,5 +5,18 @@
<compatibility>
<version>6.2.5+</version>
</compatibility>
<theme id="d4science-responsive" name="d4science-responsive-theme" />
<theme id="d4science-responsive" name="d4science-responsive-theme">
<settings>
<setting configurable="true" key="background-image-name"
type="text" />
<setting configurable="true" key="override-logo-on-dockbar"
type="checkbox" value="true" />
<setting configurable="true" key="footer-website-name" type="text" />
<setting configurable="true" key="footer-website-url" type="text" />
<setting configurable="true" key="footer-website-name" type="text" />
<setting configurable="true" key="footer-text-about" type="text" />
<setting configurable="true" key="show-eu-flag" type="checkbox"
value="true" />
</settings>
</theme>
</look-and-feel>

View File

@ -1,6 +1,6 @@
name=d4science-responsive-theme
module-group-id=liferay
module-incremental-version=6
module-incremental-version=7
tags=
short-description=
change-log=

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 171 KiB

View File

@ -2,4 +2,8 @@
#set ($css_class = "${css_class} dockbar-split")
*#
*#
#if ($theme.getSetting("background-image-name") !="")
#set ($background-image-name = $themeDisplay.getPathThemeImages() + "/custom/" + $theme.getSetting("background-image-name"))
#end

View File

@ -18,6 +18,20 @@
$theme.include($top_head_include)
<script type="text/javascript" src="$javascript_folder/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="$javascript_folder/gcube-context.js"></script>
<style>
#if ($theme.getSetting("override-logo-on-dockbar") == "true")
.aui .dockbar .navbar-inner, .aui .dockbar-split .dockbar .navbar-inner {
background-image: url($site_logo);
background-size: auto 25px;
}
#end
#if ($theme.getSetting("background-image-name") !="")
.aui div#wrapper {
background: #fff url($background-image-name) center top no-repeat;
background-size: 100% 100%;
}
#end
</style>
</head>
<body class="$css_class">
@ -53,12 +67,8 @@ $theme.include($body_top_include)
<div class="container-fluid" id="wrapper">
<header id="banner" role="banner">
</header>
<div id="content">
<!-- nav id="breadcrumbs">#breadcrumbs()</nav -->
#if ($selectable)
$theme.include($content_include)
#else
@ -78,10 +88,16 @@ $theme.include($body_top_include)
<a href="/web/guest/terms-of-use">Terms of Use</a> |
<a href="/web/guest/cookie-policy">Cookies Policy</a> |
<a target="_blank" href="https://www.iubenda.com/privacy-policy/441050">Privacy Policy</a> |
<a target="_blank" href="http://www.liferay.com" title="liferay website">Liferay Portal</a> |
<a target="_blank" href="http://www.d4science.org">D4Science Org Website</a>
<a target="_blank" href="$theme.getSetting("footer-website-url")">$theme.getSetting("footer-website-name")</a>
</div>
<div style="float:right; text-align: right;">
#if ($theme.getSetting("show-eu-flag") == "true")
<a href="http://ec.europa.eu/programmes/horizon2020/" target="_blank">
<img src="$themeDisplay.getPathThemeImages()/custom/logo-ec.jpg" style="width: 35px;" alt="EU H2020 programme" hspace="5" />
</a>
#end
<div style="color: #CCC; font-size: 12px;">$theme.getSetting("footer-text-about")</div>
</div>
</footer>
$theme.include($body_bottom_include)