<%@ page contentType="text/html;charset=UTF-8pageEncoding="UTF-8"%>
<!--
 * Copyright (c) Rogue Wave Software, Inc. 1997, 2015
 * All rights reserved.
 -->
<%@ taglib uri="http://java.sun.com/jsf/core"   prefix="f%>
<%@ taglib uri="http://java.sun.com/jsf/html"   prefix="h%>
<%@ taglib uri="http://www.ilog.com/jviews/tlds/jviews-faces.tld" prefix="jv%>
<%@ taglib uri="http://www.ilog.com/jviews/tlds/jviews-framework-faces.tld" prefix="jvf%>
<%@ taglib uri="http://www.ilog.com/jviews/tlds/jviews-diagrammer-faces.tld" prefix="jvdf%>

<f:view>
<f:loadBundle basename="messagesvar="msg/>
        <html>
          <head>
            <title><h:outputText value="#{msg.code11Title}"/></title>
            <meta content="no-cachehttp-equiv="Cache-Control"/>
            <meta content="no-cachehttp-equiv="Pragma"/>
            <meta http-equiv="Content-Typecontent="text/html; charset=UTF-8/>
            <style>
              .menuItem { background: #21bdbd; color: black; font-family: sans-serif; font-size: 12px; } 
              .menuItemHighlighted { background: #057879; color: white; }
              .menuItemDisabled { background: #eeeeee; font-style: italic; color: black; }
            </style>
          </head>
        
          <body bgcolor="white">
        
            <h1><h:outputText value="#{msg.code11H1}"/></h1>
        
            <p><h:outputText value="#{msg.code11P1}"/></p>
            <p>
              <h:outputText value="#{msg.code11P2}"/>
            </p>
            <p><h:outputText value="#{msg.code11P3}"/></p>
        
              <h:form id="form">
                <jvf:zoomInteractor id="zoom/>
                <jvf:panInteractor id="pan/>
        
                <jvdf:diagrammerView
                  id="diagrammer"
                  diagrammer="#{diagrammerBean.diagrammer}"
                  style="width:600px;height:400px"
                  interactorId="zoom"
                  project="/data/molecule.idpr">
        
                  <jvf:contextualMenu
                    factory="#{diagrammerBean.menuFactory}"
                    itemStyleClass="menuItem"
                    itemHighlightedStyleClass="menuItemHighlighted"
                    itemDisabledStyleClass="menuItemDisabled/>
        
                </jvdf:diagrammerView>
                </h:form>
                  </body>
                 
                </html>
</f:view>