3DuF/InsertTextDialog.vue.txt at Neptune_Render · CIDARLAB/3DuF · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<template>
    <Dialog title="Insert Text"
        ><v-card-title class="h6">Insert</v-card-title>
        <template #content>
            <form action="#">
                <tr>
                    <td>
                        <v-card-text><p class="text--primary subtitle-1">Text:</p></v-card-text>
                    </td>
                    <td width="125px">
                        <v-text-field></v-text-field>
                    </td>
                    <td>
                        <v-card-text><p class="text--primary subtitle-1">Font Size:</p></v-card-text>
                    </td>
                    <td width="125px">
                        <v-text-field v-model="number" :step="1" type="number"></v-text-field>
                    </td>
                </tr>
                <tr>
                    <td width="100px">
                        <v-card-text></v-card-text>
                    </td>
                    <td>
                        <v-card-text></v-card-text>
                    </td>
                    <td>
                        <v-card-text><p class="text--primary subtitle-1">Select Layer:</p></v-card-text>
                    </td>
                    <td>
                        <v-select :items="items" label="Dropdown"> </v-select>
                    </td>
                </tr>
            </form>
        </template>
        <template v-slot:actions="{ callbacks }">
            <v-spacer />
            <v-col>
                <v-btn class="pa-2" color="red darken-1" dark :style="{ right: '75%', transform: 'translateX(-100%)' }" @click="callbacks.close()">
                    Cancel
                </v-btn>
                <v-spacer />
            </v-col>
            <v-btn class="pa-2" color="green darken-1" dark :style="{ right: '30%', transform: 'translateX(-30%)' }" @click="callbacks.close()">
                Save
            </v-btn>
        </template>
    </Dialog>
</template>
<script>
import Dialog from "@/components/base/Dialog.vue";
import Registry from "@/app/core/registry.ts";
export default {
    components: {
        Dialog
    },
    data: () => ({
        items: ["Level1- FLOW", "Level1- CONTROL", "Level1- INTEGRATION"]
    }),
    methods: {
        onSave() {
            console.log("Saved data for Edit Device");
        },
        onClick()
            Registry.viewManager.activateTool("InsertTextTool");
            Registry.text = document.getElementById("inserttext_textinput").value;
        }
    }
};
</script>