Editing Albums CMS Design Principles (section)

=== Album details ===

Typical handlers on album details pages:

* Load the gallery content.
* Bind overlay handlers for the album's thumbnail image.
* Bind handler to allow inline editing of album keywords.
* Bind "delete record" handler to links/buttons in the page header.
* Bind "update cache" handler to links/buttons in the page header.

<syntaxhighlight lang="javascript">
<script type="text/javascript">
$(document).ready(function() {

	/* Load gallery content & bind handlers for the gallery listings content. */
	$('.gallery-listings').galleries('retrieveGallery');	

	/* Album thumbnail handlers. */
	$('.image-upload-container').galleries('bindImageOverlayHandlers');

	/* Enable inline keyword editing. */
	$('.metadata').keywords('bindListingsHandlers');

	/* "delete record" link in the page header 
	   The default action is to refresh with listings content, 
	   which isn't appropriate on a details page. */
	$('.hdr-delete-link').formDialog({
		dialogClass: 'delete-confirmation',
		callbacks: {update_content: function(data) {
				data.settings = options;
				methods.updatePageContentAfterDelete(data)
		}}
	});

	/* "update cache" link in the page header */
	$('.update-cache-btn').on('click', $.littled.updateCache);
});
</script>
</syntaxhighlight>