NIHVIVO-3213: Worked on markup/styles for adding proxies through account pages

This commit is contained in:
manolobevia 2011-10-31 22:05:57 +00:00
parent c93cecb63c
commit af9d8c7424
5 changed files with 82 additions and 38 deletions

View file

@ -93,6 +93,5 @@
${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/account/account.css" />')}
${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/customForm.css" />')}
${scripts.add('<script type="text/javascript" src="${urls.base}/js/jquery.js"></script>',
'<script type="text/javascript" src="${urls.base}/js/jquery-ui/js/jquery-ui-1.8.9.custom.min.js"></script>',
${scripts.add('<script type="text/javascript" src="${urls.base}/js/jquery-ui/js/jquery-ui-1.8.9.custom.min.js"></script>',
'<script type="text/javascript" src="${urls.base}/js/account/accountListenerSetup.js"></script>')}

View file

@ -5,46 +5,42 @@
${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/autocomplete.css" />',
'<link rel="stylesheet" href="${urls.base}/js/jquery-ui/css/smoothness/jquery-ui-1.8.9.custom.css" />')}
<div name="proxyProxiesPanel" style="border: solid; padding: 5px; float: right;">
Proxy self editors
<br><br>
<p>Add proxy:</p>
<p><input type="text" name="proxySelectorAC" class="acSelector" size="35"></p>
<p><span name='proxySelectorSearchStatus' moreCharsText='type more characters' noMatchText='no match'>type here</span></p>
<br><br>
<p>Selected proxies:</p>
<div id="edit-myProxy" name="proxyProxiesPanel">
<h4>Who can edit my profile</h4>
<p>Add profile editor</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>
<#-- Magic div thst holds all of the proxy data and the template that shows how to display it. -->
<p class="selected-editors">Selected editors:</p>
<#-- Magic div thst holds all of the proxy data and the template that shows how to display it. -->
<div name="proxyData">
<#list proxies as proxy>
<div name="data"" style="display: none">
<p name="uri">${proxy.uri}</p>
<p name="label">${proxy.label}</p>
<p name="classLabel">${proxy.classLabel}</p>
<p name="imageUrl">${proxy.imageUrl}</p>
<#list proxies as proxy>
<div name="data" style="display: none">
<p name="uri">${proxy.uri}</p>
<p name="label">${proxy.label}</p>
<p name="classLabel">${proxy.classLabel}</p>
<p name="imageUrl">${proxy.imageUrl}</p>
</div>
</#list>
<#--
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"
-->
<#--
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 width="90" alt="%label%" src="%imageUrl%">
<img class="photo-profile" width="90" alt="%label%" src="%imageUrl%">
</td>
<td>
<div>
<td class="proxy-info">
%label% | %classLabel%
</div>
<div>
<a href="." templatePart="remove">remove</a>
<input type="hidden" name="proxyUri" value="%uri%" >
</div>
<br /><a class='remove-proxy' href="." templatePart="remove">Remove selection</a>
<input type="hidden" name="proxyUri" value="%uri%" >
</td>
</tr>
</table>
@ -54,14 +50,14 @@ ${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/auto
<script type="text/javascript">
var proxyMechanism = {
baseUrl: '${urls.base}',
sparqlQueryUrl: '${formUrls.sparqlQueryAjax}',
matchingProperty: '${matchingProperty}',
myAccountUri: '${myAccountUri}'
baseUrl: '${urls.base}',
sparqlQueryUrl: '${formUrls.sparqlQueryAjax}',
matchingProperty: '${matchingProperty}',
myAccountUri: '${myAccountUri}'
};
</script>
${scripts.add('<script type="text/javascript" src="${urls.base}/js/jquery.js"></script>',
${scripts.add('<script type="text/javascript" src="${urls.base}/js/account/proxyUtils.js"></script>',
'<script type="text/javascript" src="${urls.base}/js/sparqlUtils.js"></script>',
'<script type="text/javascript" src="${urls.base}/js/account/accountProxyCommon.js"></script>',
'<script type="text/javascript" src="${urls.base}/js/account/accountProxyProxiesPanel.js"></script>')}