{% extends '_main.html' %} {% block title %}Providers - Bazarr{% endblock %} {% block bcleft %} <div class=""> <button class="btn btn-outline" id="refresh_button"> <div><i class="fas fa-sync align-top text-themecolor text-center font-20" aria-hidden="true"></i></div> <div class="align-bottom text-themecolor small text-center">Refresh</div> </button> <button class="btn btn-outline" id="reset_button"> <div><i class="fas fa-trash align-top text-themecolor text-center font-20" aria-hidden="true"></i></div> <div class="align-bottom text-themecolor small text-center">Reset Prov.</div> </button> </div> {% endblock bcleft %} {% block bcright %} {% endblock bcright %} {% block body %} <div class="container-fluid"> <table id="providers" class="table table-striped" style="width:100%"> <thead> <tr> <th>Name</th> <th>Status</th> <th>Next Retry</th> </tr> </thead> </table> </div> {% endblock body %} {% block tail %} <script> $(document).ready(function () { var table = $('#providers').DataTable( { language: { zeroRecords: 'No providers enabled.', processing: "Loading Providers..." }, paging: false, lengthChange: false, searching: false, ordering: false, info: false, processing: true, serverSide: false, ajax: "{{ url_for('api.systemproviders') }}", columns: [ { data: 0 }, { data: 1 }, { data: 2 } ] }); $('#refresh_button').on('click', function() { table.ajax.reload(); table.columns.adjust().draw(false); }) $('#reset_button').on('click', function() { $.ajax({ url: "{{ url_for('api.resetproviders') }}" }).done(function () { table.ajax.reload(); table.columns.adjust().draw(false); }) }) }) </script> {% endblock tail %}