how to set/change toggle button value - laravel

Question

I have a toggle button to set status from pending to approved, it works fine but I cannot sort the values based on pending or approved. Every row value is displayed as PendingApprovedPendingApproved (in console.log). (In database its correctly saved with values 0 and 1). Any solution would be helpful. Thank You

  <td>
              <input data-id="{{$college->id}}" class="toggle-class" type="checkbox" data-onstyle="danger"        
                 data-offstyle="info" data-toggle="toggle" 
                data-on="Pending" data-off="Approved" {{$college->status?'checked':''}}>
                                    </td>

<script>
    $('.toggle-class').change(function() {

        var status = $(this).prop('checked') == true ? 1 : 0;
        var id = $(this).data('id');
        $.ajax({

            type: "GET",
            dataType: "json",
            url: "/changeStatus",
            data: {
                'status': status,
                'id': id
            },

            success: function(data) {
                console.log(data.success)
          
            }
        });
    })
</script>

changeStatus

 public function changeStatus(Request $request)
    {

        $colleges = College::find($request->id);
        if ($colleges->status == '1') {
            $colleges->status = 0;
        } else {
            $colleges->status = 1;
        }
        $colleges->save();

        return response()->json(['success' => 'Status change successfully.']);
    }

filter

 <script>
var filters = ["", "", "",""];

function applyNewFilters() {
   
  console.log(filters);
  var rows = $('#myTable').find('tr');
  for(var i = 1; i < rows.length; i++) {
    var row = $(rows[i]); // we're re-applying all filters anyway
    row.show();
  }
  for(var i = 2; i < rows.length; i++) {
    var row = $(rows[i]);
    for(var f = 0; f < filters.length; f++) {
      //column is going to be equal to f
      var col = $(row.find('td')[f]).text();
      
      console.log(col);
      if(col.indexOf(filters[f]) < 0) {
        row.hide();
      }
    }
  }
}

$('.filter-input').on('change', function() {
  var $modifiedInput = $(this);
  
  console.log($modifiedInput.val());
  var column = $modifiedInput.attr('data-col');
    filters[column] = $modifiedInput.val();
    applyNewFilters();
});
</script>

Show example code of your changeStatus function in Laravel, see what it returns — UnderDog
– UnderDog, Commented Dec 21, 2022 at 6:36
@AbdullaNilam even with the function it doesnot work because its taking PendingApprovedPendingApproved value for each row. — Preethi Shetty
– Preethi Shetty, Commented Dec 21, 2022 at 6:52

Osama · Accepted Answer · 2022-12-21 06:45:47Z

1

Could you replace $colleges->status == '1' with $request->status == '1' on the changeStatus method first and see what will happen?

answered Dec 21, 2022 at 6:45

Osama

1152 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Preethi Shetty Over a year ago

that doesnot update my status and values changes on page refresh.

zohrehda · Accepted Answer · 2022-12-21 06:52:51Z

1

What do you need exactly? If you need to sort index based on status :

College::orderBy('status')->get();

answered Dec 21, 2022 at 6:52

zohrehda

6906 silver badges11 bronze badges

4 Comments

Preethi Shetty Over a year ago

I want to add a textbox below status (search by status) and when the user inputs Pending it should be filtered (all pending at top)

zohrehda Over a year ago

I think it's better to use check box instead of text box to filter data based on status. Are you agree?

zohrehda Over a year ago

Any problem? Is your problem solved?

Preethi Shetty Over a year ago

I have added the filter script above, can I use the same function to filter status?

Collectives™ on Stack Overflow

how to set/change toggle button value - laravel

2 Answers 2

1 Comment

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related