ol3-viewer.html

<!--
    Copyright (C) 2017 University of Dundee & Open Microscopy Environment.
    All rights reserved.

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as
    published by the Free Software Foundation, either version 3 of the
    License, or (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->

<template>
    <require from="../controls/dimension-slider"></require>
    <require from="./viewer-context-menu"></require>

    <div class="${context.useMDI && context.image_configs.size > 1 ?
                    'center-row1-mdi' : 'center-row1'}
                ${image_config.is_movie_playing ? 'cursor_spinner' : ''}
                ${image_config.image_info.dimensions.max_t > 1 ? 'show-tSlider' : ''}
                ${image_config.image_info.dimensions.max_z > 1 ? 'show-zSlider' : ''}"
            drop.delegate="handleDrop($event)"
            dragover.delegate="handleDragover($event)"
            dragleave.delegate="handleDragleave($event)"
            >
        <dimension-slider
            if.bind="image_config.image_info.dimensions.max_z > 1"
            image_config.bind="image_config"
            dim="z"
            player_info.bind="player_info"
            class="plane-slider"
            css="${context.useMDI && context.image_configs.size > 1 ?
                    'margin-top: 25px;margin-bottom: 10px' : ''}">
        </dimension-slider>

        <div class="viewer">
              <div id.bind="container" class="viewer-container map_spinner"></div>
        </div>
    </div>

    <div class="${image_config.image_info.dimensions.max_t > 1 ?
                    'center-row2' : 'center-row2-hidden'}
                ${image_config.is_movie_playing ? 'cursor_spinner' : ''}
                ${image_config.image_info.dimensions.max_z > 1 ?
                    'show-zSlider' : ''}">
            <dimension-slider
                if.bind="image_config.image_info.dimensions.max_t > 1"
                image_config.bind="image_config"
                dim="t"
                player_info.bind="player_info"
                class="time-slider"
            >
            </dimension-slider>
    </div>
    <viewer-context-menu image_config.bind="image_config"></viewer-context-menu>
</template>