Skip to content
Snippets Groups Projects
Commit 0195ddcf authored by Jonas Blatt's avatar Jonas Blatt :ant:
Browse files

Add tabs to ui for single tables and multi tables

parent 5a853fa5
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
dmn-verifier-app/src/main/webapp/index.xhtml
+ 70
− 73
View file @ 0195ddcf
...@@ -95,90 +95,87 @@ ...@@ -95,90 +95,87 @@
</f:facet> </f:facet>
<f:facet name="complete"> <f:facet name="complete">
<h2>Single table results</h2> <p:tabView>
<p:dataTable var="verifier" <p:tab title="Single table results">
value="#{tableDataBean.verifierResultListSingleTables}" <p:dataTable var="verifier"
emptyMessage="No records found, check syntax!"> value="#{tableDataBean.verifierResultListSingleTables}"
<p:column style="width:16px"> emptyMessage="No records found, check syntax!">
<p:rowToggler/> <p:column style="width:16px">
</p:column> <p:rowToggler/>
<p:column styleClass="col-dataType" headerText="Type">
<h:outputText value="#{verifier.verifierType}"/>
</p:column>
<p:column styleClass="col-description" headerText="Description">
<h:outputText value="#{verifier.verificationDescription}"/>
</p:column>
<p:column styleClass="col-quantity" headerText="Quantity">
<h:outputText value="#{verifier.verificationsCount}"/>
</p:column>
<p:rowExpansion>
<p:dataTable var="results" value="#{verifier.verifications}">
<p:column styleClass="subcol-message" headerText="Message">
<h:outputText value="#{results.message}"/>
</p:column> </p:column>
<p:column styleClass="subcol-rules" headerText="Rules">
<p:commandButton styleClass="ruleselect-button"
style="width: 95%;"
onclick="addHighlightCss(#{results.rulesAsJson});"
value="Show"/>
</p:column>
</p:dataTable>
</p:rowExpansion>
</p:dataTable>
</f:facet>
</p:ajaxStatus>
<!-- Multi Table --> <p:column styleClass="col-dataType" headerText="Type">
<p:ajaxStatus style="display:block;"> <h:outputText value="#{verifier.verifierType}"/>
<f:facet name="default"> </p:column>
</f:facet>
<f:facet name="start"> <p:column styleClass="col-description" headerText="Description">
</f:facet> <h:outputText value="#{verifier.verificationDescription}"/>
</p:column>
<f:facet name="complete"> <p:column styleClass="col-quantity" headerText="Quantity">
<h2>Multi table results</h2> <h:outputText value="#{verifier.verificationsCount}"/>
<p:dataTable var="verifier"
value="#{tableDataBean.verifierResultListMultiTables}"
emptyMessage="No records found, check syntax!">
<p:column style="width:16px">
<p:rowToggler/>
</p:column>
<p:column styleClass="col-dataType" headerText="Type">
<h:outputText value="#{verifier.verifierType}"/>
</p:column>
<p:column styleClass="col-description" headerText="Description">
<h:outputText value="#{verifier.verificationDescription}"/>
</p:column>
<p:column styleClass="col-quantity" headerText="Quantity">
<h:outputText value="#{verifier.verificationsCount}"/>
</p:column>
<p:rowExpansion>
<p:dataTable var="results" value="#{verifier.verifications}">
<p:column styleClass="subcol-message" headerText="Message">
<h:outputText value="#{results.message}"/>
</p:column> </p:column>
<p:column styleClass="subcol-rules" headerText="Rules">
<p:dataTable var="rule" value="#{results.rules}"> <p:rowExpansion>
<p:column style="padding: 0px"> <p:dataTable var="results"
value="#{verifier.verifications}">
<p:column styleClass="subcol-message"
headerText="Message">
<h:outputText value="#{results.message}"/>
</p:column>
<p:column styleClass="subcol-rules" headerText="Rules">
<p:commandButton styleClass="ruleselect-button" <p:commandButton styleClass="ruleselect-button"
style="width: 95%;" style="width: 95%;"
onclick="addHighlightCssSingleRule('#{rule.ruleId}', '#{rule.decisionKey}');" onclick="addHighlightCss(#{results.rulesAsJson});"
value="#{rule.tableName.concat(' (').concat(rule.rowNumber).concat(')')}"/> value="Show"/>
</p:column> </p:column>
</p:dataTable> </p:dataTable>
</p:rowExpansion>
</p:dataTable>
</p:tab>
<p:tab title="Multi Table results">
<p:dataTable var="verifier"
value="#{tableDataBean.verifierResultListMultiTables}"
emptyMessage="No records found, check syntax!">
<p:column style="width:16px">
<p:rowToggler/>
</p:column>
<p:column styleClass="col-dataType" headerText="Type">
<h:outputText value="#{verifier.verifierType}"/>
</p:column>
<p:column styleClass="col-description" headerText="Description">
<h:outputText value="#{verifier.verificationDescription}"/>
</p:column> </p:column>
<p:column styleClass="col-quantity" headerText="Quantity">
<h:outputText value="#{verifier.verificationsCount}"/>
</p:column>
<p:rowExpansion>
<p:dataTable var="results"
value="#{verifier.verifications}">
<p:column styleClass="subcol-message"
headerText="Message">
<h:outputText value="#{results.message}"/>
</p:column>
<p:column styleClass="subcol-rules" headerText="Rules">
<p:dataTable var="rule" value="#{results.rules}">
<p:column style="padding: 0px">
<p:commandButton
styleClass="ruleselect-button"
style="width: 95%;"
onclick="addHighlightCssSingleRule('#{rule.ruleId}', '#{rule.decisionKey}');"
value="#{rule.tableName.concat(' (').concat(rule.rowNumber).concat(')')}"/>
</p:column>
</p:dataTable>
</p:column>
</p:dataTable>
</p:rowExpansion>
</p:dataTable> </p:dataTable>
</p:rowExpansion> </p:tab>
</p:dataTable> </p:tabView>
</f:facet> </f:facet>
</p:ajaxStatus> </p:ajaxStatus>
</h:panelGroup> </h:panelGroup>
......
dmn-verifier-app/src/main/webapp/resources/css/stylesheet.css
+ 12
− 0
View file @ 0195ddcf
...@@ -9,6 +9,18 @@ h2 { ...@@ -9,6 +9,18 @@ h2 {
margin: 10px; margin: 10px;
} }
.ui-tabs .ui-tabs-panel {
padding: 0 !important; /* overwrite primefaces css */
}
.ui-tabs.ui-tabs-top>.ui-tabs-nav {
background: transparent !important; /* overwrite primefaces css */
}
.ui-state-active {
font-weight: bold !important; /* overwrite primefaces css */
}
.col-type { .col-type {
width: 25%; width: 25%;
word-wrap: break-word; word-wrap: break-word;
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment