Update some silly ts stuff. move things into 'use' whatevers.
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user