🐛 fix photo selector on mobile device

2 files changed, 3 insertions, 4 deletions

diff --git a/ishtar_common/static/js/ishtar.js b/ishtar_common/static/js/ishtar.js
index 8da971dbd..206a839fd 100644
--- a/ishtar_common/static/js/ishtar.js
+++ b/ishtar_common/static/js/ishtar.js
@@ -2075,8 +2075,10 @@ var register_preview_input_image = function(input_id){
      $('#mobile-'+ input_id).change(function (){
         if($(this).is(":checked")) {
             $("#input-" + input_id).attr("capture", "camera");
+            $("#input-" + input_id).attr("accept", "image/*");
         } else {
             $("#input-" + input_id).removeAttr("capture");
+            $("#input-" + input_id).removeAttr("accept");
         }
      });
 };
diff --git a/ishtar_common/templates/widgets/image_input.html b/ishtar_common/templates/widgets/image_input.html
index cc2e9811a..50adc2223 100644
--- a/ishtar_common/templates/widgets/image_input.html
+++ b/ishtar_common/templates/widgets/image_input.html
@@ -24,13 +24,12 @@
     {% 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>
+               id="mobile-{{ widget.name }}">
         <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 %}
@@ -45,7 +44,6 @@
                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()){
@@ -57,4 +55,3 @@ $(document).ready(function(){
     register_preview_input_image("{{ widget.name }}");
 });
 {% endlocalize %}</script>
-{% endif %}