NIHVIVO-3213: Worked on markup/styles for adding proxies through account pages
This commit is contained in:
parent
c93cecb63c
commit
af9d8c7424
5 changed files with 82 additions and 38 deletions
|
@ -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>')}
|
|
@ -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'> </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>')}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue