Commit 314d5612 authored by Ryan Graham's avatar Ryan Graham Committed by ryan

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
......@@ -87,43 +87,35 @@
<html>
<head>
<title><fmt:message key="title" /> <fmt:message key="setup.title" />: <decorator:title /></title>
<link rel="stylesheet" type="text/css" href="setup-style.css">
<title><fmt:message key="title" /> <fmt:message key="setup.title" />: <decorator:title /></title>
<style type="text/css" title="setupStyle" media="screen">
@import "../style/setup.css";
</style>
</head>
<body>
<span class="jive-setup-header">
<table cellpadding="8" cellspacing="0" border="0" width="100%">
<tr>
<td>
<fmt:message key="title" /> <fmt:message key="setup.title" />
</td>
</tr>
</table>
</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>
<table bgcolor="#dddddd" 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>
<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">
<!-- BEGIN jive-header -->
<div id="jive-header">
<div id="jive-logo" title="wildfire"></div>
<div id="jive-header-text">Setup</div>
<div id="sidebar-top"></div>
</div>
<!-- END jive-header -->
<!-- BEGIN jive-sidebar -->
<div id="jive-sidebar">
<% if (showSidebar) { %>
<td width="1%" nowrap>
<%!
final String INCOMPLETE = "incomplete";
final String IN_PROGRESS = "in_progress";
final String DONE = "done";
%>
<% // Get sidebar values from the session:
String step1 = (String)session.getAttribute("jive.setup.sidebar.1");
......@@ -154,54 +146,46 @@
"setup-admin-settings.jsp"
};
%>
<div style="width:200px;">
<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">
<div class="jive-sidebar-group">
<strong><fmt:message key="setup.sidebar.title" /></strong>
<ul>
<% for (int i=0; i<items.length; i++) { %>
<tr>
<% if (INCOMPLETE.equals(items[i])) { %>
<td width="1%"><img src="../images/bullet-red-14x14.gif" width="14" height="14" border="0" alt="*"></td>
<td width="99%">
<%= names[i] %>
</td>
<li><%= names[i] %></li>
<% } else if (IN_PROGRESS.equals(items[i])) { %>
<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>
<li class="jiveCurrent"><%= names[i] %></li>
<% } else { %>
<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>
<li class="jiveComplete"><!--<a href="<%= links[i] %>">--><%= names[i] %></li>
<% } %>
</tr>
<% } %>
<tr><td colspan="2"><br><br><br><br></td></tr>
</table>
</ul>
</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>
<!-- END jive-sidebar -->
</td>
<td width="1%" nowrap><img src="../images/blank.gif" width="15" height="1" border="0" alt=""></td>
<% } %>
<td width="98%">
<!-- BEGIN jive-body -->
<div id="jive-body">
<decorator:body/>
</td></tr>
</table>
</div>
<!-- END jive-body -->
<!-- BEGIN jive-footer -->
<div id="jive-footer"></div>
<!-- END jive-footer -->
</body>
</html>
\ No newline at end of file
......@@ -64,27 +64,29 @@
%>
<html>
<head>
<title><fmt:message key="setup.index.title" /></title>
</head>
<body>
<head>
<title><fmt:message key="setup.index.title" /></title>
</head>
<body>
<p class="jive-setup-page-header">
<fmt:message key="setup.index.title" />
</p>
<h1>
<fmt:message key="setup.index.title" />
</h1>
<p>
<fmt:message key="setup.index.info">
<p>
<fmt:message key="setup.index.info">
<fmt:param value="<%= LocaleUtils.getLocalizedString("title") %>" />
</fmt:message>
</p>
</fmt:message>
</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;
Locale[] locales = Locale.getAvailableLocales();
for (int i=0; i<locales.length; i++) {
......@@ -92,105 +94,64 @@
if (usingPreset) { break; }
}
%>
<ul>
<table cellpadding="4" cellspacing="0" border="0">
<tbody>
<tr>
<td>
<input type="radio" name="localeCode" value="cs_CZ" <%= ("cs_CZ".equals(locale.toString()) ? "checked" : "") %>
id="loc01" />
</td>
<td colspan="2">
<label for="loc01"><b>Czech</b> (cs_CZ)</label>
</td>
</tr>
<tr>
<td>
<input type="radio" name="localeCode" value="de" <%= ("de".equals(locale.toString()) ? "checked" : "") %>
id="loc02" />
</td>
<td colspan="2">
<label for="loc02"><b>Deutsch</b> (de)</label>
</td>
</tr>
<tr>
<td>
<input type="radio" name="localeCode" value="en" <%= ("en".equals(locale.toString()) ? "checked" : "") %>
id="loc03" />
</td>
<td colspan="2">
<label for="loc03"><b>English</b> (en)</label>
</td>
</tr>
<tr>
<td>
<input type="radio" name="localeCode" value="es" <%= ("es".equals(locale.toString()) ? "checked" : "") %>
id="loc04" />
</td>
<td colspan="2">
<label for="loc04"><b>Espa&ntilde;ol</b> (es)</label>
</td>
</tr>
<tr>
<td>
<input type="radio" name="localeCode" value="fr" <%= ("fr".equals(locale.toString()) ? "checked" : "") %>
id="loc05" />
</td>
<td colspan="2">
<label for="loc05"><b>Fran&ccedil;ais</b> (fr)</label>
</td>
</tr>
<tr>
<td>
<input type="radio" name="localeCode" value="nl" <%= ("nl".equals(locale.toString()) ? "checked" : "") %>
id="loc06" />
</td>
<td colspan="2">
<label for="loc06"><b>Nederlands</b> (nl)</label>
</td>
</tr>
<tr>
<td>
<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>
<div id="jive-setup-language">
<p>
<label for="loc01">
<input type="radio" name="localeCode" value="cs_CZ" <%= ("cs_CZ".equals(locale.toString()) ? "checked" : "") %> id="loc01" />
<b>Czech</b> (cs_CZ)
</label><br>
<label for="loc02">
<input type="radio" name="localeCode" value="de" <%= ("de".equals(locale.toString()) ? "checked" : "") %> id="loc02" />
<b>Deutsch</b> (de)
</label><br>
<label for="loc03">
<input type="radio" name="localeCode" value="en" <%= ("en".equals(locale.toString()) ? "checked" : "") %> id="loc03" />
<b>English</b> (en)
</label><br>
<label for="loc04">
<input type="radio" name="localeCode" value="es" <%= ("es".equals(locale.toString()) ? "checked" : "") %> id="loc04" />
<b>Espa&ntilde;ol</b> (es)
</label><br>
<label for="loc05">
<input type="radio" name="localeCode" value="fr" <%= ("fr".equals(locale.toString()) ? "checked" : "") %> id="loc05" />
<b>Fran&ccedil;ais</b> (fr)
</label><br>
<label for="loc06">
<input type="radio" name="localeCode" value="nl" <%= ("nl".equals(locale.toString()) ? "checked" : "") %> id="loc06" />
<b>Nederlands</b> (nl)
</label><br>
<label for="loc07">
<input type="radio" name="localeCode" value="pl_PL" <%= ("pl_PL".equals(locale.toString()) ? "checked" : "") %> id="loc07" />
<b>Polski</b> (pl_PL)
</label><br>
<label for="loc08">
<input type="radio" name="localeCode" value="pt_BR" <%= ("pt_BR".equals(locale.toString()) ? "checked" : "") %> id="loc08" />
<b>Portugu&ecirc;s Brasileiro</b> (pt_BR)
</label><br>
<label for="loc09">
<input type="radio" name="localeCode" value="zh_CN" <%= ("zh_CN".equals(locale.toString()) ? "checked" : "") %> id="loc09" />
<img src="../images/setup_language_zh_CN.gif" border="0" align="top" />
<b>Simplified Chinese</b> (zh_CN)
</label><br>
</p>
</div>
<div align="right">
<input type="Submit" name="save" value="<fmt:message key="global.continue" />" id="jive-setup-save" border="0">
</div>
</form>
</div>
<!-- END jive-contentBox -->
</body>
</html>
......@@ -98,9 +98,9 @@
%>
<html>
<head>
<title><fmt:message key="setup.host.settings.title" /></title>
</head>
<head>
<title><fmt:message key="setup.host.settings.title" /></title>
</head>
<body>
<style type="text/css">
......
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