Also add a CSS class on <details> for easier styling and change the
list style so it take less space on screen
Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
font-style : italic;
}
+details.checkouts-by-itemtype li {
+ display: inline-block;
+ margin-right: 1em;
+}
+
div.help {
margin: .9em 0 0 0;
}
var SUSPEND_HOLD_ERROR_NOT_FOUND = _("Unable to suspend hold, hold not found");
var RESUME_HOLD_ERROR_NOT_FOUND = _("Unable to resume, hold not found");
var CURRENT = _(" (current) ");
+ var MSG_NO_ITEMTYPE = _("No itemtype");
+ var MSG_CHECKOUTS_BY_ITEMTYPE = _("Number of checkouts by item type");
//]]>
</script>
var ul = $('<ul>');
Object.keys(checkoutsByItype).sort().forEach(function (itype) {
var li = $('<li>')
- .append($('<strong>').html(itype || _("No itemtype")))
+ .append($('<strong>').html(itype || MSG_NO_ITEMTYPE))
.append(': ' + checkoutsByItype[itype]);
ul.append(li);
})
$('<details>')
- .append($('<summary>').html(_("Number of checkouts by item type")))
+ .addClass('checkouts-by-itemtype')
+ .append($('<summary>').html(MSG_CHECKOUTS_BY_ITEMTYPE))
.append(ul)
.insertBefore(oSettings.nTableWrapper)
},