@tak-ps/cloudtak 12.54.0 → 12.55.0

package/src/components/ETL/Layer/LayerIncomingEnvironmentArcGIS.vue

@@ -1,354 +0,0 @@
-<template>
-    <div class='row g-2 mx-2 my-2'>
-        <div class='col-12 mb-3'>
-            <div
-                class='btn-group w-100'
-                role='group'
-            >
-                <input
-                    id='agol'
-                    type='radio'
-                    class='btn-check'
-                    name='esri-type'
-                    autocomplete='off'
-                    :disabled='disabled'
-                    :checked='type === "agol"'
-                    @click='type = "agol"'
-                >
-                <label
-                    for='agol'
-                    type='button'
-                    class='btn'
-                >ArcGIS Online</label>
-
-                <input
-                    id='portal'
-                    type='radio'
-                    class='btn-check'
-                    name='esri-type'
-                    autocomplete='off'
-                    :disabled='disabled'
-                    :checked='type === "portal"'
-                    @click='type = "portal"'
-                >
-                <label
-                    for='portal'
-                    type='button'
-                    class='btn'
-                >ArcGIS Enterprise Portal</label>
-
-                <input
-                    id='server'
-                    type='radio'
-                    class='btn-check'
-                    name='esri-type'
-                    autocomplete='off'
-                    :disabled='disabled'
-                    :checked='type === "server"'
-                    @click='type = "server"'
-                >
-                <label
-                    for='server'
-                    type='button'
-                    class='btn'
-                >ArcGIS Server</label>
-            </div>
-        </div>
-
-        <template v-if='type === "agol"'>
-            <div class='col-12'>
-                <TablerInput
-                    v-model='environment.ARCGIS_PORTAL'
-                    label='ArcGIS Portal URL (Example: https://example.com/portal/sharing/rest)'
-                    :disabled='disabled'
-                />
-            </div>
-
-            <div
-                v-if='environment.ARCGIS_URL'
-                class='col-12'
-            >
-                <TablerInput
-                    v-model='environment.ARCGIS_URL'
-                    label='ArcGIS Layer URL'
-                    :disabled='disabled'
-                />
-            </div>
-            <div class='col-12 col-md-6 mt-3'>
-                <TablerInput
-                    v-model='environment.ARCGIS_USERNAME'
-                    label='ArcGIS Username'
-                    :disabled='disabled'
-                />
-            </div>
-            <div class='col-12 col-md-6 mt-3'>
-                <TablerInput
-                    v-model='environment.ARCGIS_PASSWORD'
-                    type='password'
-                    label='ArcGIS Password'
-                    :disabled='disabled'
-                />
-            </div>
-        </template>
-        <template v-else-if='type === "portal"'>
-            <div class='col-12'>
-                <TablerInput
-                    v-model='environment.ARCGIS_PORTAL'
-                    label='ArcGIS Portal URL (Example: https://example.com/portal/sharing/rest)'
-                    :disabled='disabled'
-                />
-            </div>
-
-            <div
-                v-if='environment.ARCGIS_URL'
-                class='col-12'
-            >
-                <TablerInput
-                    v-model='environment.ARCGIS_URL'
-                    label='ArcGIS Layer URL'
-                    :disabled='disabled'
-                />
-            </div>
-            <div class='col-12 col-md-6 mt-3'>
-                <TablerInput
-                    v-model='environment.ARCGIS_USERNAME'
-                    label='ArcGIS Username'
-                    :disabled='disabled'
-                />
-            </div>
-            <div class='col-12 col-md-6 mt-3'>
-                <TablerInput
-                    v-model='environment.ARCGIS_PASSWORD'
-                    type='password'
-                    label='ArcGIS Password'
-                    :disabled='disabled'
-                />
-            </div>
-        </template>
-        <template v-else-if='type === "server"'>
-            <div class='col-12'>
-                <TablerInput
-                    v-model='environment.ARCGIS_URL'
-                    label='ArcGIS Layer URL'
-                    :disabled='disabled'
-                />
-            </div>
-        </template>
-
-        <label
-            class='subheader mt-3 cursor-pointer'
-            @click='advanced = !advanced'
-        >
-            <IconSquareChevronRight
-                v-if='!advanced'
-                :size='32'
-                stroke='1'
-            />
-            <IconChevronDown
-                v-else
-                :size='32'
-                stroke='1'
-            />
-            Advanced Options
-        </label>
-
-        <div
-            v-if='advanced'
-            class='col-12'
-        >
-            <div class='row g-2'>
-                <div class='col-2'>
-                    <TablerEnum
-                        v-model='environment.ARCGIS_QUERY_STRATEGY'
-                        default='Query'
-                        :options='["Query", "QueryTopFeatures"]'
-                        label='Strategy'
-                        :disabled='disabled || !environment.ARCGIS_URL'
-                    />
-                </div>
-                <div class='col-10 d-flex'>
-                    <div class='w-100'>
-                        <TablerInput
-                            v-model='environment.ARCGIS_QUERY'
-                            label='ArcGIS SQL Query'
-                            :disabled='disabled || !environment.ARCGIS_URL'
-                        />
-                    </div>
-                    <button
-                        v-if='!disabled && environment.ARCGIS_URL'
-                        class='btn'
-                        style='height: 40px; margin-left: 8px; margin-top: 28px;'
-                        @click='filterModal = true'
-                    >
-                        <IconFilter
-                            :size='32'
-                            stroke='1'
-                        /> Query Editor
-                    </button>
-                </div>
-                <div class='col-12'>
-                    <div class='col-12 d-flex align-items-center'>
-                        <label class='mx-2'>Custom URL Parameters</label>
-                        <div class='ms-auto'>
-                            <TablerIconButton
-                                v-if='!disabled'
-                                title='Add Parameter'
-                                @click='Array.isArray(environment.ARCGIS_PARAMS) ? environment.ARCGIS_PARAMS.push({ Key: "", Value: "" }) : environment.ARCGIS_PARAMS = [{ Key: "", Value: "" }]'
-                            >
-                                <IconPlus stroke='1' />
-                            </TablerIconButton>
-                        </div>
-                    </div>
-
-                    <TablerNone
-                        v-if='!environment.ARCGIS_PARAMS || environment.ARCGIS_PARAMS.length === 0'
-                        label='Custom Params'
-                        :compact='true'
-                        :create='false'
-                    />
-                    <template v-else>
-                        <div
-                            v-for='(param, pit) of environment.ARCGIS_PARAMS'
-                            :key='pit'
-                            class='row mt-2'
-                        >
-                            <div class='col-md-6'>
-                                <TablerInput
-                                    v-model='param.Key'
-                                    :disabled='disabled'
-                                    placeholder='Param Key'
-                                />
-                            </div>
-                            <div class='col-md-6 d-flex align-items-center'>
-                                <TablerInput
-                                    v-model='param.Value'
-                                    :style='disabled ? "width: 100%" : "width: calc(100% - 32px)"'
-                                    :disabled='disabled'
-                                    placeholder='Param Value'
-                                />
-                                <TablerDelete
-                                    v-if='!disabled'
-                                    class='mx-2'
-                                    displaytype='icon'
-                                    @delete='environment.ARCGIS_PARAMS.splice(pit, 1)'
-                                />
-                            </div>
-                        </div>
-                    </template>
-                </div>
-            </div>
-        </div>
-        <div
-            v-if='type !== "server"'
-            class='col-md-12 mt-3'
-        >
-            <template v-if='!esriView'>
-                <div class='d-flex'>
-                    <div class='ms-auto'>
-                        <a
-                            class='cursor-pointer btn btn-secondary'
-                            @click='esriView = true;'
-                        >Connect</a>
-                    </div>
-                </div>
-            </template>
-            <template v-else>
-                <EsriPortal
-                    :disabled='disabled'
-                    :url='environment.ARCGIS_PORTAL'
-                    :readonly='true'
-                    :username='environment.ARCGIS_USERNAME'
-                    :password='environment.ARCGIS_PASSWORD'
-                    :layer='environment.ARCGIS_URL'
-                    @layer='environment.ARCGIS_URL = $event'
-                    @close='esriView = false'
-                />
-            </template>
-        </div>
-
-        <EsriFilter
-            v-if='filterModal'
-            v-model='environment.ARCGIS_QUERY'
-            :token='environment.ARCGIS_TOKEN'
-            :layer='environment.ARCGIS_URL'
-            @close='filterModal = false'
-        />
-    </div>
-</template>
-
-<script setup>
-import { ref, watch } from 'vue';
-import {
-    TablerIconButton,
-    TablerEnum,
-    TablerDelete,
-    TablerInput,
-    TablerNone,
-} from '@tak-ps/vue-tabler';
-import EsriPortal from '../../util/EsriPortal.vue';
-import EsriFilter from '../../util/EsriFilter.vue';
-import {
-    IconPlus,
-    IconSquareChevronRight,
-    IconChevronDown,
-    IconFilter,
-} from '@tabler/icons-vue'
-
-const props = defineProps({
-    modelValue: {
-        type: Object,
-        required: true
-    },
-    disabled: {
-        type: Boolean,
-        default: true
-    }
-});
-
-const emit = defineEmits(['update:modelValue']);
-
-let initialType = 'agol';
-if (!props.modelValue.ARCGIS_PORTAL && !props.modelValue.ARCGIS_USERNAME) {
-    initialType = 'server';
-} else if (props.modelValue.ARCGIS_PORTAL && props.modelValue.ARCGIS_PORTAL.includes('arcgis.com') && props.modelValue.ARCGIS_USERNAME) {
-    initialType = 'agol';
-} else if (props.modelValue.ARCGIS_PORTAL && props.modelValue.ARCGIS_USERNAME) {
-    initialType = 'portal';
-}
-
-const type = ref(initialType);
-const advanced = ref(false);
-const esriView = ref(false);
-const environment = ref(JSON.parse(JSON.stringify(props.modelValue)));
-const filterModal = ref(false);
-
-if (!Array.isArray(environment.value.ARCGIS_PARAMS)) {
-    environment.value.ARCGIS_PARAMS = [];
-}
-
-if (!environment.value.ARCGIS_QUERY_STRATEGY) {
-    environment.value.ARCGIS_QUERY_STRATEGY = 'Query';
-}
-
-watch(type, () => {
-    delete environment.value.ARCGIS_URL;
-    delete environment.value.ARCGIS_PORTAL;
-    delete environment.value.ARCGIS_USERNAME;
-    delete environment.value.ARCGIS_PASSWORD;
-    environment.value.ARCGIS_QUERY = '';
-    environment.value.ARCGIS_QUERY_STRATEGY = 'Query';
-    environment.value.ARCGIS_PARAMS = [];
-    delete environment.value.ARCGIS_TOKEN;
-    delete environment.value.ARCGIS_EXPIRES;
-});
-
-watch(() => props.modelValue, (newValue) => {
-    if (JSON.stringify(newValue) === JSON.stringify(environment.value)) return;
-    environment.value = JSON.parse(JSON.stringify(newValue));
-}, { deep: true });
-
-watch(environment, (newValue) => {
-    emit('update:modelValue', newValue);
-}, { deep: true });
-</script>
-

package/src/components/ETL/Layer/LayerIncomingSchema.vue

@@ -1,138 +0,0 @@
-<template>
-    <div>
-        <div class='card-header'>
-            <h3 class='card-title'>
-                Layer Schema
-            </h3>
-        </div>
-
-        <TablerAlert
-            v-if='!props.capabilities'
-            title='Missing Capabilities'
-            :err='new Error("Layer failed to return an incoming input schema on the Capabilities object")'
-        />
-        <TablerAlert
-            v-else-if='!props.capabilities.incoming.schema.output || props.capabilities.incoming.schema.outputError'
-            title='Missing Output Schema'
-            :err='new Error(props.capabilities.incoming.schema.outputError.message) || new Error("Layer failed to return an output schema on the Capabilities object")'
-        />
-        <TablerNone
-            v-else-if='!schema.length'
-            label='Schema'
-            :create='false'
-        />
-        <div
-            v-else
-            class='table-responsive'
-        >
-            <table class='table table-hover card-table table-vcenter'>
-                <thead>
-                    <tr>
-                        <th>Property Name</th>
-                        <th>Type</th>
-                        <th>Format</th>
-                        <th>Attributes</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr
-                        v-for='field in schema'
-                        :key='field.name'
-                    >
-                        <td>
-                            <div class='d-flex align-items-center'>
-                                <span class='mx-3'>
-                                    <template v-if='field.type === "string"'>
-                                        <IconAlphabetLatin
-                                            :size='32'
-                                            stroke='1'
-                                        />
-                                    </template>
-                                    <template v-else-if='field.type === "number"'>
-                                        <IconDecimal
-                                            :size='32'
-                                            stroke='1'
-                                        />
-                                    </template>
-                                    <template v-else-if='field.type === "integer"'>
-                                        <IconSort09
-                                            :size='32'
-                                            stroke='1'
-                                        />
-                                    </template>
-                                    <template v-else>
-                                        <IconBinary
-                                            :size='32'
-                                            stroke='1'
-                                        />
-                                    </template>
-                                </span>
-                                <span v-text='field.name' />
-                            </div>
-                        </td>
-                        <td v-text='field.type' />
-                        <td v-text='field.format' />
-                        <td>
-                            <span
-                                v-if='field.required'
-                                style='height: 20px;'
-                                class='badge mx-1 mb-1 bg-red text-white'
-                            >Required</span>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>
-</template>
-
-<script setup>
-import { ref, watch, onMounted} from 'vue';
-import {
-    TablerNone,
-    TablerAlert
-} from '@tak-ps/vue-tabler';
-import {
-    IconAlphabetLatin,
-    IconSort09,
-    IconDecimal,
-    IconBinary,
-} from '@tabler/icons-vue'
-
-const props = defineProps({
-    layer: {
-        type: Object,
-        required: true
-    },
-    capabilities: {
-        type: Object,
-        required: true
-    }
-});
-
-const schema = ref([]);
-
-watch(props.capabilities, () => {
-    processCapabilities();
-})
-
-onMounted(() => {
-    processCapabilities();
-});
-
-function processCapabilities() {
-    schema.value.splice(0, schema.value.length);
-    if (!props.capabilities) return;
-
-    if (props.capabilities.incoming.schema.output) {
-    console.error(props.capabilities.incoming.schema.output);
-        for (const name in props.capabilities.incoming.schema.output.properties) {
-            schema.value.push({
-                name,
-                required: props.capabilities.incoming.schema.output.required.includes(name),
-                ...props.capabilities.incoming.schema.output.properties[name]
-            });
-        }
-    }
-}
-</script>