@tak-ps/cloudtak 12.54.0 → 12.55.0

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

@@ -1,77 +0,0 @@
-<template>
-    <TablerModal>
-        <button
-            type='button'
-            class='btn-close'
-            aria-label='Close'
-            @click='emit("close")'
-        />
-        <div class='modal-status bg-yellow' />
-        <div class='modal-header'>
-            <span class='modal-title'>Row Editor</span>
-            <div class='ms-auto'>
-                <TablerDelete
-                    v-if='!disabled'
-                    displaytype='icon'
-                    @delete='emit("remove")'
-                />
-            </div>
-        </div>
-        <div
-            v-if='!loading'
-            class='modal-body py-4'
-        >
-            <TablerSchema
-                v-model='row'
-                :schema='schema'
-                :disabled='disabled'
-            />
-
-            <button
-                v-if='!disabled'
-                class='btn btn-primary w-100 mt-4'
-                @click='emit("done", row)'
-            >
-                Done
-            </button>
-        </div>
-    </TablerModal>
-</template>
-
-<script setup>
-import { ref, onMounted } from 'vue';
-import {
-    TablerModal,
-    TablerSchema,
-    TablerDelete
-} from '@tak-ps/vue-tabler';
-
-const props = defineProps({
-    edit: {
-        type: Object,
-        required: true
-    },
-    disabled: {
-        type: Boolean,
-        default: true
-    },
-    schema: {
-        type: Object,
-        required: true
-    },
-});
-
-const emit = defineEmits([
-    'close',
-    'remove',
-    'done'
-]);
-
-const loading = ref(true);
-const row = ref({});
-
-onMounted(() => {
-    row.value = Object.assign(row.value, JSON.parse(JSON.stringify(props.edit)));
-    loading.value = false;
-})
-</script>

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

@@ -1,38 +0,0 @@
-<template>
-    <div
-        class='d-flex justify-content-center align-items-center'
-        style='width: 36px;'
-    >
-        <template v-if='!props.layer.enabled'>
-            <IconPlayerPause
-                :size='32'
-                stroke='1'
-            />
-        </template>
-        <template v-else>
-            <span
-                class='status-indicator status-indicator-animated'
-                :class='{
-                    "status-green": props.layer.status === "healthy",
-                    "status-red": props.layer.status === "alarm",
-                    "status-dark": props.layer.status === "unknown",
-                }'
-            >
-                <span class='status-indicator-circle' />
-                <span class='status-indicator-circle' />
-                <span class='status-indicator-circle' />
-            </span>
-        </template>
-    </div>
-</template>
-
-<script setup lang='ts'>
-import type { ETLLayer } from '../../../../types.ts';
-import {
-    IconPlayerPause
-} from '@tabler/icons-vue';
-
-const props = defineProps<{
-    layer: ETLLayer
-}>()
-</script>

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

@@ -1,83 +0,0 @@
-<template>
-    <TablerModal>
-        <button
-            type='button'
-            class='btn-close'
-            aria-label='Close'
-            @click='emit("close")'
-        />
-        <div class='modal-status bg-yellow' />
-        <div class='modal-header'>
-            <span class='modal-title'>Edit Link</span>
-        </div>
-        <div class='modal-body py-4'>
-            <StyleTemplate
-                v-model='link.remarks'
-                label='Link Name'
-                :schema='props.schema'
-                class='py-1'
-            />
-            <StyleTemplate
-                v-model='link.url'
-                label='Link URL'
-                :schema='props.schema'
-                class='py-1'
-            />
-
-            <button
-                v-if='props.edit'
-                class='btn btn-primary w-100 mt-4'
-                @click='done'
-            >
-                Update
-            </button>
-            <button
-                v-else
-                class='btn btn-primary w-100 mt-4'
-                @click='done'
-            >
-                Create
-            </button>
-        </div>
-    </TablerModal>
-</template>
-
-<script setup>
-import { ref, onMounted } from 'vue';
-import StyleTemplate from './StyleTemplate.vue';
-import {
-    TablerModal,
-} from '@tak-ps/vue-tabler';
-
-const props = defineProps({
-    edit: {
-        type: Object,
-        default: undefined
-    },
-    schema: {
-        type: Object,
-        required: true
-    }
-});
-
-const emit = defineEmits([
-    'close',
-    'done'
-]);
-
-const link = ref({
-    remarks: '',
-    url: '',
-});
-
-onMounted(() => {
-    if (props.edit) {
-        link.value = Object.assign(link.value, JSON.parse(JSON.stringify(props.edit)));
-    }
-});
-
-function done() {
-    emit('done', link.value);
-}
-</script>
-

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

@@ -1,139 +0,0 @@
-<template>
-    <div class='col-12'>
-        <div class='col-12 d-flex align-items-center'>
-            <label v-text='props.label' />
-
-            <div
-                v-if='!props.disabled'
-                class='ms-auto btn-list'
-            >
-                <IconPlus
-                    v-tooltip='"Add Link"'
-                    :size='20'
-                    stroke='1'
-                    class='cursor-pointer'
-                    @click='create = true'
-                />
-            </div>
-        </div>
-
-        <TablerNone
-            v-if='!links.length'
-            :create='false'
-            :compact='true'
-            label='Link Overrides'
-        />
-        <div
-            v-else
-            class='table-responsive'
-        >
-            <table
-                class='table card-table table-vcenter'
-                :class='{
-                    "cursor-pointer": !props.disabled
-                }'
-            >
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Link</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr
-                        v-for='(link, it) in links'
-                        :key='link.name'
-                        @click='edit(link)'
-                    >
-                        <td v-text='link.remarks' />
-                        <td>
-                            <div class='d-flex align-items-center'>
-                                <span v-text='link.url' />
-                                <div class='ms-auto'>
-                                    <IconTrash
-                                        v-if='!props.disabled'
-                                        :size='32'
-                                        stroke='1'
-                                        class='cursor-pointer'
-                                        @click.stop='links.splice(it, 1)'
-                                    />
-                                </div>
-                            </div>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>
-
-    <StyleLinkModal
-        v-if='create'
-        :edit='editLink'
-        :schema='props.schema'
-        @done='push($event)'
-        @close='create = false'
-    />
-</template>
-
-<script setup>
-import { ref, watch } from 'vue';
-import {
-    TablerNone
-} from '@tak-ps/vue-tabler';
-import {
-    IconPlus,
-    IconTrash
-} from '@tabler/icons-vue';
-import StyleLinkModal from './StyleLinkModal.vue';
-
-const props = defineProps({
-    modelValue: {
-        type: Array,
-        required: true
-    },
-    disabled: {
-        type: Boolean,
-        default: true
-    },
-    schema: {
-        type: Object,
-        required: true
-    },
-    label: {
-        type: String,
-        default: 'Link Override'
-    }
-});
-
-const emit = defineEmits(['update:modelValue']);
-
-const create = ref(false);
-const editLink = ref(false);
-const links = ref(props.modelValue);
-
-watch(() => props.modelValue, () => {
-    links.value = props.modelValue;
-}, {
-    deep: true
-});
-
-function edit(link) {
-    if (props.disabled) return;
-    editLink.value = link;
-    create.value = true;
-}
-
-function push(link) {
-    create.value = false;
-
-    if (!editLink.value) {
-        links.value.push(link);
-    } else {
-        Object.assign(editLink.value, link);
-    }
-
-    emit('update:modelValue', links.value);
-
-    editLink.value = null;
-}
-</script>