@tak-ps/cloudtak 12.54.0 → 12.94.0

package/src/components/ETL/Layer/utils/StyleTemplate.vue

@@ -1,97 +0,0 @@
-<template>
-    <Mentionable
-        :keys='keys'
-        :items='schemalist'
-    >
-        <TablerInput
-            v-model='template'
-            :label='props.label'
-            :disabled='props.disabled'
-            :description='props.description'
-            :rows='templateRows'
-            :placeholder='props.placeholder'
-        />
-
-        <template #no-result>
-            <div class='subheader mx-2 my-2 text-center'>
-                No Results
-            </div>
-        </template>
-
-        <template #item-{='{ item }'>
-            <div
-                class='subheader py-2 px-2 text-center cursor-pointer hover rounded'
-                v-text='item.label'
-            />
-        </template>
-    </Mentionable>
-</template>
-
-<script setup>
-import { ref, computed, watch } from 'vue';
-import { Mentionable } from 'vue-mention';
-import { TablerInput } from '@tak-ps/vue-tabler';
-
-// Define props for the component
-const props = defineProps({
-    modelValue: {
-        type: String,
-        required: true
-    },
-    schema: {
-        type: Object,
-        required: true
-    },
-    disabled: {
-        type: Boolean,
-        default: false
-    },
-    label: {
-        type: String,
-        default: undefined
-    },
-    placeholder: {
-        type: String,
-        default: undefined
-    },
-    description: {
-        type: String,
-        default: undefined
-    },
-    rows: {
-        type: Number,
-        default: undefined
-    }
-});
-
-const emit = defineEmits(['update:modelValue']);
-
-const keys = ref(["{"]);
-const template = ref(props.modelValue);
-
-const templateRows = computed(() => {
-    if (props.rows) return props.rows;
-
-    const rows = template.value.split('\n').length;
-    if (rows < 2) return 2;
-    return rows;
-});
-
-const schemalist = computed(() => {
-    if (!props.schema || !props.schema.properties) return [];
-    return Object.keys(props.schema.properties).map((ele) => {
-        return {
-            value: `{${ele}}}`,
-            label: ele
-        };
-    });
-});
-
-watch(() => props.modelValue, (newValue) => {
-    template.value = newValue;
-});
-
-watch(template, (newValue) => {
-    emit('update:modelValue', newValue);
-});
-</script>

package/src/components/ETL/Layer/utils/TaskModal.vue

@@ -1,217 +0,0 @@
-<script setup>
-import { std, stdurl } from '/src/std.ts';
-import {
-    TablerMarkdown,
-    TablerLoading,
-    TablerInput,
-    TablerPager,
-    TablerModal,
-    TablerNone,
-    TablerEnum,
-} from '@tak-ps/vue-tabler';
-import { ref, reactive, watch, onMounted } from 'vue';
-
-defineProps({
-    task: {
-        type: String,
-        default: ''
-    }
-});
-
-const emit = defineEmits([
-    'task',
-    'close'
-]);
-
-const loading = reactive({
-    version: false,
-    tasks: true,
-    task: false,
-});
-
-const current = ref(null);
-const version = ref('');
-const versions = ref([]);
-
-const paging = reactive({
-    filter: '',
-    limit: 10,
-    page: 0
-});
-
-const list = reactive({
-    total: 0,
-    items: {}
-});
-
-async function fetchTask() {
-    if (!current.value) {
-        versions.value = [];
-    } else {
-        loading.task = true;
-        const task = await std(`/api/task/raw/${current.value.prefix}`);
-        versions.value = task.versions;
-
-        if (versions.value.length) {
-            version.value = versions.value[0];
-        }
-
-        if (current.value.readme) {
-            const readme = await std(`/api/task/${current.value.id}/readme`);
-            current.value.readme = readme.body;
-        }
-    }
-    loading.task = false;
-}
-
-async function fetchTasks() {
-    loading.tasks = true;
-    const url = stdurl('/api/task');
-
-    url.searchParams.append('filter', paging.filter);
-    url.searchParams.append('limit', paging.limit);
-    url.searchParams.append('page', paging.page);
-
-    const res = await std(url);
-    list.total = res.total;
-    list.items = res.items;
-
-
-    if (list.total && list.items.length) {
-        current.value = list.items[0];
-    }
-
-    loading.tasks = false;
-}
-
-watch(current, fetchTask);
-
-watch(paging, fetchTasks, { deep: true });
-
-onMounted(() => {
-    fetchTasks();
-});
-
-</script>
-
-<template>
-    <TablerModal size='xl'>
-        <button
-            type='button'
-            class='btn-close'
-            aria-label='Close'
-            @click='emit("close")'
-        />
-        <div class='modal-status bg-yellow' />
-        <div class='modal-body py-4'>
-            <div class='row g-0'>
-                <div class='col-12 col-md-3 border-end'>
-                    <div class='card-header'>
-                        <div class='card-title subheader'>
-                            Task Selection
-                        </div>
-                    </div>
-
-                    <div class='pb-2'>
-                        <TablerInput
-                            v-model='paging.filter'
-                            placeholder='Filter Tasks'
-                        />
-                    </div>
-
-                    <TablerLoading
-                        v-if='loading.tasks'
-                        desc='Loading Tasks'
-                    />
-                    <template v-else>
-                        <div class='card-body'>
-                            <div
-                                role='menu'
-                                class='list-group'
-                            >
-                                <span
-                                    v-for='t of list.items'
-                                    :key='t.prefix'
-                                    tabindex='0'
-                                    role='menuitem'
-                                    class='list-group-item list-group-item-action d-flex align-items-center'
-                                    :class='{
-                                        "active": current && current.prefix === t.prefix,
-                                        "cursor-pointer": !current || current.prefix !== t.prefix
-                                    }'
-                                    @click='current = t'
-                                >
-                                    <span
-                                        class='mx-3'
-                                        v-text='t.name'
-                                    />
-                                </span>
-                            </div>
-                        </div>
-                    </template>
-
-                    <div class='col-lg-12 py-2 d-flex'>
-                        <div class='ms-auto'>
-                            <TablerPager
-                                v-if='list.total > paging.limit'
-                                :page='paging.page'
-                                :total='list.total'
-                                :limit='paging.limit'
-                                @page='paging.page = $event'
-                            />
-                        </div>
-                    </div>
-                </div>
-                <div class='col-12 col-md-9 position-relative px-4'>
-                    <TablerLoading
-                        v-if='loading.task'
-                        desc='Loading Task'
-                    />
-                    <TablerNone
-                        v-else-if='!current'
-                        :create='false'
-                    />
-                    <div v-else>
-                        <div class='card-header d-flex align-items-center'>
-                            <div
-                                class='card-title subheader'
-                                v-text='`${current.name} (${current.prefix})`'
-                            />
-                        </div>
-                        <div class='card-body'>
-                            <TablerMarkdown
-                                class='card-body'
-                                :markdown='current.readme'
-                            />
-                        </div>
-                        <div class='card-footer'>
-                            <div class='row g-2'>
-                                <template v-if='versions.length'>
-                                    <div class='col-md-8'>
-                                        <TablerEnum
-                                            v-model='version'
-                                            :options='versions'
-                                        />
-                                    </div>
-                                    <div class='col-md-4'>
-                                        <button
-                                            class='btn btn-primary w-100'
-                                            style='margin-top: 8px;'
-                                            @click='emit("task", `${current.prefix}-v${version}`)'
-                                        >
-                                            Select
-                                        </button>
-                                    </div>
-                                </template>
-                                <template v-else>
-                                    Task is registered but contains no active versions
-                                </template>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </TablerModal>
-</template>
-