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

Directories


Temp Files[[ settings.temp ]]
Comic Files[[ settings.comics ]]
Log Files[[ settings.log ]]
Backup Files[[ settings.backup ]]
Plugin Files[[ settings.plugins ]]
Image Files[[ settings.images ]]
`, 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='directory') }}') .then(res => { this.settings = res.data.results document.getElementById('temp_directory').value = res.data.results.temp; document.getElementById('comics_directory').value = res.data.results.comics; document.getElementById('log_directory').value = res.data.results.log; document.getElementById('backup_directory').value = res.data.results.backup; document.getElementById('plugins_directory').value = res.data.results.plugins; document.getElementById('images_directory').value = res.data.results.images; }) .catch(err => console.log(err)) }, }, delimiters: ["[[","]]"] }) {% endblock %}