NIHVIVO-2288: new templates versions of custom forms
This commit is contained in:
tworrall
parent
1225f4f4cf
commit
7c2cefdcfc
3 changed files with 202 additions and 0 deletions
|
|
@ -0,0 +1,69 @@
|
|||
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
|
||||
|
||||
<#-- autocomplete template for data properties -->
|
||||
|
||||
<#-- NOTE the jsp contained the following which has not been converted
|
||||
|
||||
<jsp:include page="${preForm}">
|
||||
<jsp:param name="useTinyMCE" value="false"/>
|
||||
<jsp:param name="useAutoComplete" value="true"/>
|
||||
</jsp:include>
|
||||
|
||||
-->
|
||||
|
||||
<script type="text/javascript" language="javascript">
|
||||
$(this).load($(this).parent().children('a').attr('src')+" .editForm");
|
||||
|
||||
$(document).ready(function() {
|
||||
var key = $("input[name='editKey']").attr("value");
|
||||
$.getJSON("<c:url value="/dataservice"/>", {getN3EditOptionList:"1", field: "${dataLiteral}", editKey: key}, function(json){
|
||||
|
||||
$("select#${dataLiteral}").replaceWith("<input type='hidden' id='${dataLiteral}' name='${dataLiteral}' /><input type='text' id='${dataLiteral}-entry' name='${dataLiteral}-entry' />");
|
||||
|
||||
$("#${dataLiteral}-entry").autocomplete(json, {
|
||||
minChars: 1,
|
||||
width: 320,
|
||||
matchContains: true,
|
||||
mustMatch: 0,
|
||||
autoFill: false,
|
||||
// formatItem: function(row, i, max) {
|
||||
// return row[0];
|
||||
// },
|
||||
// formatMatch: function(row, i, max) {
|
||||
// return row[0];
|
||||
// },
|
||||
// formatResult: function(row) {
|
||||
// return row[0];
|
||||
// }
|
||||
|
||||
}).result(function(event, data, formatted) {
|
||||
$("input#${dataLiteral}-entry").attr("value", data[0]); // dump the string into the text box
|
||||
$("input#${dataLiteral}").attr("value", data[1]); // dump the uri into the hidden form input
|
||||
});
|
||||
}
|
||||
);
|
||||
})
|
||||
</script>
|
||||
|
||||
<h2>${formTitle}</h2>
|
||||
|
||||
<form id="autoCompleteDatapropForm" class="editForm" action="${submitUrl}" role="autocomplete">
|
||||
|
||||
<#if predicate.publicDescription?has_content >
|
||||
<p class="propEntryHelpText">${predicate.publicDescription}</p>
|
||||
</#if>
|
||||
<p>
|
||||
<select id="dataLiteral" name="dataLiteral">
|
||||
<#list dataLiteral as key>
|
||||
<opton value="${key}"
|
||||
<#if editConfiguration.objectUri?has_contant && editConfiguration.object.Uri = key>selected</#if>
|
||||
</#list>
|
||||
</select>
|
||||
</p>
|
||||
|
||||
<p class="submit">
|
||||
<input type="submit" id="submit" value="editConfiguration.submitLabel"/>
|
||||
<span class="or"> or <a class="cancel" href="${editConfiguration.cancelUrl}">Cancel</a>
|
||||
</p>
|
||||
|
||||
</form>
|
||||
|
|
@ -0,0 +1,92 @@
|
|||
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
|
||||
|
||||
<#-- autocomplete template for object properties -->
|
||||
|
||||
<#-- NOTE the jsp contained the following which has not been converted
|
||||
|
||||
<jsp:include page="${preForm}">
|
||||
<jsp:param name="useTinyMCE" value="false"/>
|
||||
<jsp:param name="useAutoComplete" value="true"/>
|
||||
</jsp:include>
|
||||
|
||||
-->
|
||||
|
||||
|
||||
<script type="text/javascript" language="javascript">
|
||||
$(this).load($(this).parent().children('a').attr('src')+" .editForm");
|
||||
|
||||
$(document).ready(function() {
|
||||
var key = $("input[name='editKey']").attr("value");
|
||||
$.getJSON("<c:url value="/dataservice"/>", {getN3EditOptionList:"1", field: "${objectVar}", editKey: key}, function(json){
|
||||
|
||||
$("select#${objectVar}").replaceWith("<input type='hidden' id='${objectVar}' name='${objectVar}' /><input type='text' id='${objectVar}-entry' name='${objectVar}-entry' />");
|
||||
|
||||
$("#${objectVar}-entry").autocomplete(json, {
|
||||
minChars: 1,
|
||||
width: 320,
|
||||
matchContains: true,
|
||||
mustMatch: 1,
|
||||
autoFill: true,
|
||||
// formatItem: function(row, i, max) {
|
||||
// return row[0];
|
||||
// },
|
||||
// formatMatch: function(row, i, max) {
|
||||
// return row[0];
|
||||
// },
|
||||
// formatResult: function(row) {
|
||||
// return row[0];
|
||||
// }
|
||||
|
||||
}).result(function(event, data, formatted) {
|
||||
$("input#${objectVar}-entry").attr("value", data[0]); // dump the string into the text box
|
||||
$("input#${objectVar}").attr("value", data[1]); // dump the uri into the hidden form input
|
||||
});
|
||||
}
|
||||
);
|
||||
})
|
||||
</script>
|
||||
|
||||
<h2>${formTitle}</h2>
|
||||
|
||||
<form id="autoCompleteDatapropForm" class="editForm" action="${submitUrl}" role="autocomplete">
|
||||
|
||||
<#if predicate.offerCreateNewOption >
|
||||
<#assign var="createNewUrl = "/edit/editRequestDispatch.jsp?subjectUri=${param.subjectUri}&predicateUri=${param.predicateUri}&clearEditConfig=true&cmd=create >
|
||||
</#if>
|
||||
|
||||
<#if predicate.publicDescription?has_content >
|
||||
<p class="propEntryHelpText">${predicate.publicDescription}</p>
|
||||
</#if>
|
||||
<p>
|
||||
<select id="objectVar" name="objectVar">
|
||||
<#list objectVar as key>
|
||||
<opton value="${key}"
|
||||
<#if editConfiguration.objectUri?has_contant && editConfiguration.object.Uri = key>selected</#if>
|
||||
</#list>
|
||||
</select>
|
||||
</p>
|
||||
|
||||
<p class="submit">
|
||||
<input type="submit" id="submit" value="editConfiguration.submitLabel"/>
|
||||
<span class="or"> or <a class="cancel" href="${editConfiguration.cancelUrl}">Cancel</a>
|
||||
</p>
|
||||
|
||||
<#if predicate.offerCreateNewOption>
|
||||
<p>If you don't find the appropriate entry on the selection list,
|
||||
<button type="button" onclick="javascript:document.location.href='${createNewUrl}'">Add a new item to this list</button>
|
||||
</p>
|
||||
</#if>
|
||||
|
||||
</form>
|
||||
|
||||
<#if ! param.objectUri?has_content >
|
||||
<form class="deleteForm" action="${???}" method="get">
|
||||
<label for="delete"><h3>Delete this entry?</h3></label>
|
||||
<input type="hidden" name="subjectUri" value="${param.subjectUri}"/>
|
||||
<input type="hidden" name="predicateUri" value="${param.predicateUri}"/>
|
||||
<input type="hidden" name="objectUri" value="${param.objectUri}"/>
|
||||
<input type="hidden" name="cmd" value="delete"/>
|
||||
<input type="submit" id="delete" value="Delete"/>
|
||||
</form>
|
||||
</#if>
|
||||
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
|
||||
|
||||
<#-- Template for adding a new individual from the Site Admin page: VIVO version -->
|
||||
|
||||
|
||||
<h2>Create a new ${subclassName}</h2>
|
||||
|
||||
<#if errorNameFieldIsEmpty??>
|
||||
<#assign errorMessage = "Enter a name." />
|
||||
</#if>
|
||||
|
||||
<#if errorMessage?has_content>
|
||||
<section id="error-alert" role="alert">
|
||||
<img src="${urls.images}/iconAlert.png" width="24" height="24" alert="Error alert icon" />
|
||||
<p>${errorMessage}</p>
|
||||
</section>
|
||||
</#if>
|
||||
|
||||
<#assign requiredHint = "<span class='requiredHint'> *</span>" />
|
||||
|
||||
<section id="newIndividual" role="region">
|
||||
|
||||
<form id="newIndividual" class="customForm noIE67" action="${submitUrl}" role="add new individual">
|
||||
|
||||
<p>
|
||||
<label for="name">Name ${requiredHint}</label>
|
||||
<input size="30" type="text" id="name" name="name" value="" />
|
||||
</p>
|
||||
|
||||
<p class="submit">
|
||||
<input type="hidden" name = "editKey" value="${???}"/>
|
||||
<input type="submit" id="submit" value="editConfiguration.submitLabel"/>
|
||||
<span class="or"> or <a class="cancel" href="${editConfiguration.cancelUrl}">Cancel</a>
|
||||
</p>
|
||||
|
||||
<p id="requiredLegend" class="requiredHint">* required fields</p>
|
||||
|
||||
</form>
|
||||
|
||||
</section>
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue