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

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

@ -149,4 +149,34 @@ padding-right: 5px;
/* RESET PASSWORD ------> */ /* RESET PASSWORD ------> */
#reset-password p.note { #reset-password p.note {
margin-top: 0; 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;
}

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