[jboss-cvs] jboss-seam/examples/wiki/view/themes/sfwkorg ...
Christian Bauer
christian at hibernate.org
Tue Nov 20 03:05:10 EST 2007
User: cbauer
Date: 07/11/20 03:05:10
Added: examples/wiki/view/themes/sfwkorg template.xhtml
templatePlain.xhtml
Log:
First import of the seamframework.org theme
Revision Changes Path
1.1 date: 2007/11/20 08:05:10; author: cbauer; state: Exp;jboss-seam/examples/wiki/view/themes/sfwkorg/template.xhtml
Index: template.xhtml
===================================================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:wiki="http://jboss.com/products/seam/wiki"
xmlns:s="http://jboss.com/products/seam/taglib">
<f:view contentType="text/html"/>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title><h:outputText value="Seam Framework - "/><ui:insert name="screenname"/></title>
<link href="#{themePath}/css/sfwk.css" rel="stylesheet" type="text/css"/>
<link href="#{themePath}/css/userControl.css" rel="stylesheet" type="text/css"/>
<link href="#{themePath}/css/searchControl.css" rel="stylesheet" type="text/css"/>
<link href="#{themePath}/css/mainMenu.css" rel="stylesheet" type="text/css"/>
<ui:insert name="includeHeaders"/>
<script type="text/javascript" src="#{themePath}/js/jquery.js"></script>
<script type="text/javascript" src="#{themePath}/js/interface.js"></script>
<script type="text/javascript" src="#{themePath}/js/jqModal.js"></script>
<script type="text/javascript" src="#{themePath}/js/jqTabs.js"></script>
<script type="text/javascript" src="#{themePath}/js/jqHistoryRemote.js"></script>
<script type="text/javascript" src="#{themePath}/js/jqProgressBar.js"></script>
<script type="text/javascript" src="#{themePath}/js/jqDimensions.js"></script>
<script type="text/javascript">
// ###################### jQuery Integration #################################
jQuery.noConflict(); // Avoid conflicts with the RichFaces/Prototype library
function jsf(id) {
// Find the dynamic JSF client identifier by looking up
// the static identifier of its j4j proxy child element
if (document.getElementById(id) == null) { alert("Couldn't find JSF element: " + id); }
var realId = document.getElementById(id).title;
var element = document.getElementById(realId);
return jQuery(element);
}
// ###################### Form helpers #################################
function clickClear(thisfield, defaulttext) {
if (thisfield.value == defaulttext) {
thisfield.value = "";
}
}
function clickRecall(thisfield, defaulttext) {
if (thisfield.value == '') {
thisfield.value = defaulttext;
}
}
function trimString(s) {
return s.replace(/(^\s+|\s+$)/g, "");
}
function stringEndsWith(s, suffix) {
return s.substring(s.length - suffix.length) == suffix;
}
// ###################### Popups #################################
var fadeInPopupDialog = function(hash) {
hash.w.fadeIn('fast',function(){ hash.o.show(); });
jQuery(".closeDialog", hash.w).attr("accesskey", "#{messages['lacewiki.button.Cancel.accesskey']}"); // Dynamically assign accesskey to .closeDialog buttons
};
var fadeOutPopupDialog = function(hash) { hash.w.fadeOut('fast',function(){ hash.o.remove(); }); };
// ###################### Tabbed Forms #################################
var formTabErrors = {};
function formTabRaiseError(tabId, fieldId, message) {
formTabClearError(tabId, fieldId); // Clear error then re-add
log("Raise error for tab: '" + tabId + "' field: " + fieldId);
// Add an error message to the client message box
log("Adding error message: " +tabId + fieldId + "ErrorMessage")
jQuery("#clientMessageBoxTable").append(
'<tr id="' + tabId + fieldId + 'ErrorMessage"><td><img src="#{themePath}/img/attention.gif" ' +
'height="18" width="18" class="clientMessageBoxImage attentionImage"/></td>' +
'<td><span id="attentionMessage" class="attentionMessage">'+ message + '</span></td></tr>'
);
if (formTabErrors[tabId] == null) {
formTabErrors[tabId] = 1;
} else {
formTabErrors[tabId]++;
}
formTabRenderErrors(tabId);
}
function formTabClearError(tabId, fieldId) {
if (document.getElementById(tabId+fieldId+"ErrorMessage") != null) { // This error is displayed
log("Clear error for tab: '" + tabId + "' field: " + fieldId);
log("Removing error message: " +tabId + fieldId + "ErrorMessage")
// Remove the error message on the client message box
jQuery("#"+tabId + fieldId + "ErrorMessage").remove();
formTabErrors[tabId]--;
formTabRenderErrors(tabId);
}
}
function formTabRenderErrors(tabId) {
log("Errors for tab: '" + tabId + "': " + formTabErrors[tabId]);
if (formTabErrors[tabId] > 0 && document.getElementById(tabId+"InvalidIcon") == null) {
log("Showing icon for tab: " + tabId);
// Show an icon on the tab and blink it a few times
jQuery("#"+tabId)
.Pulsate(100,5)
.prepend('<img id="' + tabId + 'InvalidIcon" ' +
'src="#{themePath}/img/attention.gif" width="13" height="13" ' +
'alt="!" style="vertical-align:bottom;margin-left:5px;margin-right:5px;"/>');
} else if (formTabErrors[tabId] < 1){
log("Removing icon of tab: " + tabId);
jQuery("#"+tabId + "InvalidIcon").remove(); // Remove the error icon on the tab
}
var tabsHaveErrors = false;
for (var tab in formTabErrors) {
var numOfErrors = formTabErrors[tab];
if (numOfErrors > 0) {
tabsHaveErrors = true;
break;
}
}
if (tabsHaveErrors) {
log("Hiding save button and showing form message box");
jQuery(".saveButton").hide(); // Hide save button(s)
jQuery(".formControls").css("height", "30px"); // Adjust height for missing save button
jQuery("#messageBoxContainer").hide(); // Hide server messages
jQuery("#clientMessageBoxContainer").show(); // Show client error messages
} else {
log("Showing save button and hiding form message box");
jQuery(".saveButton").show(); // Show save button(s)
jQuery(".formControls").css("height", ""); // Readjust height for present save button
jQuery("#clientMessageBoxContainer").hide(); // Hide client error messages
}
}
function formTabClicked() {
jQuery("#messageBoxContainer").hide(); // Hide server messages
}
function log(message) {
return; // Remove to enable logging
if (!log.window_ || log.window_.closed) {
var win = window.open("", null, "width=400,height=200," +
"scrollbars=yes,resizable=yes,status=no," +
"location=no,menubar=no,toolbar=no");
if (!win) return;
var doc = win.document;
doc.write("<html><head><title>Debug Log</title></head><body style='font-family: monospace'></body></html>");
doc.close();
log.window_ = win;
}
var logLine = log.window_.document.createElement("div");
logLine.appendChild(log.window_.document.createTextNode(message));
log.window_.document.body.appendChild(logLine);
}
// ###################### Design #################################
function clearDocumentBackground() {
// Noop for this skin
}
// Wrap boxes with border and shadow
function wrapBoxes() {
// Noop for this skin
}
</script>
</head>
<body>
<ui:include src="../../includes/helpPopup.xhtml"/>
<div id="wrapper">
<div id="header">
<div id="utilityNav">
<table cellpadding="0" cellspacing="0" border="0" style="white-space: nowrap;">
<tr><td>
<ui:include src="../../includes/userControl.xhtml"/>
</td><td>
<ui:include src="../../includes/searchControl.xhtml"/>
</td></tr>
</table>
</div>
<div>
<h:outputLink value="#{wikiPreferences.baseUrl}">
<h:graphicImage value="/themes/#{wikiPreferences.themeName}/img/blank.gif" width="210" height="100"/>
</h:outputLink>
</div>
</div>
<s:div id="body">
<div id="container">
<div id="leftColumn">
<ui:decorate template="../../includes/mainMenu.xhtml">
<ui:define name="mainMenuHeader">
</ui:define>
<ui:define name="mainMenuFooter">
<s:div styleClass="feeds">
<h:outputLink styleClass="feedLink" value="#{facesContext.externalContext.request.contextPath}/servlets/feeds/atom.seam?feedId=#{wikiRoot.feed.id}">
<span class="feedText">#{messages['lacewiki.button.SiteFeed']}</span>
<h:graphicImage styleClass="feedIcon" value="/themes/#{wikiPreferences.themeName}/img/icon.atom.onbrown.gif" width="18" height="18"/>
</h:outputLink>
</s:div>
</ui:define>
</ui:decorate>
<br/>
<!-- Members Area -->
<div id="wikiControls" class="membersAreaContainer"><b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="membersArea">
<h3>Controls</h3>
<s:fragment rendered="#{not empty currentDocument and not empty currentDocument.id}">
<h:outputLink styleClass="linkNavigation" value="#{wiki:renderPermLink(currentDocument)}" target="_top">
<h:outputText value="#{messages['lacewiki.label.PermLink']}"/>
</h:outputLink>
<h:outputLink styleClass="linkNavigation" value="#{wiki:renderWikiLink(currentDocument)}" target="_top">
<h:outputText value="#{messages['lacewiki.label.WikiLink']}"/>
</h:outputLink>
</s:fragment>
<ui:insert name="controlTwo"/>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>
<s:div styleClass="membersAreaContainer workspaceSwitcherContainer" rendered="#{wiki:sizeOf(conversationList) > 0}">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<h:form id="workspaceSwitcher">
<h:selectOneMenu value="#{switcher.conversationIdOrOutcome}"
styleClass="workspaceSwitcherCombobox">
<f:selectItems value="#{switcher.selectItems}"/>
</h:selectOneMenu>
<h:commandLink styleClass="workspaceSwitcherLink"
action="#{switcher.select}"
accesskey="#{messages['lacewiki.button.SwitchWorkspace.accesskey']}">
<h:outputText escape="false" value="#{messages['lacewiki.button.SwitchWorkspace']}"/>
</h:commandLink>
</h:form>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</s:div>
<div style="margin-top: 25px; margin-left: 15px; margin-right: 15px; ">
<h2>What is happening here?</h2>
<p>
We are building the new Seam community website publicly. You
are invited to contribute. Please do not link to this website at this time, the addresses and URLs
will change when we go live. If you find a bug in the software or get hit by an exception, please
send an e-mail with a full description
to <a href="mailto:christian.bauer(at)gmail.com">christian.bauer(at)gmail.com</a>
</p>
</div>
</div>
<!-- Main Content area -->
<div id="rightColumn">
<h:graphicImage value="/themes/#{wikiPreferences.themeName}/img/blank.gif" width="1" height="1"/>
<ui:include src="../../includes/breadcrumb.xhtml"/>
<!-- Status messages -->
<s:div id="messageBoxContainer">
<s:div id="messageBox" styleClass="messageBox" rendered="#{!empty facesMessages.currentGlobalMessages}">
<ui:repeat var="message" value="#{facesMessages.currentGlobalMessages}">
<h:panelGrid styleClass="messageBoxTable" columns="2" cellpadding="0" cellspacing="0" border="0">
<h:graphicImage value="/themes/#{wikiPreferences.themeName}/img/info.gif"
width="18" height="18" styleClass="messageBoxImage infoImage"/>
<h:outputText styleClass="infoMessage" value="#{message.summary}"/>
</h:panelGrid>
</ui:repeat>
<script type="text/javascript">jQuery(function() {
jQuery("#messageBoxContainer").css("margin-top", "10px").css("margin-bottom", "10px");
jQuery(".messageBoxImage").Pulsate(100,5);
});</script>
</s:div>
</s:div>
<s:div id="clientMessageBoxContainer" style="display:none;">
<div id="clientMessageBox" class="messageBox">
<table id="clientMessageBoxTable" class="messageBoxTable" cellpadding="0" cellspacing="0" border="0"/>
<script type="text/javascript">jQuery(function() {
jQuery("#clientMessageBoxContainer").css("margin-top", "10px").css("margin-bottom", "10px");
jQuery(".clientMessageBoxImage").Pulsate(100,5);
});</script>
</div>
</s:div>
<!-- Dynamic Content -->
<ui:insert name="content"/>
</div>
<div class="clear" style="padding-top:15px;"/>
</div>
</s:div>
</div>
<div id="footer" class="undecoratedLink">
<p> © Copyright 2007, Red Hat Middleware, LLC. All rights reserved. JBoss and Seam are registered trademarks
and servicemarks of <a href="http://www.redhat.com/">Red Hat, Inc</a>.
[<a href="http://www.redhat.com/legal/privacy_statement.html">Privacy Policy</a>]</p>
</div>
</body>
</html>
1.1 date: 2007/11/20 08:05:10; author: cbauer; state: Exp;jboss-seam/examples/wiki/view/themes/sfwkorg/templatePlain.xhtml
Index: templatePlain.xhtml
===================================================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:j4j="http://javascript4jsf.dev.java.net/"
xmlns:wiki="http://jboss.com/products/seam/wiki"
xmlns:s="http://jboss.com/products/seam/taglib">
<f:view contentType="text/html"/>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title><h:outputText value="Seam Framework - "/><ui:insert name="screenname"/></title>
<link href="#{themePath}/css/sfwk.css" rel="stylesheet" type="text/css"/>
<ui:insert name="includeHeaders"/>
<script type="text/javascript" src="#{themePath}/js/jquery.js"></script>
<script type="text/javascript" src="#{themePath}/js/interface.js"></script>
<script type="text/javascript" src="#{themePath}/js/jqModal.js"></script>
<script type="text/javascript" src="#{themePath}/js/jqTabs.js"></script>
<script type="text/javascript" src="#{themePath}/js/jqHistoryRemote.js"></script>
<script type="text/javascript" src="#{themePath}/js/jqProgressBar.js"></script>
<script type="text/javascript" src="#{themePath}/js/jqDimensions.js"></script>
<script type="text/javascript">
function clearDocumentBackground() {
// Noop for this skin
}
// Wrap boxes with border and shadow
function wrapBoxes() {
// Noop for this skin
}
</script>
</head>
<body id="bodyPlain">
<ui:insert name="content"/>
</body>
</html>
More information about the jboss-cvs-commits
mailing list