generator modal

This commit is contained in:
Yoswaris Lawpaiboon
2023-03-10 19:25:04 +07:00
parent 56d716cee4
commit 3bbf269da0
3 changed files with 297 additions and 1 deletions

View File

@@ -57,10 +57,19 @@
v-if="editMode"
:class="{'link-active': monitor.element.sendUrl, 'btn-link': true}"
icon="link" class="action me-3"
@click="toggleLink(group.index, monitor.index)"
/>
</span>
<span
title="Badge Generator"
>
<font-awesome-icon
:class="{'link-active': true, 'btn-link': true}"
icon="eye" class="action me-3"
@click="$refs.badgeGeneratorDialog.show(monitor.element.id, monitor.element.name)"
/>
</span>
</div>
<div v-if="showTags" class="tags">
<Tag v-for="tag in monitor.element.tags" :key="tag" :item="tag" :size="'sm'" />
@@ -70,6 +79,7 @@
<HeartbeatBar size="small" :monitor-id="monitor.element.id" />
</div>
</div>
<BadgeGeneratorDialog ref="badgeGeneratorDialog" />
</div>
</template>
</Draggable>
@@ -80,6 +90,7 @@
</template>
<script>
import BadgeGeneratorDialog from "./BadgeGeneratorDialog.vue";
import Draggable from "vuedraggable";
import HeartbeatBar from "./HeartbeatBar.vue";
import Uptime from "./Uptime.vue";
@@ -87,6 +98,7 @@ import Tag from "./Tag.vue";
export default {
components: {
BadgeGeneratorDialog,
Draggable,
HeartbeatBar,
Uptime,