updated "more information" display
parent
95a876ffec
commit
0d82710ee1
|
@ -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');
|
||||||
}
|
}
|
||||||
|
|
|
@ -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');
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue