Sindbad~EG File Manager

{% extends "conferenceapp/layout.html" %}
{% block style %}{% endblock %}
{% block content %}

<div class="container mt-3">

    
           {% for mesg in get_flashed_messages(category_filter=["successMsg"]) %}
            <div class="alert alert-success text-center successMessage alert-dismissible">
                <button class="close" data-dismiss="alert" aria-label="close">&times;</button>
                <h6>{{ mesg|safe }}</h6>
            </div>
            {% endfor %} {% for mesg in get_flashed_messages(category_filter=["errorMsg"]) %}
            <div class="alert alert-danger text-center successMessage" id="successMessage">
                <p class="close" data-dismiss="alert" aria-label="close">&times;</p>
                <h6>{{ mesg|safe }}</h6>
            </div>
            {% endfor %}
 
    <div class="row">
         
        <div class="col-lg-12 col-md-12 col-sm-12 text-right">
            <a class="btn btn-danger float-right mb-1" type="button" id="back" href="{{ url_for('confapp.Back',conf_id=conf_id,conf_key=conf_key) }}">Back</a>
        </div>
    </div>
    <div class="col-md-12">

        <center><h5>{{get_conf.conf_name}} - TARIFF</h5></center>
    </div>

    <div class="card">
        <div class="card-body">
            <form id="view_tariff_form">
            	<input type="hidden" name="conf_id" id="conf_id" value="{{conf_id}}" class="form-control">
                <input type="hidden" name="conf_key" id="conf_key" value="{{conf_key}}" class="form-control">
                

                <div class="row">
                    <div class="col-md-6">
                        <label for="addon_name">Addon Name</label>
                        <select class="form-control" id="addon_name" name="addon_name">
                            <option value="" id="select">--SELECT--</option>
                            {% if addon_name_data : %} 
                               {% for row in addon_name_data %} 
                                    <option {% if row.addon_name %} value="{{row.addon_name }}" {% else %} value="{{ row.display_name}}" {% endif%}>
                                        {% if row.addon_name %} 
                                              {{row.addon_name }} 
                                        {% else %} 
                                              {{ row.display_name}} 
                                        {% endif%} 
                                    </option>
                                {% endfor %} 
                            {% endif %}
                        </select>
                        <label id="addon_name-error" name="addon_name_err" class="error" for="addon_name"></label>
                    </div>
                    <div class="col-md-6"></div>
                </div>
                <div class="row text-center">
                    <div class="col-md-12">
                    	<button type="button" class="btn btn-primary btn-md text-center" name="search_btn" id="search_btn" class="search_btn" title="Search">Search Tariff</button>
                        <button type="button" title="Clear" class="btn btn-danger" id="clear_btn" name="clear_btn">Clear</button>
                    </div>
                    <div class="col-md-2"></div>

                </div>
                
            </form>

        </div>
    </div>
    <div id="tariff_table_data"></div>
</div>

{% endblock %}
{% block bottomscript %}  

<script type="text/javascript">
var BaseUrl = document.location.origin;
    
$(document).on("click", "#clear_btn",function(e){
    $("#addon_name").val('');
    $("#tariff_table_data").hide();
});


$(document).ready(function()
{


// start edit addon date 


        $(document).on("click", ".addon_id_btn", function (e) {

            if (confirm("Are you sure to you want update")) { 
            var addon_id = $(this).val();
            var start_by = $("#start_by_" + addon_id).val();
            var end_by = $("#end_by_" + addon_id).val();


            var conf_id = $("#conf_id").val();
            var conf_key = $("#conf_key").val();
            if ($("#send_mail_addon").is(":checked")) {
                var send_mail = 1;
            } else {
                var send_mail = 0;
            }

          
                if (start_by < end_by){
            $.ajax({
                type: "POST", // <-- get method of form
                url: BaseUrl + "/" + conf_id + "/" + conf_key + "/update_addon", // <-- get action of form
                data: { "addon_id": addon_id, "start_by": start_by, "end_by": end_by, "send_mail": send_mail },
                dataType: "html",
                success: function (data_1) {
                    var data = JSON.parse(data_1);
                    var status = data.status;
                    var msg = data.msg;
                    if (status == 1) {
                        // $("#flash_success").html(msg);
                        alert(msg);
                        // $("#show_addon_table").show();
                        // $("#addon_label").show();
                        // $(".Addons").show();
                    } else {
                        alert(msg);
                        return false;
                    }
                },
            });



            } 
            else{
                alert("Please enter valid start_by and end_by date time")
            }



        }
        });

    // $("#successMessage").hide();
    // $("#errorMessage").hide();

    $("#search_btn").click(function (e) {
         e.preventDefault();
        var addon_name  = $("#addon_name").val();
        var conf_id     = $("#conf_id").val();
        var conf_key    = $("#conf_key").val();
    
        ShowProgress();

        $.ajax({
                type: "POST",
                url: BaseUrl + "/" + conf_id + "/" + conf_key + "/post_tariff",
                data : {'addon_name':addon_name},
                dataType:'html',
                success: function (response) {
                    StopProgress();
                    var data_1 = JSON.parse(response);
                    var msg = data_1.msg;
                    if (data_1.status == 1) {
                       
                        $("#tariff_table_data").empty();
                        $("#tariff_table_data").show();
                        $("#tariff_table_data").html(data_1.html_data);
                     
                    } else {
                        alert(msg);
                        return false;
                    }
                },
            });
    });
});


function ShowProgress()
{
    var text = 'loading data.. please wait..';

    if(jQuery('body').find('#resultLoading').attr('id') != 'resultLoading'){
     jQuery('body').append('<div id="resultLoading" style="display:none"><div><img src="'+document.location.origin+'/static/images/ajax-loader.gif"><div>'+text+'</div></div><div class="bg"></div></div>');
     // jQuery('body').append('<div id="resultLoading" style="display:none"><div><div>'+text+'</div></div><div class="bg"></div></div>');
     }

    jQuery('#resultLoading').css({
        'width':'100%',
        'height':'100%',
        'position':'fixed',
        'z-index':'10000000',
        'top':'0',
        'left':'0',
        'right':'0',
        'bottom':'0',
        'margin':'auto'
    });

    jQuery('#resultLoading .bg').css({
        'background':'#000000',
        'opacity':'0.7',
        'width':'100%',
        'height':'100%',
        'position':'absolute',
        'top':'0'
    });

    jQuery('#resultLoading>div:first').css({
        'width': '250px',
        'height':'75px',
        'text-align': 'center',
        'position': 'fixed',
        'top':'0',
        'left':'0',
        'right':'0',
        'bottom':'0',
        'margin':'auto',
        'font-size':'16px',
        'z-index':'10',
        'color':'#ffffff'

    });

    jQuery('#resultLoading .bg').height('100%');
       jQuery('#resultLoading').fadeIn(300);
    jQuery('body').css('cursor', 'wait');
}

function StopProgress()
{
    jQuery('#resultLoading .bg').height('100%');
       jQuery('#resultLoading').fadeOut(300);
    jQuery('body').css('cursor', 'default');
}
    


</script>
{% endblock %}