{% extends "settings_page.html" %} {% block header_script_files %} {% endblock %} {% block settings_pane %}
{% endblock %} {% block script %} Vue.component('user',{ props:['user'], template: ` [[ user.id ]] [[ user.username ]] [[ user.role ]] [[ user.age_rating_title.rating_long ]] `, delimiters: ["[[","]]"] }) Vue.component('users', { props:['users'], template: `

Users


ID Username Role Age Rating
`, delimiters: ["[[","]]"] }) var app = new Vue({ el: '#app', data: { users: [], }, created() { this.getUsers() }, methods: { getUsers() { console.log('Getting Users'); axios.get('{{ url_for('api.api_get_users') }}', { params: { offset: this.users.length } }) .then(res => { if(res.data.number_of_page_results > 0) { res.data.results.forEach(result => { this.users.push(result) }) if(this.users.length < res.data.number_of_total_results) { this.getUsers() } } }) }, }, delimiters: ["[[","]]"] }) {% endblock %}