GeoNode/geonode-viewer

{% load geonode_client_tags %}
{% load url from future %}

{% client_composer_js    %}

<style>
    body {
        padding-top: 0px !important;
    }
    #content {
        position: relative;
    }
    #client-composer-map {
        position: absolute;
        top: 72px;
        height: calc(100% - 72px);
        width: 100%;
    }
</style>

<script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function () {
    var defaultConfig = {
        authStatus: {% if user.is_authenticated %} 200{% else %} 401{% endif %},
        proxy: '{{ PROXY_URL }}',
        {% if MAPFISH_PRINT_ENABLED %}
        printService: "{{GEOSERVER_BASE_URL}}pdf/",
        {% else %}
        printService: "",
        {% endif %}
        /* The URL to a REST map configuration service.  This service 
         * provides listing and, with an authenticated user, saving of 
         * maps on the server for sharing and editing.
         */
        rest: "{% url "maps_browse" %}",
        ajaxLoginUrl: "{% url "account_ajax_login" %}",
        homeUrl: "{% url "home" %}",
        portalItems: [{
            xtype: "container",
            layout: "fit",
            height: 81,
            region: "north"
        }],
        localGeoServerBaseUrl: "{{ GEOSERVER_BASE_URL }}",
        localCSWBaseUrl: "{{ CATALOGUE_BASE_URL }}",
        csrfToken: "{{ csrf_token }}",
        tools: [{ptype: "gxp_getfeedfeatureinfo"}],
    };
        var config = Object.assign( defaultConfig, {{ config|safe }});
        var options = {baseUrl: "{{ GEOSERVER_BASE_URL }}", sources: config.sources, server: "{{SITEURL}}", wmsServer: "{{ GEOSERVER_BASE_URL }}ows/", mapConfig: config, mapId: "{{mapId}}"};
        if (config.proxy !== '') {
            options.proxy = "{{PROXY_URL}}";
        }
        {% if user.is_authenticated %}
        options.userLoggedIn = true;
        {% endif %}
        var composer = new window.Composer('client-composer-map', options);
        composer.compose();
    });
</script>
<div id="client-composer-map">
</div>