@tak-ps/cloudtak 12.54.0 → 12.94.0

package/src/components/Admin/AdminOverlaysEdit.vue

@@ -1,355 +0,0 @@
-<template>
-    <div>
-        <div class='card-header'>
-            <TablerIconButton
-                title='Back'
-                @click='$router.push("/admin/overlay")'
-            >
-                <IconCircleArrowLeft
-                    :size='32'
-                    stroke='1'
-                />
-            </TablerIconButton>
-            <h1 class='card-title'>
-                <span
-                    v-if='route.params.overlay === "new"'
-                    class='mx-2'
-                >New Overlay</span>
-                <span
-                    v-else
-                    class='mx-2'
-                >Edit Overlay</span>
-            </h1>
-        </div>
-        <div
-            style='min-height: 20vh; margin-bottom: 61px'
-            class='px-2'
-        >
-            <TablerLoading v-if='loading' />
-            <div
-                v-else
-                class='row g-2'
-            >
-                <div class='col-12'>
-                    <TablerInput
-                        v-model='overlay.name'
-                        label='Name'
-                    >
-                        <TablerToggle
-                            v-model='overlay.sharing_enabled'
-                            label='Enable Sharing'
-                        />
-                    </TablerInput>
-                </div>
-                <div class='col-12'>
-                    <label class='mx-2 my-1'>Ownership</label>
-                    <div class='border rounded'>
-                        <UserSelect
-                            v-model='overlay.username'
-                        />
-                    </div>
-                </div>
-                <div
-                    class='px-2 py-2 round btn-group w-100'
-                    role='group'
-                >
-                    <input
-                        id='entry-manual'
-                        type='radio'
-                        class='btn-check'
-                        autocomplete='off'
-                        :checked='mode === "manual"'
-                        @click='mode = "manual"'
-                    >
-                    <label
-                        for='entry-manual'
-                        type='button'
-                        class='btn btn-sm'
-                    ><IconTerminal
-                        v-tooltip='"Manual Entry"'
-                        class='me-2'
-                        :size='32'
-                        stroke='1'
-                    />Manual Entry</label>
-
-                    <input
-                        id='entry-public'
-                        type='radio'
-                        class='btn-check'
-                        autocomplete='off'
-                        :checked='mode === "public"'
-                        @click='mode = "public"'
-                    >
-
-                    <label
-                        for='entry-public'
-                        type='button'
-                        class='btn btn-sm'
-                    ><IconList
-                        v-tooltip='"Public Tilesets"'
-                        class='me-2'
-                        :size='32'
-                        stroke='1'
-                    />Public Tilesets</label>
-                </div>
-
-                <template v-if='mode === "public"'>
-                    <PublicTilesSelect
-                        @select='publicTileSelect($event)'
-                    />
-                </template>
-
-                <div class='col-12'>
-                    <TablerInput
-                        v-model='overlay.url'
-                        :disabled='mode !== "manual"'
-                        label='Data URL'
-                    >
-                        <TablerToggle
-                            v-model='overlay.overlay'
-                            label='Overlay'
-                        />
-                    </TablerInput>
-                </div>
-
-                <div class='col-12 col-md-3'>
-                    <TablerInput
-                        v-model='overlay.minzoom'
-                        :disabled='mode !== "manual"'
-                        type='number'
-                        label='Minzoom'
-                    />
-                </div>
-                <div class='col-12 col-md-3'>
-                    <TablerInput
-                        v-model='overlay.maxzoom'
-                        :disabled='mode !== "manual"'
-                        type='number'
-                        label='Maxzoom'
-                    />
-                </div>
-                <div class='col-12 col-md-6'>
-                    <TablerInput
-                        v-model='overlay.frequency'
-                        label='Update Frequency (Seconds)'
-                    />
-                </div>
-                <div class='col-12 col-md-6'>
-                    <TablerInput
-                        v-model='overlay.bounds'
-                        :disabled='mode !== "manual"'
-                        label='Bounds'
-                    />
-                </div>
-                <div class='col-12 col-md-6'>
-                    <TablerInput
-                        v-model='overlay.center'
-                        :disabled='mode !== "manual"'
-                        label='Center'
-                    />
-                </div>
-                <div class='col-12 col-md-6'>
-                    <TablerEnum
-                        v-model='overlay.type'
-                        label='Type'
-                        :options='["vector", "raster", "raster-dem"]'
-                    />
-                </div>
-                <div class='col-12 col-md-6'>
-                    <TablerEnum
-                        v-model='overlay.format'
-                        label='Overlay Format'
-                        :default='formats[0]'
-                        :options='formats'
-                    />
-                </div>
-
-                <div class='col-12'>
-                    <StyleContainer
-                        v-model='overlay.styles'
-                        :advanced='true'
-                    />
-                </div>
-                <div class='col-12 d-flex py-2'>
-                    <TablerDelete
-                        v-if='overlay.id'
-                        @delete='deleteOverlay'
-                    />
-                    <div class='ms-auto'>
-                        <TablerButton
-                            class='btn-primary'
-                            @click='saveOverlay'
-                        >
-                            Submit
-                        </TablerButton>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup>
-import { ref, computed, onMounted } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
-import { std, stdurl } from '../../std.ts';
-import StyleContainer from '../ETL/Styling/Style.vue';
-import UserSelect from '../util/UserSelect.vue';
-import PublicTilesSelect from '../util/PublicTilesSelect.vue';
-import {
-    IconTerminal,
-    IconList,
-    IconCircleArrowLeft
-} from '@tabler/icons-vue';
-import {
-    TablerEnum,
-    TablerInput,
-    TablerLoading,
-    TablerToggle,
-    TablerButton,
-    TablerDelete,
-    TablerIconButton
-} from '@tak-ps/vue-tabler';
-
-const route = useRoute();
-const router = useRouter();
-
-const loading = ref(true);
-const mode = ref('manual');
-const overlay = ref({
-    name: '',
-    url: '',
-    type: 'vector',
-    overlay: true,
-    styles: [],
-    minzoom: 0,
-    maxzoom: 16,
-    frequency: 0,
-    sharing_enabled: true,
-    sharing_token: null,
-    bounds: '-180, -90, 180, 90',
-    center: '0, 0',
-});
-
-const formats = computed(() => {
-    if (overlay.value.type === 'vector') {
-        return [ "mvt" ];
-    } else {
-        return [ "jpeg", "png" ];
-    }
-});
-
-onMounted(async () => {
-    if (route.params.overlay !== 'new') {
-        await fetchOverlay();
-    } else {
-        loading.value = false;
-    }
-});
-
-async function deleteOverlay() {
-    try {
-        loading.value = true;
-
-        await std(`/api/basemap/${overlay.value.id}`, {
-            method: 'DELETE'
-        });
-
-        router.push('/admin/overlay');
-    } catch (err) {
-        loading.value = false;
-        throw err;
-    }
-}
-
-function publicTileSelect(tilejson) {
-    if (tilejson) {
-        if (!overlay.value.name) {
-            overlay.value.name = tilejson.name.replace(/^public\//, "").replace(/\.pmtiles$/, "");
-        }
-
-        overlay.value.url = tilejson.tiles[0].replace(/\?.*$/, '');
-        overlay.value.minzoom = tilejson.minzoom;
-        overlay.value.maxzoom = tilejson.maxzoom;
-        overlay.value.bounds = tilejson.bounds.join(',');
-        overlay.value.center = tilejson.center.slice(0, 2).join(',');
-    } else {
-        overlay.value.url = '';
-    }
-}
-
-async function saveOverlay() {
-    let body = JSON.parse(JSON.stringify(overlay.value));
-
-    body.bounds = body.bounds.split(',').map((b) => {
-        return Number(b);
-    })
-
-    body.center = body.center.split(',').map((b) => {
-        return Number(b);
-    })
-
-    if (body.username) {
-        body.scope = 'user'
-    } else {
-        body.scope = 'server'
-    }
-
-    if (body.frequency) {
-        body.frequency = Number(body.frequency);
-    } else {
-        body.frequency = null;
-    }
-
-    loading.value = true;
-
-    try {
-        if (route.params.overlay === 'new') {
-            const url = stdurl(`/api/basemap`);
-            if (body.username) url.searchParams.append('impersonate', body.username);
-            const ov = await std(url, { method: 'POST', body });
-            ov.bounds = ov.bounds.join(',');
-            ov.center = ov.center.join(',');
-
-            overlay.value = ov;
-
-            router.push(`/admin/overlay/${overlay.value.id}`);
-        } else {
-            const url = stdurl(`/api/basemap/${overlay.value.id}`);
-            if (body.username) url.searchParams.append('impersonate', body.username);
-            const ov = await std(url, { method: 'PATCH', body });
-            ov.bounds = ov.bounds.join(',');
-            ov.center = ov.center.join(',');
-
-            overlay.value = ov;
-        }
-
-        loading.value = false;
-    } catch (err) {
-        loading.value = false;
-        throw err;
-    }
-}
-
-async function fetchOverlay() {
-    loading.value = true;
-    const url = stdurl(`/api/basemap/${route.params.overlay}`);
-    const res = await std(url);
-
-    if (!res.bounds) {
-        res.bounds = '-180, -90, 180, 90';
-    } else {
-        res.bounds = res.bounds.join(',');
-    }
-
-    if (!res.center) {
-        res.center = '0, 0';
-    } else {
-        res.center = res.center.join(',');
-    }
-
-
-    overlay.value = res;
-    loading.value = false;
-}
-</script>

package/src/components/Admin/AdminPalette.vue

@@ -1,214 +0,0 @@
-<template>
-    <div>
-        <div class='card-header'>
-            <h1
-                class='card-title'
-            />
-
-            <h1 class='card-title d-flex align-items-center'>
-                <TablerIconButton
-                    title='Back to List'
-                    @click='router.push(`/admin/palette`)'
-                >
-                    <IconCircleArrowLeft
-                        :size='32'
-                        stroke='1'
-                    />
-                </TablerIconButton>
-
-
-                <span
-                    class='ms-2'
-                    v-text='route.params.palette === "new" ? "New Palette": palette.name'
-                />
-            </h1>
-
-            <div class='ms-auto btn-list'>
-                <TablerIconButton
-                    v-if='disabled'
-                    title='Add Palette Feature'
-                    @click='router.push(`/admin/palette/${route.params.palette}/feature/new`)'
-                >
-                    <IconPlus
-                        :size='32'
-                        stroke='1'
-                    />
-                </TablerIconButton>
-                <TablerDelete
-                    displaytype='icon'
-                    @delete='deletePalette'
-                />
-                <TablerIconButton
-                    v-if='disabled'
-                    title='Edit Palette'
-                    @click='disabled = false'
-                >
-                    <IconPencil
-                        :size='32'
-                        stroke='1'
-                    />
-                </TablerIconButton>
-            </div>
-        </div>
-        <div class='card-body'>
-            <TablerLoading
-                v-if='loading'
-                desc='Loading Palette'
-            />
-            <TablerAlert
-                v-else-if='error'
-                :err='error'
-            />
-            <template v-else-if='!disabled'>
-                <div class='row g-2'>
-                    <div class='col-12'>
-                        <TablerInput
-                            v-model='palette.name'
-                            label='Name'
-                        />
-                    </div>
-                    <div class='col-12 d-flex'>
-                        <div class='ms-auto'>
-                            <button
-                                class='btn btn-primary'
-                                @click='savePalette'
-                            >
-                                Save
-                            </button>
-                        </div>
-                    </div>
-                </div>
-            </template>
-            <template v-else>
-                <TablerNone
-                    v-if='!palette.features.length'
-                    label='No Palette Features'
-                    :create='false'
-                />
-                <template v-else>
-                    <div
-                        v-for='feature of palette.features'
-                        :key='feature.uuid'
-                        class='hover px-2 py-2 cursor-pointer d-flex align-items-center rounded'
-                        @click='router.push(`/admin/palette/${route.params.palette}/feature/${feature.uuid}`)'
-                    >
-                        <IconPoint
-                            v-if='feature.type === "Point"'
-                        />
-                        <IconLine
-                            v-else-if='feature.type === "LineString"'
-                        />
-                        <IconPolygon
-                            v-else-if='feature.type === "Polygon"'
-                        />
-                        <span
-                            class='mx-2'
-                            v-text='feature.name'
-                        />
-                    </div>
-                </template>
-            </template>
-        </div>
-    </div>
-</template>
-
-<script setup lang='ts'>
-import { v4 as randomUUID } from 'uuid';
-import { ref, onMounted } from 'vue';
-import { useRouter, useRoute } from 'vue-router';
-import { std } from '../../../src/std.ts';
-import type { Palette } from '../../../src/types.ts';
-import {
-    TablerNone,
-    TablerInput,
-    TablerAlert,
-    TablerDelete,
-    TablerIconButton,
-    TablerLoading
-} from '@tak-ps/vue-tabler';
-import {
-    IconPlus,
-    IconPoint,
-    IconCircleArrowLeft,
-    IconLine,
-    IconPolygon,
-    IconPencil,
-} from '@tabler/icons-vue'
-
-const route = useRoute();
-const router = useRouter();
-
-const error = ref<Error | undefined>();
-const disabled = ref(true);
-const loading = ref(true);
-
-const palette = ref<Palette>({
-    uuid: randomUUID(),
-    created: new Date().toISOString(),
-    updated: new Date().toISOString(),
-    name: '',
-    features: []
-});
-
-onMounted(async () => {
-    if (route.params.palette !== "new") {
-        await fetchPalette();
-    } else {
-        disabled.value = false
-        loading.value = false;
-    }
-});
-
-async function savePalette() {
-    loading.value = true;
-
-    try {
-        if (route.params.palette === "new") {
-            palette.value = await std(`/api/palette`, {
-                method: 'POST',
-                body: palette.value
-            }) as Palette
-
-            disabled.value = true;
-            router.push(`/admin/palette/${palette.value.uuid}`);
-        } else {
-            palette.value = await std(`/api/palette/${route.params.palette}`, {
-                method: 'PATCH',
-                body: palette.value
-            }) as Palette
-
-            disabled.value = true;
-        }
-        loading.value = false;
-    } catch (err) {
-        loading.value = false;
-        throw err;
-    }
-}
-
-async function deletePalette() {
-    loading.value = true;
-
-    try {
-        await std(`/api/palette/${route.params.palette}`, {
-            method: 'DELETE'
-        })
-
-        router.push('/admin/palette');
-    } catch (err) {
-        loading.value = false;
-        throw err;
-    }
-}
-
-async function fetchPalette() {
-    loading.value = true;
-    try {
-        palette.value = await std(`/api/palette/${route.params.palette}`) as Palette;
-    } catch (err) {
-        error.value = err instanceof Error ? err : new Error(String(err));
-    } finally {
-        loading.value = false;
-    }
-}
-</script>