mirror of
https://github.com/h44z/wg-portal.git
synced 2025-10-06 08:26:17 +00:00
8b820a5adf
Initial alpha codebase for version 2 of WireGuard Portal. This version is considered unstable and incomplete (for example, no public REST API)! Use with care! Fixes/Implements the following issues: - OAuth support #154, #1 - New Web UI with internationalisation support #98, #107, #89, #62 - Postgres Support #49 - Improved Email handling #47, #119 - DNS Search Domain support #46 - Bugfixes #94, #48 --------- Co-authored-by: Fabian Wechselberger <wechselbergerf@hotmail.com>
61 lines
1.5 KiB
Vue
61 lines
1.5 KiB
Vue
<script setup>
|
|
import Modal from "./Modal.vue";
|
|
import {computed, ref, watch} from "vue";
|
|
import { useI18n } from 'vue-i18n';
|
|
import {interfaceStore} from "@/stores/interfaces";
|
|
import Prism from 'vue-prism-component'
|
|
import 'prismjs/components/prism-ini'
|
|
|
|
const { t } = useI18n()
|
|
|
|
const interfaces = interfaceStore()
|
|
|
|
const props = defineProps({
|
|
interfaceId: String,
|
|
visible: Boolean,
|
|
})
|
|
|
|
const configString = ref("")
|
|
|
|
const emit = defineEmits(['close'])
|
|
|
|
const selectedInterface = computed(() => {
|
|
return interfaces.Find(props.interfaceId)
|
|
})
|
|
|
|
const title = computed(() => {
|
|
if (!props.visible) {
|
|
return "" // otherwise interfaces.GetSelected will die...
|
|
}
|
|
|
|
return t("modals.interface-view.headline") + " " + selectedInterface.value.Identifier
|
|
})
|
|
|
|
// functions
|
|
|
|
watch(() => props.visible, async (newValue, oldValue) => {
|
|
if (oldValue === false && newValue === true) { // if modal is shown
|
|
console.log(selectedInterface.value)
|
|
await interfaces.LoadInterfaceConfig(selectedInterface.value.Identifier)
|
|
configString.value = interfaces.configuration
|
|
}
|
|
}
|
|
)
|
|
|
|
function close() {
|
|
emit('close')
|
|
}
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<Modal :title="title" :visible="visible" @close="close">
|
|
<template #default>
|
|
<Prism language="ini" :code="configString"></Prism>
|
|
</template>
|
|
<template #footer>
|
|
<button class="btn btn-primary" type="button" @click.prevent="close">{{ $t('general.close') }}</button>
|
|
</template>
|
|
</Modal>
|
|
</template>
|