updated "more information" display

pull/567/head
Justin Richer 2014-03-19 21:31:06 -04:00
parent 95a876ffec
commit 0d82710ee1
2 changed files with 6 additions and 4 deletions

View File

@ -82,11 +82,11 @@
</div> </div>
</c:if> </c:if>
<c:if test="${ (not empty client.clientDescription) || (not empty client.clientUri) || (not empty client.policyUri) || (not empty client.tosUri) || (not empty contacts) }"> <c:if test="${ (not empty client.clientDescription) || (not empty client.clientUri) || (not empty client.policyUri) || (not empty client.tosUri) || (not empty contacts) }">
<div class="alert alert-info"> <div class="muted moreInformationContainer">
${client.clientDescription} ${client.clientDescription}
<c:if test="${ (not empty client.clientUri) || (not empty client.policyUri) || (not empty client.tosUri) || (not empty contacts) }"> <c:if test="${ (not empty client.clientUri) || (not empty client.policyUri) || (not empty client.tosUri) || (not empty contacts) }">
<div id="toggleMoreInformation" style="cursor: pointer;"> <div id="toggleMoreInformation" style="cursor: pointer;">
<i class="icon-chevron-right"></i> more information <small><i class="icon-chevron-right"></i> more information</small>
</div> </div>
<div id="moreInformation" class="hide"> <div id="moreInformation" class="hide">
<ul> <ul>
@ -249,10 +249,12 @@ $(document).ready(function() {
event.preventDefault(); event.preventDefault();
if ($('#moreInformation').is(':visible')) { if ($('#moreInformation').is(':visible')) {
// hide it // hide it
$('.moreInformationContainer', this.el).removeClass('alert').removeClass('alert-info').addClass('muted');
$('#moreInformation').hide('fast'); $('#moreInformation').hide('fast');
$('#toggleMoreInformation i').attr('class', 'icon-chevron-right'); $('#toggleMoreInformation i').attr('class', 'icon-chevron-right');
} else { } else {
// show it // show it
$('.moreInformationContainer', this.el).addClass('alert').addClass('alert-info').removeClass('muted');
$('#moreInformation').show('fast'); $('#moreInformation').show('fast');
$('#toggleMoreInformation i').attr('class', 'icon-chevron-down'); $('#toggleMoreInformation i').attr('class', 'icon-chevron-down');
} }

View File

@ -246,15 +246,15 @@ var ClientView = Backbone.View.extend({
e.preventDefault(); e.preventDefault();
if ($('.moreInformation', this.el).is(':visible')) { if ($('.moreInformation', this.el).is(':visible')) {
// hide it // hide it
$('.moreInformationContainer', this.el).removeClass('alert').removeClass('alert-info').addClass('muted');
$('.moreInformation', this.el).hide('fast'); $('.moreInformation', this.el).hide('fast');
$('.toggleMoreInformation i', this.el).attr('class', 'icon-chevron-right'); $('.toggleMoreInformation i', this.el).attr('class', 'icon-chevron-right');
$('.moreInformationContainer', this.el).removeClass('alert').removeClass('alert-info').addClass('muted');
} else { } else {
// show it // show it
$('.moreInformationContainer', this.el).addClass('alert').addClass('alert-info').removeClass('muted');
$('.moreInformation', this.el).show('fast'); $('.moreInformation', this.el).show('fast');
$('.toggleMoreInformation i', this.el).attr('class', 'icon-chevron-down'); $('.toggleMoreInformation i', this.el).attr('class', 'icon-chevron-down');
$('.moreInformationContainer', this.el).addClass('alert').addClass('alert-info').removeClass('muted');
} }
}, },