EVOLUTION-NINJA

Edit File: categories.php

<?php echo view('includes/admin_header.php')?>

<div class="content-wrapper">
	
	<section class="content-header">
		<h1 style="padding-bottom:10px;border-bottom:2px dashed #468662;margin-bottom:20px; font-weight: bold;">
			CATEGORIES
			<small></small>
		</h1>

</section>
	
	<section class="content">
	       <a href="javascript:history.back()" class="btn btn-primary" style="float: right;">Back</a>

<button type="button" class="btn btn-primary btn-sm access_add_btn" data-toggle="modal" data-target="#myModal">
	  Add Categories
	</button>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="myModalLabel">Add Categories</h4>
	      </div>
	      <div class="modal-body">
	        <form id="land_owner" class="form-inline category_form" enctype="multipart/form-data">
				
				<!-- <input type="hidden" class="form-control col-sm-8" name="login_id" value="<?php //echo $this->session->userdata('login_id');?>">
				<input type="hidden" class="form-control col-sm-8" name="user_type_id" value="<?php //echo $this->session->userdata('user_type_id');?>">

-->
				
				<input type="hidden" class="form-control col-sm-8" name="login_id" value="<?php echo session()->get('login_id');?>">
				<input type="hidden" class="form-control col-sm-8" name="user_type_id" value="<?php echo session()->get('user_type_id');?>">

<div class="row land_owner_a">
					<div class="form-group col-xs-8 col-sm-10 col-md-8">
						<label class="col-sm-4 hidden-xs">Category</label>
						<input type="text" class="form-control col-sm-8" style="border-radius: 5px;" pattern="^[^\s]+.*$" Placeholder="Category" name="domain_name" required="required">
					</div>
				</div>

<div class="multiple_fields"></div>
				
				<div class="row land_owner_a">
					<div class="col-sm-4 col-md-4"></div>
					<div class="col-sm-4 col-md-4">
						<div class="cato_but">
						<div class="row"></div>	
						<div class="col-sm-6">
						<button type="submit" class="btn btn-primary center-block submit submit_1">Submit</button>							
						</div>
					
						</div>
					</div>
					<div class="col-sm-4 col-md-4"></div>													
				</div>

</form>
	      </div>
	     
	    </div>
	  </div>
	</div>
			
		<div class="row">

<div id="loading" style="display:none;width:80px;height:89px;position:absolute;top:30%;left:55%;padding:2px;z-index: 1;"><img src="<?php echo base_url();?>public/assets/images/loader.gif" width="64" height="64" /><br>
	</div>
			
		<div class="col-md-3"></div>
		<div class="col-md-7" style="margin-left: -6%; width:60%;">

<table class="table table-striped table-hover list_table">
                <thead >
                	<tr class="">
                    <th class="col-xs-1">Sl No</th>
                    <th class="col-xs-3">Category</th>
                    <th class="col-xs-1">Action</th>
                  </tr>
                </thead>

</table>

</div>									
		</div>

<div class="modal fade" id="edit_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel" >Update Category</h4>
      </div>
      <div class="modal-body">
        <form id="land_owner" class="form-inline update_form" enctype="multipart/form-data">
			<input type="hidden" class="form-control col-sm-8" name="login_id" value="<?php echo session()->get('login_id') ?>">
            <input type="hidden" class="form-control col-sm-8" name="user_type_id" value="<?php echo session()->get('user_type_id') ?>">

<input type="hidden" class="form-control col-sm-8 domain_id_pk" name="domain_id" required="required">
						
			<div class="row land_owner_a">
				<div class="form-group col-sm-12 col-md-8">
					<label class="col-sm-4">Category</label>
					<input type="text" class="form-control col-sm-8 domain_name" pattern="^[^\s]+.*$" name="domain_name" required="required">
				</div>
			</div> 
			
      <div class="row land_owner_a">
					<div class="col-sm-4 col-md-4"></div>
					<div class="col-sm-4 col-md-4">
						<div class="upd_but">
						<div class="row"></div>	
						<div class="col-sm-6">
						<button type="submit" class="btn btn-primary center-block submit update_submit">Update</button>							
						</div>
						
						</div>
					</div>
					<div class="col-sm-4 col-md-4"></div>													
				</div>

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

</section>
			
	</div>

$(document).ready(function(){

var datatable;
var tbody = $('#table_body');
  datatable = $('.table').DataTable({
    // "scrollY": 350,
    // "scrollX": true,
  });

$('.add_fields').click(function(e){

$('.multiple_fields').append('<div class="row land_owner_a"><div class="form-group col-xs-8 col-sm-10 col-md-8"><label class="col-sm-4 hidden-xs">Category</label><input type="text" class="form-control col-sm-8" name="domain_name[]" required="required" placeholder="Category"></div><div class="form-group col-xs-4 col-sm-2 col-md-4"><a href="javascript:void(0);" class="remove_fields"><span class="glyphicon glyphicon-remove"></span></a></div></div>');

$(".remove_fields").click(function(){
    $(this).closest('.row').remove();
  });
});

$('.category_form').submit(function(e){    
      e.preventDefault();

$("#loading").show();

formdata = new FormData($(this)[0]);

$(".submit").attr('disabled', 'disabled');
          $(".submit").text("Submitting...");

$.ajax({

type   : 'post',
              url    : '<?php echo site_url("add_domain")?>',
              data   : formdata,
              contentType: false,
              processData: false,
                                        
                success:function(response){
                // response=jQuery.parseJSON(response);
                console.log(response);

if(response.result==1)
                  {
                    $("#loading").hide();
                    $("#myModal").modal("hide");
                    $(".multiple_fields").empty();
                    toastr["success"](response.message);
                    CategoryList();
                    $('.category_form')[0].reset();
                    $(".submit").text("Submit");    
                    $(".submit").removeAttr('disabled');                
                  }
                  else if(response.result == 2)
                  {
                    $("#loading").hide();
                    toastr["error"](response.message);                       
                  $(".submit").text("Submit"); 
                  $(".submit").removeAttr('disabled');                      
                  }
                  else 
                  {
                    $("#loading").hide();
                    toastr["error"](response.message);                       
                  $(".submit").text("Submit"); 
                  $(".submit").removeAttr('disabled');                      
                  }
                 
              }
              
       });
           
   });

CategoryList();

function CategoryList()
{
  $("#loading").show();

tbody.empty();
    var table_row = [];

$.ajax({
          type   : 'get',
          url    : '<?php echo site_url("get_categories_list")?>',                                         
          success:function(response){
          response=jQuery.parseJSON(response);
          console.log(response);

if(response.result==1)
              {
                $("#loading").hide();
                var slno  = 1;
        var index = 1;

$.each(response.categories_list,function(idx,vx){
          var row = [];

row.push(slno);    					            				  
                row.push(vx.domain_name);
                
                var table_content = '';

table_content += '<div style="float:left;">';	
                table_content += '<a data-toggle="tooltip" title="Edit" class="edit" domain_id="'+vx.domain_id+'" domain_name="'+vx.domain_name+'" href="javascript:void(0);"><span class="glyphicon glyphicon-edit"></span></a> ';		          
                table_content += '<a data-toggle="tooltip" title="Delete" class="delete" domain_id="'+vx.domain_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-trash"></span></a>';				            
                table_content += '</div>'
                
                row.push(table_content);   
                table_row.push(row);
                slno++;
                index ++;
          
          });

datatable.clear();
              datatable.rows.add(table_row).draw();
              datatable.draw();

$('[data-toggle="tooltip"]').tooltip();

$(".list_table").on("click", ".delete", function(){

var domain_id = $(this).attr('domain_id');       
                var test = $(this);
                var row  = $(this).closest('tr');
                 $.ajax({          
                          type   : 'post',
                          url    : '<?php echo site_url("check_category_course_existes")?>',
                          data   : {domain_id:domain_id},

success:function(response) {
                          // response=jQuery.parseJSON(response);
                console.log(response);

if(response.result == 1) 
                              {
                                 swal("Courses are added to this category!")
                              }
                              else
                              {
                                swal({

title: "Are you sure?",
                          text: "You will not be able to recover this data!",
                          type: "warning",   showCancelButton: true,
                          confirmButtonColor: "#DD6B55",
                          confirmButtonText: "Yes, delete it!",
                          cancelButtonText: "No, cancel plz!",
                          closeOnConfirm: false,
                          closeOnCancel: false 
                          },

function(isConfirm){

if (isConfirm) {

$(".sweet-alert").hide();
                              $(".sweet-overlay").hide();
                              test.attr('disabled', 'disabled');
                              test.text("Deleting...");
                                  $.ajax({          
                                          type   : 'post',
                                          url    : '<?php echo site_url("delete_domain")?>',
                                          data   : {domain_id:domain_id},

success:function(response) {
                                          //  response=jQuery.parseJSON(response);
                                  console.log(response);

if(response.result == 1) 
                                              {
                                                 toastr["success"](response.message);
                                                 CategoryList();
                                              }
                                              else
                                              {
                                                toastr["error"](response.message);
                                              }
                                          }
                                      });

} 
                                      else {

$(".sweet-alert").hide();
                                      $(".sweet-overlay").hide();
                                  }
                          });
                              }
                          }
                      });
              });

$(".list_table").on("click", ".edit", function(){

var domain_id = $(this).attr('domain_id');
                var domain_name = $(this).attr('domain_name');

$(".domain_id_pk").val(domain_id);
                $(".domain_name").val(domain_name);

$("#edit_modal").modal("show");
              });	  
              }  
              else
              {
                $("#loading").hide();
                $('#DataTables_Table_0_info').text('Showing 0 to 0 of 0 entries');
              }       
          }
          
   });

}

$('.update_form').submit(function(e){    
      e.preventDefault();

$("#loading").show();

formdata = new FormData($(this)[0]);

$(".update_submit").attr('disabled', 'disabled');
          $(".update_submit").text("Updating...");

$.ajax({

type   : 'post',
              url    : '<?php echo site_url("update_domain")?>',
              data   : formdata,
              contentType: false,
              processData: false,
                                        
                success:function(response){
                //response=jQuery.parseJSON(response);
                console.log(response);

if(response.result==1)
                  {
                    $("#loading").hide();
                    $("#edit_modal").modal("hide");
                    CategoryList();
                    toastr["success"](response.message);
                    $('.update_form')[0].reset();
                    $(".update_submit").text("Submit");    
                    $(".update_submit").removeAttr('disabled');                
                  }
                  else if(response.result==2)
                  {
                    $("#loading").hide();
                    toastr["error"](response.message);    
                    $(".update_submit").text("Submit");
                    $(".update_submit").removeAttr('disabled');                    
                  }
                  else 
                  {
                    $("#loading").hide();
                    toastr["error"](response.message);                       
                  $(".update_submit").text("Submit"); 
                  $(".update_submit").removeAttr('disabled');                      
                  }
                 
              }
              
       });
           
   });

const cancelButton1 = document.getElementById("cancel1");

// Add a click event listener to the cancel button
cancelButton1.addEventListener("click", function() {
  // Clear the form data
  document.forms[0].reset();
});

});

const cancelButton = document.getElementById("cancel");

// Add a click event listener to the cancel button
cancelButton.addEventListener("click", function() {
  // Clear the form data
  document.forms[0].reset();
});

// const cancelButton1 = document.getElementById("cancel1");

// // Add a click event listener to the cancel button
// cancelButton1.addEventListener("click", function() {
//   // Clear the form data
//   document.forms[0].reset();
// });

</script>
<script>
  // Get the "Clear" button element by its ID
  var clearButton = document.getElementById("cancel1");

// Add a click event listener to the "Clear" button
  clearButton.addEventListener("click", function() {
    // Get all text input elements in the form by their tag name
    var textInputs = document.getElementsByTagName("input");

// Loop through each text input element and clear its value
    for (var i = 0; i < textInputs.length; i++) {
      if (textInputs[i].type === "text") {
        textInputs[i].value = "";
      }
    }
  });
</script>
<style>
 .cato_but{
	display: flex;
 }
 .cancel_1 {
	position: relative;
	left: 50px;
	/* background-color: rgba(216, 41, 41, 0.872) !important; */
 }
 .content-wrapper{
  background-image: url(public/assets/website_assets/images/banner.png);
  background-size:cover;
 }
</style>

<?php echo view('includes/admin_footer.php')?>