📁 WebAdmin FileManager

<?php include_once('header.php');
//echo "<pre>";
//print_r($country);
//return;

?>
<style>
  .form-control {
    height: 34px !important;
  }

  label.error {
    color: red;
  }

  #inlineRadio2 {
    margin: 4px 0px 0px 16px;
  }
</style>
<section id="main-content">
  <section class="wrapper">
    <div class="row">
      <div class="col-lg-12">
        <section class="panel">
          <header class="panel-heading">
            Add keertaniya
          </header>

          <div class="panel-body">

            <div class="row">
              <div class="col-lg-12">
                <h2 class="text-center <? //echo $feedback_class; ?>">

                </h2>
              </div>
            </div>

            <form class="form-horizontal" id="addkeertan" method="POST" action="<?php echo base_url('keertna_put'); ?>"
              enctype="multipart/form-data">

              <input type="hidden" name="event_details_id" id="eventdetails" value=''>
              <input type="hidden" name="event_file_name" id="eventfilename" value=''>

              <input type="hidden" name="display_status" value="1">

              <div class="form-group col-sm-6 float-left">
                <label class="col-sm-3 control-label">Title </label>
                <div class="col-sm-9">
                  <input list="evetitle" id="search_text" name="mediatitle" class="form-control" type="text" />
                  <datalist id="evetitle">
                  </datalist>
                </div>
              </div>
              <div id="display">
                <ul id='searchresult'>
                </ul>
              </div>

              <!--  <div class="form-group col-sm-6 float-left">
                    <label class="col-sm-3 control-label" >Google Id </label>
                     <div class="col-sm-9">
                       <input name="files" class="form-control" type="text" id="exampleInputFile" />
                       </div>
                   </div>-->

              <div class="form-group col-sm-6 float-left">
                <label class="col-sm-4 control-label">Select Files</label>
                <div class="col-sm-8 form-check form-check-inline">

                  <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="1"
                    checked>
                  <label class="form-check-label " for="inlineRadio1">DropBox</label>


                  <input class="form-check-input " type="radio" name="inlineRadioOptions" id="inlineRadio2" value="2">
                  <label class="form-check-label" for="inlineRadio2">Select file</label>
                  <input type="text" class="form-control audio_url" name="audio_url" id="Data1" placeholder=""
                    title="Please enter a valid URL containing '?rlkey='">
                  <input type="file" class="form-control files" name="files" id="files" />
                </div>

              </div>

              <div class="form-group col-sm-6 float-left">
                <label class="col-sm-3 control-label">Youtube URL </label>
                <div class="col-sm-9">
                  <input name="youtubelink" class="form-control" type="text" />
                </div>
              </div>

              <!-- 	<div class="form-group col-sm-6 float-left">
                      <label class="col-sm-3 control-label" >Category </label>
                      <div class="col-sm-9">
                        <select name="mediacategory" class="form-control">
                          <?php echo $category; ?>
                        </select>
                      </div>
                    </div> -->

              <!-- <div class="form-group col-sm-6 float-left">
                      <label class="col-sm-3 control-label" >Event time</label>
                      <div class="col-sm-9">
                        <input id="eventtime" name="event_time" class="form-control" />
                        
                      </div>
                    </div>

                    <div class="form-group col-sm-6 float-left">
                      <label class="col-sm-3 control-label" >Date</label>
                      <div class="col-sm-9">
                        <input type="date" name="media_date" class="form-control" />
                      </div>
                    </div>

                    <div class="form-group col-sm-6 float-left">
                      <label class="col-sm-3 control-label" >Country </label>
                      <div class="col-sm-9">
                        
                          <input list="countrys" id="country" name="country" class="form-control">
                <datalist id="countrys" >
                  <?php
                  // foreach ($country as $row) {

                    // echo '<option data-value="' . $row->id . '" value="' . $row->name . '">';
                  // }
                  ?>
                </datalist>  
                      </div>
                    </div>

                    <div class="form-group col-sm-6 float-left">
                      <label class="col-sm-3 control-label" >State </label>
                      <div class="col-sm-9">
                        
                        <input list="states" id="state" name="state" class="form-control">
                <datalist id="states" >
                </datalist>

                      </div>
                    </div>

                    <div class="form-group col-sm-6 float-left ">
                      <label class="col-sm-3 control-label" >City </label>
                      <div class="col-sm-9">
                        
                        <input list="citys" id="city" name="city" class="form-control">
                <datalist id="citys" >
                </datalist>
                      </div>
                    </div> -->



              <br>
              <div class="row">
                <div class="form-group col-sm-6 float-right">
                  <label class="col-sm-3 control-label"> </label>
                  <div class="col-sm-9 ">
                    <input type="submit" name="submit" value="submit" class="bt btn-primary" style="float: left;" />
                  </div>
                </div>
              </div>

            </form>
          </div>
        </section>
      </div>
    </div>
  </section>
</section>



<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $.validator.addMethod("validAudioUrl", function(value, element) {
        return value.includes('?rlkey=');
    }, "Please enter a valid URL");

    $("#addkeertan").validate({
        rules: {
           
            audio_url: {
                required: {
                    depends: function(element) {
                        return $('input[name="inlineRadioOptions"]:checked').val() === '2'; // Check if the "Select file" radio button is checked
                    }
                },
                validAudioUrl: {
                    depends: function(element) {
                        return $('input[name="inlineRadioOptions"]:checked').val() === '1'; // Check if the "DropBox" radio button is checked
                    }
                }
            }
           
        },
        messages: {
           
            audio_url: "Please Enter a valid URL",
            
        }
    });
});

</script>
<script type="text/javascript">
  $(document).ready(function () {

    $('#files').hide();

    $('input[name="inlineRadioOptions"]').change(function () {

      $('#Data1').removeClass('is-invalid').next('.error').remove();
      $('#files').val('');
      $('#Data1').val('');


      if ($(this).val() === '1') {
        $('#Data1').show();
        $('#files').hide();
        $('.drop_section').show();
        $('.files').removeAttr('name');
        $('.audio_url').attr('name', 'audio_url');


      } else if ($(this).val() === '2') {
        $('.drop_section').hide();
        $('#files').show();
        $('#Data1').hide();
        $('.files').attr('name', 'files');
        $('.audio_url').removeAttr('name');
      }
    });


  });
</script>

<script type="text/javascript">







  $(document).ready(function () {
    //load_data();

    $("input[name=mediatitle]").change(function () {
      var value = $(this).val();
      var c = $('#evetitle [value="' + value + '"]').data('id');

      var d = $('#evetitle [value="' + value + '"]').data('filename');
      console.log(c);
      console.log(d);
      $('#eventfilename').val(d);


      $('#eventdetails').val(c);

    });


    function load_data(query) {
      $('#evetitle').html('');
      $.ajax({
        url: "<?php echo base_url(); ?>sikhism/eventsearch",
        method: "POST",
        data: { query: query },
        success: function (data) {
          var newdata = JSON.parse(data);
          for (var i = 0; i < newdata.length; i++) {
            var mainevent = newdata[i].main_event;
            var title = newdata[i].event_title;
            var id = newdata[i].id;
            var ev_id = newdata[i].events_id;
            var dates = newdata[i].event_date;
            var stimes = moment(newdata[i].event_start_time, "HH:mm:ss").format("hh:mm A");
            var etimes = moment(newdata[i].event_end_time, "HH:mm:ss").format("hh:mm A");



            var val = title + ' - ' + dates + ' - ' + stimes + ' To ' + etimes;

            var filename = title.replace(" ", "_") + '-' + mainevent.replace(" ", "_") + '-' + newdata[i].event_text.replace(" ", "_") + '-' + dates.replace(" ", "_") + '_' + Date.now();

            $('#evetitle').append('<option id="myid' + i + '" value="' + val + '" data-id="' + id + '" data-filename="' + filename.replace(" ", "_") + '" >');


          }
          //$('#result').html(data);
          /*document.getElementById("h1").innerHTML = "<h1>Hello member</h1>";
            $("#display").html(data).show();*/
        }
      })
    }
    /*
         function fill(Value) {
    
        console.log("value",Value);
       //Assigning value to "search" div in "search.php" file.
        $('#search_text').val(Value);
       //Hiding "display" div in "search.php" file.
        $('#display').hide();
       }
    */
    $('#search_text').keyup(function () {
      var search = $(this).val();
      if (search != '') {
        load_data(search);
      }
      else {
        //load_data();
      }
    });

    $('#search_text').focus(function () {

      load_data();

    });


    /*$('#country').change(function(){
       countrysel();
     });*/
    /*var data = {};
  $("#countrys option").each(function(i,el) {  
     data[$(el).data("value")] = $(el).val();
  });
  
  console.log(data, $("#countrys option").val());
  */
    $('#country').change(function () {
      //var country_id = $('#country').val();

      //var country_id = $('#country').val();
      var value = $('#country').val();
      var country_id = $('#countrys [value="' + value + '"]').data('value');
      //alert($('#browsers [value="' + value + '"]').data('value'));
      //console.log("country_id",country_id);
      if (country_id != '') {
        $.ajax({
          url: "<?php echo base_url(); ?>addresscontroller/fetch_state",
          method: "POST",
          data: { countryid: country_id },
          success: function (data) {
            //console.log("data",data);states
            // $('#state').html(data);
            // $('#city').html('<option value="">Select City</option>');

            $('#states').html(data);
            $('#state').val('');
            $('#city').val('');
            $('#citys').html('<option value="">Select City</option>');
          }
        });
      }
      else {
        //$('#state').html('<option value="">Select State</option>');
        //$('#city').html('<option value="">Select City</option>');
        $('#states').html('<option value="Select State"></option>');
        $('#citys').html('<option value="">Select City</option>');
      }
    });

/* function countrysel(){
  var country_name = $('#country').val();
  var countrycode = $("#country :selected").data('countrycode');
console.log("countrycode",countrycode);
  if(countrycode != '')
  {
   $.ajax({
    url:"<?php echo base_url(); ?>addresscontroller / fetch_state",
    method: "POST",
      data: { country_id: countrycode },
    success: function(data) {
      $('#state').html(data);
      $('#city').html('<option value="">Select City</option>');
    }
  });
  }
  else
  {
    $('#state').html('<option value="">Select State</option>');
    $('#city').html('<option value="">Select City</option>');
  }
};* /

  //countrysel();

  $('#state').change(function () {
    /*var state_id = $('#state').val();
    var statecode = $("#state :selected").data('statecode');*/
    var value = $('#state').val();
    var statecode = $('#states [value="' + value + '"]').data('value');
    if (statecode != '') {
      $.ajax({
        url: "<?php echo base_url(); ?>addresscontroller/fetch_city",
        method: "POST",
        data: { state_id: statecode },
        success: function (data) {
          //$('#city').html(data);
          $('#citys').html(data);
          $('#city').val('');
        }
      });
    }
    else {
      //$('#city').html('<option value="">Select City</option>');
      $('#citys').html('<option value="">Select City</option>');
    }
  });
 

</script>