Skip to content

O
Openfire
Commit 314d5612 authored by Ryan Graham's avatar Ryan Graham Committed by ryan
Browse files
Options

Initial check-in of new Wildfire setup look and feel. 

git-svn-id: http://svn.igniterealtime.org/svn/repos/wildfire/trunk@4821 b35dd754-fafc-0310-a699-88a17e54d16e
parent 116a055d
Show whitespace changes
Inline Side-by-side
Showing with 314 additions and 189 deletions
src/web/decorators/setup.jsp
View file @ 314d5612
...@@ -87,43 +87,35 @@ ...@@ -87,43 +87,35 @@
<html> <html>
<head> <head>
<title><fmt:message key="title" /> <fmt:message key="setup.title" />: <decorator:title /></title> <title><fmt:message key="title" /> <fmt:message key="setup.title" />: <decorator:title /></title>
<link rel="stylesheet" type="text/css" href="setup-style.css">
<style type="text/css" title="setupStyle" media="screen">
@import "../style/setup.css";
</style>
</head> </head>
<body> <body>
<span class="jive-setup-header">
<table cellpadding="8" cellspacing="0" border="0" width="100%"> <!-- BEGIN jive-header -->
<tr> <div id="jive-header">
<td> <div id="jive-logo" title="wildfire"></div>
<fmt:message key="title" /> <fmt:message key="setup.title" /> <div id="jive-header-text">Setup</div>
</td> <div id="sidebar-top"></div>
</tr> </div>
</table> <!-- END jive-header -->
</span>
<table bgcolor="#bbbbbb" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td><img src="../images/blank.gif" width="1" height="1" border="0" alt=""></td></tr>
</table> <!-- BEGIN jive-sidebar -->
<table bgcolor="#dddddd" cellpadding="0" cellspacing="0" border="0" width="100%"> <div id="jive-sidebar">
<tr><td><img src="../images/blank.gif" width="1" height="1" border="0" alt=""></td></tr>
</table>
<table bgcolor="#eeeeee" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td><img src="../images/blank.gif" width="1" height="1" border="0" alt=""></td></tr>
</table>
<br>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr valign="top">
<% if (showSidebar) { %> <% if (showSidebar) { %>
<td width="1%" nowrap>
<%! <%!
final String INCOMPLETE = "incomplete"; final String INCOMPLETE = "incomplete";
final String IN_PROGRESS = "in_progress"; final String IN_PROGRESS = "in_progress";
final String DONE = "done"; final String DONE = "done";
%> %>
<% // Get sidebar values from the session: <% // Get sidebar values from the session:
String step1 = (String)session.getAttribute("jive.setup.sidebar.1"); String step1 = (String)session.getAttribute("jive.setup.sidebar.1");
...@@ -154,54 +146,46 @@ ...@@ -154,54 +146,46 @@
"setup-admin-settings.jsp" "setup-admin-settings.jsp"
}; };
%> %>
<div class="jive-sidebar-group">
<strong><fmt:message key="setup.sidebar.title" /></strong>
<div style="width:200px;"> <ul>
<div class="jive-setup-sidebar-top">
<b><fmt:message key="setup.sidebar.title" /></b>
</div>
<div class="jive-setup-sidebar-bottom">
<table cellpadding="5" cellspacing="0" border="0">
<% for (int i=0; i<items.length; i++) { %> <% for (int i=0; i<items.length; i++) { %>
<tr>
<% if (INCOMPLETE.equals(items[i])) { %> <% if (INCOMPLETE.equals(items[i])) { %>
<li><%= names[i] %></li>
<td width="1%"><img src="../images/bullet-red-14x14.gif" width="14" height="14" border="0" alt="*"></td>
<td width="99%">
<%= names[i] %>
</td>
<% } else if (IN_PROGRESS.equals(items[i])) { %> <% } else if (IN_PROGRESS.equals(items[i])) { %>
<li class="jiveCurrent"><%= names[i] %></li>
<td width="1%"><img src="../images/bullet-yellow-14x14.gif" width="14" height="14" border="0" alt="*"></td>
<td width="99%">
<a href="<%= links[i] %>"><%= names[i] %></a>
</td>
<% } else { %> <% } else { %>
<li class="jiveComplete"><!--<a href="<%= links[i] %>">--><%= names[i] %></li>
<td width="1%"><img src="../images/bullet-green-14x14.gif" width="14" height="14" border="0" alt="*"></td>
<td width="99%">
<a href="<%= links[i] %>"><%= names[i] %></a>
</td>
<% } %> <% } %>
</tr>
<% } %> <% } %>
<tr><td colspan="2"><br><br><br><br></td></tr> </ul>
</table>
</div> </div>
<% } %>
<div class="jive-sidebar-group">
<strong>Setup Progress</strong>
<img src="../images/setup_sidebar_progress1.gif" alt="" width="142" height="13" border="0">
</div> </div>
</div>
<!-- END jive-sidebar -->
</td>
<td width="1%" nowrap><img src="../images/blank.gif" width="15" height="1" border="0" alt=""></td> <!-- BEGIN jive-body -->
<% } %> <div id="jive-body">
<td width="98%">
<decorator:body/> <decorator:body/>
</td></tr> </div>
</table> <!-- END jive-body -->
<!-- BEGIN jive-footer -->
<div id="jive-footer"></div>
<!-- END jive-footer -->
</body> </body>
</html> </html>
\ No newline at end of file
src/web/setup/index.jsp
View file @ 314d5612
...@@ -64,27 +64,29 @@ ...@@ -64,27 +64,29 @@
%> %>
<html> <html>
<head> <head>
<title><fmt:message key="setup.index.title" /></title> <title><fmt:message key="setup.index.title" /></title>
</head> </head>
<body> <body>
<p class="jive-setup-page-header"> <h1>
<fmt:message key="setup.index.title" /> <fmt:message key="setup.index.title" />
</p> </h1>
<p> <p>
<fmt:message key="setup.index.info">
<fmt:message key="setup.index.info">
<fmt:param value="<%= LocaleUtils.getLocalizedString("title") %>" /> <fmt:param value="<%= LocaleUtils.getLocalizedString("title") %>" />
</fmt:message> </fmt:message>
</p> </p>
<form action="index.jsp" name="sform"> <!-- BEGIN jive-contentBox -->
<div class="jive-contentBox">
<b><fmt:message key="setup.index.choose_lang" /></b> <h2><fmt:message key="setup.index.choose_lang" /></h2>
<form action="index.jsp" name="sform">
<% boolean usingPreset = false; <% boolean usingPreset = false;
Locale[] locales = Locale.getAvailableLocales(); Locale[] locales = Locale.getAvailableLocales();
for (int i=0; i<locales.length; i++) { for (int i=0; i<locales.length; i++) {
...@@ -92,105 +94,64 @@ ...@@ -92,105 +94,64 @@
if (usingPreset) { break; } if (usingPreset) { break; }
} }
%> %>
<div id="jive-setup-language">
<ul> <p>
<table cellpadding="4" cellspacing="0" border="0"> <label for="loc01">
<tbody> <input type="radio" name="localeCode" value="cs_CZ" <%= ("cs_CZ".equals(locale.toString()) ? "checked" : "") %> id="loc01" />
<tr> <b>Czech</b> (cs_CZ)
<td> </label><br>
<input type="radio" name="localeCode" value="cs_CZ" <%= ("cs_CZ".equals(locale.toString()) ? "checked" : "") %>
id="loc01" /> <label for="loc02">
</td> <input type="radio" name="localeCode" value="de" <%= ("de".equals(locale.toString()) ? "checked" : "") %> id="loc02" />
<td colspan="2"> <b>Deutsch</b> (de)
<label for="loc01"><b>Czech</b> (cs_CZ)</label> </label><br>
</td>
</tr> <label for="loc03">
<tr> <input type="radio" name="localeCode" value="en" <%= ("en".equals(locale.toString()) ? "checked" : "") %> id="loc03" />
<td> <b>English</b> (en)
<input type="radio" name="localeCode" value="de" <%= ("de".equals(locale.toString()) ? "checked" : "") %> </label><br>
id="loc02" />
</td> <label for="loc04">
<td colspan="2"> <input type="radio" name="localeCode" value="es" <%= ("es".equals(locale.toString()) ? "checked" : "") %> id="loc04" />
<label for="loc02"><b>Deutsch</b> (de)</label> <b>Espa&ntilde;ol</b> (es)
</td> </label><br>
</tr>
<tr> <label for="loc05">
<td> <input type="radio" name="localeCode" value="fr" <%= ("fr".equals(locale.toString()) ? "checked" : "") %> id="loc05" />
<input type="radio" name="localeCode" value="en" <%= ("en".equals(locale.toString()) ? "checked" : "") %> <b>Fran&ccedil;ais</b> (fr)
id="loc03" /> </label><br>
</td>
<td colspan="2"> <label for="loc06">
<label for="loc03"><b>English</b> (en)</label> <input type="radio" name="localeCode" value="nl" <%= ("nl".equals(locale.toString()) ? "checked" : "") %> id="loc06" />
</td> <b>Nederlands</b> (nl)
</tr> </label><br>
<tr>
<td> <label for="loc07">
<input type="radio" name="localeCode" value="es" <%= ("es".equals(locale.toString()) ? "checked" : "") %> <input type="radio" name="localeCode" value="pl_PL" <%= ("pl_PL".equals(locale.toString()) ? "checked" : "") %> id="loc07" />
id="loc04" /> <b>Polski</b> (pl_PL)
</td> </label><br>
<td colspan="2">
<label for="loc04"><b>Espa&ntilde;ol</b> (es)</label> <label for="loc08">
</td> <input type="radio" name="localeCode" value="pt_BR" <%= ("pt_BR".equals(locale.toString()) ? "checked" : "") %> id="loc08" />
</tr> <b>Portugu&ecirc;s Brasileiro</b> (pt_BR)
<tr> </label><br>
<td>
<input type="radio" name="localeCode" value="fr" <%= ("fr".equals(locale.toString()) ? "checked" : "") %> <label for="loc09">
id="loc05" /> <input type="radio" name="localeCode" value="zh_CN" <%= ("zh_CN".equals(locale.toString()) ? "checked" : "") %> id="loc09" />
</td> <img src="../images/setup_language_zh_CN.gif" border="0" align="top" />
<td colspan="2"> <b>Simplified Chinese</b> (zh_CN)
<label for="loc05"><b>Fran&ccedil;ais</b> (fr)</label> </label><br>
</td> </p>
</tr> </div>
<tr>
<td> <div align="right">
<input type="radio" name="localeCode" value="nl" <%= ("nl".equals(locale.toString()) ? "checked" : "") %> <input type="Submit" name="save" value="<fmt:message key="global.continue" />" id="jive-setup-save" border="0">
id="loc06" /> </div>
</td> </form>
<td colspan="2">
<label for="loc06"><b>Nederlands</b> (nl)</label> </div>
</td> <!-- END jive-contentBox -->
</tr>
<tr>
<td> </body>
<input type="radio" name="localeCode" value="pl_PL" <%= ("pl_PL".equals(locale.toString()) ? "checked" : "") %>
id="loc07" />
</td>
<td colspan="2">
<label for="loc07"><b>Polski</b> (pl_PL)</label>
</td>
</tr>
<tr>
<td>
<input type="radio" name="localeCode" value="pt_BR" <%= ("pt_BR".equals(locale.toString()) ? "checked" : "") %>
id="loc08" />
</td>
<td colspan="2">
<label for="loc08"><b>Portugu&ecirc;s Brasileiro</b> (pt_BR)</label>
</td>
</tr>
<tr>
<td>
<input type="radio" name="localeCode" value="zh_CN" <%= ("zh_CN".equals(locale.toString()) ? "checked" : "") %>
id="loc09" />
</td>
<td>
<a href="#" onclick="document.sform.localeCode[1].checked=true; return false;"><img src="../images/language_zh_CN.gif" border="0" /></a>
</td>
<td>
<label for="loc09"><b>Simplified Chinese</b> (zh_CN)</label>
</td>
</tr>
</tbody>
</table>
</ul>
<br/>
<hr size="0">
<div align="right">
<input type="submit" name="save" value=" <fmt:message key="global.continue" /> ">
</div>
</form>
</body>
</html> </html>
src/web/setup/setup-host-settings.jsp
View file @ 314d5612
...@@ -98,9 +98,9 @@ ...@@ -98,9 +98,9 @@
%> %>
<html> <html>
<head> <head>
<title><fmt:message key="setup.host.settings.title" /></title> <title><fmt:message key="setup.host.settings.title" /></title>
</head> </head>
<body> <body>
<style type="text/css"> <style type="text/css">
......
src/web/style/setup.css 0 → 100644
View file @ 314d5612
body {
margin: 0px;
padding: 0px;
background: #fff url("../images/setup_sidebar_bg.gif") repeat-y;
font-family: arial, helvetica, sans-serif;
}
body, div, p, td, th {
font-size: 10pt;
}
form {
margin: 0px;
padding: 0px;
}
/* --------------------------------------------- */
/* Header */
/* --------------------------------------------- */
#jive-header {
width: 100%;
height: 82px;
border: 0px;
background: #fff url("../images/setup_header_bg.gif") repeat-x;
min-width: 720px;
}
#jive-logo {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 150px;
height: 50px;
background: url("../images/setup_header_logo.gif") no-repeat;
overflow: hidden;
}
#jive-header-text {
display: block;
position: absolute;
left: 158px;
top: 24px;
color: #fff;
font-size: 20px;
}
/* --------------------------------------------- */
/* Sidebar */
/* --------------------------------------------- */
#jive-header #sidebar-top {
display: block;
position: absolute;
width: 192px;
height: 9px;
left: 0px;
top: 73px;
background: url("../images/setup_sidebar_bg-top.gif") no-repeat;
overflow: hidden;
}
#jive-sidebar {
width: 192px;
margin: 0px;
padding: 0px;
float: left;
}
.jive-sidebar-group {
display: block;
position: relative;
width: 161px;
margin: 0px 0px 16px 13px;
padding: 0px 0px 8px 0px;
background-color: #cad6e2;
-moz-border-radius: 3px;
}
.jive-sidebar-group strong {
display: block;
color: #143350;
padding: 7px 9px 2px 9px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}
.jive-sidebar-group img {
display: block;
border: 1px solid #9e9e9e;
margin: 3px 0px 3px 9px;
}
.jive-sidebar-group ul {
margin: 0px; /*removes indent IE and Opera*/
margin-left: 9px;
padding: 0px 0px 0px 0px; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
width: 143px;
}
.jive-sidebar-group ul li {
margin: 1px 0px 2px 0px;
padding: 2px 0px 2px 15px;
color: #474747;
}
.jive-sidebar-group ul li.jiveCurrent {
border: 1px solid #34679A;
background-color: #5C7D9D;
color: #fff;
font-weight: bold;
-moz-border-radius: 3px;
}
.jive-sidebar-group ul li.jiveComplete {
color: #003366;
background: transparent url(../images/setup_sidebar_check.gif) no-repeat left;
}
/* --------------------------------------------- */
/* Body */
/* --------------------------------------------- */
#jive-body {
display: block;
position: absolute;
left: 192px;
padding: 17px 28px 15px 28px;
}
#jive-body h1 {
font-size: 13pt;
margin: 0px;
padding: 0px 0px 14px 0px;
}
#jive-body p {
margin: 0px;
padding: 0px 0px 14px 0px;
}
.jive-contentBox {
display: block;
margin: 5px 0px 20px 0px;
padding: 18px 20px 18px 20px;
border: 1px solid #dcdcdc;
background: #f5f5f5 url(../images/setup_contentbox_bg.gif) repeat-x top;
-moz-border-radius: 4px;
}
.jive-contentBox h2 {
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 11pt;
color: #09345b;
}
#jive-setup-language {
padding: 0px 0px 10px 18px;
}
#jive-setup-language p {
line-height: 180%;
}
.jive-contentBox input#jive-setup-save {
padding: 2px 5px 2px 5px;
margin: 0px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #fff;
border: 1px solid #7c7c7c;
background: #d6892c url(../images/setup_btn_bg-orange.gif) repeat-x;
}
/* --------------------------------------------- */
/* Footer */
/* --------------------------------------------- */
/* not relevant here, so hiding it. */
#jive-footer {
display: none;
visibility: hidden;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Technounit-GROUP 2023