geotags_content.html

{% load static %}
{% load absurl %}
<div class="col-12 v-spacing-top-3 no-paddings {% if sound or username %}v-spacing-2{% endif %}">
    <div id="mapCanvas{% if sound %}-{{ sound.id }}{% elif usernane %}-{{ username }}{% elif pack %}-{{ pack.id }}{% elif tag %}-{{ tag }}{% endif %}" class="map main-map"
         data-map-center-lat="{{ center_lat }}"
         data-map-center-lon="{{ center_lon }}"
         data-map-zoom="{{ zoom }}"
         data-map-show-search="{% if sound %}false{% else %}true{% endif %}"
         data-map-username="{% if username %}{{ username }}{% endif %}"
         data-map-pack-id="{% if pack %}{{ pack.id }}{% endif %}"
         data-map-qp="{% if query_params_encoded %}{{ query_params_encoded }}{% endif %}"
         data-map-tag="{% if tag %}{{ tag }}{% endif %}"
         data-geotags-url="{{ url }}"
         data-geotags-embed-base-url="{% absurl 'embed-geotags' %}"
         data-access-token="pk.eyJ1IjoiZnJlZXNvdW5kIiwiYSI6ImNrd3E0Mm9lbjBqM2Qyb2wwdmwxaWI3a3oifQ.MZkgLSByRuk_Xql67CySAg"
    ></div>
</div>

{% if not modal_version %}
<div class="row middle">
    <div class="col-md-8 v-spacing-top-4 v-spacing-2">
        {% if username or sound or pack or query_params %}
            {% if query_search_page_url %}
                <a class="no-hover btn-secondary btn-inverse" href="{{ query_search_page_url }}">See results in search page</a>
            {% endif %}
            <a class="no-hover btn-secondary btn-inverse" href="{% url "geotags" %}">View all geotags</a>
        {% else %}
        {% comment %} all sounds map {% endcomment %}
        <a class="no-hover btn-secondary btn-inverse" href="{% url 'sounds-search' %}?mm=1">See results in search page</a>
        {% endif %}
    </div>
    <div class="col-md-4 v-spacing-top-2 v-spacing-2">
        {% if not sound %}
        <div class="text-md-right"><a id="embedControlsLabel" href="javascript:void(0);">Embed this map</a></div>
        {% endif %}
    </div>
</div>
{% endif %}

{% if not sound and not modal_version %}
<div class="row">
    <div class="col-md-12 v-spacing-top-4">
        <div id="embedControls" class="display-none w-100">
            <form class="bw-form">
                <div class="w-50">
                    <div class="row">
                        <div class="col-md-6">
                            <label for="embedWidthInput">Embed width</label> <input type="number" min="100" step="1" value="900" id="embedWidthInput" style="margin-bottom:0px;"/>&nbsp;&nbsp;
                        </div>
                        <div class="col-md-6">
                            <label for="embedHeightInput">Embed height</label> <input type="number" min="100" step="1" value="600" id="embedHeightInput" style="margin-bottom:0px;"/>&nbsp
                        </div>
                    </div>
                </div>
                <label for="embedClusterCheck">Show clusters in embed</label> <input class="bw-checkbox" type="checkbox" checked id="embedClusterCheck" />
                <p>
                    <textarea id="embedCode" readonly style="width:100%;height:60px;"></textarea>
                </p>
            </form>
            
        </div>
    </div>
</div>
{% endif %}