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

Mail Settings


{{ mail_form.mail_use.label.text }}[[ settings.mail_use ]]
{{ mail_form.mail_username.label.text }}[[ settings.mail_username ]]
{{ mail_form.mail_password.label.text }}**********
{{ mail_form.mail_default_sender.label.text }}[[ settings.mail_default_sender ]]
{{ mail_form.mail_server.label.text }}[[ settings.mail_server ]]
{{ mail_form.mail_port.label.text }}[[ settings.mail_port ]]
{{ mail_form.mail_use_ssl.label.text }}[[ settings.mail_use_ssl ]]
`, delimiters: ["[[","]]"] }) Vue.component('modals', { props: ['settings'], template: `
`, methods: {}, delimiters: ["[[","]]"] }) var app = new Vue({ el: '#app', data: { settings: [], mdset: [], }, created() { this.getSettings() }, methods: { getSettings() { console.log('hooray') axios.get('{{ url_for('api.api_get_settings_single_section', section='mail') }}') .then(res => { this.settings = res.data.results document.getElementById('mail_use').checked = res.data.results.mail_use; document.getElementById('mail_username').value = res.data.results.mail_username; document.getElementById('mail_password').value = res.data.results.mail_password; document.getElementById('mail_default_sender').value = res.data.results.mail_from; document.getElementById('mail_server').value = res.data.results.mail_server; document.getElementById('mail_port').value = res.data.results.mail_port; document.getElementById('mail_use_ssl').checked = res.data.results.mail_use_ssl; }) .catch(err => console.log(err)) }, }, delimiters: ["[[","]]"] }) {% endblock %}