litvinovg/vitro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

NIHVIVO-2829: template and css changes for account-profile association

Browse source
This commit is contained in:
tworrall 2011-07-07 20:25:20 +00:00
parent 816ac0d466
commit 1f8428f488
2 changed files with 65 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

30
webapp/web/css/account/account.css
View file

@ -150,3 +150,33 @@ padding-right: 5px;
#reset-password p.note {
margin-top: 0;
}
/* ASSOCIATE PROFILE ------> */
.explanatoryText {
color:#999;
font-size:.8em;
font-style:bold;
width:280px;
margin-left:10px;
line-height:15px;
}
#associated {
float:right;
margin-top:-98px;
margin-right:80px;
display:none;
}
#associated label {
margin-bottom:5px;
}
#associationOptions {
float:right;
margin-top:-98px;
margin-right:80px;
display:none;
}
#verifyProfileLink {
margin-left:10px;
}
#externalAuthIdInUse {
color: #f70;
}

76
webapp/web/templates/freemarker/body/accounts/userAccounts-associateProfilePanel.ftl
View file

@ -2,51 +2,41 @@
<#-- Template for setting the account reference field, which can also associate a profile with the user account -->
<table>
<tr>
<td>
<label for="externalAuthId">Account Reference</label>
<input type="text" name="externalAuthId" value="${externalAuthId}" id="externalAuthId" role="input "/>
<p>
External Auth. ID or other unique ID. Can associate the account to the user's profile.
</p>
<p id="externalAuthIdInUse">
That Account Reference is already in use.
</p>
</td>
<td>
<#-- If there is an associated profile, show these -->
<div id="associated">
<p>
<label for="associatedProfileName">Associated profile:</label>
<span class="acSelectionInfo" id="associatedProfileName"></span>
<a href="" id="verifyProfileLink">(verify this match)</a>
<a href="" id="changeProfileLink">(change profile)</a>
</p>
<input type="hidden" id="associatedProfileUri" name="associatedProfileUri" value="" />
</div>
${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"" />')}
<#-- If we haven't selected one, show these instead -->
<div id="associationOptions">
<p>
<label for="associateProfileName">Select an existing profile</label>
<input type="text" id="associateProfileName" name="associateProfileName" class="acSelector" size="35">
</p>
<p> - or - </p>
<p>
<label for="">Create an associated profile</label>
<select name="degreeUri" id="degreeUri" >
<option value="" selected="selected">Select one</option>
<#list profileTypes?keys as key>
<option value="${key}" >${profileTypes[key]}</option>
</#list>
</select>
</p>
</div>
<label for="externalAuthId">External Auth. ID / Matching ID</label>
<input type="text" name="externalAuthId" value="${externalAuthId}" id="externalAuthId" role="input "/>
<span id="externalAuthIdInUse" style="display: none;" >This Account Reference is already in use.</span>
<p class="explanatoryText" style="margin-top:-8px">Can be used to associate the account with the user's profile via the matching property.</p>
<#-- If there is an associated profile, show these -->
<div id="associated">
<p>
<label for="associatedProfileName">Associated profile:</label>
<span class="acSelectionInfo" id="associatedProfileName"></span>
<a href="" id="verifyProfileLink">(verify this match)</a>
<a href="" id="changeProfileLink">(change profile)</a>
</p>
<input type="hidden" id="associatedProfileUri" name="associatedProfileUri" value="" />
</div>
</td>
</tr>
</table>
<#-- If we haven't selected one, show these instead -->
<div id="associationOptions">
<p>
<label for="associateProfileName">Select the associated profile</label>
<input type="text" id="associateProfileName" name="associateProfileName" class="acSelector" size="35">
</p>
<p> - or - </p>
<p>
<label for="">Create the associated profile</label>
<select name="degreeUri" id="degreeUri" >
<option value="" selected="selected">Select one</option>
<#list profileTypes?keys as key>
<option value="${key}" >${profileTypes[key]}</option>
</#list>
</select>
</p>
</div>
<script type="text/javascript">
var associateProfileFieldsData = {