{% extends "webgateway/base_site.html" %} {% comment %} /** * omero_image - django html template * * Copyright (c) 2007, 2008 Glencoe Software, Inc. All rights reserved. * * This software is distributed under the terms described by the LICENCE file * you can find at the root of the distribution bundle, which states you are * free to use it only for non commercial purposes. * If the file is missing please request a copy by contacting * jason@glencoesoftware.com. */ {% endcomment %} {% block title %} {{ block.super }} - Full Viewer {% endblock %} {% block extra_css %} {{ block.super }} {% endblock %} {% block extra_js %} {{ block.super }} {% endblock %} {% block full_body %}

Image Information

Basic Information

Image name: 
Author: 
Publication: 
Publication ID: 
Created on: 

Dimensions

Image Size Pixel Size
X: px X: 
Y: px Y: 
Z:  Z: 
T: 

Legend

Rendering Details

Show help on channel window ranges
Visible Wavelength Color

Viewing Options

Normal
Max Intensity
Split Channel

Rendering Details

Edit

Current Image

Z: ?/? | T: 1/1
{% block current_image_tools %}{% endblock %}
{% endblock full_body %} {% block content_script %} $(document).ready(function () { /* Prepare the viewport */ viewport = $.WeblitzViewport($('#weblitz-viewport'), '{{ viewport_server }}',{% block viewport_opts %}null{% endblock %}); viewport.bind('imageLoad', _refresh_cb); /* Prepare the Zoom spin button */ $("INPUT.spin-button").SpinButton({min:0}); /* Bind zoom changes to the zoom button */ viewport.bind('zoom', function(e, percent) { $("#wblitz-zoom").attr('value', ''+percent /*+'%'*/); $(".popped").removeClass('popped'); }); /* Bind projection changes */ viewport.bind('projectionChange', projectionChange); /* Bind model changes */ viewport.bind('modelChange', modelChange); /* Bind channel changes */ viewport.bind('channelChange', channelChange); /* Bind image changes */ viewport.bind('imageChange', imageChange); /* Bind line plot changes */ viewport.bind('linePlotChange', linePlotChange); /* Bind line plot position pick */ viewport.bind('linePlotPos', linePlotPos); /* Prepare pop tools */ $(".popover > h1") .prepend('
') .click(function () { var this_popped = $(this).parent().is('.popped'); $(".popped").removeClass('popped'); if (this_popped) { $(this).parent().removeClass('popped'); } else { $(this).parent().addClass('popped'); } return false; }); $(".popclose").click(function () { $(".popped").removeClass('popped'); }); $("#weblitz-viewport").click(function () { $(".popped").removeClass('popped'); return false; }) .bind("imageChange", function () { $(".popped").removeClass('popped'); }); // var pprep = function (t) { // return function () { /* Prepare the post-its */ var layout_pos = $("#header").offset(); //$("#weblitz-viewport").offset(); $(".postit").each(function () { if (this.id == 'metadata-postit') { $(this).postit({noResize: false, resizeTarget: '#wblitz-image-description'});//.css($("#weblitz-viewport-vp").offset()); } else { layout_pos.left += 20; layout_pos.top += 20; $(this).postit({noResize: true}) .css(layout_pos); } }); var legend_open = function () { var d = $(this); d.unbind('opening', legend_open); /* Calculate the size for legend post-it */ var h = $('#weblitz-viewport-vp').height(); var w = ($('#weblitz-viewport-vp').width() - h) /2; d.css('width', Math.max(w, 250)); if (d.height() > h) { d.css('height', h); } d.trigger('jqResize'); }; $("#legend-postit").bind('opening', legend_open); zindex_automator('.postit', 10); /* Make (kind of) sure that closing the rendering defs window closes an eventually opened color picker */ $("#rdef-postit").bind('closed', function () { hidePicker(); /* viewport.back_to_bookmarked_channels();*/ //syncRDCW(); }) .bind('opening', function () { syncRDCW(); viewport.bookmark_channels()}); $('.can-collapse').click(function () { $(this).toggleClass('closed').next().slideToggle(); }); $('.can-collapse.defclose').each(function () { $(this).removeClass('defclose').toggleClass('closed').next().hide(); }); // }; // setTimeout ( pprep(this), 1000); /* Load the selected image into the viewport */ var did = '{{ dataset.id }}'; viewport.setQuality('0.9'); viewport.load({{ image.id }}, did.length ? parseInt(did) : null, location.search); /* Bind actions needed on window resize */ $(window).resize(calcResize); $('input[name=wblitz-quality]').click(function () { viewport.setQuality(this.value); }); /* And we're done! */ {% block initial_resize %} /* Set Window Initial Size */ if ($(document).width() < 1024 || $(document).height() < 768) window.resizeTo(1024,768); {% endblock %} calcResize(); }); {% endblock content_script %}