@tak-ps/cloudtak 12.54.0 → 12.94.0

package/src/components/CloudTAK/MapLoading.vue

@@ -1,31 +0,0 @@
-<template>
-    <TablerModal
-        :fade='false'
-    >
-        <div
-            class='modal-body rounded user-select-none'
-        >
-            <div
-                class='text-center'
-                style='margin-bottom: 24px;'
-            >
-                <img
-                    alt='Agency Logo'
-                    :src='brandStore.login && brandStore.login.logo ? brandStore.login.logo : "/CloudTAKLogo.svg"'
-                    style='height: 150px;'
-                >
-            </div>
-            <TablerLoading desc='Loading Map State' />
-        </div>
-    </TablerModal>
-</template>
-
-<script setup lang='ts'>
-import { useBrandStore } from '../../stores/brand.ts';
-import {
-    TablerModal,
-    TablerLoading
-} from '@tak-ps/vue-tabler'
-
-const brandStore = useBrandStore();
-</script>

package/src/components/CloudTAK/Menu/Basemaps/EditModal.vue

@@ -1,427 +0,0 @@
-<template>
-    <TablerModal>
-        <div class='modal-status bg-red' />
-        <button
-            type='button'
-            class='btn-close'
-            aria-label='Close'
-            @click='emit("close")'
-        />
-
-        <div class='modal-header user-select-none'>
-            <IconMap
-                :size='32'
-                stroke='1'
-                class='me-2'
-            />
-            <div
-                v-if='basemap.id'
-                class='strong d-flex align-items-center'
-                v-text='basemap.name'
-            />
-            <div
-                v-else
-                class='strong align-items-center'
-            >
-                New Basemap
-            </div>
-
-            <div
-                v-if='!loading && !mode.upload && !mode.tilejson && !basemap.id'
-                class='ms-auto btn-list'
-            >
-                <TablerIconButton
-                    title='XML Upload'
-                    @click='mode.upload = true'
-                >
-                    <IconFileUpload
-                        :size='32'
-                        stroke='1'
-                    />
-                </TablerIconButton>
-                <TablerIconButton
-                    title='TileJSON Import'
-                    @click='mode.tilejson = true'
-                >
-                    <IconFileImport
-                        :size='32'
-                        stroke='1'
-                    />
-                </TablerIconButton>
-            </div>
-            <div
-                v-else-if='basemap.id'
-                class='ms-auto btn-list'
-            >
-                <TablerIconButton
-                    title='Download TAK XML'
-                    @click='download'
-                >
-                    <IconDownload
-                        :size='32'
-                        stroke='1'
-                    />
-                </TablerIconButton>
-            </div>
-        </div>
-        <div class='modal-body'>
-            <TablerLoading v-if='loading' />
-            <template v-else-if='mode.upload'>
-                <Upload
-                    method='PUT'
-                    :url='uploadURL()'
-                    :headers='uploadHeaders()'
-                    @done='processUpload($event)'
-                    @cancel='mode.upload = false'
-                    @err='err = $event'
-                />
-            </template>
-            <template v-else-if='mode.tilejson'>
-                <div class='row row-cards'>
-                    <div class='col-md-12 mt-3'>
-                        <TablerInput
-                            v-model='tilejson.url'
-                            label='TileJSON URL'
-                        />
-                    </div>
-                    <div class='col-md-12 mt-3'>
-                        <div class='d-flex'>
-                            <button
-                                class='cursor-pointer btn btn-secondary'
-                                @click='mode.tilejson = false'
-                            >
-                                Cancel
-                            </button>
-                            <div class='ms-auto'>
-                                <a
-                                    class='cursor-pointer btn btn-primary'
-                                    @click='fetchTileJSON'
-                                >Fetch TileJSON</a>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </template>
-            <template v-else>
-                <div class='row row-cards'>
-                    <TablerInlineAlert
-                        v-if='warnSharing'
-                        severity='danger'
-                        title='You are disabling sharing'
-                        description='Disabling sharing will prevent other users from sharing the basemap and will also disable their access if they basemap has already been shared'
-                        :dismissable='true'
-                    />
-
-                    <div class='col-12 col-lg-6 mt-3'>
-                        <TablerInput
-                            v-model='editing.name'
-                            required
-                            label='Name'
-                            :error='errors.name'
-                        >
-                            <TablerToggle
-                                v-model='editing.sharing_enabled'
-                                label='Enable Sharing'
-                                @change='editing.sharing_enabled ? warnSharing = false : warnSharing = true'
-                            />
-                        </TablerInput>
-                    </div>
-                    <div class='col-12 col-lg-3 mt-3'>
-                        <TablerEnum
-                            v-model='editing.type'
-                            required
-                            label='Type'
-                            :options='["raster", "raster-dem", "vector"]'
-                        />
-                    </div>
-                    <div class='col-12 col-lg-3 mt-3'>
-                        <TablerEnum
-                            v-model='scope'
-                            required
-                            label='Access Scope'
-                            :disabled='(props.basemap.id && !isSystemAdmin)'
-                            :options='["user", "server"]'
-                        />
-                    </div>
-                    <div class='col-md-12'>
-                        <TablerInput
-                            v-model='editing.url'
-                            required
-                            label='Tile Url'
-                            :error='errors.url'
-                        >
-                            <div class='btn-list'>
-                                <span
-                                    v-tooltip='"Insert Zoom Variable"'
-                                    class='badge bg-cyan-lt cursor-pointer'
-                                    @click='editing.url = editing.url + "{$z}"'
-                                >{$z}</span>
-                                <span
-                                    v-tooltip='"Insert X Variable"'
-                                    class='badge bg-cyan-lt cursor-pointer'
-                                    @click='editing.url = editing.url + "{$x}"'
-                                >{$x}</span>
-                                <span
-                                    v-tooltip='"Insert Y Variable"'
-                                    class='badge bg-cyan-lt cursor-pointer'
-                                    @click='editing.url = editing.url + "{$y}"'
-                                >{$y}</span>
-                                <span
-                                    v-tooltip='"Insert Quadkey Variable"'
-                                    class='badge bg-cyan-lt cursor-pointer'
-                                    @click='editing.url = editing.url + "{$q}"'
-                                >{$q}</span>
-                            </div>
-                        </TablerInput>
-                    </div>
-                    <div class='col-md-3'>
-                        <TablerInput
-                            v-model='editing.minzoom'
-                            required
-                            label='MinZoom'
-                        />
-                    </div>
-                    <div class='col-md-3'>
-                        <TablerInput
-                            v-model='editing.maxzoom'
-                            required
-                            label='MaxZoom'
-                        />
-                    </div>
-                    <div class='col-12 col-md-3'>
-                        <TablerInput
-                            v-model='editing.tilesize'
-                            label='Tile Size'
-                        />
-                    </div>
-                    <div class='col-12 col-md-3'>
-                        <TablerEnum
-                            v-model='editing.format'
-                            required
-                            label='Format'
-                            :options='["png", "jpeg", "mvt"]'
-                        />
-                    </div>
-                    <div class='col-12'>
-                        <TablerInput
-                            v-model='editing.collection'
-                            label='Collection Folder'
-                            placeholder='Optional Collection Folder'
-                        />
-                    </div>
-                    <div class='col-12'>
-                        <TablerInput
-                            v-model='editing.attribution'
-                            label='Attribution'
-                            placeholder='Optional Attribution'
-                        />
-                    </div>
-                    <div class='col-md-12 mt-3'>
-                        <div class='d-flex'>
-                            <div v-if='basemap.id'>
-                                <TablerDelete
-                                    label='Delete Basemap'
-                                    @delete='deleteBasemap'
-                                />
-                            </div>
-
-                            <div class='ms-auto'>
-                                <a
-                                    class='cursor-pointer btn btn-primary'
-                                    @click='create'
-                                >Save Basemap</a>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </template>
-        </div>
-    </TablerModal>
-</template>
-
-<script setup>
-import { ref, onMounted } from 'vue';
-import { std, stdurl } from '../../../../std.ts';
-import Upload from '../../../util/Upload.vue';
-import {
-    IconMap,
-    IconDownload,
-    IconFileImport,
-    IconFileUpload
-} from '@tabler/icons-vue';
-import {
-    TablerModal,
-    TablerDelete,
-    TablerLoading,
-    TablerInlineAlert,
-    TablerIconButton,
-    TablerToggle,
-    TablerEnum,
-    TablerInput
-} from '@tak-ps/vue-tabler';
-import { useMapStore } from '../../../../stores/map.ts';
-
-const emit = defineEmits(['close']);
-
-const props = defineProps({
-    basemap: {
-        type: Object,
-        default: () => ({})
-    }
-});
-
-const mapStore = useMapStore();
-const warnSharing = ref(false);
-
-const loading = ref(false);
-
-const mode = ref({
-    upload: false,
-    tilejson: false,
-});
-
-const tilejson = ref({
-    url: ''
-})
-
-const errors = ref({
-    name: '',
-    url: '',
-});
-
-const scope = ref(props.basemap.id ? (props.basemap.username ? 'user' : 'server') : 'user')
-
-const isSystemAdmin = ref(false);
-
-const editing = ref({
-    name: '',
-    url: '',
-    type: 'raster',
-    minzoom: 0,
-    maxzoom: 16,
-    tilesize: 256,
-    attribution: '',
-    sharing_enabled: true,
-    format: 'png',
-    bounds: [-180, -90, 180, 90 ],
-    center: [0, 0],
-    collection: ''
-})
-
-onMounted(async () => {
-    isSystemAdmin.value = await mapStore.worker.profile.isSystemAdmin();
-
-    if (props.basemap.id) {
-        await fetch();
-    }
-});
-
-async function download() {
-    await std(`api/basemap/${props.basemap.id}?format=xml&download=true&token=${localStorage.token}`, {
-        download: true
-    });
-}
-
-async function fetchTileJSON() {
-    loading.value = true;
-    try {
-        editing.value = await std('/api/basemap', {
-            method: 'PUT',
-            headers: {
-                'Content-Type': 'text/plain'
-            },
-            body: tilejson.value.url
-        });
-        mode.value.tilejson = false;
-        loading.value = false;
-    } catch (err) {
-        loading.value = false;
-        throw err;
-    }
-}
-
-function processUpload(body) {
-    mode.value.upload = false;
-    editing.value = body;
-}
-
-function uploadHeaders() {
-    return {
-        Authorization: `Bearer ${localStorage.token}`
-    };
-}
-
-function uploadURL() {
-    return stdurl(`/api/basemap`);
-}
-
-async function fetch() {
-    loading.value = true;
-    editing.value = await std(`/api/basemap/${props.basemap.id}`);
-    loading.value = false;
-}
-
-async function create() {
-    for (const field of ['name', 'url' ]) {
-        if (!editing.value[field]) errors.value[field] = 'Cannot be empty';
-        else errors.value[field] = '';
-    }
-
-    for (const e in errors.value) {
-        if (errors.value[e]) return;
-    }
-
-    loading.value = true;
-    try {
-        const body = JSON.parse(JSON.stringify(editing.value));
-
-        if (!body.bounds || !body.bounds.length) delete body.bounds;
-        if (!body.center || !body.center.length) delete body.center;
-
-        if (!body.collection || body.collection.trim().length === 0) {
-            body.collection = null;
-        }
-
-        if (!body.attribution || body.attribution.trim().length === 0) {
-            body.attribution = null;
-        }
-
-        if (props.basemap.id) {
-            await std(`/api/basemap/${props.basemap.id}`, {
-                method: 'PATCH',
-                body: {
-                    scope: scope.value,
-                    ...body
-                }
-            });
-            emit('close');
-        } else {
-            await std('/api/basemap', {
-                method: 'POST',
-                body: {
-                    scope: scope.value,
-                    ...body
-                }
-            });
-            emit('close');
-        }
-        loading.value = false;
-    } catch (err) {
-        loading.value = false;
-        throw err;
-    }
-}
-
-async function deleteBasemap() {
-    loading.value = true;
-    try {
-        await std(`/api/basemap/${props.basemap.id}`, {
-            method: 'DELETE'
-        });
-        emit('close');
-    } catch (err) {
-        loading.value = false;
-        throw err;
-    }
-}
-</script>

package/src/components/CloudTAK/Menu/Debugger.vue

@@ -1,118 +0,0 @@
-<template>
-    <MenuTemplate name='COT Debugger'>
-        <template #default>
-            <div class='my-2 mx-2 d-flex align-items-center'>
-                <TablerInput
-                    v-model='uid'
-                    icon='search'
-                    class='pe-2'
-                    style='
-                        width: calc(100% - 52px);
-                    '
-                    placeholder='COT UID'
-                />
-                <button
-                    class='btn btn-primary'
-                    style='height: 35px;'
-                    @click='fetchHistory'
-                >
-                    <IconSearch
-                        :size='32'
-                        stroke='1'
-                    />
-                </button>
-            </div>
-
-            <TablerLoading v-if='loading' />
-            <TablerAlert
-                v-else-if='error'
-                title='Historic Features Error'
-                :err='error'
-            />
-            <TablerNone
-                v-else-if='!history.features.length'
-                label='Features'
-                :create='false'
-            />
-            <template v-else>
-                <div
-                    v-for='(feature, fit) in history.features'
-                    key='fit'
-                >
-                    <div
-                        class='row hover px-2 py-2 cursor-pointer user-select-none'
-                        @click='opened.has(fit) ? opened.delete(fit) : opened.add(fit)'
-                    >
-                        <div
-                            class='col-12'
-                            v-text='feature.properties.callsign'
-                        />
-                        <div
-                            class='col-md-6 col-12 subheader'
-                            v-text='feature.properties.time'
-                        />
-                        <div
-                            class='col-md-6 col-12 subheader d-flex align-items-center'
-                        >
-                            <div
-                                class='ms-auto'
-                                v-text='timeDiff(feature.properties.time)'
-                            />
-                        </div>
-                    </div>
-
-                    <div v-if='opened.has(fit)'>
-                        <CopyField
-                            mode='pre'
-                            :model-value='JSON.stringify(feature, null, 4)'
-                        />
-                    </div>
-                </div>
-            </template>
-        </template>
-    </MenuTemplate>
-</template>
-
-<script setup lang='ts'>
-import { ref } from 'vue';
-import type { FeatureCollection } from '../../../../src/types.ts';
-import CopyField from '../util/CopyField.vue';
-import timeDiff from '../../../timediff.ts';
-import { std, stdurl } from '../../../../src/std.ts';
-import {
-    TablerNone,
-    TablerInput,
-    TablerAlert,
-    TablerLoading
-} from '@tak-ps/vue-tabler';
-import {
-    IconSearch,
-} from '@tabler/icons-vue';
-import MenuTemplate from '../util/MenuTemplate.vue';
-
-const error = ref<Error | undefined>();
-const loading = ref(false);
-
-const uid = ref('');
-const opened = ref<Set<number>>(new Set());
-const history = ref<FeatureCollection>({
-    type: 'FeatureCollection',
-    features: []
-});
-
-async function fetchHistory() {
-    error.value = undefined;
-    loading.value = true;
-    opened.value.clear();
-
-    try {
-        const url = stdurl(`/api/marti/cot/${uid.value}/all`);
-        url.searchParams.append('track', String(false));
-        history.value = await std(url) as FeatureCollection;
-    } catch (err) {
-        error.value = err instanceof Error ? err : new Error(String(err))
-    }
-
-    loading.value = false;
-}
-</script>

package/src/components/CloudTAK/Menu/Iconset/EditModal.vue

@@ -1,118 +0,0 @@
-<template>
-    <TablerModal size='xl'>
-        <div class='modal-status bg-red' />
-        <button
-            type='button'
-            class='btn-close'
-            aria-label='Close'
-            @click='$emit("close")'
-        />
-
-        <div class='modal-header'>
-            <div
-                class='strong d-flex align-items-center'
-                v-text='iconset.name || "Unnamed"'
-            />
-            <div class='ms-auto'>
-                <TablerIconButton
-                    v-if='route.params.iconset'
-                    title='Regenerate Spritesheet'
-                    @click='regen'
-                >
-                    <IconWand />
-                </TablerIconButton>
-            </div>
-        </div>
-
-        <TablerLoading
-            v-if='loading.iconset'
-            desc='Loading Iconset'
-        />
-        <div
-            v-else
-            class='mx-4 my-4'
-        >
-            <TablerSchema
-                v-model='iconset'
-                :schema='schema'
-            />
-
-            <div class='d-flex'>
-                <div class='ms-auto'>
-                    <div
-                        class='btn btn-primary'
-                        @click='submit'
-                    >
-                        Submit
-                    </div>
-                </div>
-            </div>
-        </div>
-    </TablerModal>
-</template>
-
-<script setup>
-import { useRoute } from 'vue-router'
-import { ref, onMounted } from 'vue'
-import { std, stdurl } from '../../../../std.ts';
-import {
-    TablerModal,
-    TablerLoading,
-    TablerSchema,
-    TablerIconButton
-} from '@tak-ps/vue-tabler';
-import { IconWand } from '@tabler/icons-vue';
-
-const emit = defineEmits([ 'close' ]);
-
-const route = useRoute();
-const loading = ref({
-    iconset: true
-});
-const schema = ref({});
-const iconset = ref({
-    scope: 'user'
-});
-
-onMounted(async () => {
-    await fetchSchema();
-
-    if (route.params.iconset) {
-        await fetch();
-    } else {
-        loading.value.iconset = false;
-    }
-});
-
-async function fetch() {
-    loading.value.iconset = true;
-    iconset.value = await std(`/api/iconset/${route.params.iconset}`);
-    loading.value.iconset = false;
-}
-
-async function submit() {
-    const url = await stdurl(`/api/iconset/${route.params.iconset ||''}`);
-
-    await std(url, {
-        method: route.params.iconset ? 'PATCH' : 'POST',
-        body: iconset.value
-    });
-
-    emit('close');
-}
-
-async function regen() {
-    loading.value.iconset = true;
-    await std(`/api/iconset/${route.params.iconset}/regen`, {
-        method: 'POST'
-    });
-    loading.value.iconset = false;
-}
-
-async function fetchSchema() {
-    const url = await stdurl(`/api/schema`);
-    url.searchParams.append('method', route.params.iconset ? 'PATCH' : 'POST');
-    url.searchParams.append('url', route.params.iconset ? '/iconset/:iconset' : '/iconset');
-    schema.value = (await std(url)).body;
-}
-</script>