Mercurial > hg > LGDataverses
view src/main/webapp/metadataFragment.xhtml @ 10:a50cf11e5178
Rewrite LGDataverse completely upgrading to dataverse4.0
| author | Zoe Hong <zhong@mpiwg-berlin.mpg.de> |
|---|---|
| date | Tue, 08 Sep 2015 17:00:21 +0200 |
| parents | |
| children |
line wrap: on
line source
<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:ui="http://java.sun.com/jsf/facelets" xmlns:c="http://java.sun.com/jsp/jstl/core" xmlns:p="http://primefaces.org/ui" xmlns:o="http://omnifaces.org/ui" xmlns:jsf="http://xmlns.jcp.org/jsf"> <!-- View Mode --> <div class="panel-group" jsf:rendered="${empty editMode or managePage}"> <o:importFunctions type="edu.harvard.iq.dataverse.util.MarkupChecker" /> <ui:repeat value="#{metadataBlocks}" var="metadataBlockVal" varStatus="block"> <div class="panel panel-default"> <div data-toggle="collapse" data-target="#panelCollapse#{block.index}" class="panel-heading text-info"> #{metadataBlockVal.key.displayName}  <span class="glyphicon #{block.first?'glyphicon-chevron-up':'glyphicon-chevron-down'}"/> </div> <div id="panelCollapse#{block.index}" class="collapse #{block.first?'in':''}"> <div class="panel-body"> <ui:fragment rendered="#{block.index == '0' and datasetPage}"> <div class="form-group"> <label for="metadata_publicationDate" class="col-sm-3 control-label"> <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataset.metadata.persistentId.tip']}"> #{bundle['dataset.metadata.persistentId']} </span> </label> <div class="col-sm-9"> #{globalId} </div> </div> <div class="form-group" jsf:rendered="#{!empty publicationDate}"> <label for="metadata_publicationDate" class="col-sm-3 control-label"> <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataset.metadata.publicationDate.tip']}"> #{bundle['dataset.metadata.publicationDate']} </span> </label> <div class="col-sm-9"> #{publicationDate} </div> </div> </ui:fragment> <ui:repeat value="#{metadataBlockVal.value}" var="dsf"> <div class="form-group"> <label for="metadata_#{dsf.datasetFieldType.name}" class="col-sm-3 control-label"> <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{dsf.datasetFieldType.description}"> #{dsf.datasetFieldType.title} </span> </label> <!-- Primitive datasetFields --> <div class="col-sm-9" jsf:rendered="#{dsf.datasetFieldType.primitive}"> <h:outputText value="#{dsf.datasetFieldType.fieldType ne 'TEXTBOX' ? dsf.value : MarkupChecker:sanitizeBasicHTML(dsf.value) }" rendered="#{!dsf.datasetFieldType.allowMultiples}" escape="#{dsf.datasetFieldType.fieldType ne 'TEXTBOX'}"/> <ui:repeat value="#{dsf.values}" var="value" varStatus="loop" rendered="#{dsf.datasetFieldType.allowMultiples}"> <h:outputText value="#{loop.first?'':'; '}#{dsf.datasetFieldType.fieldType ne 'TEXTBOX' ? value : MarkupChecker:sanitizeBasicHTML(value)}" escape="#{dsf.datasetFieldType.fieldType ne 'TEXTBOX'}"/> </ui:repeat> </div> <!-- Compound datasetFields --> <div class="col-sm-9" jsf:rendered="#{dsf.datasetFieldType.compound}"> <ui:fragment rendered="#{dsf.datasetFieldType.name == 'datasetContact'}"> <p class="help-block"> <span class="glyphicon glyphicon-info-sign"/> <h:outputText value=" #{bundle['dataset.contact.tip']}"/> </p> </ui:fragment> <ui:repeat value="#{dsf.datasetFieldCompoundValues}" var="compoundValue"> <ui:repeat value="#{compoundValue.displayValueMap.entrySet().toArray()}" var="cvPart" varStatus="partStatus"> <h:outputText value="#{dsf.datasetFieldType.displayFormat} " rendered="${!partStatus.first}"/> <h:outputText value="#{cvPart.key.datasetFieldType.fieldType ne 'URL' and cvPart.key.datasetFieldType.fieldType ne 'TEXTBOX' ? cvPart.value : MarkupChecker:sanitizeBasicHTML(cvPart.value)}" escape="#{cvPart.key.datasetFieldType.fieldType ne 'URL' and cvPart.key.datasetFieldType.fieldType ne 'TEXTBOX'}"/> </ui:repeat> <br/> </ui:repeat> </div> </div> </ui:repeat> </div> </div> </div> </ui:repeat> </div> <!-- Edit Mode --> <ui:fragment rendered="${(!empty editMode)}"> <o:importFunctions type="java.util.Collections" /> <div class="panel-group"> <ui:repeat value="#{metadataBlocks}" var="metadataBlockVal" varStatus="block"> <div class="panel panel-default" jsf:rendered="#{(editMode == 'METADATA' or metadataBlockVal.key.displayOnCreate or !metadataBlockVal.key.isEmpty() or metadataBlockVal.key.isHasRequired()) or (!datasetPage) }"> <div data-toggle="collapse" data-target="#panelCollapse#{block.index}" class="panel-heading text-info"> #{metadataBlockVal.key.displayName} <span class="glyphicon #{block.first?'glyphicon-chevron-up':'glyphicon-chevron-down'}"/> </div> <div id="panelCollapse#{block.index}" class="collapse #{block.first || editMode == 'CREATE'?'in':''}"> <div class="panel-body"> <ui:repeat value="#{metadataBlockVal.value}" var="dsf"> <ui:fragment rendered="#{((editMode == 'METADATA' or dsf.datasetFieldType.displayOnCreate or !dsf.isEmpty() or dsf.required or dsf.datasetFieldType.hasRequiredChildren) and dsf.include) or (!datasetPage and dsf.include)}"> <div class="form-group"> <label for="metadata_#{dsf.datasetFieldType.name}" class="col-sm-3 control-label"> <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{dsf.datasetFieldType.description}"> #{dsf.datasetFieldType.title} </span> <h:outputText styleClass="glyphicon glyphicon-asterisk text-danger" value="" rendered="#{dsf.required or dsf.datasetFieldType.hasRequiredChildren }" /> </label> <!-- Primitive fields --> <p:fragment autoUpdate="true" rendered="#{dsf.datasetFieldType.primitive}"> <div class="form-group"> <ui:remove><!-- There is an issue with the dynamic +/- and the primefaces autoupdate where they are not working well together for the primitive fields, but are for the compound fields. So as a workaround for the primitive, we wrap them in a ui:repeat that iterates on a single list. Note: dummyVar is never used--></ui:remove> <ui:repeat value="#{Collections:singletonList('')}" var="dummyVar"> <div class="form-col-container col-sm-12"> <ui:repeat value="#{dsf.datasetFieldValues}" var="dsfv" varStatus="valCount" > <div class="form-group dataset-field-values"> <div class="form-col-container col-sm-9 edit-field"> <ui:include src="datasetFieldForEditFragment.xhtml"> <ui:param name="dsfv" value="#{dsfv}"/> <ui:param name="dsfvIndex" value="#{valCount.index}"/> </ui:include> </div> <!-- Add / Remove buttons --> <div class="col-xs-3 field-add-delete" jsf:rendered="#{dsf.datasetFieldType.allowMultiples and !dsf.datasetFieldType.controlledVocabulary}"> <p:commandLink tabindex="#{block.index+1}" title="#{bundle.add}" styleClass="btn btn-default btn-sm bootstrap-button-tooltip #{dsf.datasetFieldType.compound ? 'compound-field-btn' : ''}" actionListener="#{dsf.addDatasetFieldValue(valCount.index + 1)}" oncomplete="javascript:bind_bsui_components();"> <span class="glyphicon glyphicon-plus no-text"/> </p:commandLink> <p:commandLink tabindex="#{block.index+1}" title="#{bundle.delete}" styleClass="btn btn-default btn-sm bootstrap-button-tooltip #{dsf.datasetFieldType.compound ? 'compound-field-btn' : ''}" rendered="#{dsf.datasetFieldValues.size() > 1}" actionListener="#{dsf.removeDatasetFieldValue(valCount.index)}" oncomplete="javascript:bind_bsui_components();"> <span class="glyphicon glyphicon-minus no-text"/> </p:commandLink> </div> </div> </ui:repeat> <ui:fragment rendered="#{dsf.datasetFieldType.controlledVocabulary}"> <p:selectOneMenu tabindex="#{block.index+1}" value="#{dsf.singleControlledVocabularyValue}" converter="controlledVocabularyValueConverter" style="width: auto !important; max-width:100%; min-width:200px;" styleClass="form-control primitive SELECT TESTTEST" rendered="#{!dsf.datasetFieldType.allowMultiples}"> <f:selectItem itemLabel="#{bundle.select}" itemValue="" noSelectionOption="true"/> <f:selectItems value="#{dsf.datasetFieldType.controlledVocabularyValues}" var="cvv" itemLabel="#{cvv.strValue}" itemValue="#{cvv}" /> </p:selectOneMenu> <div class="ui-inputfield form-control select-scroll-block" jsf:rendered="#{dsf.datasetFieldType.allowMultiples}"> <p:selectManyCheckbox value="#{dsf.controlledVocabularyValues}" converter="controlledVocabularyValueConverter" layout="pageDirection"> <f:selectItem itemLabel="#{bundle.select}" class="chkbox-label-margin" itemValue="" noSelectionOption="true"/> <f:selectItems value="#{dsf.datasetFieldType.controlledVocabularyValues}" var="cvv" itemLabel="#{cvv.strValue}" itemValue="#{cvv}" /> </p:selectManyCheckbox> </div> <div class="alert-danger" jsf:rendered="#{!empty dsf.validationMessage}"> <strong>#{dsf.validationMessage}</strong> </div> </ui:fragment> </div> </ui:repeat> </div> </p:fragment> <!-- Compound fields --> <p:fragment autoUpdate="true" rendered="#{dsf.datasetFieldType.compound}"> <div class="form-group form-col-container col-sm-9 dataset-field-values"> <ui:repeat value="#{dsf.datasetFieldCompoundValues}" var="compoundValue" varStatus="valCount"> <div class="form-group form-col-container col-sm-9 edit-compound-field"> <!-- Sub Fields --> <ui:repeat value="#{compoundValue.childDatasetFields}" var="subdsf"> <div class="form-col-container #{(subdsf.datasetFieldType.fieldType == 'TEXTBOX') ? 'col-sm-12' : 'col-sm-6'}"> <ui:fragment rendered="#{subdsf.datasetFieldType.name == 'dsDescriptionValue'}"> <p class="help-block"> <span class="glyphicon glyphicon-info-sign"/> <h:outputFormat value=" #{bundle.htmlAllowedMsg}" escape="false"> <f:param value="#{bundle.htmlAllowedTags}"/> </h:outputFormat> </p> </ui:fragment> <label class="control-label" for="metadata_#{subdsf.datasetFieldType.name}"> <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{subdsf.datasetFieldType.description}">#{subdsf.datasetFieldType.title}</span> <h:outputText styleClass="glyphicon glyphicon-asterisk text-danger" value="" rendered="#{subdsf.required}" /> </label> <ui:fragment rendered="#{!subdsf.datasetFieldType.controlledVocabulary}"> <ui:include src="datasetFieldForEditFragment.xhtml"> <ui:param name="dsfv" value="#{subdsf.singleValue}"/> <ui:param name="dsfvIndex" value="0"/> </ui:include> </ui:fragment> <!-- MOVED SELECT ONE TO dataFieldForEdit --> <div jsf:rendered="#{subdsf.datasetFieldType.controlledVocabulary}"> <p:selectOneMenu tabindex="#{block.index+1}" value="#{subdsf.singleControlledVocabularyValue}" converter="controlledVocabularyValueConverter" style="width: auto !important; max-width:100%; min-width:200px;" rendered="#{!subdsf.datasetFieldType.allowMultiples}"> <f:selectItem itemLabel="#{bundle.select}" itemValue="" noSelectionOption="true"/> <f:selectItems value="#{subdsf.datasetFieldType.controlledVocabularyValues}" var="cvv" itemLabel="#{cvv.strValue}" itemValue="#{cvv}" /> </p:selectOneMenu> <div class="ui-inputfield form-control select-scroll-block" jsf:rendered="#{subdsf.datasetFieldType.allowMultiples}"> <p:selectManyCheckbox value="#{subdsf.controlledVocabularyValues}" converter="controlledVocabularyValueConverter" layout="pageDirection"> <f:selectItems value="#{subdsf.datasetFieldType.controlledVocabularyValues}" var="cvv" itemLabel="#{cvv.strValue}" itemValue="#{cvv}" /> </p:selectManyCheckbox> </div> <div class="alert-danger" jsf:rendered="#{!empty subdsf.validationMessage}"> <strong>#{subdsf.validationMessage}</strong> </div> </div> </div> </ui:repeat> </div> <div class="col-sm-3 field-add-delete" jsf:rendered="#{dsf.datasetFieldType.allowMultiples and !dsf.datasetFieldType.controlledVocabulary}"> <p:commandLink tabindex="#{block.index+1}" title="#{bundle.add}" styleClass="btn btn-default btn-sm bootstrap-button-tooltip #{dsf.datasetFieldType.compound ? 'compound-field-btn' : ''}" actionListener="#{dsf.addDatasetFieldCompoundValue(valCount.index + 1)}" oncomplete="javascript:bind_bsui_components();"> <span class="glyphicon glyphicon-plus no-text"/> </p:commandLink> <p:commandLink tabindex="#{block.index+1}" title="#{bundle.delete}" styleClass="btn btn-default btn-sm bootstrap-button-tooltip #{dsf.datasetFieldType.compound ? 'compound-field-btn' : ''}" rendered="#{dsf.datasetFieldCompoundValues.size() > 1}" actionListener="#{dsf.removeDatasetFieldCompoundValue(valCount.index)}" oncomplete="javascript:bind_bsui_components();"> <span class="glyphicon glyphicon-minus no-text"/> </p:commandLink> </div> </ui:repeat> </div> </p:fragment> </div> </ui:fragment> </ui:repeat> </div> </div> </div> </ui:repeat> </div> </ui:fragment> </ui:composition>