NIHVIVO-3213: Refactoring markup/styles for proxy templates

This commit is contained in:
manolobevia 2011-11-07 15:02:05 +00:00
parent 2203b09fed
commit 460d8e0365

View file

@ -8,71 +8,82 @@ ${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/cust
${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/autocomplete.css" />')} ${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/autocomplete.css" />')}
${stylesheets.add('<link rel="stylesheet" href="${urls.base}/js/jquery-ui/css/smoothness/jquery-ui-1.8.9.custom.css" />')} ${stylesheets.add('<link rel="stylesheet" href="${urls.base}/js/jquery-ui/css/smoothness/jquery-ui-1.8.9.custom.css" />')}
<h3><span>Manage proxy self editors & profiles</span></h3> <h3>Manage proxy self editors & profiles</h3>
<#if message??> <#if message??>
<section class="account-feedback"> <section class="account-feedback" role="region">
<#if message.success?? > <#if message.success?? >
<p> <p>The operation was successful.</p>
The operation was successful.
</p>
</#if> </#if>
<#if message.failure?? > <#if message.failure?? >
<p> <p> The operation was unsuccessful. Full details can be found in the system log.</p>
The operation was unsuccessful. Full details can be found in the system log.
</p>
</#if> </#if>
</section> </section>
</#if> </#if>
<form action="${formUrls.create}" method="POST"> <form action="${formUrls.create}" method="POST">
<table style="width: 100%;"> <fieldset>
<tr> <legend>Select proxies:</legend>
<td style="border: thin solid black; width: 50%;">
<div name="proxyProxiesPanel"> <div name="proxyProxiesPanel">
<p>Select proxies</p> <p><input type="text" name="proxySelectorAC" class="acSelector" size="35" value="Select an existing last name"></p>
<p class="search-status"><span name='proxySelectorSearchStatus' moreCharsText='type more characters' noMatchText='no match'>&nbsp;</span></p>
<p><input type="text" name="proxySelectorAC" class="acSelector" size="35" value="Select an existing last name"></p>
<p class="search-status"> <#-- Magic div that holds all of the proxy data and the template that shows how to display it. -->
<span name='proxySelectorSearchStatus' <div name="proxyData">
moreCharsText='type more characters' <#--
noMatchText='no match'>&nbsp;</span> Each proxy will be shown using the HTML inside this div.
</p> It must contain at least:
-- a link with templatePart="remove"
-- a hidden input field with templatePart="uriField"
-->
<div name="template" style="display: none">
<table>
<tr>
<td>
<img class="photo-profile" width="90" alt="%label%" src="%imageUrl%">
</td>
<p class="selected-editors">Selected proxies:</p> <td class="proxy-info">
%label% | <span class="class-label">%classLabel%</span>
<#-- Magic div thst holds all of the proxy data and the template that shows how to display it. --> <br />
<div name="proxyData"> <a class='remove-proxy' href="." templatePart="remove">Remove selection</a>
<#--
Each proxy will be shown using the HTML inside this div.
It must contain at least:
-- a link with templatePart="remove"
-- a hidden input field with templatePart="uriField"
-->
<div name="template" style="display: none">
<table>
<tr>
<td>
<img class="photo-profile" width="90" alt="%label%" src="%imageUrl%">
</td>
<td class="proxy-info">
%label% | <span class="class-label">%classLabel%</span>
<br />
<a class='remove-proxy' href="." templatePart="remove">Remove selection</a>
</td>
</tr>
</table>
<input type="hidden" name="proxyUri" value="%uri%" > <input type="hidden" name="proxyUri" value="%uri%" >
</div> </td>
</div> </tr>
</div> </table>
</td> </div>
</div>
</div>
</fieldset>
<fieldset>
<legend>Select proxies:</legend>
<div class="edit-myProxy" name="proxyProfilesPanel">
<td style="border: thin solid black">
<div id="edit-myProxy" name="proxyProfilesPanel">
<p>Select profiles</p>
<p><input type="text" name="proxySelectorAC" class="acSelector" size="35" value="Select an existing last name"></p> <p><input type="text" name="proxySelectorAC" class="acSelector" size="35" value="Select an existing last name"></p>
<p class="search-status"> <p class="search-status">
<span name='proxySelectorSearchStatus' <span name='proxySelectorSearchStatus'
@ -107,12 +118,16 @@ ${stylesheets.add('<link rel="stylesheet" href="${urls.base}/js/jquery-ui/css/sm
</div> </div>
</div> </div>
</div> </div>
</td>
</tr> </fieldset>
</table> <input class="submit" type="submit" name="createRelationship" value="Save" />
<input type="submit" name="createRelationship" value="Save" />
</form> </form>
<form action="${formUrls.list}" method="POST"> <form action="${formUrls.list}" method="POST">
<div> <div>
<p>Proxy self editors</p> <p>Proxy self editors</p>