mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
1.4 KiB
36 lines
1.4 KiB
2 years ago
|
<script>
|
||
|
import cell from '@/components/project/spreadsheet/mixins/cell'
|
||
|
|
||
|
export default {
|
||
|
name: 'FieldsMenuItem',
|
||
|
mixins: [cell],
|
||
|
props: {
|
||
|
sqlUi: [Object, Function],
|
||
|
column: Object,
|
||
|
},
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<template>
|
||
|
<div>
|
||
|
<v-icon v-if="column.pk" color="warning" x-small class="mr-1"> mdi-key-variant </v-icon>
|
||
|
<v-icon v-else-if="uiDatatypeIcon" small class="mr-1">
|
||
|
{{ uiDatatypeIcon }}
|
||
|
</v-icon>
|
||
|
|
||
|
<v-icon v-else-if="isForeignKey" color="purple" small class="mr-1"> mdi-link-variant </v-icon>
|
||
|
|
||
|
<span v-else-if="isInt" class="font-weight-bold mr-1" style="font-size: 15px">#</span>
|
||
|
<v-icon v-else-if="isFloat" color="grey" class="mr-1 mt-n1"> mdi-decimal </v-icon>
|
||
|
<v-icon v-else-if="isDate" color="grey" small class="mr-1"> mdi-calendar </v-icon>
|
||
|
<v-icon v-else-if="isDateTime" color="grey" small class="mr-1"> mdi-calendar-clock </v-icon>
|
||
|
<v-icon v-else-if="isSet" color="grey" small class="mr-1"> mdi-checkbox-multiple-marked </v-icon>
|
||
|
<v-icon v-else-if="isEnum" color="grey" small class="mr-1"> mdi-radiobox-marked </v-icon>
|
||
|
<v-icon v-else-if="isBoolean" color="grey" small class="mr-1"> mdi-check-box-outline </v-icon>
|
||
|
<v-icon v-else-if="isString" color="grey" class=""> mdi-alpha-a </v-icon>
|
||
|
<v-icon v-else-if="isTextArea" color="grey" small class="mr-1"> mdi-card-text-outline </v-icon>
|
||
|
</div>
|
||
|
</template>
|
||
|
|
||
|
<style scoped></style>
|