@tak-ps/cloudtak 12.54.0 → 12.94.0

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

@@ -1,322 +0,0 @@
-<template>
-    <div>
-        <TablerLoading v-if='loading' />
-        <template v-else>
-            <div class='card-header'>
-                <h3 class='card-title'>
-                    TAK Server Configuration
-                </h3>
-                <div class='ms-auto'>
-                    <div class='btn-list'>
-                        <TablerIconButton
-                            title='Configure Server'
-                            @click='edit = true'
-                        >
-                            <IconPencil
-                                :size='32'
-                                stroke='1'
-                            />
-                        </TablerIconButton>
-                    </div>
-                </div>
-            </div>
-            <div class='card-body row'>
-                <div class='col-lg-12 py-2'>
-                    <TablerInput
-                        v-model='server.name'
-                        :disabled='!edit'
-                        label='TAK Server Name'
-                        placeholder='ssl://'
-                        :error='errors.name'
-                    />
-                </div>
-
-                <div class='col-lg-4 col-12 py-2'>
-                    <TablerInput
-                        v-model='server.url'
-                        :disabled='!edit'
-                        label='TAK Server Streaming CoT'
-                        placeholder='ssl://'
-                        :error='errors.url'
-                    />
-                </div>
-                <div class='col-lg-4 col-12 py-2'>
-                    <TablerInput
-                        v-model='server.api'
-                        :disabled='!edit'
-                        label='TAK Server API'
-                        placeholder='https://'
-                        :error='errors.api'
-                    />
-                </div>
-                <div class='col-lg-4 col-12 py-2'>
-                    <TablerInput
-                        v-model='server.webtak'
-                        :disabled='!edit'
-                        label='TAK Server WebTAK (Public API)'
-                        placeholder='https://'
-                        :error='errors.webtak'
-                    />
-                </div>
-            </div>
-            <div class='card-header'>
-                <h3 class='card-title'>
-                    Admin Certificate
-                </h3>
-                <div
-                    v-if='regen && edit'
-                    class='ms-auto btn-list'
-                >
-                    <IconPlus
-                        v-tooltip='"Upload P12"'
-                        :size='32'
-                        stroke='1'
-                        class='cursor-pointer'
-                        @click='modal.upload = true'
-                    />
-                </div>
-            </div>
-            <div class='card-body row'>
-                <template v-if='regen && edit'>
-                    <div class='col-md-6'>
-                        <TablerInput
-                            v-model='auth.cert'
-                            label='Connection Cert'
-                            :error='errors.cert'
-                            :rows='6'
-                        />
-                    </div>
-                    <div class='col-md-6'>
-                        <TablerInput
-                            v-model='auth.key'
-                            label='Connection Key'
-                            :error='errors.key'
-                            :rows='6'
-                        />
-                    </div>
-                </template>
-                <template v-else>
-                    <div class='d-flex align-items-center'>
-                        <div class='me-2'>
-                            <IconLock
-                                :size='50'
-                                stroke='1'
-                            />
-                        </div>
-                        Once Certificates are uploaded they cannot be viewed
-
-                        <div 
-                            v-if='edit'
-                            class='col-auto ms-auto'
-                        >
-                            <button
-                                class='btn btn-secondary'
-                                @click='regen=true'
-                            >
-                                Replace Certificate
-                            </button>
-                        </div>
-                    </div>
-                    <div
-                        v-if='server.certificate'
-                        class='row g-2'
-                    >
-                        <div class='col-lg-4'>
-                            <div class='datagrid-title'>
-                                Certificate Valid From
-                            </div>
-                            <div
-                                class='datagrid-content'
-                                v-text='server.certificate.validFrom'
-                            />
-                        </div>
-                        <div class='col-lg-4'>
-                            <div class='datagrid-title'>
-                                Certificate Valid To
-                            </div>
-                            <div
-                                class='datagrid-content'
-                                v-text='server.certificate.validTo'
-                            />
-                        </div>
-                        <div class='col-lg-4'>
-                            <div class='datagrid-title'>
-                                Certificate Subject
-                            </div>
-                            <div
-                                class='datagrid-content'
-                                v-text='server.certificate.subject'
-                            />
-                        </div>
-                    </div>
-                </template>
-
-                <div
-                    v-if='edit'
-                    class='col-lg-12 d-flex py-2'
-                >
-                    <div class='ms-auto'>
-                        <div
-                            class='btn btn-primary'
-                            @click='postServer'
-                        >
-                            Save Server
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div
-                class='position-absolute bottom-0 w-100'
-                style='height: 53px;'
-            >
-                <div
-                    v-if='server.updated'
-                    class='card-footer'
-                >
-                    <span v-text='`Last Updated: ${timeDiff(server.updated)}`' />
-                </div>
-            </div>
-        </template>
-        <Upload
-            v-if='modal.upload'
-            @certs='p12upload($event)'
-            @close='modal.upload = false'
-            @err='error = $event'
-        />
-    </div>
-</template>
-
-<script setup lang='ts'>
-import { ref, onMounted } from 'vue';
-import { std } from '../../../std.ts';
-import type { Server, Server_Update } from '../../../types.ts';
-import Upload from '../../util/UploadP12.vue';
-import {
-    TablerIconButton,
-    TablerLoading,
-    TablerInput
-} from '@tak-ps/vue-tabler';
-import {
-    IconPlus,
-    IconLock,
-    IconPencil
-} from '@tabler/icons-vue';
-import timeDiff from '../../../timediff.ts';
-
-const edit = ref(false);
-const loading = ref(true);
-const regen = ref(false);
-
-const modal = ref({
-    upload: false
-})
-
-const auth = ref({
-    cert: '',
-    key: ''
-})
-
-const error = ref<Error | undefined>();
-
-const errors = ref<Record<string, string>>({
-    cert: '',
-    key: '',
-    name: '',
-    url: '',
-    api: '',
-    webtak: ''
-})
-
-const server = ref<Server>({
-    id: 0,
-    version: '',
-    created: new Date().toISOString(),
-    updated: new Date().toISOString(),
-    status: 'unconfigured',
-    auth: false,
-    name: '',
-    url: '',
-    api: '',
-    webtak: '',
-});
-
-onMounted(async () => {
-    await fetch();
-
-    if (server.value.status === 'unconfigured') {
-        edit.value = true;
-    }
-});
-
-async function fetch() {
-    loading.value = true;
-    server.value = await std(`/api/server`) as Server;
-    if (!server.value.auth) regen.value = true;
-    loading.value = false;
-}
-
-function p12upload(certs: {
-    pemCertificate: string,
-    pemKey: string
-}) {
-    modal.value.upload = false;
-    auth.value.cert = certs.pemCertificate
-        .split('-----BEGIN CERTIFICATE-----')
-        .join('-----BEGIN CERTIFICATE-----\n')
-        .split('-----END CERTIFICATE-----')
-        .join('\n-----END CERTIFICATE-----');
-    auth.value.key = certs.pemKey
-        .split('-----BEGIN RSA PRIVATE KEY-----')
-        .join('-----BEGIN RSA PRIVATE KEY-----\n')
-        .split('-----END RSA PRIVATE KEY-----')
-        .join('\n-----END RSA PRIVATE KEY-----');
-}
-
-async function postServer() {
-    errors.value.api = !server.value.api ? 'Cannot be empty' : '';
-    errors.value.url = !server.value.url ? 'Cannot be empty' : '';
-    errors.value.name = !server.value.name ? 'Cannot be empty' : '';
-
-    let field: keyof Server;
-    let fields: Array<keyof Server> = ['api', 'url', 'webtak'];
-    for (field of fields) {
-        if (!errors.value[field]) {
-            try {
-                new URL(String(server.value[field]));
-            } catch (err) {
-                errors.value[field] = err instanceof Error ? err.message : String(err);
-            }
-        }
-    }
-
-    for (const e in errors.value) if (errors.value[e]) return;
-
-    loading.value = true;
-    const body: Server_Update = {
-        name: server.value.name,
-        url: server.value.url,
-        api: server.value.api,
-        webtak: server.value.webtak,
-    }
-
-    if (auth.value.cert && auth.value.key) {
-        body.auth = auth.value;
-    }
-
-    if (server.value.status === 'unconfigured') {
-        server.value = await std(`/api/server`, {
-            method: 'POST', body
-        }) as Server;
-    } else {
-        server.value = await std(`/api/server`, {
-            method: 'PATCH', body
-        }) as Server;
-    }
-
-    auth.value.cert = '';
-    auth.value.key = '';
-    regen.value = false;
-    edit.value = false;
-    loading.value = false;
-}
-</script>

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

@@ -1,125 +0,0 @@
-<template>
-    <TablerModal>
-        <div class='modal-status bg-yellow' />
-        <button
-            type='button'
-            class='btn-close'
-            aria-label='Close'
-            @click='emit("close")'
-        />
-        <div class='modal-header'>
-            <div class='modal-title'>
-                Injector Editor
-            </div>
-
-            <div class='ms-auto btn-list'>
-                <TablerDelete
-                    v-if='typeof props.injector !== "boolean"'
-                    displaytype='icon'
-                    @click='deleteInjector'
-                />
-            </div>
-        </div>
-
-        <TablerLoading v-if='loading' />
-        <div
-            v-else
-            class='modal-body row'
-        >
-            <div class='col-12'>
-                <TablerInput
-                    v-model='injector.uid'
-                    label='UID'
-                    :disabled='typeof props.injector !== "boolean"'
-                />
-            </div>
-            <div class='col-12'>
-                <TablerInput
-                    v-model='injector.toInject'
-                    label='toInject'
-                    :disabled='typeof props.injector !== "boolean"'
-                />
-            </div>
-        </div>
-        <div class='modal-footer'>
-            <button
-                v-if='typeof props.injector === "boolean"'
-                class='btn btn-primary'
-                @click='saveInjector'
-            >
-                Save
-            </button>
-            <button
-                v-else
-                class='btn btn-primary'
-                @click='emit("close")'
-            >
-                Close
-            </button>
-        </div>
-    </TablerModal>
-</template>
-
-<script setup lang='ts'>
-import { ref } from 'vue';
-import { std, stdurl } from '../../../std.ts';
-import type { Injector } from '../../../types.ts';
-import {
-    TablerModal,
-    TablerInput,
-    TablerDelete,
-    TablerLoading,
-} from '@tak-ps/vue-tabler'
-
-const props = defineProps<{
-    injector: Injector | boolean
-}>();
-
-const emit = defineEmits([
-    'close'
-]);
-
-const injector = ref<Injector>({
-    uid: typeof props.injector === 'boolean' ? '' : props.injector.uid,
-    toInject: typeof props.injector === 'boolean' ? '' : props.injector.toInject,
-});
-
-const loading = ref(false);
-
-async function saveInjector() {
-    loading.value = true;
-
-    try {
-        await std('/api/server/injector', {
-            method: 'POST',
-            body: injector.value
-        })
-
-        emit('close');
-    } catch (err) {
-        loading.value = false;
-        throw err;
-    }
-}
-
-async function deleteInjector() {
-    if (typeof props.injector === 'boolean') throw new Error('Cannot delete this injector');
-
-    loading.value = true;
-
-    try {
-        const url = stdurl('/api/server/injector')
-        url.searchParams.append('uid', props.injector.uid);
-        url.searchParams.append('toInject', props.injector.toInject);
-
-        await std(url, {
-            method: 'DELETE'
-        })
-
-        emit('close');
-    } catch (err) {
-        loading.value = false;
-        throw err;
-    }
-}
-</script>

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

@@ -1,104 +0,0 @@
-<template>
-    <div>
-        <div class='card-header'>
-            <h3 class='card-title'>
-                TAK Server COT Injectors
-            </h3>
-            <div class='ms-auto btn-list'>
-                <TablerIconButton
-                    title='New Injector'
-                    @click='injector = true'
-                >
-                    <IconPlus
-                        :size='32'
-                        stroke='1'
-                    />
-                </TablerIconButton>
-
-                <TablerRefreshButton
-                    :loading='loading'
-                    @click='fetchList'
-                />
-            </div>
-        </div>
-        <TablerLoading v-if='loading' />
-        <TablerAlert
-            v-else-if='error'
-            :err='error'
-        />
-        <div
-            v-else
-            class='card-body row'
-        >
-            <TablerNone
-                v-if='list.items.length === 0'
-                label='No Injectors'
-                :create='false'
-            />
-            <template v-else>
-                <template v-for='i in list.items'>
-                    <div
-                        class='col-12 hover px-2 py-2 rounded cursor-pointer'
-                        @click='injector = i'
-                    >
-                        <div
-                            class='subheader'
-                            v-text='i.uid'
-                        />
-                        <pre
-                            class='pre'
-                            v-text='i.toInject'
-                        />
-                    </div>
-                </template>
-            </template>
-        </div>
-    </div>
-
-    <ServerInjectorModal
-        v-if='injector'
-        :injector='injector'
-        @close='fetchList'
-    />
-</template>
-
-<script setup lang='ts'>
-import { ref, onMounted } from 'vue';
-import { std } from '../../../std.ts';
-import ServerInjectorModal from './ServerInjectorModal.vue';
-import type { InjectorList, Injector } from '../../../types.ts';
-import {
-    TablerRefreshButton,
-    TablerIconButton,
-    TablerLoading,
-    TablerAlert,
-    TablerNone,
-} from '@tak-ps/vue-tabler';
-
-import {
-    IconPlus
-} from '@tabler/icons-vue';
-
-const loading = ref(true);
-const injector = ref<boolean | Injector>(false);
-const error = ref<Error | undefined>();
-const list = ref<InjectorList>({
-    total: 0,
-    items: []
-})
-
-onMounted(async () => {
-    await fetchList();
-});
-
-async function fetchList() {
-    injector.value = false;
-    loading.value = true;
-    try {
-        list.value = await std(`/api/server/injector`) as InjectorList;
-        loading.value = false;
-    } catch (err) {
-        error.value = err instanceof Error ? err : new Error(String(err));
-    }
-}
-</script>