litvinovg/vitro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

NIHVIVO-2232: Added more content to menu management template for adding and editing menu items.

Browse source
This commit is contained in:
manolobevia 2011-07-06 18:39:09 +00:00
parent beb22f5794
commit cc4e9c96bb
1 changed files with 35 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
webapp/web/templates/freemarker/edit/forms/menuManagementForm.ftl
View file

@ -1,6 +1,7 @@
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ --> <#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
<#-- Template for menu items management. Based on menu management wireframes --> <#-- Template for menu items management.
Based on menu management wireframes: edit page: screen 3a -->
<#-- Assignment of validation error variables --> <#-- Assignment of validation error variables -->
@ -26,7 +27,8 @@
</#if> </#if>
<#--Since we are going to use one template for adding and editing a menu item, <#--Since we are going to use one template for adding and editing a menu item,
it will be necessary to provide a freemarker variable that does the job --> it will be necessary to provide a freemarker variable that lets us know if you are in edit or add mode. bThis is up
to you Huda the way you implement it. -->
<h3>${menuAction} menu item</h3> <h3>${menuAction} menu item</h3>
@ -52,34 +54,27 @@
<input type="radio" name="custom" value="custom" <#if selectedTemplateType = "custom">checked</#if> /> <input type="radio" name="custom" value="custom" <#if selectedTemplateType = "custom">checked</#if> />
<label class="inline" for="custom"> Custom template</label> <label class="inline" for="custom"> Custom template</label>
<#if selectedTemplateType = "custom">
<input type="text" name="customTemplate" />*
</#if>
<p>Select content type for the associated page</p> <p>Select content type for the associated page</p>
<p><span>${associatedPage}</span> <a href="#">Change content type</a></p> <p><span>${associatedPage}</span> <a href="#">Change content type</a></p>
<p>Select content to display</p> <p>Select content to display</p>
<#list classGroups as classGroup>
<input type="checkbox" name="classGroup" value="${classGroup.uri}" <#if selectedClassGroup = "${classGroup.uri}">checked</#if> />
<label class="inline" for="$classGroup.label}"> ${classGroup.label}</label>
<span class="ui-icon-sortable"></span> <#--sortable icon for dragging and dropping menu items-->
<br />
</#list>
<#-- NICK, this is a better markup for making sortable classGroups using http://jqueryui.com/demos/sortable/
<p>Select content to display</p>
<section> <section>
<ul> <ul>
<#list classGroups as classGroup> <#list classesInClassGroup as classInClassGroup>
<li class="ui-state-default"> <li class="ui-state-default">
<input type="checkbox" name="classGroup" value="${classGroup.uri}" <#if selectedClassGroup = "${classGroup.uri}">checked</#if> /> <input type="checkbox" name="classInClassGroup" value="${classInClassGroup.uri}" <#if selectedClassInClassGroup = "${classInClassGroup.uri}">checked</#if> />
<label class="inline" for="$classGroup.label}"> ${classGroup.label}</label> <label class="inline" for="${classInClassGroup.label}"> ${classInClassGroup.label}</label>
<span class="ui-icon-sortable"></span> <span class="ui-icon-sortable"></span> <#--sortable icon for dragging and dropping menu items-->
</li> </li>
</#list> </#list>
</ul> </ul>
</section>--> </section>
<input type="text" name="display-${associatedPage}" value="${associatedPage}" id="display-${associatedPage}" /> <input type="text" name="display-${associatedPage}" value="${associatedPage}" id="display-${associatedPage}" />
<label for="display-${associatedPage}">Only display ${associatedPage} within my institution</label> <label for="display-${associatedPage}">Only display ${associatedPage} within my institution</label>
@ -90,6 +85,28 @@
</form> </form>
</section> </section>
<#-- Based on menu management wireframes: edit page: screen 3b
Snippet for selecting class groups or content types-->
<label for="selectClassGroup">Select content type for the associated page *</label>
<select name="selectClassGroup">
<#list classGroups as classGroup>
<option value="${classGroup.uri}">${classGroup.label}</option>
</#list>
</select>
<#-- Based on menu management wireframes: add page: screen 3c
Snippet if there is no institutional internal class selected-->
<#if internalClass?has_content>
<#assign disableClass = 'class="disable"' />
<#assign enableInternalClass = '<p>To enable this option, you must first select an <a href="' + internalClass.uri + '">institutional internal class for your instance</a></p>' />
<#/if>
<input type="text" ${disableClass} name="display-${associatedPage}" value="${associatedPage}" id="display-${associatedPage}" />
<label ${disableClass} for="display-${associatedPage}">Only display ${associatedPage} within my institution</label>
${enableInternalClass}
<#-- Add necessary css files associated with this page <#-- Add necessary css files associated with this page
${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/menupage/menupage.css" />')}--> ${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/menupage/menupage.css" />')}-->
${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/customForm.css" />')} ${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/customForm.css" />')}