Update some silly ts stuff. move things into 'use' whatevers.

This commit is contained in:
iamBadgers
2026-05-16 13:44:05 -07:00
parent 66b29e977c
commit 6ccf36a2d9
4 changed files with 116 additions and 54 deletions

View File

@@ -1,3 +1,48 @@
<template>
<ConfirmDialog></ConfirmDialog>
<DataTable class="Tables" :value="props.gameTables">
<Column field="table_name" header="Table Name" />
<Column field="version" header="Ver"></Column>
<Column field="table_link" header="Table Link">
<template #body="slotProps">
<a
v-if="slotProps.data.active"
:href="'http://' + slotProps.data.table_link + '.' + hostname"
>
http://{{ slotProps.data.table_link }}.{{ hostname }}/
</a>
<div v-if="!slotProps.data.active">
http://{{ slotProps.data.table_link }}.{{ hostname }}/
</div>
</template>
</Column>
<Column header="Actions" v-if="showClose">
<template #body="slotProps">
<Button label="Close" @click="stopTable(slotProps.data)" />
</template>
</Column>
<Column header="Actions" v-if="props.showFullActions">
<template #body="slotProps">
<div class="flex flex-row">
<span class="flex"></span>
<SplitButton
label="Start"
@click="startTable(slotProps.data)"
:model="buildButtonModel(slotProps.data)"
/>
</div>
</template>
</Column>
</DataTable>
</template>
<style></style>
<script setup lang="ts">
import { ref, onMounted } from 'vue'
import { useRouter } from 'vue-router'
@@ -66,44 +111,3 @@ function buildButtonModel(table: any) {
]
}
</script>
<style>
</style>
<template>
<ConfirmDialog></ConfirmDialog>
<DataTable class="Tables" :value="props.gameTables">
<Column field="table_name" header="Table Name" />
<Column field="table_link" header="Table Link">
<template #body="slotProps">
<a v-if="slotProps.data.active" :href="'/' + slotProps.data.table_link">
http://{{ hostname }}/{{ slotProps.data.table_link }}
</a>
<div v-if="!slotProps.data.active">
http://{{ hostname }}/{{ slotProps.data.table_link }}
</div>
</template>
</Column>
<Column header="Actions" v-if="showClose">
<template #body="slotProps">
<Button label="Close" @click="stopTable(slotProps.data)" />
</template>
</Column>
<Column header="Actions" v-if="props.showFullActions">
<template #body="slotProps">
<div class="flex flex-row">
<span class="flex"></span>
<SplitButton
label="Start"
@click="startTable(slotProps.data)"
:model="buildButtonModel(slotProps.data)"
/>
</div>
</template>
</Column>
</DataTable>
</template>