bazarr/views/movies.html

{% extends '_main.html' %}

{% block title %}Movies - Bazarr{% endblock %}

{% block bcleft %}
    <div class="d-flex">
        <button class="btn btn-outline">
            <i class="fas fa-sync align-top text-themecolor text-center" aria-hidden="true"></i>
            <span class="align-bottom">Update</span>
        </button>
    </div>
{% endblock bcleft %}

{% block bcright %}
    <div class="d-flex m-t-5 justify-content-end">
        <h5 class="m-t-0 text-themecolor">Some page settings</h5>
    </div>
{% endblock bcright %}

{% block body %}
    <table id="movies" class="table table-striped" style="width:100%">
        <thead>
        <tr>
            <th></th>
            <th>Name</th>
            <th>Path Exist</th>
            <th>Audio Language</th>
            <th>Subtitles Languages</th>
            <th>Hearing-Impaired</th>
            <th>Forced</th>
        </tr>
        </thead>
    </table>
{% endblock body %}

{% block tail %}
    <script>
        $(document).ready(function () {
            var table = $('#movies').DataTable({
                "dom":
                    "<'row'<'col-sm-12'tr>>" +
                    "<'row'<'col-sm-5'i><'col-sm-7'p>>",
                "processing": false,
                "serverSide": true,
                "searching": false,
                "ordering": false,
                "lengthChange": true,
                "responsive": true,
                "pageLength": {{ settings.general.page_size }},
                "ajax": "{{ url_for('api.movies') }}",
                "columns": [
                    {
                        "data": "monitored",
                        "render": function (data, type, row) {
                            if (data === 'False') {
                                return '<i class="far fa-bookmark" data-toggle="tooltip" data-placement="right" title="Movie unmonitored in Radarr"></i>';
                            } else if (data === 'True') {
                                return '<i class="fas fa-bookmark" data-toggle="tooltip" data-placement="right" title="Movie monitored in Radarr"></i>';
                            }
                        }
                    },
                    {
                        "data": null,
                        "render": function (data) {
                            if (data.sceneName) {
                                return '<i class="fas fa-info-circle" data-toggle="tooltip" data-placement="right" title="' + data.sceneName + '"></i> ' + data.title;
                            } else {
                                return data.title;
                            }
                        }
                    },
                    {
                        "data": null,
                        "className": "dt-center",
                        "render": function (data) {
                            if (data.exist === false) {
                                return '<i class="fas fa-exclamation-triangle" data-toggle="tooltip" data-placement="right" title="This path doesn\'t seem to be valid: ' + data.mapped_path + '"></i>';
                            } else if (data.exist === true) {
                                return '<i class="fas fa-check" data-toggle="tooltip" data-placement="right" title="This path seems to be valid: ' + data.mapped_path + '"></i>';
                            }
                        }
                    },
                    {"data": "audio_language.name"},
                    {
                        "data": "languages",
                        "render": function (data) {
                            if (data !== 'None') {
                                var languages = '';
                                data.forEach(appendFunc);
                                return languages;
                            } else {
                                return null
                            }

                            function appendFunc(value) {
                                languages = languages + '<span class="badge badge-secondary" data-toggle="tooltip" data-placement="right" title="' + value.name + '">' + value.code2 + '</span> ';
                            }
                        }
                    },
                    {
                        "data": "hearing_impaired",
                        "className": "dt-center",
                        "render": function (data) {
                            if (data === 'False') {
                                return '<i class="far fa-square"></i>';
                            } else if (data === 'True') {
                                return '<i class="far fa-check-square"></i>';
                            }
                        }
                    },
                    {
                        "data": "forced",
                        "className": "dt-center",
                        "render": function (data) {
                            if (data === 'False') {
                                return '<i class="far fa-square"></i>';
                            } else if (data === 'True') {
                                return '<i class="far fa-check-square"></i>';
                            }
                        }
                    }
                ]
            });

            $('#movies').on('draw.dt', function () {
                $('[data-toggle="tooltip"]').tooltip();
            });
        });
    </script>
{% endblock tail %}