midsuit
/
core-jgi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

IDEMPIERE-4161 Application Home Refinements

This commit is contained in:
hengsin 2020-02-02 00:17:21 +08:00
parent df2385eb86
commit f79941d3d0
5 changed files with 273 additions and 215 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

131
org.adempiere.server/idempiere.jsp
View File

@ -39,82 +39,63 @@ Author URI: http://www.bmlaurus.com
</div>
<div id ="main" class="main">
<div id="main-content" class="main-content">
<div id="main-topButtons">
<div id="main-requestBtns" class="topBtnHeader">
<div id ="main-requestBtns-btnReq" class="topBtn">
<div class = "btnResoc-content">
<a href="<%=Prop.getProperty(Prop.SUPPORT_LINK)%>" target="_blank">
<img name="img_locsupport" src="<%=Prop.getImage("img_locsupport.png")%>" border="0" title="<%=Prop.getProperty(Prop.LOCAL_TEXT)%>"/>
</a>
<div class="main-txt-btn"><%=Prop.getProperty(Prop.LOCAL_TEXT)%></div>
</div>
</div>
<div id ="main-requestBtns-btnSendReq" class="topBtn">
<div class = "btnResoc-content">
<a href="<%=Prop.getProperty(Prop.RESOURCE_LINK)%>" target="_blank">
<img name="img_resource" src="<%=Prop.getImage("img_resource.png")%>" border="0" title="<%=Prop.getProperty(Prop.RESOURCE_TEXT)%>"/>
</a>
<div class="main-txt-btn"><%=Prop.getProperty(Prop.RESOURCE_TEXT)%></div>
</div>
</div>
<div id ="main-requestBtns-btnLocSupp" class="topBtn">
<div class = "btnResoc-content">
<a href="<%=Prop.getProperty(Prop.WEBSTORE_LINK)%>" target="_blank">
<img name="img_webstore" src="<%=Prop.getImage("img_webstore.png")%>" border="0" title="<%=Prop.getProperty(Prop.WEBSTORE_TEXT)%>"/>
</a>
<div class="main-txt-btn"><%=Prop.getProperty(Prop.WEBSTORE_TEXT)%></div>
</div>
</div>
<div id ="main-requestBtns-btnResoc" class="topBtn">
<div class = "btnResoc-content">
<a href="<%=Prop.getProperty(Prop.SENDREQUEST_LINK)%>" target="_blank">
<img name="img_sendreq" src="<%=Prop.getImage("img_sendreq.png")%>" border="0" title="<%=Prop.getProperty(Prop.SENDREQUEST_TEXT)%>"/>
</a>
<div class="main-txt-btn"><%=Prop.getProperty(Prop.SENDREQUEST_TEXT)%></div>
</div>
</div>
</div>
</div>
<div id="main-login" class="main-login">
<a href="<%=Prop.getProperty(Prop.WEBUI_LINK)%>" target="_self">
<img name="img_webui" src="<%=Prop.getImage("img_webui.png")%>" border="0" />
</a>
</div>
<div id="main-docuBtns">
<div id="main-docuBtns" class="topBtnFooter">
<div id ="main-docuBtns-btnIrc" class="bottomBtn">
<div class = "btnDocu-content">
<a href="<%=Prop.getProperty(Prop.IRC_LINK)%>" target="_blank">
<img name="img_irc" src="<%=Prop.getImage("img_irc.png")%>" border="0" title="<%=Prop.getProperty(Prop.IRC_TEXT)%>"/>
</a>
<div class="main-txt-btn"><%=Prop.getProperty(Prop.IRC_TEXT)%></div>
</div>
</div>
<div id ="main-docuBtns-btnWiki" class="bottomBtn">
<div class = "btnDocu-content">
<a href="<%=Prop.getProperty(Prop.WIKI_LINK)%>" target="_blank">
<img name="img_wiki" src="<%=Prop.getImage("img_wiki.png")%>" border="0" title="<%=Prop.getProperty(Prop.WIKI_TEXT)%>"/>
</a>
<div class="main-txt-btn"><%=Prop.getProperty(Prop.WIKI_TEXT)%></div>
</div>
</div>
<div id ="main-docuBtns-btnForum" class="bottomBtn">
<div class = "btnDocu-content">
<a href="<%=Prop.getProperty(Prop.FORUMS_LINK)%>" target="_blank">
<img name="img_forum" src="<%=Prop.getImage("img_forum.png")%>" border="0" title="<%=Prop.getProperty(Prop.FORUMS_TEXT)%>"/>
</a>
<div class="main-txt-btn"><%=Prop.getProperty(Prop.FORUMS_TEXT)%></div>
</div>
</div>
<div id ="main-docuBtns-btnSuppReq" class="bottomBtn">
<div class = "btnDocu-content">
<a href="<%=Prop.getProperty(Prop.SUPPORTREQ_LINK)%>" target="_blank">
<img name="img_supreq" src="<%=Prop.getImage("img_supreq.png")%>" border="0" title="<%=Prop.getProperty(Prop.SUPPORTREQUEST_TEXT)%>"/>
</a>
<div class="main-txt-btn"><%=Prop.getProperty(Prop.SUPPORTREQUEST_TEXT)%></div>
</div>
</div>
</div>
<ul>
<li id="main-requestBtns-btnLogin">
<a href="<%=Prop.getProperty(Prop.WEBUI_LINK)%>" target="_self">
<img name="img_webui" src="<%=Prop.getImage("img_webui.png")%>" border="0" />
</a>
<div class="main-txt-btn"><%=Prop.getProperty(Prop.WEBUI_TEXT)%></div>
</li>
<li id ="main-requestBtns-btnReq">
<a href="<%=Prop.getProperty(Prop.SUPPORT_LINK)%>" target="_blank">
<img name="img_locsupport" src="<%=Prop.getImage("img_locsupport.png")%>" border="0" />
</a>
<div class="main-txt-btn"><%=Prop.getProperty(Prop.LOCAL_TEXT)%></div>
</li>
<li id ="main-requestBtns-btnSendReq">
<a href="<%=Prop.getProperty(Prop.RESOURCE_LINK)%>" target="_blank">
<img name="img_resource" src="<%=Prop.getImage("img_resource.png")%>" border="0" />
</a>
<div class="main-txt-btn"><%=Prop.getProperty(Prop.RESOURCE_TEXT)%></div>
</li>
<li id ="main-docuBtns-btnWiki">
<a href="<%=Prop.getProperty(Prop.WIKI_LINK)%>" target="_blank">
<img name="img_wiki" src="<%=Prop.getImage("img_wiki.png")%>" border="0" />
</a>
<div class="main-txt-btn"><%=Prop.getProperty(Prop.WIKI_TEXT)%></div>
</li>
<li id ="main-docuBtns-btnForum">
<a href="<%=Prop.getProperty(Prop.FORUMS_LINK)%>" target="_blank">
<img name="img_forum" src="<%=Prop.getImage("img_forum.png")%>" border="0"/>
</a>
<div class="main-txt-btn"><%=Prop.getProperty(Prop.FORUMS_TEXT)%></div>
</li>
<li id ="main-docuBtns-btnSuppReq">
<a href="<%=Prop.getProperty(Prop.SUPPORTREQ_LINK)%>" target="_blank">
<img name="img_supreq" src="<%=Prop.getImage("img_supreq.png")%>" border="0"/>
</a>
<div class="main-txt-btn"><%=Prop.getProperty(Prop.SUPPORTREQUEST_TEXT)%></div>
</li>
<li id ="main-docuBtns-btnIrc">
<a href="<%=Prop.getProperty(Prop.IRC_LINK)%>" target="_blank">
<img name="img_irc" src="<%=Prop.getImage("img_irc.png")%>" border="0" />
</a>
<div class="main-txt-btn"><%=Prop.getProperty(Prop.IRC_TEXT)%></div>
</li>
<li id ="main-requestBtns-btnLocSupp">
<a href="<%=Prop.getProperty(Prop.WEBSTORE_LINK)%>" target="_blank">
<img name="img_webstore" src="<%=Prop.getImage("img_webstore.png")%>" border="0" />
</a>
<div class="main-txt-btn"><%=Prop.getProperty(Prop.WEBSTORE_TEXT)%></div>
</li>
<li id ="main-requestBtns-btnResoc">
<a href="<%=Prop.getProperty(Prop.SENDREQUEST_LINK)%>" target="_blank">
<img name="img_sendreq" src="<%=Prop.getImage("img_sendreq.png")%>" border="0" />
</a>
<div class="main-txt-btn"><%=Prop.getProperty(Prop.SENDREQUEST_TEXT)%></div>
</li>
</ul>
</div>
<div id="main-background">
<img name="img_background" src="<%=Prop.getImage("img_back.jpg")%>" border="0"/>

98
org.adempiere.server/resources/templates/black/styles/template.css
View File

@ -73,14 +73,53 @@ div.body{
top:262px;
}
.topBtn{
margin-left: 0px;
#main-docuBtns ul {
margin:0;
padding:28px;
overflow:hidden;
list-style:none;
}
#main-docuBtns ul li {
display: inline-block;
height:120px;
width:120px;
padding:18px 0;
text-align:center;
background-color: #111;
margin: 2px;
}
#main-docuBtns ul li > a {
width: 100%;
height: 95%;
display: inline-block;
}
#main-docuBtns ul li > a > img {
position: relative;
top: 50%;
transform: translate(0%,-45%);
}
.main-txt-btn {
padding-top:2px;
padding-bottom:2px;
color: #fff;
}
#main-requestBtns-btnLogin{
overflow: hidden;
filter:alpha(opacity=60);
opacity: 0.6;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#main-requestBtns-btnLogin:hover{
filter:alpha(opacity=100);
opacity: 1;
}
#main-requestBtns-btnReq{
overflow: hidden;
width: 70px;
height:53px;
filter:alpha(opacity=60);
opacity: 0.6;
-webkit-transition: all 0.5s ease;
@ -90,16 +129,12 @@ div.body{
transition: all 0.5s ease;
}
#main-requestBtns-btnReq:hover{
width: 181px;
height: 53px;
filter:alpha(opacity=100);
opacity: 1;
}
#main-requestBtns-btnSendReq{
overflow: hidden;
width: 70px;
height:53px;
filter:alpha(opacity=60);
opacity: 0.6;
-webkit-transition: all 0.5s ease;
@ -109,16 +144,12 @@ div.body{
transition: all 0.5s ease;
}
#main-requestBtns-btnSendReq:hover{
width: 181px;
height: 53px;
filter:alpha(opacity=100);
opacity: 1;
}
#main-requestBtns-btnLocSupp{
overflow: hidden;
width: 70px;
height:53px;
filter:alpha(opacity=60);
opacity: 0.6;
-webkit-transition: all 0.5s ease;
@ -128,16 +159,12 @@ div.body{
transition: all 0.5s ease;
}
#main-requestBtns-btnLocSupp:hover{
width: 181px;
height: 53px;
filter:alpha(opacity=100);
opacity: 1;
}
#main-requestBtns-btnResoc{
overflow: hidden;
width: 70px;
height:53px;
filter:alpha(opacity=60);
opacity: 0.6;
-webkit-transition: all 0.5s ease;
@ -147,16 +174,12 @@ div.body{
transition: all 0.5s ease;
}
#main-requestBtns-btnResoc:hover{
width: 181px;
height: 53px;
filter:alpha(opacity=100);
opacity: 1;
}
#main-docuBtns-btnIrc{
overflow: hidden;
width: 70px;
height:53px;
filter:alpha(opacity=60);
opacity: 0.6;
-webkit-transition: all 0.5s ease;
@ -166,16 +189,12 @@ div.body{
transition: all 0.5s ease;
}
#main-docuBtns-btnIrc:hover{
width: 181px;
height: 53px;
filter:alpha(opacity=100);
opacity: 1;
}
#main-docuBtns-btnWiki{
overflow: hidden;
width: 70px;
height:53px;
filter:alpha(opacity=60);
opacity: 0.6;
-webkit-transition: all 0.5s ease;
@ -185,16 +204,12 @@ div.body{
transition: all 0.5s ease;
}
#main-docuBtns-btnWiki:hover{
width: 181px;
height: 53px;
filter:alpha(opacity=100);
opacity: 1;
}
#main-docuBtns-btnForum{
overflow: hidden;
width: 70px;
height:53px;
filter:alpha(opacity=60);
opacity: 0.6;
-webkit-transition: all 0.5s ease;
@ -204,16 +219,12 @@ div.body{
transition: all 0.5s ease;
}
#main-docuBtns-btnForum:hover{
width: 181px;
height: 53px;
filter:alpha(opacity=100);
opacity: 1;
}
#main-docuBtns-btnSuppReq{
overflow: hidden;
width: 70px;
height:53px;
filter:alpha(opacity=60);
opacity: 0.6;
-webkit-transition: all 0.5s ease;
@ -223,8 +234,6 @@ div.body{
transition: all 0.5s ease;
}
#main-docuBtns-btnSuppReq:hover{
width: 181px;
height: 53px;
filter:alpha(opacity=100);
opacity: 1;
}
@ -235,32 +244,11 @@ div.body{
.btnResoc-content{
position: relative;
}
.main-txt-btn{
font-size: 9px;
left: 90px;
position: absolute;
top: 20px;
width: 100%;
cursor: pointer;
}
.main-content{
position: relative;
height: 550px;
}
.main-login{
bottom: 25px;
position: absolute;
right: 150px;
}
.main-login img{
filter:alpha(opacity=60);
opacity: 0.6;
}
.main-login img:hover{
filter:alpha(opacity=100);
opacity: 1;
}
#main-rssContent{
position: absolute;
right: 50px;

BIN
org.adempiere.server/resources/templates/white/images/img_webui.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

233
org.adempiere.server/resources/templates/white/styles/template.css
View File

@ -47,14 +47,14 @@ div.body{
padding-top: 70px;
}
#main-background{
height: 396px;
height: 496px;
position: absolute;
top: 71px;
top: 1px;
width: 810px;
z-index: -1000;
}
#main-background img{
height: 396px;
height: 496px;
width: 810px;
}
.topBtnHeader{
@ -63,55 +63,10 @@ div.body{
.topBtnFooter{
margin-top: 50px;
}
.topBtn{
border-top: 2px solid #59595B;
border-right: 2px solid #59595B;
float:left;
width: 200px;
height:70px;
}
.topBtn img{
padding-top: 10px;
width: 200px;
height: 50px;
filter:alpha(opacity=80);
opacity: 0.8;
}
.bottomBtn{
border-bottom: 2px solid #59595B;
border-right: 2px solid #59595B;
float:left;
width: 200px;
height:70px;
}
.bottomBtn img{
padding-top: 10px;
width: 200px;
height: 50px;
filter:alpha(opacity=80);
opacity: 0.8;
}
.topBtn img:hover{
filter:alpha(opacity=100);
opacity: 1;
}
.main-content{
position: relative;
height: 550px;
}
.main-login{
bottom: 150px;
position: absolute;
right: 100px;
}
.main-login img{
filter:alpha(opacity=60);
opacity: 0.6;
}
.main-login img:hover{
filter:alpha(opacity=100);
opacity: 1;
}
.btnDocu-content{
position: relative;
}
@ -119,36 +74,170 @@ div.body{
position: relative;
}
.main-txt-btn{
font-size: 11px;
left: 90px;
position: absolute;
top: 25px;
cursor: pointer;
z-index: -1000;
#main-docuBtns ul {
margin:0;
padding:28px;
overflow:hidden;
list-style:none;
}
#main-docuBtns ul li {
display: inline-block;
height:110px;
width:120px;
padding:18px 0;
text-align:center;
background-color: #fff;
margin: 2px;
}
#main-docuBtns ul li > a {
width: 100%;
height: 95%;
display: inline-block;
}
#main-docuBtns ul li > a > img {
position: relative;
top: 50%;
transform: translate(0%,-45%);
}
.main-txt-btn {
padding-top:2px;
padding-bottom:2px;
color: #333;
}
#main-requestBtns-btnLogin{
overflow: hidden;
filter:alpha(opacity=60);
opacity: 0.6;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#main-requestBtns-btnLogin:hover{
filter:alpha(opacity=100);
opacity: 1;
}
#main-requestBtns-btnReq{
-moz-border-top-left-radius: 15px;
border-top-left-radius: 15px;
border-left: 2px solid #59595B;
overflow: hidden;
filter:alpha(opacity=60);
opacity: 0.6;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#main-requestBtns-btnResoc{
-moz-border-top-right-radius: 15px;
border-top-right-radius: 15px;
border-right: 2px solid #59595B;
}
#main-docuBtns-btnIrc{
-moz-border-bottom-left-radius: 15px;
border-bottom-left-radius: 15px;
border-left: 2px solid #59595B;
}
#main-docuBtns-btnSuppReq{
-moz-border-bottom-right-radius: 15px;
border-bottom-right-radius: 15px;
border-right: 2px solid #59595B;
#main-requestBtns-btnReq:hover{
filter:alpha(opacity=100);
opacity: 1;
}
#main-requestBtns-btnSendReq{
overflow: hidden;
filter:alpha(opacity=60);
opacity: 0.6;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#main-requestBtns-btnSendReq:hover{
filter:alpha(opacity=100);
opacity: 1;
}
#main-requestBtns-btnLocSupp{
overflow: hidden;
filter:alpha(opacity=60);
opacity: 0.6;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#main-requestBtns-btnLocSupp:hover{
filter:alpha(opacity=100);
opacity: 1;
}
#main-requestBtns-btnResoc{
overflow: hidden;
filter:alpha(opacity=60);
opacity: 0.6;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#main-requestBtns-btnResoc:hover{
filter:alpha(opacity=100);
opacity: 1;
}
#main-docuBtns-btnIrc{
overflow: hidden;
filter:alpha(opacity=60);
opacity: 0.6;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#main-docuBtns-btnIrc:hover{
filter:alpha(opacity=100);
opacity: 1;
}
#main-docuBtns-btnWiki{
overflow: hidden;
filter:alpha(opacity=60);
opacity: 0.6;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#main-docuBtns-btnWiki:hover{
filter:alpha(opacity=100);
opacity: 1;
}
#main-docuBtns-btnForum{
overflow: hidden;
filter:alpha(opacity=60);
opacity: 0.6;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#main-docuBtns-btnForum:hover{
filter:alpha(opacity=100);
opacity: 1;
}
#main-docuBtns-btnSuppReq{
overflow: hidden;
filter:alpha(opacity=60);
opacity: 0.6;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#main-docuBtns-btnSuppReq:hover{
filter:alpha(opacity=100);
opacity: 1;
}
#main-rssContent{
height: 320px;

26
org.adempiere.server/src/main/home/org/bmlaurus/home/home.properties
View File

@ -10,23 +10,23 @@ ResourceLink = http://www.idempiere.org
IrcLink = http://webchat.freenode.net/?channels=idempiere
WikiLink = http://wiki.idempiere.org/
ForumsLink = http://groups.google.com/group/idempiere
SupportRequestLink = http://jira.idempiere.com
SupportLink = mailto:idempiere@googlegroups.com
OptionLink = https://idempiere.atlassian.net
SupportRequestLink = https://idempiere.atlassian.net
SupportLink = https://mattermost.idempiere.org/idempiere/channels/support
OptionLink = https://github.com/idempiere/
#Default Texts
OptionText = Options
OptionText = Get Involved
FelixText = Plug-In Console
iDempiereMonitorText= Idempiere Monitor
LocalSupportText = Local Support
WebUiText = WebUI App
iDempiereMonitorText= iDempiere Server Monitor
LocalSupportText = Online Support
WebUiText = Login
WebStoreText = Web Store
SendRequestText = Send Request
ResourceText = Resource
ResourceText = Community Resources
IrcText = IRC Channel
WikiText = Wiki
ForumsText = Forums
SupportRequestText = Support Request
ForumsText = Forum
SupportRequestText = Report a Bug
#Social Networks. NONE to hide
Facebook = https://www.facebook.com/IDempiere
@ -41,7 +41,7 @@ Social7 = NONE
Title = iDempiere Application Home
#Custom TemplateName (white or black)
TemplateName = black
TemplateName = white
#file:///Linux/&Mac/resources/templates/ --- file://Windows/resources/templates/
TemplatePath = resources/templates/
@ -49,8 +49,8 @@ TemplatePath = resources/templates/
CustomImagePath = NONE
#Client Name & Logo file (format file://)
ClientName = iDempiere Server
ClientName = iDempiere Application Home
#Custom Credits & Copyright tail
Credits = Welcome to the iDempiere (OSGi+ADempiere) 7.1 Page!
Credits = Welcome to iDempiere 7.1
Copyriright = || by <a href="http://www.idempiere.org" target="blank">iDempiere Community</a>