111 lines
2.5 KiB
Vue
111 lines
2.5 KiB
Vue
|
<template>
|
||
|
|
<q-dialog
|
||
|
|
persistent
|
||
|
|
v-model="show_dialog"
|
||
|
|
@before-hide="resetData"
|
||
|
|
@keydown="
|
||
|
|
(evt) => {
|
||
|
|
if (!loading && evt.keyCode == 27) {
|
||
|
|
show_dialog = false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
"
|
||
|
|
>
|
||
|
|
<q-card class="overflow-hidden" style="overflow-y: scroll; max-width: 35vw">
|
||
|
|
<q-form @submit="onSubmit">
|
||
|
|
<q-card-section class="q-ma-none q-pa-sm">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-auto text-h6">AdvancedDebug</div>
|
||
|
|
<q-space />
|
||
|
|
<div>
|
||
|
|
<q-btn
|
||
|
|
:loading="loading"
|
||
|
|
flat
|
||
|
|
round
|
||
|
|
icon="close"
|
||
|
|
color="red"
|
||
|
|
v-close-popup
|
||
|
|
>
|
||
|
|
<q-tooltip>
|
||
|
|
{{ $t("close") }}
|
||
|
|
</q-tooltip>
|
||
|
|
</q-btn>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</q-card-section>
|
||
|
|
|
||
|
|
<q-separator />
|
||
|
|
|
||
|
|
<q-card-section style="max-height: 50vh; width: 35vw" class="scroll">
|
||
|
|
<q-list>
|
||
|
|
<q-item>
|
||
|
|
<q-item-section>
|
||
|
|
<q-btn @click="restartDevice"> Restart </q-btn>
|
||
|
|
</q-item-section>
|
||
|
|
</q-item>
|
||
|
|
</q-list>
|
||
|
|
</q-card-section>
|
||
|
|
|
||
|
|
<q-separator />
|
||
|
|
|
||
|
|
<q-card-actions align="right">
|
||
|
|
<q-btn
|
||
|
|
:loading="loading"
|
||
|
|
flat
|
||
|
|
:label="$t('Cancel')"
|
||
|
|
color="primary"
|
||
|
|
v-close-popup
|
||
|
|
/>
|
||
|
|
<q-btn
|
||
|
|
ref="accept"
|
||
|
|
flat
|
||
|
|
:label="$t('Accept')"
|
||
|
|
:loading="loading"
|
||
|
|
type="submit"
|
||
|
|
color="primary"
|
||
|
|
/>
|
||
|
|
</q-card-actions>
|
||
|
|
</q-form>
|
||
|
|
</q-card>
|
||
|
|
</q-dialog>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped></style>
|
||
|
|
|
||
|
|
<script lang="ts">
|
||
|
|
import { defineComponent, ref, watch, computed } from "vue";
|
||
|
|
import { useStore } from "src/store";
|
||
|
|
import { useQuasar } from "quasar";
|
||
|
|
import { useI18n } from "vue-i18n";
|
||
|
|
import GlobalData from "src/common/GlobalData";
|
||
|
|
|
||
|
|
export default defineComponent({
|
||
|
|
name: "ComponentAdvancedDebugDialog",
|
||
|
|
|
||
|
|
setup() {
|
||
|
|
let $store = useStore();
|
||
|
|
let $q = useQuasar();
|
||
|
|
let $t = useI18n();
|
||
|
|
|
||
|
|
let show_dialog = ref(false);
|
||
|
|
let loading = ref(false);
|
||
|
|
|
||
|
|
return {
|
||
|
|
show_dialog,
|
||
|
|
loading,
|
||
|
|
|
||
|
|
showDialog() {
|
||
|
|
show_dialog.value = true;
|
||
|
|
},
|
||
|
|
resetData() {
|
||
|
|
loading.value = false;
|
||
|
|
},
|
||
|
|
|
||
|
|
restartDevice() {
|
||
|
|
GlobalData.getInstance().getCurrentClient()?.restartDevice();
|
||
|
|
},
|
||
|
|
};
|
||
|
|
},
|
||
|
|
});
|
||
|
|
</script>
|