Sindbad~EG File Manager

{% extends "users/layout.html" %} 
{% block title %}{% endblock %}  
{% block content %}
<div class="p-3 rounded">
    <form method="POST" id="form_s1" >
        <input type="hidden" name="user_id" id="user_id" value="{{user_id}}" />
        <input type="hidden" name="abs_id" id="abs_id" value="{{abs_id}}" />
        <input type="hidden" name="abs_type" id="abs_type" value="{{abs_type}}" />

        {% if abstract[0].upload_guideline or abstract[0].upload_file_size %}
        <div class="row">
            <div class="col alert alert-warning form-group">
                {% if abstract[0].upload_guideline %}
                    The guidelines to submit the {{abstract[0].upload_image_type or ''}} is available on 
                    <a href="{{abstract[0].upload_guideline}}" target="_blank">Guidelines.</a>
                {% endif %}
                {% if abstract[0].upload_file_size %}
                {% if  selection_type_id|int != 11 %}
                    Ensure that the file size is less than {{abstract[0].upload_file_size or ''}} MB. Files which are greater than {{abstract[0].upload_file_size or ''}} MB shall be automatically rejected.
                {% endif %}
                {% endif %}
                
            </div>
        </div>
        {% endif %}
        <div class="row">
            <div class="col form-group">
                <label class="font-weight-bold">Select Abstract :</label><br>
                
            </div>                
        </div>
        <div class="row">
            <div class="col form-group">
                <select class="form-control abstract" id="abstract" name="abstract">
                        <option value="" id="select">--Select--</option>
                        {% if abstract %}  {% for item in abstract %} 
                        <option value="{{item.abs_id}}" > {{item.abstract or ''}} </option>
                        {% endfor %} {% endif %}
                </select>
            </div>
        </div>
        <div id="show_upload_img">
            
        </div>


       
    </form>
</div>

{% endblock %}
{% block script %}
<script type="text/javascript">
    var user_id = "{{user_id}}"
    var conf_id   = $("#conf_id").val();
    var conf_key  = $("#conf_key").val();

    $("#abstract").on("change",function()
    {
        var abs_id=$(this).val();
        // alert(abs_id)
        
        
        var selection_type_id = "{{selection_type_id}}";
         var abs_type  = $("#abs_type").val();
        // ShowProgress();
        if (abs_id != '') {
            $("#show_upload_img").show();
            $.ajax({
                type: 'GET',
                url: BaseUrl+"/get_attachment_uploads/"+abs_type+"/"+conf_id+"/"+conf_key,
                data: {
                    'abs_id'  : abs_id,
                    'user_id' : user_id,
                    'selection_type_id' : selection_type_id
                    },
                // dataType: "json",
                success: function (data) {
                   $("#show_upload_img").html(data.data)
                  },
            });
        }
        else{
            $("#show_upload_img").hide();
        }


    });


</script>
{% endblock %}