ishtar_common/templates/widgets/image_input.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

{% load i18n l10n %}<div class="form-row form-control">
    {% if widget.value and widget.value.url or hidden_value %}
    <span class="col-4">
        <div id="lightgallery-{{widget.name}}">
            <a href="{% if hidden_value %}{{hidden_value}}{% else %}{{ widget.value.url }}{% endif %}">
                <img class="form-thumbnail"
                     id="img-{{ widget.name }}"
                     src="{% if widget.value.url %}{{ widget.value.url }}{% else %}{{hidden_value}}{% endif %}">
            </a>
        </div>
    </span>
    {% elif hidden_name_value %}
    <span class="col-4">
        {{hidden_name_value}}
    </span>
    {% else %}
    <span class="col-4">
        <div id="lightgallery-{{widget.name}}">
            <a href="">
                <img class="form-thumbnail" id="img-{{ widget.name }}" src="">
            </a>
        </div>
    </span>
    {% endif %}
    <span class="col-8">
        <input type="{{ widget.type }}"
               accept="image/*" capture="camera"
               onchange="preview_input_image(this, '{{ widget.name }}');"
               id="input-{{widget.name}}"
               name="{{ widget.name }}"{% include 'django/forms/widgets/attrs.html' %} />
        <br class="mobile-capture" style="display:none">
        <input type="checkbox" name="mobile-capture" class="mobile-capture" style="display:none"
               id="mobile-{{ widget.name }}" checked>
        <label for="mobile-{{ widget.name }}" class="mobile-capture" style="display:none">{% trans "enable camera" %}</label>

    {% if widget.value and widget.value.url %}{% if not widget.required %}
        <br>
        <input type="checkbox" name="{{ widget.checkbox_name }}"
               id="{{ widget.checkbox_id }}" />
        <label for="{{ widget.checkbox_id }}">{% trans "delete" %}</label>
    {% endif %}{% endif %}
        <input type="hidden" name="{{ widget.name }}-hidden"
               value="{% if widget.value and widget.value.url %}{{widget.value.url}}{% elif hidden_value %}{{hidden_value}}{% endif %}"/>
        <input type="hidden" name="{{ widget.name }}-hidden-name"
               value="{% if hidden_name_value %}{{hidden_name_value}}{% endif %}"/>
    </span>
</div>
{% if is_initial or widget.value.url %}
<script type="text/javascript">{% localize off %}
$(document).ready(function(){
    if (mobile_check()){
        $(".mobile-capture").show();
    } else {
        $("#input-{{ widget.name }}").removeAttr("capture");
    }
    lightGallery(document.getElementById('lightgallery-{{widget.name}}'));
    register_preview_input_image("{{ widget.name }}");
});
{% endlocalize %}</script>
{% endif %}