{% extends "settings_page.html" %} {% block header_script_files %} {% endblock %} {% block settings_pane %}
{% endblock %} {% block script %} Vue.component('user', { props: ['user'], template: `

User - [[ user.username ]]

{% if current_user.id|int == user_id|int %} {% endif %} {% if current_user.role == 'admin' %} {% if current_user.id|int != user_id|int %} {% endif %} {% if user_id|int != 1 %} {% endif %} {% endif %}

Username[[ user.username ]]
Email[[ user.email ]]
Role[[ user.role ]]
Rating Allowed[[ user.age_rating_title.rating_long ]]
`, delimiters: ["[[","]]"] }) Vue.component('modals',{ props: ['user'], template: `
{% if current_user.id|int == user_id|int %} {% endif %} {% if current_user.role == 'admin' %} {% if current_user.id|int != user_id|int %} {% endif %} {% if user_id|int != 1 %} {% endif %} {% endif %}
`, methods: {}, delimiters: ["[[","]]"] }) var app = new Vue({ el: '#app', data: { user: [] }, created() { this.getUser() }, methods: { getUser() { console.log('getting user') console.log('{{ user_id }}') axios.get('{{ url_for('api.api_get_single_user', user_id=user_id) }}') .then(res => { this.user = res.data.results if(document.getElementById('email')){ document.getElementById('email').value = res.data.results.email; } if(document.getElementById('user_id')){ document.getElementById('user_id').value = res.data.results.id; } if(document.getElementById('reset_user_id')){ document.getElementById('reset_user_id').value = res.data.results.id; } if(document.getElementById('role')){ document.getElementById('role').value = res.data.results.role; } if(document.getElementById('age_rating')){ document.getElementById('age_rating').value = res.data.results.rating_allowed; } }) } }, delimiters: ["[[","]]"] }) {% endblock %}