@tak-ps/cloudtak 12.54.0

package/src/components/Admin/Server/ServerPackages.vue

@@ -0,0 +1,159 @@
+<template>
+    <div>
+        <div class='card-header'>
+            <h3 class='card-title'>
+                TAK Server Data Packages
+            </h3>
+            <div class='ms-auto'>
+                <div class='btn-list'>
+                    <TablerRefreshButton
+                        :loading='loading'
+                        @click='fetchList'
+                    />
+                </div>
+            </div>
+        </div>
+        <div class='card-body row'>
+            <div class='col-12'>
+                <TablerInput
+                    v-model='filter'
+                    icon='search'
+                    placeholder='Filter...'
+                />
+            </div>
+            <div class='col-12'>
+                <TablerLoading v-if='loading' />
+                <TablerAlert
+                    v-else-if='error'
+                    :err='error'
+                />
+                <template v-else>
+                    <TablerNone
+                        v-if='list.total === 0'
+                        label='No Packages'
+                        :create='false'
+                    />
+                    <template v-else>
+                        <template v-for='pkg in list.items'>
+                            <div class='col-12 hover d-flex align-items-center px-2 py-2 rounded'>
+                                <div class='row'>
+                                    <div class='col-12'>
+                                        <span v-text='pkg.name' />
+                                    </div>
+                                    <div class='col-12 subheader'>
+                                        <span v-text='pkg.created' /> - <span v-text='pkg.username || ""' />
+                                    </div>
+                                </div>
+                                <div class='ms-auto d-flex align-items-center gap-1'>
+                                    <TablerIconButton
+                                        title='Download Package'
+                                        @click='downloadPackage(pkg)'
+                                    >
+                                        <IconDownload
+                                            :size='32'
+                                            stroke='1'
+                                        />
+                                    </TablerIconButton>
+                                    <TablerDelete
+                                        displaytype='icon'
+                                        @delete='deletePackage(pkg)'
+                                    />
+                                </div>
+                            </div>
+                        </template>
+                    </template>
+                </template>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup lang='ts'>
+import { ref, onMounted, watch } from 'vue';
+import { server, std, stdurl } from '../../../std.ts';
+import type { PackageList } from '../../../types.ts';
+import {
+    TablerRefreshButton,
+    TablerLoading,
+    TablerDelete,
+    TablerAlert,
+    TablerNone,
+    TablerInput,
+    TablerIconButton,
+} from '@tak-ps/vue-tabler';
+import {
+    IconDownload
+} from '@tabler/icons-vue';
+
+const filter = ref('');
+const loading = ref(true);
+const error = ref<Error | undefined>();
+const list = ref<PackageList>({
+    total: 0,
+    items: []
+})
+
+onMounted(async () => {
+    await fetchList();
+});
+
+watch(filter, async () => {
+    await fetchList();
+});
+
+async function fetchList() {
+    loading.value = true;
+    error.value = undefined;
+
+    try {
+        const res = await server.GET(`/api/marti/package`, {
+            params: {
+                query: {
+                    impersonate: true,
+                    filter: filter.value
+                }
+            }
+        });
+
+        if (res.error) throw new Error(res.error.message);
+
+        list.value = res.data;
+        loading.value = false;
+    } catch (err) {
+        loading.value = false;
+        error.value = err instanceof Error ? err : new Error(String(err));
+    }
+}
+
+async function deletePackage(pkg: PackageList["items"][0]) {
+    loading.value = true;
+    try {
+        await server.DELETE(`/api/marti/package/{:uid}`, {
+            params: {
+                path: {
+                    ':uid': pkg.uid
+                },
+                query: {
+                    hash: pkg.hash,
+                    impersonate: true
+                }
+            }
+        });
+
+        await fetchList();
+    } catch (err) {
+        loading.value = false;
+        error.value = err instanceof Error ? err : new Error(String(err));
+    }
+}
+
+async function downloadPackage(pkg: PackageList["items"][0]) {
+    const url = stdurl(`/api/marti/api/files/${pkg.hash}`)
+    url.searchParams.append('token', localStorage.token);
+    url.searchParams.append('name', pkg.name + '.zip');
+
+    await std(url, {
+        download: true
+    });
+}
+</script>

package/src/components/Admin/Server/ServerRepeaters.vue

@@ -0,0 +1,105 @@
+<template>
+    <div>
+        <div class='card-header'>
+            <h3 class='card-title'>
+                TAK Server COT Repeaters
+            </h3>
+            <div class='ms-auto'>
+                <div class='btn-list'>
+                    <TablerRefreshButton
+                        :loading='loading'
+                        @click='fetchList'
+                    />
+                </div>
+            </div>
+        </div>
+        <TablerLoading v-if='loading' />
+        <TablerAlert
+            v-else-if='error'
+            :err='error'
+        />
+        <div
+            v-else
+            class='card-body row'
+        >
+            <TablerNone
+                v-if='list.total === 0'
+                label='No Repeaters'
+                :create='false'
+            />
+            <template v-else>
+                <template v-for='repeater in list.items'>
+                    <div class='col-12 hover d-flex align-items-center px-2 py-2'>
+                        <div class='row'>
+                            <div class='col-12'>
+                                <span v-text='repeater.callsign' />
+                            </div>
+                            <div class='col-12 subheader'>
+                                <span v-text='repeater.cotType' /> - <span
+                                    class='cursor-pointer'
+                                    @click='relative = !relative'
+                                    v-text='relative ? timeDiff(Number(repeater.dateTimeActivated)) : new Date(Number(repeater.dateTimeActivated))'
+                                />
+                            </div>
+                        </div>
+                        <div class='ms-auto'>
+                            <TablerDelete
+                                displaytype='icon'
+                                @delete='deleteRepeater(repeater)'
+                            />
+                        </div>
+                    </div>
+                </template>
+            </template>
+        </div>
+    </div>
+</template>
+
+<script setup lang='ts'>
+import { ref, onMounted } from 'vue';
+import { std } from '../../../std.ts';
+import type { RepeaterList, Repeater } from '../../../types.ts';
+import timeDiff from '../../../timediff.ts';
+import {
+    TablerRefreshButton,
+    TablerLoading,
+    TablerDelete,
+    TablerAlert,
+    TablerNone,
+} from '@tak-ps/vue-tabler';
+
+const loading = ref(true);
+const relative = ref(true);
+const error = ref<Error | undefined>();
+const list = ref<RepeaterList>({
+    total: 0,
+    items: []
+})
+
+onMounted(async () => {
+    await fetchList();
+});
+
+async function fetchList() {
+    loading.value = true;
+    try {
+        list.value = await std(`/api/server/repeater`) as RepeaterList;
+        loading.value = false;
+    } catch (err) {
+        error.value = err instanceof Error ? err : new Error(String(err));
+    }
+}
+
+async function deleteRepeater(repeater: Repeater) {
+    loading.value = true;
+    try {
+        await std(`/api/server/repeater/${repeater.uid}`, {
+            method: 'DELETE'
+        })
+    
+        await fetchList();
+    } catch (err) {
+        error.value = err instanceof Error ? err : new Error(String(err));
+    }
+}
+</script>

package/src/components/Admin/Server/ServerVideos.vue

@@ -0,0 +1,83 @@
+<template>
+    <div>
+        <div class='card-header'>
+            <h3 class='card-title'>
+                TAK Server Videos
+            </h3>
+            <div class='ms-auto'>
+                <div class='btn-list'>
+                    <TablerRefreshButton
+                        :loading='loading'
+                        @click='fetchList'
+                    />
+                </div>
+            </div>
+        </div>
+        <TablerLoading v-if='loading' />
+        <TablerAlert
+            v-else-if='error'
+            :err='error'
+        />
+        <div
+            v-else
+            class='card-body row'
+        >
+            <TablerNone
+                v-if='list.videoConnections.length === 0'
+                label='No Videos'
+                :create='false'
+            />
+            <template v-else>
+                <template v-for='video in list.videoConnections'>
+                    <div class='col-12 hover d-flex align-items-center px-2 py-2 rounded'>
+                        <div class='row'>
+                            <div class='col-12'>
+                                <span v-text='video.alias' />
+                            </div>
+                        </div>
+                        <div class='ms-auto' />
+                    </div>
+                </template>
+            </template>
+        </div>
+    </div>
+</template>
+
+<script setup lang='ts'>
+import { ref, onMounted } from 'vue';
+import { server } from '../../../std.ts';
+import type { ServerAdminVideoList } from '../../../types.ts';
+import {
+    TablerRefreshButton,
+    TablerLoading,
+    TablerAlert,
+    TablerNone,
+} from '@tak-ps/vue-tabler';
+
+const loading = ref(true);
+const error = ref<Error | undefined>();
+const list = ref<ServerAdminVideoList>({
+    videoConnections: []
+})
+
+onMounted(async () => {
+    await fetchList();
+});
+
+async function fetchList() {
+    loading.value = true;
+    error.value = undefined;
+
+    try {
+        const res = await server.GET(`/api/server/video`);
+
+        if (res.error) throw new Error(res.error.message);
+
+        list.value = res.data;
+        loading.value = false;
+    } catch (err) {
+        loading.value = false;
+        error.value = err instanceof Error ? err : new Error(String(err));
+    }
+}
+</script>

package/src/components/Admin/Tasks/AdminRawTasks.vue

@@ -0,0 +1,148 @@
+<template>
+    <div>
+        <div class='card-header'>
+            <template v-if='task'>
+                <TablerIconButton
+                    title='Back'
+                    @click='task = null'
+                >
+                    <IconCircleArrowLeft
+                        :size='32'
+                        stroke='1'
+                    />
+                </TablerIconButton>
+                <h3
+                    class='mx-2 card-title'
+                    v-text='task'
+                />
+            </template>
+            <template v-else>
+                <h3 class='card-title'>
+                    ETL Task Containers
+                </h3>
+            </template>
+            <div class='ms-auto'>
+                <div class='btn-list' />
+            </div>
+        </div>
+
+        <div style='min-height: 20vh; margin-bottom: 61px'>
+            <TablerLoading v-if='loading' />
+            <TablerNone
+                v-else-if='!Object.keys(tasks.items)'
+                label='No Tasks'
+                :create='false'
+            />
+            <template v-else-if='task'>
+                <TablerNone
+                    v-if='!tasks.items[task].length'
+                    label='No Versions'
+                    :create='false'
+                />
+                <div
+                    v-else
+                    class='table-responsive'
+                >
+                    <table class='table card-table table-hover table-vcenter datatable cursor-pointer'>
+                        <tbody>
+                            <tr
+                                v-for='version in tasks.items[task]'
+                                :key='version'
+                            >
+                                <td>
+                                    <div class='d-flex align-items-center'>
+                                        <span v-text='version' />
+                                        <div class='ms-auto'>
+                                            <TablerDelete
+                                                displaytype='icon'
+                                                @delete='deleteVersion(task, version)'
+                                            />
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+                <div
+                    class='position-absolute bottom-0 w-100'
+                    style='height: 61px;'
+                >
+                    <TableFooter
+                        :limit='tasks.items[task].length'
+                        :total='tasks.items[task].length'
+                        @page='0'
+                    />
+                </div>
+            </template>
+            <template v-else>
+                <div class='table-responsive'>
+                    <table class='table card-table table-hover table-vcenter datatable cursor-pointer'>
+                        <tbody>
+                            <tr
+                                v-for='t in Object.keys(tasks.items)'
+                                :key='t'
+                                @click='task = t'
+                            >
+                                <td v-text='t' />
+                                <td v-text='`${tasks.items[t].length} Versions`' />
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+                <div
+                    class='position-absolute bottom-0 w-100'
+                    style='height: 61px;'
+                >
+                    <TableFooter
+                        :limit='Object.keys(tasks.items).length'
+                        :total='Object.keys(tasks.items).length'
+                        @page='0'
+                    />
+                </div>
+            </template>
+        </div>
+    </div>
+</template>
+
+<script setup lang='ts'>
+import { ref, onMounted } from 'vue';
+import type { ETLRawTaskList } from '../../../../src/types.ts';
+import { std } from '../../../../src/std.ts';
+import {
+    TablerIconButton,
+    TablerLoading,
+    TablerDelete,
+    TablerNone,
+} from '@tak-ps/vue-tabler';
+import TableFooter from '../../util/TableFooter.vue'
+import {
+    IconCircleArrowLeft
+} from '@tabler/icons-vue';
+
+const loading = ref(true);
+const task = ref();
+const tasks = ref<ETLRawTaskList>({
+    total: 0,
+    items: {}
+});
+
+onMounted(async () => {
+    await fetch();
+});
+
+async function fetch(): Promise<void> {
+    loading.value = true;
+    tasks.value = await std(`/api/task/raw`) as ETLRawTaskList;
+    loading.value = false;
+}
+
+async function deleteVersion(task: string, version: string): Promise<void> {
+    loading.value = true;
+    await std(`/api/task/raw/${task}/version/${version}`, {
+        method: 'DELETE'
+    });
+
+    await fetch();
+}
+</script>