view src/main/webapp/defs/components/defEditorPopups.xhtml @ 190:b36a57a452a6

new Clean UI to find non-public references and witnesses and make them public.
author Robert Casties <casties@mpiwg-berlin.mpg.de>
date Fri, 09 Nov 2018 15:13:32 +0100
parents 764f47286679
children
line wrap: on
line source

<!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:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
<body>
	<ui:composition>
	
		<h:panelGrid id="defEditorPpPanel">
			
			<!-- Attribute Editor -->
			<h:panelGroup 
				rendered="#{Session.defForm.tmpLWDefinition != null}">
				<div style="z-index: 100;" class="rf-pp-shade">
					<button class="rf-pp-btn" tabindex="-1" accesskey="" />
				</div>

				<h:panelGrid columns="1" class="rf-pp-cntr"
					style="height: 100px; left: 100px; position: fixed; top: 50px; width: 500px; z-index: 100;">

					<div class="rf-pp-shdw"
						style="height: 100px; left: 100px; left: 5px; top: 5px; bottom: -5px; opacity: 0.1;">
					</div>
					<div class="rf-pp-hdr " style="cursor: default;">
						<div class="rf-pp-hdr-cnt">Attribute Editor</div>
					</div>

					<h:panelGrid columns="1" class="rf-pp-cnt-scrlr"
						style="width: 500px; height: 329px;">
						<h:panelGrid columns="1" class="rf-pp-cnt">
			                <h:panelGrid columns="2">
			                    <h:outputLabel value="Name of the definition"/>
			                    <h:inputText value="#{Session.defForm.tmpLWDefinition.ownValue}"/>
			                    <h:panelGroup>
			                        <h:commandButton 
			                            value="Create"
			                            actionListener="#{Session.defForm.saveLWDefinition}"/>
			                        <h:commandButton
			                            value="Cancel"
			                            actionListener="#{Session.defForm.cancelCreationDefinition}"/>
			                    </h:panelGroup>
			                    
			                
			                </h:panelGrid>
						</h:panelGrid>
					</h:panelGrid>
				</h:panelGrid>

			</h:panelGroup>		
			
			<!-- Relation Editor -->
			<h:panelGroup 
				rendered="#{Session.defForm.selectedRelation != null}">
				<div style="z-index: 100;" class="rf-pp-shade">
					<button class="rf-pp-btn" tabindex="-1" accesskey="" />
				</div>

				<h:panelGrid columns="1" class="rf-pp-cntr"
					style="height: 100px; left: 100px; position: fixed; top: 50px; width: 500px; z-index: 100;">

					<div class="rf-pp-shdw"
						style="height: 100px; left: 100px; left: 5px; top: 5px; bottom: -5px; opacity: 0.1;">
					</div>
					<div class="rf-pp-hdr " style="cursor: default;">
						<div class="rf-pp-hdr-cnt">Relation Editor</div>
					</div>

					<h:panelGrid columns="1" class="rf-pp-cnt-scrlr"
						style="width: 500px; height: 329px;">
						<h:panelGrid columns="1" class="rf-pp-cnt">

                    <h:panelGrid columns="2">
                        <h:outputLabel value="Source"/>
                        <h:outputLabel 
                            value="#{Session.defForm.selectedLWDefinition.ownValue}"
                            rendered="#{Session.defForm.sourceRelation}"/>
                            
                        <h:selectOneMenu 
                            value="#{Session.defForm.selectedRelation.sourceId}"
                            rendered="#{!Session.defForm.sourceRelation}">
                            <f:selectItems value="#{Session.defForm.defSelectList}"/>
                        </h:selectOneMenu>
                        
                        <h:outputLabel value="Relation name"/>
                        <h:inputText value="#{Session.defForm.selectedRelation.ownValue}"/>
                        
                        <h:outputLabel value="Target"/>
                        <h:outputLabel 
                            value="#{Session.defForm.selectedLWDefinition.ownValue}"
                            rendered="#{!Session.defForm.sourceRelation}"/>                            
                        <h:selectOneMenu 
                            value="#{Session.defForm.selectedRelation.targetId}"
                            rendered="#{Session.defForm.sourceRelation}">
                            <f:selectItems value="#{Session.defForm.defSelectList}"/>
                        </h:selectOneMenu>
                    </h:panelGrid>
                    
                    
                    
                    <h:panelGrid columns="1">
                        <h:outputLabel value="Attributes for relation"/>
                        <h:panelGrid columns="2">
                            <h:commandButton value="Add Attribute"
                                actionListener="#{Session.defForm.listenerCreateAttributeForRelation}"/>
                            <h:commandButton value="Remove selected attributes"
                                rendered="#{!empty Session.defForm.selectedRelationAttributes}"
                                actionListener="#{Session.defForm.listenerDeleteAttributesForRelation}"
                                onclick="if(!confirm('Do you really want to remove the selected attributes. This change this be executed directly in the DB.?')){ return; };"/>
                        </h:panelGrid>
                        <h:dataTable
                            value="#{Session.defForm.selectedRelationAttributes}"
                            rendered="#{!empty Session.defForm.selectedRelationAttributes}"
                            var="relAttObj">                            
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="name"/>
                                </f:facet>
                                <h:inputText value="#{relAttObj.obj.ownValue}" style="width: 250px;"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="content type"/>
                                </f:facet>
                                <h:selectOneMenu value="#{relAttObj.obj.contentType}">
                                    <f:selectItems value="#{Session.defForm.contentTypeList}"/>
                                </h:selectOneMenu>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="select"/>
                                </f:facet>
                                <h:selectBooleanCheckbox value="#{relAttObj.selected}"/>
                            </h:column>
                        </h:dataTable>
                        
                    </h:panelGrid>
                
                    
                    
                    <h:panelGroup>
                        <h:commandButton 
                            value="Save" 
                            actionListener="#{Session.defForm.listenerSaveRelation}"
                            onclick="if(!confirm('Do you really want to save the changes?')){ return; };"/>
                        <h:commandButton 
                            value="Close" 
                            actionListener="#{Session.defForm.listenerCancelEditionOfRelation}"
                            onclick="if(!confirm('Do you really want to cancel the edition?')){ return; };"/>
                    </h:panelGroup>  

						</h:panelGrid>
					</h:panelGrid>
				</h:panelGrid>

			</h:panelGroup>	
			
			<!-- Attribute Editor -->
			<h:panelGroup 
				rendered="#{Session.defForm.selectedAttribute != null}">
				<div style="z-index: 100;" class="rf-pp-shade">
					<button class="rf-pp-btn" tabindex="-1" accesskey="" />
				</div>

				<h:panelGrid columns="1" class="rf-pp-cntr"
					style="height: 100px; left: 100px; position: fixed; top: 50px; width: 500px; z-index: 100;">

					<div class="rf-pp-shdw"
						style="height: 100px; left: 100px; left: 5px; top: 5px; bottom: -5px; opacity: 0.1;">
					</div>
					<div class="rf-pp-hdr " style="cursor: default;">
						<div class="rf-pp-hdr-cnt">Attribute Editor</div>
					</div>

					<h:panelGrid columns="1" class="rf-pp-cnt-scrlr"
						style="width: 500px; height: 329px;">
						<h:panelGrid columns="1" class="rf-pp-cnt">

                    
                    <h:panelGrid columns="2">
                        <h:outputLabel value="Name"/>
                        <h:inputText value="#{Session.defForm.selectedAttribute.ownValue}"/>
                        <h:outputText/>
                        
                        <h:outputLabel value="Content type"/>
                        <h:selectOneMenu value="#{Session.defForm.selectedAttribute.contentType}">
                            <f:selectItems value="#{Session.defForm.contentTypeList}"/>
                        </h:selectOneMenu>
                        <h:outputText/>
                        
                        <h:outputLabel value="Possible values"/>
                        <h:panelGroup>
                            <h:panelGrid columns="2">
                                <h:commandButton value="Add"
                                    actionListener="#{Session.defForm.listenerAddPossibleValue}"/>
                                <h:commandButton value="Remove selected values"
                                    actionListener="#{Session.defForm.listenerDeletePossibleValues}"
                                    rendered="#{!empty Session.defForm.possibleValuesList}"/>
                            </h:panelGrid>
                            <rich:dataTable
                                var="possibleValueObj"
                                rendered="#{!empty Session.defForm.possibleValuesList}" 
                                value="#{Session.defForm.possibleValuesList}">
                                <h:column>
                                    <f:facet name="header">
                                        <h:outputText value="name"/>
                                    </f:facet>
                                    <h:inputText value="#{possibleValueObj.obj}" style="width: 250px;"/>
                                </h:column>
                                <h:column>
                                    <f:facet name="header">
                                        <h:outputText value="select"/>
                                    </f:facet>
                                    <h:selectBooleanCheckbox value="#{possibleValueObj.selected}"/>
                                </h:column>             
                            </rich:dataTable>                        
                        </h:panelGroup>
                    </h:panelGrid>
                    <h:outputText/>
                    
					
                    <h:panelGroup>
                        <h:commandButton 
                           value="Save" 
                           actionListener="#{Session.defForm.listenerSaveAttribute}"
                           onclick="if(!confirm('Do you really want to save the changes?')){ return; };"/>
                        <h:commandButton 
                           value="Close" 
                           actionListener="#{Session.defForm.listenerCancelEditionOfAttribute}"
                           onclick="if(!confirm('Do you really want to cancel the edition?')){ return; };"/>
                    </h:panelGroup> 

						</h:panelGrid>
					</h:panelGrid>
				</h:panelGrid>

			</h:panelGroup>								
			
		</h:panelGrid>
	
	</ui:composition>
</body>
</html>