BotEntry to iconify

This commit is contained in:
Matthias 2023-05-08 21:19:05 +02:00
parent 0471f66c6d
commit 323a493e46

View File

@ -11,18 +11,18 @@
switch switch
@change="changeEvent" @change="changeEvent"
> >
<OnlineIcon <div
v-if="botStore.botStores[bot.botId].isBotLoggedIn" v-if="botStore.botStores[bot.botId].isBotLoggedIn"
:size="18"
class="ms-2 me-1 align-middle"
:class="botStore.botStores[bot.botId].isBotOnline ? 'online' : 'offline'"
:title="botStore.botStores[bot.botId].isBotOnline ? 'Online' : 'Offline'" :title="botStore.botStores[bot.botId].isBotOnline ? 'Online' : 'Offline'"
></OnlineIcon> >
<LoggedOutIcon <OnlineIcon
v-else class="ms-2 me-1 align-middle"
class="offline" :class="botStore.botStores[bot.botId].isBotOnline ? 'online' : 'offline'"
title="Login info expired, please login again." ></OnlineIcon>
></LoggedOutIcon> </div>
<div v-else title="Login info expired, please login again.">
<LoggedOutIcon class="offline" />
</div>
</b-form-checkbox> </b-form-checkbox>
<div v-if="!noButtons" class="float-end d-flex flex-align-center"> <div v-if="!noButtons" class="float-end d-flex flex-align-center">
<b-button <b-button
@ -32,13 +32,13 @@
title="Edit bot" title="Edit bot"
@click="$emit('edit')" @click="$emit('edit')"
> >
<EditIcon :size="16" /> <EditIcon />
</b-button> </b-button>
<b-button v-else class="ms-1" size="sm" title="Login again" @click="$emit('editLogin')"> <b-button v-else class="ms-1" size="sm" title="Login again" @click="$emit('editLogin')">
<LoginIcon :size="16" /> <LoginIcon />
</b-button> </b-button>
<b-button class="ms-1" size="sm" title="Delete bot" @click="botRemoveModalVisible = true"> <b-button class="ms-1" size="sm" title="Delete bot" @click="botRemoveModalVisible = true">
<DeleteIcon :size="16" title="Delete Bot" /> <DeleteIcon />
</b-button> </b-button>
</div> </div>
</div> </div>
@ -55,11 +55,11 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import EditIcon from 'vue-material-design-icons/Pencil.vue'; import EditIcon from '~icons/mdi/Pencil.vue';
import LoginIcon from 'vue-material-design-icons/Login.vue'; import LoginIcon from '~icons/mdi/Login.vue';
import DeleteIcon from 'vue-material-design-icons/Delete.vue'; import DeleteIcon from '~icons/mdi/Delete.vue';
import OnlineIcon from 'vue-material-design-icons/Circle.vue'; import OnlineIcon from '~icons/mdi/Circle.vue';
import LoggedOutIcon from 'vue-material-design-icons/Cancel.vue'; import LoggedOutIcon from '~icons/mdi/Cancel.vue';
import { BotDescriptor } from '@/types'; import { BotDescriptor } from '@/types';
import { computed, ref } from 'vue'; import { computed, ref } from 'vue';
import { useBotStore } from '@/stores/ftbotwrapper'; import { useBotStore } from '@/stores/ftbotwrapper';