patrick/OpenDTU
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

webapp: Fix lint errors

Browse Source
This commit is contained in:
Thomas Basler 2024-01-21 16:48:47 +01:00
parent 3f135e8349
commit d99de94c00
5 changed files with 26 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
webapp/src/components/Modal.vue → webapp/src/components/ModalDialog.vue
View File

8
webapp/src/views/ConfigAdminView.vue
View File

@ -88,21 +88,21 @@
</CardElement> </CardElement>
</BasePage> </BasePage>
<Modal modalId="factoryReset" small :title="$t('configadmin.FactoryReset')" :closeText="$t('configadmin.Cancel')"> <ModalDialog modalId="factoryReset" small :title="$t('configadmin.FactoryReset')" :closeText="$t('configadmin.Cancel')">
{{ $t('configadmin.ResetMsg') }} {{ $t('configadmin.ResetMsg') }}
<template #footer> <template #footer>
<button type="button" class="btn btn-danger" @click="onFactoryResetPerform"> <button type="button" class="btn btn-danger" @click="onFactoryResetPerform">
{{ $t('configadmin.ResetConfirm') }} {{ $t('configadmin.ResetConfirm') }}
</button> </button>
</template> </template>
</Modal> </ModalDialog>
</template> </template>
<script lang="ts"> <script lang="ts">
import BasePage from '@/components/BasePage.vue'; import BasePage from '@/components/BasePage.vue';
import BootstrapAlert from "@/components/BootstrapAlert.vue"; import BootstrapAlert from "@/components/BootstrapAlert.vue";
import CardElement from '@/components/CardElement.vue'; import CardElement from '@/components/CardElement.vue';
import Modal from '@/components/Modal.vue'; import ModalDialog from '@/components/ModalDialog.vue';
import type { ConfigFileList } from '@/types/Config'; import type { ConfigFileList } from '@/types/Config';
import { authHeader, handleResponse } from '@/utils/authentication'; import { authHeader, handleResponse } from '@/utils/authentication';
import * as bootstrap from 'bootstrap'; import * as bootstrap from 'bootstrap';
@ -118,7 +118,7 @@ export default defineComponent({
BasePage, BasePage,
BootstrapAlert, BootstrapAlert,
CardElement, CardElement,
Modal, ModalDialog,
BIconArrowLeft, BIconArrowLeft,
BIconCheckCircle, BIconCheckCircle,
BIconExclamationCircleFill, BIconExclamationCircleFill,

24
webapp/src/views/HomeView.vue
View File

@ -124,19 +124,19 @@
</div> </div>
</BasePage> </BasePage>
<Modal modalId="eventView" :title="$t('home.EventLog')" :loading="eventLogLoading"> <ModalDialog modalId="eventView" :title="$t('home.EventLog')" :loading="eventLogLoading">
<EventLog :eventLogList="eventLogList" /> <EventLog :eventLogList="eventLogList" />
</Modal> </ModalDialog>
<Modal modalId="devInfoView" :title="$t('home.InverterInfo')" :loading="devInfoLoading"> <ModalDialog modalId="devInfoView" :title="$t('home.InverterInfo')" :loading="devInfoLoading">
<DevInfo :devInfoList="devInfoList" /> <DevInfo :devInfoList="devInfoList" />
</Modal> </ModalDialog>
<Modal modalId="gridProfileView" :title="$t('home.GridProfile')" :loading="gridProfileLoading"> <ModalDialog modalId="gridProfileView" :title="$t('home.GridProfile')" :loading="gridProfileLoading">
<GridProfile :gridProfileList="gridProfileList" :gridProfileRawList="gridProfileRawList" /> <GridProfile :gridProfileList="gridProfileList" :gridProfileRawList="gridProfileRawList" />
</Modal> </ModalDialog>
<Modal modalId="limitSettingView" :title="$t('home.LimitSettings')" :loading="limitSettingLoading"> <ModalDialog modalId="limitSettingView" :title="$t('home.LimitSettings')" :loading="limitSettingLoading">
<BootstrapAlert v-model="showAlertLimit" :variant="alertTypeLimit"> <BootstrapAlert v-model="showAlertLimit" :variant="alertTypeLimit">
{{ alertMessageLimit }} {{ alertMessageLimit }}
</BootstrapAlert> </BootstrapAlert>
@ -206,9 +206,9 @@
<button type="button" class="btn btn-danger" @click="onSetLimitSettings(false)">{{ <button type="button" class="btn btn-danger" @click="onSetLimitSettings(false)">{{
$t('home.SetNonPersistent') }}</button> $t('home.SetNonPersistent') }}</button>
</template> </template>
</Modal> </ModalDialog>
<Modal modalId="powerSettingView" :title="$t('home.PowerSettings')" :loading="powerSettingLoading"> <ModalDialog modalId="powerSettingView" :title="$t('home.PowerSettings')" :loading="powerSettingLoading">
<BootstrapAlert v-model="showAlertPower" :variant="alertTypePower"> <BootstrapAlert v-model="showAlertPower" :variant="alertTypePower">
{{ alertMessagePower }} {{ alertMessagePower }}
</BootstrapAlert> </BootstrapAlert>
@ -239,7 +239,7 @@
<BIconArrowCounterclockwise class="fs-4" />&nbsp;{{ $t('home.Restart') }} <BIconArrowCounterclockwise class="fs-4" />&nbsp;{{ $t('home.Restart') }}
</button> </button>
</div> </div>
</Modal> </ModalDialog>
</template> </template>
<script lang="ts"> <script lang="ts">
@ -251,7 +251,7 @@ import GridProfile from '@/components/GridProfile.vue';
import HintView from '@/components/HintView.vue'; import HintView from '@/components/HintView.vue';
import InverterChannelInfo from "@/components/InverterChannelInfo.vue"; import InverterChannelInfo from "@/components/InverterChannelInfo.vue";
import InverterTotalInfo from '@/components/InverterTotalInfo.vue'; import InverterTotalInfo from '@/components/InverterTotalInfo.vue';
import Modal from '@/components/Modal.vue'; import ModalDialog from '@/components/ModalDialog.vue';
import type { DevInfoStatus } from '@/types/DevInfoStatus'; import type { DevInfoStatus } from '@/types/DevInfoStatus';
import type { EventlogItems } from '@/types/EventlogStatus'; import type { EventlogItems } from '@/types/EventlogStatus';
import type { GridProfileStatus } from '@/types/GridProfileStatus'; import type { GridProfileStatus } from '@/types/GridProfileStatus';
@ -286,7 +286,7 @@ export default defineComponent({
HintView, HintView,
InverterChannelInfo, InverterChannelInfo,
InverterTotalInfo, InverterTotalInfo,
Modal, ModalDialog,
BIconArrowCounterclockwise, BIconArrowCounterclockwise,
BIconCheckCircleFill, BIconCheckCircleFill,
BIconCpu, BIconCpu,

12
webapp/src/views/InverterAdminView.vue
View File

@ -71,7 +71,7 @@
</CardElement> </CardElement>
</BasePage> </BasePage>
<Modal modalId="inverterEdit" :title="$t('inverteradmin.EditInverter')" :closeText="$t('inverteradmin.Cancel')"> <ModalDialog modalId="inverterEdit" :title="$t('inverteradmin.EditInverter')" :closeText="$t('inverteradmin.Cancel')">
<nav> <nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist"> <div class="nav nav-tabs" id="nav-tab" role="tablist">
<button class="nav-link active" id="nav-general-tab" data-bs-toggle="tab" data-bs-target="#nav-general" <button class="nav-link active" id="nav-general-tab" data-bs-toggle="tab" data-bs-target="#nav-general"
@ -186,9 +186,9 @@
<button type="button" class="btn btn-primary" @click="onEditSubmit"> <button type="button" class="btn btn-primary" @click="onEditSubmit">
{{ $t('inverteradmin.Save') }}</button> {{ $t('inverteradmin.Save') }}</button>
</template> </template>
</Modal> </ModalDialog>
<Modal modalId="inverterDelete" small :title="$t('inverteradmin.DeleteInverter')" <ModalDialog modalId="inverterDelete" small :title="$t('inverteradmin.DeleteInverter')"
:closeText="$t('inverteradmin.Cancel')"> :closeText="$t('inverteradmin.Cancel')">
{{ $t('inverteradmin.DeleteMsg', { {{ $t('inverteradmin.DeleteMsg', {
name: selectedInverterData.name, name: selectedInverterData.name,
@ -199,7 +199,7 @@
<button type="button" class="btn btn-danger" @click="onDelete"> <button type="button" class="btn btn-danger" @click="onDelete">
{{ $t('inverteradmin.Delete') }}</button> {{ $t('inverteradmin.Delete') }}</button>
</template> </template>
</Modal> </ModalDialog>
</template> </template>
<script lang="ts"> <script lang="ts">
@ -207,7 +207,7 @@ import BasePage from '@/components/BasePage.vue';
import BootstrapAlert from "@/components/BootstrapAlert.vue"; import BootstrapAlert from "@/components/BootstrapAlert.vue";
import CardElement from '@/components/CardElement.vue'; import CardElement from '@/components/CardElement.vue';
import InputElement from '@/components/InputElement.vue'; import InputElement from '@/components/InputElement.vue';
import Modal from '@/components/Modal.vue'; import ModalDialog from '@/components/ModalDialog.vue';
import type { Inverter } from '@/types/InverterConfig'; import type { Inverter } from '@/types/InverterConfig';
import { authHeader, handleResponse } from '@/utils/authentication'; import { authHeader, handleResponse } from '@/utils/authentication';
import * as bootstrap from 'bootstrap'; import * as bootstrap from 'bootstrap';
@ -235,7 +235,7 @@ export default defineComponent({
BootstrapAlert, BootstrapAlert,
CardElement, CardElement,
InputElement, InputElement,
Modal, ModalDialog,
BIconInfoCircle, BIconInfoCircle,
BIconPencil, BIconPencil,
BIconTrash, BIconTrash,

8
webapp/src/views/MaintenanceRebootView.vue
View File

@ -12,20 +12,20 @@
</CardElement> </CardElement>
</BasePage> </BasePage>
<Modal modalId="performReboot" small :title="$t('maintenancereboot.RebootOpenDTU')" :closeText="$t('maintenancereboot.Cancel')"> <ModalDialog modalId="performReboot" small :title="$t('maintenancereboot.RebootOpenDTU')" :closeText="$t('maintenancereboot.Cancel')">
{{ $t('maintenancereboot.RebootQuestion') }} {{ $t('maintenancereboot.RebootQuestion') }}
<template #footer> <template #footer>
<button type="button" class="btn btn-danger" @click="onReboot"> <button type="button" class="btn btn-danger" @click="onReboot">
{{ $t('maintenancereboot.Reboot') }}</button> {{ $t('maintenancereboot.Reboot') }}</button>
</template> </template>
</Modal> </ModalDialog>
</template> </template>
<script lang="ts"> <script lang="ts">
import BasePage from '@/components/BasePage.vue'; import BasePage from '@/components/BasePage.vue';
import BootstrapAlert from "@/components/BootstrapAlert.vue"; import BootstrapAlert from "@/components/BootstrapAlert.vue";
import CardElement from '@/components/CardElement.vue'; import CardElement from '@/components/CardElement.vue';
import Modal from '@/components/Modal.vue'; import ModalDialog from '@/components/ModalDialog.vue';
import { authHeader, handleResponse, isLoggedIn } from '@/utils/authentication'; import { authHeader, handleResponse, isLoggedIn } from '@/utils/authentication';
import * as bootstrap from 'bootstrap'; import * as bootstrap from 'bootstrap';
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
@ -35,7 +35,7 @@ export default defineComponent({
BasePage, BasePage,
BootstrapAlert, BootstrapAlert,
CardElement, CardElement,
Modal, ModalDialog,
}, },
data() { data() {
return { return {