Synnefo

        // display vm diagnostics detail overlay view, update based on

        // diagnostics_update_interval config value.

        show_build_details_for_vm: function(vm) {

            var cont = null;

            var success = function(data) {

                var message = "";

                var title = vm.get('name');

                var info = '<em>Status log messages:</em>';

                var list_el = $('<div class="diagnostics-list">');

                list_el.append('<div class="empty">No data available</div>');

                cont = list_el;

                var messages = _.clone(data);

                update_overlay_diagnostics(data, cont);

                synnefo.ui.main.details_view.show(title, info, cont);

            }

            var update_overlay_diagnostics = function(data) {

                var existing = cont.find(".msg-log-entry");

                var messages = _.clone(data);

                var to_append = messages.slice(0, messages.length - existing.length);

                to_append.reverse();

                var appending = to_append.length != messages.length;

                if (to_append.length) { cont.find(".empty").hide() } else {

                    if (!messages.length) { cont.find(".empty").show() }

                }

                _.each(to_append, function(msg){

                    var el = $('<div class="clearfix msg-log-entry ' + msg.level.toLowerCase() + '">');

                    if (msg.details) {

                      el.addClass("with-details");

                    }

                    var display_source_date = synnefo.config.diagnostics_display_source_date;

                    var source_date = "";

                    if (display_source_date) {

                        source_date = '('+synnefo.util.formatDate(new Date(msg.source_date))+')';

                    }

                    el.append('<span class="date">' + synnefo.util.formatDate(new Date(msg.created)) + source_date + '</span>');

                    el.append('<span class="src">' + _.escape(msg.source) + '</span>');

                    el.append('<span class="msg">' + _.escape(msg.message) + '</span>');

                    if (msg.details) {

                        el.append('<pre class="details">' + _.escape(msg.details) + '</pre>');

                    }

                    if (appending) { el.hide(0); el.css({'display':'none'})}

                    cont.prepend(el);

                    el.click(function(el) {

                        $(this).find(".details").slideToggle();

                        $(this).toggleClass("expanded");

                    });

                    if (appending) { el.fadeIn(800); }

                });

                window.setTimeout(function(){

                    if (cont.is(":visible")) {

                        vm.get_diagnostics(update_overlay_diagnostics);

                    }

                }, synnefo.config.diagnostics_update_interval);

            }

            vm.get_diagnostics(success);

        },

                this.init_vm_view_handlers(vm);

        init_vm_view_handlers: function(vm) {

            var self = this;

            var el = this.vm(vm);

            // hidden feature, double click on indicators to display 

            // vm diagnostics.

            el.find(".indicators").bind("dblclick", function(){

                self.show_build_details_for_vm(vm);

            });

            // this button gets visible if vm creation failed.

            el.find("div.build-progress .btn").click(function(){

                self.show_build_details_for_vm(vm);

            });

        },

            if (vm.in_transition() && !vm.has_pending_action()){