Sindbad~EG File Manager

<ul class="nav nav-tabs" id="myTab" role="tablist">
    <li class="nav-item p-2">
        <button type="button" class="nav-link active" value="1" aria-selected="true">Step 1</button>
    </li>
    
    <li class="nav-item p-2">
        <button type="button" class="nav-link nav_btn_gray" value="2" onclick="{% if data.cur_step >= 1 %}jump_step(2){% endif %}">Step 2</button>
    </li>
</ul>
<div class="tab-content" id="myTabContent">
    <div class="tab-pane fade show active p-2 rounded" role="tabpanel">
        <form method="POST" action="{{url_for('main.Step1post',abs_id=abs_id,abs_type=abs_type,conf_id=conf_id,conf_key=conf_key)}}" id="form_s1">
            <!-- <div class="row mt-3">
                <div class="col">
                    <label class="font-weight-bold" class="font-weight-bold">Presenting Author Membership Number :</label><br />
                    <span>{{user_info.membership_no or 'Non Member'}}</span>
                    <input type="hidden" name="member_id" id="member_id" value="{{ member_id or '' }}" />
                </div>
                <div class="col">
                    <label class="font-weight-bold">Presenting Author Name :</label>
                    <br />
                    <span>{{user_info.full_name or ''}}</span>
                    <input type="hidden" name="name" id="name" value="{{ name or ''}}" />
                </div>
            </div> -->
             <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-12 form-group">
          <label class="font-weight-bold">Chief Author Number</label>
          <div>{{user_info.membership_no or 'Non-Member'}}</div>
        </div>
        <hr />
        <div class="col-lg-6 col-md-6 col-sm-12 form-group">
          <label class="font-weight-bold">Chief Author Name</label>
          <div>{{user_info.full_name or ''}}</div>
        </div>
      </div>
           
            <div class="row ">
                <div class="col">
                    <label class=""><b>Title (not exceeding 150 characters)</b> <span class="text-danger">*</span> <span id="chars" class="text-primary" ></span><span id="chars_text" style="color: blue;"></span></label>
                   
                    <textarea name="title" id="title" class="form-control" placeholder="Title " value="">{{data.title or ''}}</textarea>
                </div>
            </div><br>

             <div class="row">
                <div class="col">
                    <label><b>The Need (not exceeding 400 characters)</b> <span class="text-danger">*</span><span id="chars1" class="text-primary ml-1"></span><span id="chars1_text" style="color: blue;"></span><br></label>
                     
                    <textarea name="purpose" id="purpose" class="form-control" cols="50" rows="6" placeholder="Purpose" value="">{{data.purpose or ''}}</textarea>
                </div>
            </div><br>

            <div class="row">
                <div class="col">
                    <label><b>Development of the Idea(not exceeding 800 characters)</b> <span class="text-danger">*</span><span id="chars2" class="text-primary ml-1"></span><span id="chars2_text" style="color: blue;"></span><br></label>
                     
                    <textarea name="methods" id="methods" class="form-control" cols="50" rows="8" placeholder="Methods" value="">{{data.methods or ''}}</textarea>
                </div>
            </div><br>
            

            <div class="row">
                <div class="col">
                    <label><b>Validation/ Superiority over existing Techniques(not exceeding 800 characters) </b> <span class="text-danger">*</span><span id="chars3" class="text-primary ml-1"></span><span id="chars3_text" style="color: blue;"></span><br></label>
                     
                    <textarea name="results" id="results" class="form-control" cols="50" rows="8" placeholder="Result" value="">{{data.results or ''}}</textarea>
                </div>
            </div><br>
    
           
            <div class="row">
                <div class="col float-right py-2">
                    <input type="button" name="next" id="next" class="btn btn-primary float-right" value="Next" onclick="move(1,1)" />
                </div>
            </div>
            <div id="step2"></div>
            <input type="hidden" name="user_id" id="user_id" value="{{ user_info.user_id }}" />
            <input type="hidden" name="abs_id" id="abs_id" value="{{Cryptography.decrypt(abs_id)}}" />
            <input type="hidden" name="abs_type" id="abs_type" value="{{abs_type}}" />
            <input type="hidden" name="cur_step" id="cur_step" value="{{ data.cur_step or 0 }}">
            <input type="hidden" name="step" id="step" value="1" />
            <input type="hidden" name="step" id="is_next" value="1" />
        </form>
    </div>
</div>
<!-- The Modal -->
<form id="search_model">
    <div class="modal" id="searchcoinst">
        <div class="modal-dialog modal-lg">
            <div class="modal-content" style="display: table;">
                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">Search Chief Author</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>

                <!-- Modal body -->
                <div class="modal-body container">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <label class="font-weight-bold">
                                <b class="text-red"> Note : </b>All the faculty / speakers must be registered and verified in the website. If not, It is not possible to participate in {{ Auth.get_conference(conf_id).get("conf_name") }}.
                            </label>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col">
                            <label class="font-weight-bold">Type Membership no or Name or Email to search</label><br />
                            <div class="input-group">
                                <input type="text" name="searchtext" id="searchtext" class="form-control" required placeholder="Enter to search" />
                                <div class="input-group-append">
                                    <button class="btn btn-outline-secondary" name="searchbtnpa" id="searchbtnpa" type="button">
                                        <i class="fa fa-search"></i>
                                    </button>
                                </div>
                            </div>
                            <br />
                            <label id="searchtext-error" class="error" for="searchtext"></label>
                        </div>
                    </div>
                    <div id="searchtable"></div>
                </div>

                <!-- Modal footer -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>
                <div id="searchmodel"></div>
            </div>
        </div>
    </div>
</form>
<!-- end of model -->
{% block script %}
<script type="text/javascript">
    $(document).ready(function () {
        var $title = $("#title");
        var $purpose = $("#purpose");
        var $methods = $("#methods");
        var $results = $("#results");

        var $chars = $("#chars");
        var $chars1 = $("#chars1");
        var $chars2 = $("#chars2");
        var $chars3 = $("#chars3");

        var x150 = 150;
        var x400 = 400;
        var x800 = 800;
        var x801 = 800;


        $chars.html(x150 + " characters remaining");
        $chars1.html(x400 + " characters remaining");
        $chars2.html(x800 + " characters remaining");
        $chars3.html(x801 + " characters remaining");


        $title.on("keyup", countChar);
        $purpose.on("keyup", countChar1);
        $methods.on("keyup", countChar2);
        $results.on("keyup", countChar3);

        countChar();

        function countChar() {
            var textLength = $title.val().length;
            var textRemaining = x150 - textLength;
            if (textRemaining < 0) {
                $chars.attr("class", "text-danger ml-2");
                var textRemaining1 = -textRemaining;
                $chars.html(textRemaining + " characters exceeded");
            } else {
                $chars.attr("class", "text-primary ml-2");
                $chars.html(textRemaining + " characters remaining");
            }
        }
        function countChar1() {
            var textLength = $purpose.val().length;
            var textRemaining = x400 - textLength;
            if (textRemaining < 0) {
                $chars1.attr("class", "text-danger ml-2");
                var textRemaining1 = -textRemaining;
                $chars1.html(textRemaining + " characters exceeded");
            } else {
                $chars1.attr("class", "text-primary ml-2");
                $chars1.html(textRemaining + " characters remaining");
            }
        }
       function countChar2() {
            var textLength = $methods.val().length;
            var textRemaining = x800 - textLength;
            if (textRemaining < 0) {
                $chars2.attr("class", "text-danger ml-2");
                var textRemaining1 = -textRemaining;
                $chars2.html(textRemaining + " characters exceeded");
            } else {
                $chars2.attr("class", "text-primary ml-2");
                $chars2.html(textRemaining + " characters remaining");
            }
        }
       function countChar3() {
            var textLength = $results.val().length;
            var textRemaining = x801 - textLength;
            if (textRemaining < 0) {
                $chars3.attr("class", "text-danger ml-2");
                var textRemaining1 = -textRemaining;
                $chars3.html(textRemaining + " characters exceeded");
            } else {
                $chars3.attr("class", "text-primary ml-2");
                $chars3.html(textRemaining + " characters remaining");
            }
        }
    });
    
    var user_id = $("#user_id").val();
    get_presenting_author();
    select_pa_Author(user_id)
    var abs_type = $("#abs_type").val();
    $("#searchcoins").click(function () {
        $("#searchcoinst").modal("show");
    });
    $("#searchcoins1").click(function () {
        $("#searchcoinst").modal("show");
    });

    $("#search_model").keypress(function (e) {
        if (e.which == 13) {
            validate_search();
            return false;
        }
        return true;
    });
    $("#searchbtnpa").click(validate_search);
    function validate_search() {
        $("#search_model").validate({
            rules: {
                searchtext: {
                    normalizer: function (value) {
                        return $.trim(value);
                    },
                    required: true,
                    minlength: 3,
                },
            },
            messages: {
                searchtext: {
                    required: "Please enter membership number,name,email",
                    minlength: "Please enter more than three",
                },
            },
        });
        if ($("#search_model").valid()) {
            var conf_id = $("#conf_id").val();
            var conf_key = $("#conf_key").val();
            var searchtext = $("#searchtext").val();
            $.ajax({
                type: "GET",
                url: BaseUrl +"/searchauthor/" +abs_type+"/"+ conf_id + "/" + conf_key,
                data: {
                    searchtext: searchtext,
                    abs_type: "PT",
                    btn_val: "0",
                },
                dataType: "html",
                success: function (data) {
                    // alert("success")
                    // alert(data)
                    $("#searchtable").html(data);
                    return true;
                },
            });
        }
    }

    function select_pa_Author(user_id) {
        var abs_id = $("#abs_id").val();
        var conf_id = $("#conf_id").val();
        var conf_key = $("#conf_key").val();
        var abs_type = $("#abs_type").val();
        $.ajax({
            type: "GET",
            url: BaseUrl +"/add_presenting_author/" +abs_type+"/"+ conf_id + "/" + conf_key,
            data: {
                user_id: user_id,
                abs_type: "PT",
                abs_id: abs_id,
                role_id: 35,
            },
            dataType: "html",
            success: function (data) {
                $("#searchcoinst").modal("hide");
                $("#searchtext").val("");
                $("#searchtable").html("");
                $("#searchmodel1").html(data);
                $("#searchdiv").hide();
            },
        });
        return false;
    }

    function get_presenting_author() {

        var abs_id = $("#abs_id").val();
        var conf_id = $("#conf_id").val();
        var conf_key = $("#conf_key").val();
        var abs_type = $("#abs_type").val();
        $.ajax({
            type: "GET",
            url: BaseUrl +"/ppstep1getauthor/" +abs_type+"/"+ conf_id + "/" + conf_key,
            data: {
                abs_id: abs_id,
            },
            dataType: "html",
            success: function (data) {
                if (data == 0) {
                } else {
                    $("#searchmodel1").html(data);
                    $("#searchdiv").hide();
                }
            },
        });
        return false;
    }
</script>
{% endblock %}