NIHVIVO-2163: refactor markup and styles for verbose property display for individual page

This commit is contained in:
manolobevia 2011-03-22 03:29:46 +00:00
parent f398183c94
commit f8688ff457
2 changed files with 8 additions and 6 deletions

View file

@ -21,14 +21,14 @@
#admin a.edit-individual {
padding-left: 0;
border-left: none;
padding-top: 7px;
padding-top: 8px;
}
#verbosePropertyForm{
#verbose-mode {
float: right;
padding-left: 10px;
}
#verbosePropertyForm .small {
padding: 2px 4px 3px;
#verbose-mode .small {
padding: 5px 6px 4px;
}
/* <------ INDIVIDUAL INTRO FOR ANY CLASS*/
#individual-intro {
@ -211,7 +211,7 @@ h1.fn .preferred-title {
}
/* <------ INDIVIDUAL VISUALIZATION */
#visualization {
padding: 0 0 40px 30px;
padding: 0 0 20px 30px;
padding-top: 0;
float: right;
background-color: #fff;

View file

@ -8,13 +8,15 @@
<section id="admin">
<h3>Admin Panel</h3><a class="edit-individual" href="${individual.editUrl}">Edit this individual</a>
<section id = "verbose-mode">
<#if verbosePropertySwitch??>
<#assign anchorId = "verbosePropertySwitch">
<#assign currentValue = verbosePropertySwitch.currentValue?string("on", "off")>
<#assign newValue = verbosePropertySwitch.currentValue?string("off", "on")>
<span>Verbose property display is <b>${currentValue}</b> | </span>
<a id="${anchorId}" href="${verbosePropertySwitch.url}#${anchorId}">Turn ${newValue}</a>
<a id="${anchorId}" class="verbose-toggle small" href="${verbosePropertySwitch.url}#${anchorId}">Turn ${newValue}</a>
</#if>
</section>
<p class="uri-link">Resource URI: <a href="${individual.uri}" target="_blank">${individual.uri}</a></p>
</section>