+++ /dev/null
-<?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:p="http://primefaces.prime.com.tr/ui"
- xmlns:h="http://java.sun.com/jsf/html"
- xmlns:f="http://java.sun.com/jsf/core"
- xmlns:c="http://java.sun.com/jsp/jstl/core"
- xmlns:ui="http://java.sun.com/jsf/facelets">
- <f:loadBundle basename="org.ufcspa.simdecs.resources.messages" var="msg" />
- <h:head>
- <title>SimDeCS</title>
- <link type="text/css" rel="stylesheet" href="styles.css" />
- </h:head>
- <h:body>
- <h:form id="fMenu">
- <p:menubar autoSubmenuDisplay="true" style="font-size: 11px; background: #ECECEC;" >
- <p:submenu label="#{msg.editDiagramMenuFile}" icon="ui-icon ui-icon-document">
- <p:menuitem value="#{msg.editDiagramMenuNew}" url="#" />
- <p:menuitem value="#{msg.editDiagramMenuOpen}" url="#" />
- <p:menuitem value="#{msg.editDiagramMenuSave}" url="#" />
- </p:submenu>
- <p:submenu label="#{msg.editDiagramMenuLanguage}" icon="ui-icon ui-icon-pencil">
- <p:menuitem value="#{msg.editDiagramMenuLanguagePortugueseLabel}" actionListener="#{languageSelector.handleLanguageChange()}" ajax="false" immediate="true">
- <f:param name="language" value="#{msg.editDiagramMenuLanguagePortugueseCode}" />
- </p:menuitem>
- <p:menuitem value="#{msg.editDiagramMenuLanguageEnglishLabel}" actionListener="#{languageSelector.handleLanguageChange()}" ajax="false" immediate="true">
- <f:param name="language" value="#{msg.editDiagramMenuLanguageEnglishCode}" />
- </p:menuitem>
- </p:submenu>
- <p:submenu label="#{msg.editDiagramMenuHelp}" icon="ui-icon ui-icon-help">
- <p:menuitem value="#{msg.editDiagramMenuAbout}" url="#" />
- </p:submenu>
- </p:menubar>
- </h:form>
- <br />
-
- <p:ajaxStatus />
- <p:growl id="messageGrow1" showDetail="true" life="3000" />
-
-
- <p:panel id="diagramCanvas" header="#{editDiagram.diagramManager.diagramName}" style="font-size:12px;overflow: auto; height: 500px;">
- <h:form id="fdiagram">
- <table border="0" cellspacing="0">
-
- <ui:repeat id="swimLanesLoop" value="#{editDiagram.diagramManager.swimLanes}" var="swimLane">
- <tr>
- <td align="left" width="150">
- <p:commandLink actionListener="#{editActor.prepareWindowEditActor}" oncomplete="dialogNewActor.show();" update="fEditActor">
- <h:graphicImage id="swimLane#{swimLane.id}" value="#{swimLane.image}" height="150" />
- <f:param name="pActorID" value="#{swimLane.id}" />
- </p:commandLink>
-<!-- <p:tooltip for="swimLane#{swimLane.id}" value="#{swimLane.name}" showEffect="fade" hideEffect="fade" showEffectLength="1000" hideEffectLength="1000"/> -->
- </td>
- <ui:repeat value="#{swimLane.nodes}" var="node">
- <td width="150">
- <p:commandLink actionListener="#{editBeginNode.prepareWindowEditBeginNode}" oncomplete="dialogBeginNode.show();" update="fEditBeginNode">
- <h:graphicImage id="node#{node.id}" value="#{node.image}" width="150"/>
- <f:param name="pActorID" value="#{swimLane.id}" />
- <f:param name="pNodeID" value="#{node.id}" />
- </p:commandLink>
-<!-- <p:tooltip for="node#{node.id}" value="#{node.name}" showEffect="fade" hideEffect="fade" showEffectLength="1000" hideEffectLength="1000"/> -->
- </td>
- </ui:repeat>
- <td align="left" width="150">
- <p:commandLink id="addNodeAction#{swimLane.id}" actionListener="#{editNode.prepareActionMenu}" oncomplete="dialogAddNodeMenu.show();" update="fAddNodeMenu">
- <f:param name="pActorID" value="#{swimLane.id}" />
- <h:graphicImage id="plus#{swimLane.id}" value="img/others/plus.png" />
- </p:commandLink>
- </td>
- </tr>
- <tr>
- <td style='background-image: url("img/swimLanes/separator.png");'>
- </td>
- <ui:repeat value="#{swimLane.nodes}" var="node">
- <td style='background-image: url("img/swimLanes/separator.png");'>
- </td>
- </ui:repeat>
- <td style='background-image: url("img/swimLanes/separator.png");'>
- </td>
- </tr>
- </ui:repeat>
- </table>
- </h:form>
- </p:panel>
-
- <p:dialog id="dialogAddNodeMenu" widgetVar="dialogAddNodeMenu" closable="true" draggable="true" modal="true" width="500" height="300">
- <h:form id="fAddNodeMenu">
- <p:menu id="dinamycAddNodeMenu" model="#{editNode.menuActionList}" />
- </h:form>
- </p:dialog>
-
- <p:dialog id="dialogEditNodeMenu" header="#{msg.editPropertiesTableTitle}" widgetVar="dialogEditNodeMenu" closable="true" draggable="true" modal="true" width="600" height="450">
- <h:form id="fEditNodeMenu">
- <p:dataTable var="property" value="#{editNode.properties}">
-
- <p:column headerText="#{msg.editPropertiesTableName}">
- <h:outputText value="#{property.name}"/>
- </p:column>
-
- <p:column headerText="#{msg.editPropertiesTableValue}">
- <p:resizable />
- <p:cellEditor>
- <f:facet name="output"><h:outputText value="#{property.value}"/></f:facet>
- <f:facet name="input"><h:inputText value="#{property.value}" required="#{property.required}" maxlength="#{property.maxLength}" /></f:facet>
- </p:cellEditor>
- </p:column>
-
- <p:column>
- <p:rowEditor />
- </p:column>
- </p:dataTable>
- <center>
- <p:commandButton id="changePropertiesButton" value="#{msg.editPropertiesButtonOk}" actionListener="#{editNode.addNode}" update="fdiagram"/>
- <p:commandButton id="cancelChangePropertiesButton" value="#{msg.editPropertiesButtonCancel}" type="button" onclick="dialogAddNodeMenu.hide();"/>
- </center>
- </h:form>
- </p:dialog>
-
-
- <p:dialog id="dialogNewActor" widgetVar="dialogNewActor" header="#{msg.editDiagramEditActor}" closable="true" draggable="true" modal="true" width="500">
- <h:form id="fEditActor">
- <p:panel id="dialogNewActorPanel">
- <h:inputHidden id="editActorID" value="#{editActor.id}" />
- <table class="formTable">
- <tr>
- <th><h:outputText value="#{msg.editDiagramActorName}" /></th>
- <td>
- <p:inputText id="editActorName" value="#{editActor.name}" required="true" size="50" maxlength="100" />
- </td>
- </tr>
- <tr>
- <th><h:outputText value="#{msg.editDiagramActorType}" /></th>
- <td>
- <h:selectOneMenu id="editActorType" value="#{editActor.type}" required="true">
- <f:selectItem itemValue="" itemLabel="#{msg.selectOneOnList}" />
- <f:selectItems value="#{editActor.actorTypes}" />
- </h:selectOneMenu>
- </td>
- </tr>
- <tr>
- <th><h:outputText value="#{msg.editDiagramActorSex}" /></th>
- <td>
- <h:selectOneMenu id="editActorSex" value="#{editActor.sex}" required="true">
- <f:selectItem itemValue="" itemLabel="#{msg.selectOneOnList}" />
- <f:selectItem itemValue="M" itemLabel="#{msg.editDiagramActorSexMale}" />
- <f:selectItem itemValue="F" itemLabel="#{msg.editDiagramActorSexFemale}" />
- </h:selectOneMenu>
- </td>
- </tr>
- <tr>
- <th><h:outputText value="#{msg.editDiagramActorAge}" /></th>
- <td>
- <p:inputText id="editActorAge" value="#{editActor.age}" required="true" size="5" maxlength="3">
- <f:convertNumber integerOnly="true" minIntegerDigits="1" maxIntegerDigits="3" />
- <f:validateLongRange minimum="0" maximum="150" />
- </p:inputText>
- </td>
- </tr>
- <tr>
- <th><h:outputText value="#{msg.editDiagramActorHeight}" /></th>
- <td>
- <p:inputText id="editActorHeight" value="#{editActor.height}" required="true" size="5">
- <f:convertNumber maxIntegerDigits="1" minFractionDigits="2" maxFractionDigits="2" />
- </p:inputText>
- <h:outputText value="#{msg.editDiagramActorHeightMeasureUnit}" />
- </td>
- </tr>
- <tr>
- <th><h:outputText value="#{msg.editDiagramActorWeight}" /></th>
- <td>
- <p:inputText id="editActorWeight" value="#{editActor.weight}" required="true" size="5" maxlength="3">
- <f:convertNumber integerOnly="true" />
- </p:inputText>
- <h:outputText value="#{msg.editDiagramActorWeightMeasureUnit}" />
- </td>
- </tr>
- </table>
- <br />
- <p:commandButton id="buttonAddActor" value="#{msg.buttonAdd}" oncomplete="handleAddActorRequest(xhr, status, args);" actionListener="#{editActor.addActor}" update="diagramCanvas,dialogNewActorPanel,messageGrow1,fdiagram" />
- <p:commandButton id="buttonEditActor" value="#{msg.buttonEdit}" oncomplete="handleAddActorRequest(xhr, status, args);" actionListener="#{editActor.editActor}" update="diagramCanvas,dialogNewActorPanel,messageGrow1,fdiagram" />
- <p:commandButton id="buttonRemoveActor" value="#{msg.buttonRemove}" style="color: red;" oncomplete="dialogNewActor.hide();" actionListener="#{editActor.removeActor}" ajax="false" update="swimLanesLoop" />
- </p:panel>
- <script type="text/javascript">
- function handleAddActorRequest(xhr, status, args) {
- if(args.validationFailed) {
- jQuery('#dialogNewActor').parent().effect("shake", { times:3 }, 100);
- } else {
- dialogNewActor.hide();
- }
- }
- </script>
- </h:form>
- </p:dialog>
-
- <h:form id="fdock">
- <p:dock id="dock">
- <p:menuitem id="dockAddActor" value="#{msg.editDiagramAddActor}" icon="/img/dock/addActor.png" immediate="true" actionListener="#{editActor.prepareWindowAddActor}" oncomplete="dialogNewActor.show();" update="fEditActor,dialogNewActorPanel"/>
- <p:menuitem id="dockAddBegin" value="#{msg.editDiagramAddBegin}" icon="/img/dock/addBegin.png" />
- </p:dock>
- </h:form>
- </h:body>
-</html>
-