helptool.xhtml 2.46 KB
<?xml version='1.0' encoding='UTF-8' ?>
<!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:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:composite="http://java.sun.com/jsf/composite" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	  xmlns:tools="http://java.sun.com/jsf/composite/tools"
	xmlns:p="http://primefaces.org/ui"
	  xmlns:pe="http://primefaces.org/ui/extensions"
>

<composite:interface>

</composite:interface>

<composite:implementation>

	<h:form>


		<p:commandButton rendered="#{helpView.helpAvailable or helpView.permissionToEdit}"  icon="ui-icon-help" title="#{i18n['help.title']}" onclick="PF('showHelpDialog').show()" />


		<!-- Sorry abt. this dialog mess, I was too lazy to find working way to do inline -editing with ckEditor -TK -->

		<p:dialog widgetVar="showHelpDialog" header="#{i18n['help.title']}" >
			<p:outputPanel id="helpPanel">

				<p:outputPanel rendered="#{helpView.helpAvailable}" >
					<h:outputText value="#{helpView.helpText}" escape="false" />
					<br /><br />
					<p:commandButton rendered="#{helpView.permissionToEdit}" value="#{i18n['help.edit']}" onclick="PF('editHelpDialog').show();PF('showHelpDialog').hide();" />
				</p:outputPanel>

				<p:outputPanel rendered="#{not helpView.helpAvailable and helpView.permissionToEdit}" id="helpPanelPlaceholder" >
					<h2><h:outputText value="#{i18n['help.placeholder.title']}" /></h2>
					<br />
					<p:commandButton value="#{i18n['help.add']}" onclick="PF('editHelpDialog').show();PF('showHelpDialog').hide();" />
				</p:outputPanel>
			</p:outputPanel>
		</p:dialog>



		<p:dialog widgetVar="editHelpDialog" header="#{i18n['help.dialog.header']}" >

				<p:outputPanel>
					<pe:ckEditor id="editors" value="#{helpView.helpText}" toolbar="
					[['Bold','Italic','Underline','Strike','TextColor'],
					['NumberedList','BulletedList','Outdent', 'Indent'],
					['Image','Table','HorizontalRule','Iframe'],
					['Format','FontSize'],
					['RemoveFormat', 'Save']]">
						<p:ajax event="save" listener="#{helpView.saveHelpText}" update="helpPanel" oncomplete="PF('showHelpDialog').show();PF('editHelpDialog').hide();"/>
					</pe:ckEditor>
				</p:outputPanel>

				<span class="error"><h:outputText value="#{i18n['help.globalWarning']}" /></span>

		</p:dialog>

	</h:form>


</composite:implementation>
</html>