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

View file

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