index.xhtml

<ui:composition template="include/template.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">
    <ui:define name="content">
        <link rel="stylesheet" href="https://unpkg.com/dmn-js@6.3.1/dist/assets/diagram-js.css"/>
        <link rel="stylesheet" href="https://unpkg.com/dmn-js@6.3.1/dist/assets/dmn-js-shared.css"/>
        <link rel="stylesheet" href="https://unpkg.com/dmn-js@6.3.1/dist/assets/dmn-js-drd.css"/>
        <link rel="stylesheet"
              href="https://unpkg.com/dmn-js@6.3.1/dist/assets/dmn-js-decision-table.css"/>
        <link rel="stylesheet"
              href="https://unpkg.com/dmn-js@6.3.1/dist/assets/dmn-js-decision-table-controls.css"/>
        <link rel="stylesheet"
              href="https://unpkg.com/dmn-js@6.3.1/dist/assets/dmn-js-literal-label.css"/>
        <link rel="stylesheet"
              href="https://unpkg.com/dmn-js@6.3.1/dist/assets/dmn-font/css/dmn.css"/>
        <h:panelGroup id="content" layout="block">
            <h:form enctype="multipart/form-data" id="upload">
                <p:fileUpload value="#{dmnUploadBean.file}"
                              mode="advanced"
                              label="Choose DMN"
                              description="Select File (only DMN)"
                              allowTypes="/(\.|\/)(dmn)$/"
                              auto="true"
                              skinSimple="true"
                              fileUploadListener="#{dmnUploadBean.fileUploadListener}"
                              update="content"/>
            </h:form>
            <h:panelGroup id="content-dmn" layout="block">
                <div class="editor-parent">
                    <div class="editor-container"></div>
                    <div class="editor-tabs"></div>
                </div>

                <script src="https://unpkg.com/dmn-js@6.3.1/dist/dmn-modeler.production.min.js"></script>
                <script src="js/dmnViewer.js"></script>
            </h:panelGroup>

            <h:panelGroup id="content-buttons" layout="block">
                <h:form>
                    <p:commandButton value="Verify"
                                     id="verify-button"
                                     styleClass="dmn-button"
                                     onclick="exportDiagram()"
                                     action="#{buttonBean.validateDmn}"
                                     update="content"
                                     disabled="#{buttonBean.disabled}"/>

                    <!--
                    <p:selectBooleanCheckbox value="#{buttonBean.calculateMultiTable}"
                                             disabled="#{buttonBean.disabled}"
                                             itemLabel="Calculate Multi Table"/>
                    -->
                    <p:commandButton value="Empty DMN"
                                     id="clear-button"
                                     styleClass="dmn-button"
                                     action="#{buttonBean.setEmptyDmn}"
                                     update="content"
                                     ajax="true"/>

                    <p:commandButton value="Sample DMN"
                                     id="sample-button"
                                     styleClass="dmn-button"
                                     action="#{buttonBean.setSampleDmn}"
                                     update="content"
                                     ajax="true"/>

                    <p:commandButton value="Sample Multi"