src/java/DmWebPortal/web/resources/css/jsfcrud.css

+root { 
+    display: block;
+}
+
+body {
+    font-family: Arial, Helvetica, sans-serif;
+    color: #3a4f54;
+    background-color: #dfecf1;
+    font-size: small;
+}
+
+a {
+    color: #e33b06;
+}
+
+table {
+    empty-cells: show;
+}
+
+form.jsfcrud_list_form th, td th {
+    font-size: x-small;
+    color: #4e6a71;
+    border-top-style: solid;
+    border-bottom-style: solid;
+    border-left-style: solid;
+    border-right-style: solid;
+    border-top-width: 1px;
+    border-bottom-width: 1px;
+    border-left-width: 1px;
+    border-right-width: 1px;
+    border-top-color: #b2d5d6;
+    border-bottom-color: #b2d5d6;
+    border-left-color: #90b4bd;
+    border-right-color: #90b4bd;
+    letter-spacing: 3px;
+    text-align: left;
+    padding-top: 6px;
+    padding-bottom: 6px;
+    padding-left: 6px;
+    padding-right: 6px;
+    background-color: #b2d5d6;
+}
+
+td {
+    vertical-align: top;
+    padding-bottom: 8px;
+    font-size: small;
+}
+
+form.jsfcrud_list_form td, td td {
+    border-top-style: solid;
+    border-bottom-style: solid;
+    border-left-style: solid;
+    border-right-style: solid;
+    border-top-width: 1px;
+    border-bottom-width: 1px;
+    border-left-width: 1px;
+    border-right-width: 1px;
+    border-top-color: #b2d5d6;
+    border-bottom-color: #b2d5d6;
+    border-left-color: #b2d5d6;
+    border-right-color: #b2d5d6;
+    vertical-align: baseline;
+    padding-bottom: 0px;
+}
+
+tr.jsfcrud_odd_row {
+    background-color: #fefeff;
+    color: #4e6a71;
+}
+
+
+tr.jsfcrud_even_row {
+    background-color: #eff5fa;
+    color: #4e6a71;
+}
+
+#busyImage {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+}

src/java/DmWebPortal/web/resources/css/login.css

+body {
+    background-color: #f2f4f7;
+    font-size: 12px;
+    font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
+    color: #000000;
+    margin: 0px;
+}
+
+a:link, a:visited {
+    color: #4e80b6;
+    font-weight: bold;
+}
+
+a:link:hover, a:visited:hover  {
+    color: #6da5d8;
+    font-weight: bold;
+}
+
+ #top {
+     position: relative;
+     color: white;
+
+     /* IE10 */
+     background-image: -ms-linear-gradient(top, #4e80b6 0%, #6da5d8 100%);
+     /* Mozilla Firefox */
+     background-image: -moz-linear-gradient(top, #4e80b6 0%, #6da5d8 100%);
+     /* Opera */
+     background-image: -o-linear-gradient(top, #4e80b6 0%, #6da5d8 100%);
+     /* Webkit (Safari/Chrome 10) */
+     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4e80b6), color-stop(1, #6da5d8));
+     /* Webkit (Chrome 11+) */
+     background-image: -webkit-linear-gradient(top, #4e80b6 0%, #6da5d8 100%);
+     /* Proposed W3C Markup */
+     background-image: linear-gradient(top, #4e80b6 0%, #6da5d8 100%);
+     /* IE6-9 */
+     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e80b6', endColorstr='#6da5d8');
+     padding: 15px;
+     margin: 0px 0px 0px 0px;
+     height: 75px;
+ }
+
+#bottom {
+    position: relative;
+    background-color: #f2f4f7;
+    padding: 5px;
+    margin: 0px 0px 0px 0px;
+    height: 100%
+}
+
+.topLeftContent {
+    float: left;
+    width: 150px;
+    margin-left: 35px;
+    vertical-align: central;
+    text-align: center;
+}
+
+.topCenterContent {
+    position: relative;
+    vertical-align: central;
+    text-align: center;
+    margin: 0px 170px 0px 170px;
+}
+
+.topRightContent {
+    float: right;
+    width: 170px;
+    vertical-align: central;
+    text-align: center;
+    font-size: 10px;
+}
+
+.login {
+    vertical-align: central;
+    text-align: center;
+    margin-left: auto;
+    margin-right: auto;
+    background: #f2f4f7;
+    padding: 100px;
+}
+
+
+input {
+    background: #6da5d8;
+    box-shadow: 0px 3px 5px #d5d5d5;
+}
+
+h1 {
+    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
+    font-size:  24px;
+    font-weight: bold;
+    margin: 20px;
+    padding-bottom: 0px;
+    color: #f2f4f7;
+    vertical-align: middle;
+}

src/java/DmWebPortal/web/resources/css/portal.css

+body {
+    background-color: #b2d5d6;
+    font-size: 12px;
+    font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
+    color: #000000;
+    margin: 0px;
+}
+
+a:link, a:visited {
+    color: #4e80b6;
+    font-weight: bold;
+}
+
+a:link:hover, a:visited:hover  {
+    color: #6da5d8;
+    font-weight: bold;
+}
+
+#top {
+    position: relative;
+    color: white;
+
+    /* IE10 */
+    background-image: -ms-linear-gradient(top, #4e80b6 0%, #6da5d8 100%);
+    /* Mozilla Firefox */
+    background-image: -moz-linear-gradient(top, #4e80b6 0%, #6da5d8 100%);
+    /* Opera */
+    background-image: -o-linear-gradient(top, #4e80b6 0%, #6da5d8 100%);
+    /* Webkit (Safari/Chrome 10) */
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4e80b6), color-stop(1, #6da5d8));
+    /* Webkit (Chrome 11+) */
+    background-image: -webkit-linear-gradient(top, #4e80b6 0%, #6da5d8 100%);
+    /* Proposed W3C Markup */
+    background-image: linear-gradient(top, #4e80b6 0%, #6da5d8 100%);
+    /* IE6-9 */
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e80b6', endColorstr='#6da5d8');
+
+    padding: 15px;
+    margin: 0px 0px 0px 0px;
+    height: 75px;
+}
+
+#menu {
+    background-color: #6da5d8;
+}
+
+#middle {
+}
+
+#bottom {
+    position: relative;
+    background-color: #6da5d8;
+    padding: 0px;
+    margin: 0px 0px 0px 0px;
+    height: 100%
+}
+
+.topLeftContent {
+    float: left;
+    width: 170px;
+    vertical-align: central;
+    text-align: center;
+    margin-left: 35px;
+}
+
+.topCenterContent {
+    position: relative;
+    vertical-align: central;
+    text-align: center;
+    margin: 0px 170px 0px 170px;
+}
+
+.topRightContent {
+    float: right;
+    width: 170px;
+    vertical-align: central;
+    text-align: left;
+    font-size: 10px;
+}
+
+.menubar {
+    background: #6da5d8;
+}
+
+.menuContent {
+    position: relative;
+    vertical-align: central;
+    text-align: left;
+    margin: 0px 0px 0px 0px;
+    color: white;
+    background-color: #6da5d8;
+}
+
+.menuLeftContent {
+    float: left;
+    width: 50px;
+    height: fit-content;
+    text-align: center;
+    background-color: #6da5d8;
+}
+
+.menuCenterContent {
+    position: relative;
+    vertical-align: central;
+    text-align: left;
+    margin: 0px 0px 0px 0px;
+    color: white;
+    background-color: #6da5d8;
+}
+
+.menuRightContent {
+    float: right;
+    width: 50px;
+    vertical-align: central;
+    text-align: center;
+    background-color: #6da5d8;
+}
+
+.middleLeftContent {
+    float: left;
+    width: 50px;
+    height: fit-content;
+    text-align: center;
+    background-color: #6da5d8;
+}
+
+.middleCenterContent {
+    position: relative;
+    vertical-align: central;
+    text-align: left;
+    margin: 50px;
+    color: white;
+}
+
+.middleCenterLeftContent {
+    float: left;
+    margin-right: 2%;
+    margin-bottom: 2%;
+}
+
+.middleCenterRightContent {
+    float: left;
+    margin-bottom: 2%;
+}
+
+.middleRightContent {
+    float: right;
+    width: 50px;
+    vertical-align: central;
+    text-align: center;
+    background-color: #6da5d8;
+}
+
+.actionButton {
+    margin-top: 5px;
+    margin-bottom: 5px;
+    margin-right: 5px;
+    border: 0px;
+}
+
+.actionButtonRight {
+    float: right;
+    margin-right: 0px;
+    margin-left: 5px;
+}
+
+.actionLink {
+    display: none;
+}
+
+.entityDataLabel {
+    font-weight: bold;
+}
+
+.entityDataEmphasizedLabel {
+    font-weight: bold;
+    font-size: 105%;
+}
+
+.entityDataText {
+    font-weight: normal;
+    float: left;
+}
+
+.entityDataEmphasizedText {
+    font-weight: bold;
+    font-size: 105%;
+}
+
+.entityDataSelectOne {
+    font-weight: normal;
+}
+
+.entityDataSelectMany {
+    font-weight: normal;
+    height: 75px;
+}
+
+.entityDataError {
+    font-weight: bold;
+}
+
+.createEntityDetails td:nth-child(1) {
+    vertical-align: top;
+}
+
+.createEntityDetails td:nth-child(2) {
+    width: 300px;
+}
+
+.viewEntityDetails td:nth-child(1) {
+    vertical-align: top;
+    width: 125px;
+}
+
+.viewEntityDetails td:nth-child(2) {
+    vertical-align: top;
+    width: 300px;
+}
+
+.editEntityDetails td:nth-child(1) {
+    vertical-align: top;
+}
+
+.editEntityDetails td:nth-child(2) {
+    width: 300px;
+}
+
+.entityLogList td:last-child {
+    width: 195px;
+}
+
+.commandLink {
+
+}
+
+tr:hover .actionLink {
+    display: inline-block;
+}
+
+.objectPanel {
+    display: inline-block;
+}
+
+.statusPanel {
+    display: inline-block;
+    white-space: pre;
+}
+
+.queryPanel {
+    width: 100%;
+}
+
+.queryInput {
+    width: 200px;
+}
+
+.queryColumn {
+    text-align: center;
+}
+
+.dialog {
+    background: #6da5d8;
+    box-shadow: 0px 3px 5px #d5d5d5;    
+    vertical-align: central;
+    text-align: center;
+    margin: 0;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.dialogDataLabel {
+    float: left
+}
+
+.htmlPreserve {
+    white-space: pre;
+}
+
+input, textarea {
+    background: #f2f4f7;
+    box-shadow: 0px 3px 5px #d5d5d5;
+    width: 300px;
+}
+
+.loginInput input {
+    width: 200px;
+}
+
+.cellSelect {
+    width: 150px;
+}
+
+.longCellSelect {
+    width: 300px;
+}
+
+.veryLongCellSelect {
+    width: 450px;
+}
+
+.cellInput {
+    width: 125px;
+}
+
+.shortCellInput {
+    width: 75px;
+}
+
+.longCellInput {
+    width: 250px;
+}
+
+.threeDigitCellInput {
+    width: 20px;
+}
+
+.fourDigitCellInput {
+    width: 30px;
+}
+
+select {
+    width: 150px;
+}
+
+h1 {
+    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
+    font-size:  24px;
+    font-weight: bold;
+    margin: 20px;
+    padding-bottom: 0px;
+    color: #f2f4f7;
+    vertical-align: middle;
+}
+
+.homePage {
+    background-image: url(../../resources/images/ApsStorageRing.png);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: auto 100%;
+}
+
+.pageTitle h1 {
+    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
+    font-size:  20px;
+    font-weight: bold;
+    margin: 0px;
+    padding-bottom: 40px;
+    color: #4e80b6;
+    vertical-align: middle;
+    text-align: left;
+}
+
+.sectionTitle h2 {
+    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
+    font-size:  16px;
+    font-weight: bold;
+    margin: 0px;
+    padding-top: 20px;
+    padding-bottom: 20px;
+    color: #4e80b6;
+    vertical-align: middle;
+    text-align: left;
+}
+
+.sectionText {
+    font-size: 14px;
+    font-weight: normal;
+    color: #4e80b6;
+}
+
+h2 {
+    font-size:  20px;
+    font-weight: bold;
+    color: #4e80b6;
+}
+
+.shortFilterColumn {
+    width: 40px;
+}
+
+.ui-accordion .ui-accordion-content {
+    background: #f2f4f7;    
+}
+
+.ui-panelgrid tr, .ui-panelgrid td {
+    background: #f2f4f7;
+    border: none;
+    font-weight: bold;
+}
+
+.ui-menu, .ui-menuitem, .ui-menu .ui-menu-child {
+    background: #6da5d8;
+    color: white;
+    margin-top: 0px;
+}
+
+.ui-menuitem-text {
+    color: white;
+    font-weight: bold;
+}
+
+.ui-growl-item-container {
+    vertical-align: middle;
+}
+
+.ui-tooltip {
+    text-wrap: normal;
+}
+
+.ui-icon {
+    display: inline-block;
+}
+
+.ui-dialog-footer, .ui-dialog-buttonpane, .ui-dialog .ui-dialog-buttonpane {
+    background: #6da5d8;
+    text-align: center;
+}
+
+.ui-confirm-dialog-message {
+    color: white;
+}
+
+.ui-column-dnd-bottom {
+    display: none;
+}
+
+.ui-icon-excel {
+    background-image: url(../../resources/images/excel.ico) !important;
+    background-repeat: no-repeat;
+    background-position: left
+}
+
+.ui-icon-pdf {
+    background-image: url(../../resources/images/pdf.ico) !important;
+    background-repeat: no-repeat;
+    background-position: left
+}
\ No newline at end of file

src/java/DmWebPortal/web/resources/js/experiment/list.filter.js

+
+jQuery(document).ready(function() {
+    PF('experimentListWidget').filter();
+});
+
+

src/java/DmWebPortal/web/resources/js/experimentType/list.filter.js

+
+jQuery(document).ready(function() {
+    PF('experimentTypeListWidget').filter();
+});

src/java/DmWebPortal/web/resources/js/roleType/list.filter.js

+
+jQuery(document).ready(function() {
+    PF('roleTypeListWidget').filter();
+});
+
+

src/java/DmWebPortal/web/resources/js/userInfo/list.filter.js

+
+jQuery(document).ready(function() {
+    PF('userInfoListWidget').filter();
+});
\ No newline at end of file

src/java/DmWebPortal/web/templates/contentViewTemplate4x3.xhtml

+<!--<?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:ui="http://java.sun.com/jsf/facelets"
+      xmlns:p="http://primefaces.org/ui"
+      xmlns:h="http://java.sun.com/jsf/html"
+      xmlns:f="http://xmlns.jcp.org/jsf/core">
+
+
+    <h:head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+        <link href="/dm/resources/css/portal.css" rel="stylesheet" type="text/css" />
+        <title>Data Management System Portal</title>
+    </h:head>
+
+    <h:body>
+
+        <div id="top" class="topContent">
+            <div id="topLeft" class="topLeftContent">
+                <ui:insert name="topLeft">
+                    <h:graphicImage alt="ANL Logo" url="/resources/images/AnlLogo167x75.png"/>
+                </ui:insert>
+            </div>
+            <div>
+                <div id="topRight" class="topRightContent">
+                    <ui:insert name="topRight">
+                        <h:outputText value="Username: #{loginController.displayUsername()}"/>
+                        <br/>
+
+                        <h:outputText value="Role: #{loginController.displayRole()}"/>
+
+                    </ui:insert>
+                </div>
+                <div id="topCenter" class="topCenterContent">
+                    <ui:insert name="topCenter">
+                        <h1>Data Management System Portal</h1>
+                    </ui:insert>
+                </div>
+            </div>
+        </div>
+
+        <ui:fragment>
+            <div id="menu" class="menuContent">
+                <div id="menuLeft" class="menuLeftContent">
+                    <ui:insert name="menuLeft">
+                        <p:menubar/>
+                    </ui:insert>
+                </div>
+                <div>
+                    <div id="menuRight" class="menuRightContent">
+                        <ui:insert name="menuRight">
+                        </ui:insert>
+                    </div>
+                    <div id="menuCenter" class="menuCenterContent">
+                        <ui:insert name="menuCenter">
+                            <h:form prependId="false">
+                                <p:menubar>
+                                    <p:menuitem value="Home" url="/views/home.xhtml" icon="ui-icon-home"/>
+                                    <p:menuitem value="Experiment Types" url="/views/experimentType/list.xhtml"/>
+                                    <p:menuitem value="Role Types" url="/views/roleType/list.xhtml"/>
+                                    <p:menuitem value="Users" url="/views/userInfo/list.xhtml"/>
+                                    <p:menuitem value="Experiments" url="/views/experiment/list.xhtml"/>                                    
+                                    <p:menuitem value="Login" onclick="PF('loginDialog').show();" rendered="#{!loginController.loggedIn}" icon="ui-icon-person"/>
+                                    <p:menuitem value="Logout" action="#{loginController.logout()}" rendered="#{loginController.loggedIn}" icon="ui-icon-close"/>                                </p:menubar>
+                            </h:form>
+                        </ui:insert>
+                    </div>
+                </div>
+            </div>
+
+            <div id="middle" class="middleContent">
+                <div id="middleLeft" class="middleLeftContent">
+                    <ui:insert name="middleLeft">
+                    </ui:insert>
+                </div>
+                <div>
+                    <div id="middleRight" class="middleRightContent">
+                        <ui:insert name="middleRight">
+                        </ui:insert>
+                    </div>
+                    <div id="middleCenter" class="middleCenterContent">
+                        <ui:insert name="middleCenter">
+                        </ui:insert>
+                    </div>
+                </div>
+            </div>
+        </ui:fragment>
+
+        <ui:fragment>
+            <div id="bottom" class="bottomContent">
+                <ui:insert name="bottom">
+                    <h:form prependId="false">
+                        <p:growl id="messages" showDetail="true" autoUpdate="true"/>
+                    </h:form>
+                </ui:insert>
+            </div>
+        </ui:fragment>
+
+        <h:form id="loginForm">
+            <p:dialog id="loginDialog" styleClass="dialog" header="Login" widgetVar="loginDialog">
+                <h:panelGrid styleClass="loginInput">
+                    <div class="dialog">
+                        <div>
+                            <p:inputText id="username" value="#{loginController.username}" title="Username"/>
+                            <p:watermark for="username" value="Username"/>
+                            <p:password id="password" value="#{loginController.password}" title="Password"/>
+                            <p:watermark for="password" value="Password"/>
+                        </div>
+
+                        <f:facet name="footer">
+                            <p:commandButton id="loginButton" value="Login" action="#{loginController.login}" oncomplete="loginDialog.hide()"/>
+                        </f:facet>
+                    </div>
+                </h:panelGrid>
+            </p:dialog>
+        </h:form>
+    </h:body>
+
+</html>
\ No newline at end of file

src/java/DmWebPortal/web/templates/homeViewTemplate.xhtml

+<!--<?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:ui="http://java.sun.com/jsf/facelets"
+      xmlns:p="http://primefaces.org/ui"
+      xmlns:h="http://java.sun.com/jsf/html"
+      xmlns:f="http://xmlns.jcp.org/jsf/core">
+
+
+    <h:head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+        <link href="../resources/css/portal.css" rel="stylesheet" type="text/css" />
+        <title>Data Management System Portal</title>
+    </h:head>
+
+    <h:body>
+
+        <div id="top" class="topContent">
+            <div id="topLeft" class="topLeftContent">
+                <ui:insert name="topLeft">
+                    <h:graphicImage alt="ANL Logo" url="/resources/images/AnlLogo167x75.png"/>
+                </ui:insert>
+            </div>
+            <div>
+                <div id="topRight" class="topRightContent">
+                    <ui:insert name="topRight">
+                        <h:outputText value="Username: #{loginController.displayUsername()}"/>
+                        <br/>
+
+                        <h:outputText value="Role: #{loginController.displayRole()}"/>
+
+                    </ui:insert>
+                </div>
+                <div id="topCenter" class="topCenterContent">
+                    <ui:insert name="topCenter">
+                        <h1>Data Management System Portal</h1>
+                    </ui:insert>
+                </div>
+            </div>
+        </div>
+
+        <ui:fragment>
+            <div id="menu" class="menuContent">
+                <div id="menuLeft" class="menuLeftContent">
+                    <ui:insert name="menuLeft">
+                        <p:menubar/>
+                    </ui:insert>
+                </div>
+                <div>
+                    <div id="menuRight" class="menuRightContent">
+                        <ui:insert name="menuRight">
+                        </ui:insert>
+                    </div>
+                    <div id="menuCenter" class="menuCenterContent">
+                        <ui:insert name="menuCenter">
+                            <h:form prependId="false">
+                                <p:menubar>
+                                    <p:menuitem value="Home" url="/views/home.xhtml" icon="ui-icon-home"/>
+                                    <p:menuitem value="Experiment Types" url="/views/experimentType/list.xhtml"/>
+                                    <p:menuitem value="Role Types" url="/views/roleType/list.xhtml"/>
+                                    <p:menuitem value="Users" url="/views/userInfo/list.xhtml"/>
+                                    <p:menuitem value="Login" onclick="PF('loginDialog').show();" rendered="#{!loginController.loggedIn}" icon="ui-icon-person"/>
+                                    <p:menuitem value="Logout" action="#{loginController.logout()}" rendered="#{loginController.loggedIn}" icon="ui-icon-close"/>                                </p:menubar>
+                            </h:form>
+                        </ui:insert>
+                    </div>
+                </div>
+            </div>
+
+            <div id="middle" class="middleContent">
+                <div id="middleLeft" class="middleLeftContent">
+                    <ui:insert name="middleLeft">
+                    </ui:insert>
+                </div>
+                <div>
+                    <div id="middleRight" class="middleRightContent">
+                        <ui:insert name="middleRight">
+                        </ui:insert>
+                    </div>
+                    <div id="middleCenter" class="middleCenterContent">
+                        <ui:insert name="middleCenter">
+                        </ui:insert>
+                    </div>
+                </div>
+            </div>
+        </ui:fragment>
+
+        <ui:fragment>
+            <div id="bottom" class="bottomContent">
+                <ui:insert name="bottom">
+                    <h:form prependId="false">
+                        <p:growl id="messages" showDetail="true" autoUpdate="true"/>
+                    </h:form>
+                </ui:insert>
+            </div>
+        </ui:fragment>
+
+        <h:form id="loginForm">
+            <p:dialog id="loginDialog" styleClass="dialog" header="Login" widgetVar="loginDialog">
+                <h:panelGrid styleClass="loginInput">
+                    <div class="dialog">
+                        <div>
+                            <p:inputText id="username" value="#{loginController.username}" title="Username"/>
+                            <p:watermark for="username" value="Username"/>
+                            <p:password id="password" value="#{loginController.password}" title="Password"/>
+                            <p:watermark for="password" value="Password"/>
+                        </div>
+
+                        <f:facet name="footer">
+                            <p:commandButton id="loginButton" value="Login" action="#{loginController.login}" oncomplete="loginDialog.hide()"/>
+                        </f:facet>
+                    </div>
+                </h:panelGrid>
+            </p:dialog>
+        </h:form>
+    </h:body>
+
+</html>
\ No newline at end of file

src/java/DmWebPortal/web/templates/loginViewTemplate.xhtml

+<?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:ui="http://java.sun.com/jsf/facelets"
+      xmlns:h="http://java.sun.com/jsf/html">
+
+    <h:head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+        <link href="../resources/css/login.css" rel="stylesheet" type="text/css" />
+        <title>Data Management System Login</title>
+
+    </h:head>
+
+    <h:body>
+        <div id="top" class="topContent">
+            <div id="topLeft" class="topLeftContent">
+                <ui:insert name="topLeft">
+                    <h:graphicImage alt="ANL Logo" url="../resources/images/AnlLogo167x75.png"/>
+                </ui:insert>
+            </div>
+            <div>
+                <div id="topRight" class="topRightContent">
+                    <ui:insert name="topRight"/>
+                </div>
+                <div id="topCenter" class="topCenterContent">
+                    <ui:insert name="topCenter">
+                        <h1>Data Management System Portal</h1>
+                    </ui:insert>
+                </div>
+            </div>
+        </div>
+
+        <div id="bottom" class="bottomContent">
+            <ui:insert name="bottom">
+            </ui:insert>
+        </div>
+
+
+    </h:body>
+
+</html>

src/java/DmWebPortal/web/views/common/commonListActionButtons.xhtml

+<?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">
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+                xmlns:h="http://java.sun.com/jsf/html"
+                xmlns:p="http://primefaces.org/ui"
+                xmlns:f="http://java.sun.com/jsf/core"
+                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+                xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
+
+    <c:set var="entityTypeName" value="#{entityController.entityTypeName}"/>
+    <c:set var="displayAddButton" value="#{loginController.loggedIn}"/>
+
+    <div class="actionButton">
+        <p:commandButton id="#{entityTypeName}AddButton" action="#{entityController.prepareCreate()}" rendered="#{displayAddButton}" value="Add" alt="Add new #{entityTypeName}" icon="ui-icon-plus">
+            <p:tooltip for="#{entityTypeName}AddButton" value="Create new #{entityController.displayEntityTypeName}."/>
+        </p:commandButton>
+        
+        <p:commandButton id="#{entityTypeName}ResetFiltersButton" action="#{entityController.resetList()}" alt="Clear Filters" icon="ui-icon-refresh" styleClass="actionButtonRight">
+            <p:tooltip for="#{entityTypeName}ResetFiltersButton" value="Reset list filters."/>
+        </p:commandButton>
+
+        <p:commandButton id="#{entityTypeName}NoOp" style="visibility:hidden" value="NoOp"/>
+        <p:defaultCommand target="#{entityTypeName}NoOp"/>
+    </div>
+
+</ui:composition>

src/java/DmWebPortal/web/views/experiment/create.xhtml

+<?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">
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+                xmlns:h="http://java.sun.com/jsf/html"
+                xmlns:p="http://primefaces.org/ui"
+                xmlns:f="http://java.sun.com/jsf/core"
+                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+                xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
+                template="../../templates/contentViewTemplate4x3.xhtml">
+
+    <ui:define name="middleCenter">
+        <div class="pageTitle">
+            <h1>Add Experiment</h1>
+        </div>
+
+        <h:form id="addExperimentForm">
+
+            <ui:include src="experimentCreatePanelGrid.xhtml"/>
+
+            <p/>
+            <div class="actionButton">
+                <p:commandButton action="#{experimentController.create()}" value="Save" alt="Save" icon="ui-icon-check" update="@form"/>
+                <p:commandButton action="#{experimentController.prepareList()}" immediate="true" value="Cancel" alt="Cancel" icon="ui-icon-cancel"/>
+            </div>
+        </h:form>
+
+    </ui:define>
+</ui:composition>
+
+

src/java/DmWebPortal/web/views/experiment/edit.xhtml

+<?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">
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+                xmlns:h="http://java.sun.com/jsf/html"
+                xmlns:p="http://primefaces.org/ui"
+                xmlns:f="http://java.sun.com/jsf/core"
+                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+                xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
+                template="../../templates/contentViewTemplate4x3.xhtml">
+
+    <ui:define name="middleCenter">
+        <h:form id="editExperimentForm">
+
+            <div class="middleCenterLeftContent">
+                <div class="pageTitle">
+                    <h1>Edit Experiment</h1>
+                </div>
+
+                <ui:include src="experimentEditPanelGrid.xhtml"/>
+                <p/>
+                <div class="actionButton">
+                    <p:commandButton action="#{experimentController.update()}" value="Save" alt="Save" icon="ui-icon-check" update="@form"/>
+<!--                    <p:commandButton action="list.xhtml?faces-redirect=true" immediate="true" value="Done" alt="Done" icon="ui-icon-arrowreturnthick-1-w"/>-->
+                    <p:commandButton action="#{experimentController.prepareList()}" immediate="true" value="Done" alt="Done" icon="ui-icon-arrowreturnthick-1-w"/>
+                </div>
+            </div>
+
+        </h:form>
+
+    </ui:define>
+</ui:composition>
+
+

src/java/DmWebPortal/web/views/experiment/experimentCreatePanelGrid.xhtml

+<?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">
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+                xmlns:h="http://java.sun.com/jsf/html"
+                xmlns:f="http://java.sun.com/jsf/core"        
+                xmlns:p="http://primefaces.org/ui"
+                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+                xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
+
+    <c:set var="experimentObject" value="#{experimentController.selected}"/>
+    
+    <p:panelGrid columns="3" styleClass="createEntityDetails">
+
+        <h:outputLabel for="name" value="Name" styleClass="entityDataEmphasizedLabel"/>
+        <h:inputText id="name" value="#{experimentObject.name}" title="Name" required="true" styleClass="entityDataEmphasizedText"/>
+        <p:message for="name"/> 
+
+        <h:outputLabel for="experimentType" value="Experiment Type" styleClass="entityDataLabel"/>
+        <p:selectOneMenu id="experimentType" value="#{experimentObject.experimentType}" styleClass="entityDataText">
+            <f:selectItem itemLabel="Select Type" itemValue="" noSelectionOption="true" />
+            <f:selectItems value="#{experimentTypeController.getAvailableItems()}" 
+                           var="n"
+                           itemValue="#{n}"
+                           itemLabel="#{n.name}"/>
+        </p:selectOneMenu>
+        <p:message for="experimentType"/> 
+
+        <h:outputLabel for="description" value="Description" styleClass="entityDataLabel"/>
+        <h:inputText id="description" value="#{experimentObject.description}" title="Description" styleClass="entityDataText"/>
+        <p:message for="description"/>        
+
+        <h:outputLabel for="startDate" value="Start Date" styleClass="entityDataLabel"/>
+        <p:calendar id="startDate" value="#{experimentObject.startDate}" />
+        <p:message for="startDate"/>
+        
+        <h:outputLabel for="endDate" value="End Date" styleClass="entityDataLabel"/>
+        <p:calendar id="endDate" value="#{experimentObject.endDate}" />
+        <p:message for="endDate"/>
+        
+    </p:panelGrid>
+
+</ui:composition>
+
+

src/java/DmWebPortal/web/views/experiment/experimentDestroyDialog.xhtml

+<?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">
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+                xmlns:p="http://primefaces.org/ui"
+                xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
+
+    <p:confirmDialog id="experimentDestroyDialog" message="Destroy experiment #{experimentController.getCurrentEntityInstanceName()}?"
+                     header="Destroy Experiment" severity="alert" widgetVar="experimentDestroyDialogWidget"
+                     styleClass="dialog">
+        <p:commandButton value="Yes" oncomplete="experimentDestroyDialogWidget.hide()" action="#{experimentController.destroy()}"/>
+        <p:commandButton value="No" onclick="PF('experimentDestroyDialogWidget').hide()" type="button" />
+    </p:confirmDialog>  
+</ui:composition>
+
+

src/java/DmWebPortal/web/views/experiment/experimentEditPanelGrid.xhtml

+<?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">
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+                xmlns:h="http://java.sun.com/jsf/html"
+                xmlns:p="http://primefaces.org/ui"
+                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+                xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
+                xmlns:f="http://xmlns.jcp.org/jsf/core">
+
+    <c:set var="experimentObject" value="#{experimentController.selected}"/>
+    <c:set var="isFieldWriteable" value="#{loginController.loggedIn}"/>
+
+    <p:panelGrid columns="3" styleClass="editEntityDetails"> 
+
+        <h:outputLabel for="name" value="Name" styleClass="entityDataEmphasizedLabel"/>
+        <h:inputText id="name" value="#{experimentObject.name}" title="Name" required="true" styleClass="entityDataEmphasizedText"/>
+        <p:message for="name"/> 
+
+        <h:outputLabel for="id" value="Id" styleClass="entityDataLabel"/>
+        <h:outputText id="id" value="#{experimentObject.id}" title="Id" styleClass="entityDataText"/>
+        <p:message for="id"/>
+
+        <h:outputLabel for="experimentType" value="Experiment Type" styleClass="entityDataLabel"/>
+        <p:selectOneMenu id="experimentType" value="#{experimentObject.experimentType}" styleClass="entityDataText">
+            <f:selectItem itemLabel="Select Type" itemValue="" noSelectionOption="true" />
+            <f:selectItems value="#{experimentTypeController.getAvailableItems()}" 
+                           var="n"
+                           itemValue="#{n}"
+                           itemLabel="#{n.name}"/>
+        </p:selectOneMenu>
+        <p:message for="experimentType"/> 
+
+        <h:outputLabel for="description" value="Description" styleClass="entityDataLabel"/>
+        <h:inputText id="description" value="#{experimentObject.description}" title="Description" styleClass="entityDataText"/>
+        <p:message for="description"/>  
+        
+        <h:outputLabel for="startDate" value="Start Date" styleClass="entityDataLabel"/>
+        <p:calendar id="startDate" value="#{experimentObject.startDate}" />
+        <p:message for="startDate"/>
+        
+        <h:outputLabel for="endDate" value="End Date" styleClass="entityDataLabel"/>
+        <p:calendar id="endDate" value="#{experimentObject.endDate}" />
+        <p:message for="endDate"/>
+
+    </p:panelGrid>
+</ui:composition>

src/java/DmWebPortal/web/views/experiment/experimentListDataTable.xhtml

+<?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">
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+                xmlns:h="http://java.sun.com/jsf/html"
+                xmlns:p="http://primefaces.org/ui"
+                xmlns:f="http://java.sun.com/jsf/core"
+                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+                xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
+
+    <p:dataTable id="experimentListDataTable"                              
+                 var="experimentObject" 
+                 value="#{experimentController.listDataModel}" 
+                 filteredValue="#{experimentController.filteredObjectList}"
+                 paginator="true" 
+                 paginatorAlwaysVisible="false" 
+                 rows="25"
+                 binding="#{experimentController.listDataTable}"
+                 widgetVar="experimentListWidget" 
+                 emptyMessage="No experiments found.">
+
+        <p:column sortBy="#{experimentObject.id}" headerText="Id" width="40">
+            <h:outputText value="#{experimentObject.id}"/>
+        </p:column>
+
+        <p:column sortBy="#{experimentObject.name}" headerText="Name" 
+                  filterBy="#{experimentObject.name}" filterMatchMode="contains" width="120">
+            <h:outputText value="#{experimentObject.name}"/>
+        </p:column>
+
+        <p:column sortBy="#{experimentObject.experimentType.name}" headerText="Type" 
+                  filterBy="#{experimentObject.experimentType.name}" filterMatchMode="contains" width="120">
+            <h:outputText value="#{experimentObject.experimentType.name}"/>
+        </p:column>
+
+        <p:column sortBy="#{experimentObject.description}" headerText="Description" 
+                  filterBy="#{experimentObject.description}" filterMatchMode="contains">
+            <h:outputText value="#{experimentObject.description}"/>
+        </p:column>
+
+        <p:column sortBy="#{experimentObject.startDate}" headerText="Start Date" 
+                  filterBy="#{experimentObject.startDate}" filterMatchMode="contains" width="120">
+
+            <h:outputText value="#{experimentObject.startDate}">
+                          <f:convertDateTime pattern="#{resources.DatePattern}" type="date" />
+            </h:outputText>
+        </p:column>
+        
+        <p:column sortBy="#{experimentObject.endDate}" headerText="End Date" 
+                  filterBy="#{experimentObject.endDate}" filterMatchMode="contains" width="120">
+
+            <h:outputText value="#{experimentObject.endDate}">
+                          <f:convertDateTime pattern="#{resources.DatePattern}" type="date" />
+            </h:outputText>
+        </p:column>
+        
+        <c:set var="isEntityWriteable" value="#{loginController.loggedIn}"/>
+        <p:column headerText="Actions" width="70">
+            <div class="actionLink">
+                <p:commandLink action="#{experimentController.prepareView(experimentObject)}" styleClass="ui-icon ui-icon-info" title="View"/>
+                <p:commandLink action="#{experimentController.prepareEdit(experimentObject)}" rendered="#{isEntityWriteable}" styleClass="ui-icon ui-icon-pencil" title="Edit"/>
+                <p:commandLink oncomplete="PF('experimentDestroyDialogWidget').show()" rendered="#{loginController.loggedIn}" styleClass="ui-icon ui-icon-trash" title="Delete" update="@form">
+                    <f:setPropertyActionListener value="#{experimentObject}" target="#{experimentController.current}"/>
+                </p:commandLink>
+            </div>
+        </p:column>
+    </p:dataTable>
+
+</ui:composition>

src/java/DmWebPortal/web/views/experiment/experimentViewPanelGrid.xhtml

+<?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">
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+                xmlns:h="http://java.sun.com/jsf/html"
+                xmlns:p="http://primefaces.org/ui"
+                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+                xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
+                xmlns:f="http://xmlns.jcp.org/jsf/core">
+
+    <c:set var="experimentObject" value="#{experimentController.selected}"/>
+
+    <p:panelGrid columns="2" styleClass="viewEntityDetails">
+
+        <h:outputLabel for="name" value="Name" styleClass="entityDataEmphasizedLabel"/>
+        <h:outputText id="name" value="#{experimentObject.name}" title="Name" styleClass="entityDataEmphasizedText"/>
+
+        <h:outputLabel for="id" value="Id" styleClass="entityDataLabel"/>
+        <h:outputText id="id" value="#{experimentObject.id}" title="Id" styleClass="entityDataText"/>
+
+        <h:outputLabel for="experimentType" value="Type" styleClass="entityDataLabel"/>
+        <h:outputText id="experimentType" value="#{experimentObject.experimentType.name}" title="Name" styleClass="entityDataText"/>
+
+        <h:outputLabel for="description" value="Description" styleClass="entityDataLabel"/>
+        <h:outputText id="description" value="#{experimentObject.description}" title="Description" styleClass="entityDataText"/>
+ 
+        <h:outputLabel for="startDate" value="Start Date" styleClass="entityDataLabel"/>
+        <h:outputText  id="startDate" value="#{experimentObject.startDate}" styleClass="entityDataText">
+            <f:convertDateTime pattern="#{resources.DatePattern}" type="date" />
+        </h:outputText>
+
+        
+        <h:outputLabel for="endDate" value="End Date" styleClass="entityDataLabel"/>
+        <h:outputText  id="endDate" value="#{experimentObject.endDate}" styleClass="entityDataText">
+            <f:convertDateTime pattern="#{resources.DatePattern}" type="date" />
+        </h:outputText>
+       
+    </p:panelGrid>
+
+</ui:composition>
+
+