mirror of https://github.com/nocodb/nocodb
Daniel Spaude
2 years ago
22 changed files with 4501 additions and 209 deletions
@ -0,0 +1,66 @@
|
||||
<script setup lang="ts"> |
||||
import { UITypes } from 'nocodb-sdk' |
||||
import type { SelectProps } from 'ant-design-vue' |
||||
import { useVModel } from '#imports' |
||||
|
||||
const props = defineProps<{ |
||||
value: any |
||||
}>() |
||||
const emit = defineEmits(['update:value']) |
||||
|
||||
const meta = inject(MetaInj, ref()) |
||||
|
||||
const activeView = inject(ActiveViewInj, ref()) |
||||
|
||||
const reloadDataHook = inject(ReloadViewDataHookInj)! |
||||
|
||||
const { fields, metaColumnById } = useViewColumns(activeView, meta, () => reloadDataHook.trigger()) |
||||
|
||||
const vModel = useVModel(props, 'value', emit) |
||||
|
||||
const { column } = useColumnCreateStoreOrThrow() |
||||
|
||||
const allowedColumnTypesForQrValue = [UITypes.Formula, UITypes.SingleLineText, UITypes.LongText] as string[] |
||||
|
||||
const columnsAllowedAsQrValue = computed<SelectProps['options']>(() => { |
||||
return fields.value |
||||
?.filter((el) => el.fk_column_id && allowedColumnTypesForQrValue.includes(metaColumnById.value[el.fk_column_id].uidt)) |
||||
.map((field) => { |
||||
return { |
||||
value: field.fk_column_id, |
||||
label: field.title, |
||||
} |
||||
}) |
||||
}) |
||||
|
||||
// set default value |
||||
vModel.value.fk_qr_value_column_id = (column?.value?.colOptions as Record<string, any>)?.fk_qr_value_column_id || '' |
||||
// console.log('vModel.value.fk_qr_value_column_id', vModel.value.fk_qr_value_column_id) |
||||
|
||||
const jsonstr = computed(() => { |
||||
return JSON.stringify(vModel.value, null, 2) |
||||
}) |
||||
</script> |
||||
|
||||
<template> |
||||
<a-row> |
||||
<a-col :span="24"> |
||||
<textarea v-model="jsonstr" rows="8" cols="40"></textarea> |
||||
<div> |
||||
<span class="font-bold"> {{ $t('labels.chooseQrValueColumn') }}</span> |
||||
<a-divider class="!my-2" /> |
||||
</div> |
||||
<div class="nc-fields-list py-1"> |
||||
<div class="grouping-field"> |
||||
<a-select |
||||
v-model:value="vModel.fk_qr_value_column_id" |
||||
class="w-full nc-kanban-grouping-field-select" |
||||
:options="columnsAllowedAsQrValue" |
||||
placeholder="Select a Grouping Field" |
||||
@click.stop |
||||
/> |
||||
</div> |
||||
</div> |
||||
</a-col> |
||||
</a-row> |
||||
</template> |
||||
@ -0,0 +1,15 @@
|
||||
<script setup lang="ts"> |
||||
import { useQRCode } from '@vueuse/integrations/useQRCode' |
||||
|
||||
const value = inject(CellValueInj) |
||||
|
||||
const qrCode = |
||||
value?.value && |
||||
useQRCode(value?.value, { |
||||
width: 150, |
||||
}) |
||||
</script> |
||||
|
||||
<template> |
||||
<img v-if="qrCode" :src="qrCode" alt="QR Code" class="qr-code" /> |
||||
</template> |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,26 @@
|
||||
import Knex from 'knex'; |
||||
import { MetaTable } from '../../utils/globals'; |
||||
|
||||
const up = async (knex: Knex) => { |
||||
await knex.schema.createTable(MetaTable.COL_QRCODE, (table) => { |
||||
table.string('id', 20).primary().notNullable(); |
||||
|
||||
table.string('fk_column_id', 20); |
||||
table.foreign('fk_column_id').references(`${MetaTable.COLUMNS}.id`); |
||||
|
||||
table.string('fk_qr_value_column_id', 20); |
||||
table |
||||
.foreign('fk_qr_value_column_id') |
||||
.references(`${MetaTable.COLUMNS}.id`); |
||||
|
||||
table.boolean('deleted'); |
||||
table.float('order'); |
||||
table.timestamps(true, true); |
||||
}); |
||||
}; |
||||
|
||||
const down = async (knex: Knex) => { |
||||
await knex.schema.dropTable(MetaTable.COL_QRCODE); |
||||
}; |
||||
|
||||
export { up, down }; |
||||
@ -0,0 +1,68 @@
|
||||
import Noco from '../Noco'; |
||||
import { CacheGetType, CacheScope, MetaTable } from '../utils/globals'; |
||||
import NocoCache from '../cache/NocoCache'; |
||||
import { extractProps } from '../meta/helpers/extractProps'; |
||||
|
||||
export default class QrCodeColumn { |
||||
fk_column_id: string; |
||||
fk_qr_value_column_id: string; |
||||
|
||||
constructor(data: Partial<QrCodeColumn>) { |
||||
Object.assign(this, data); |
||||
} |
||||
|
||||
public static async insert( |
||||
data: Partial<QrCodeColumn>, |
||||
ncMeta = Noco.ncMeta |
||||
) { |
||||
// BOOKMARK
|
||||
await ncMeta.metaInsert2(null, null, MetaTable.COL_QRCODE, { |
||||
fk_column_id: data.fk_column_id, |
||||
fk_qr_value_column_id: data.fk_qr_value_column_id, |
||||
}); |
||||
|
||||
return this.read(data.fk_column_id, ncMeta); |
||||
} |
||||
public static async read(columnId: string, ncMeta = Noco.ncMeta) { |
||||
let column = |
||||
columnId && |
||||
(await NocoCache.get( |
||||
`${CacheScope.COL_QRCODE}:${columnId}`, |
||||
CacheGetType.TYPE_OBJECT |
||||
)); |
||||
if (!column) { |
||||
column = await ncMeta.metaGet2( |
||||
null, //,
|
||||
null, //model.db_alias,
|
||||
MetaTable.COL_QRCODE, |
||||
{ fk_column_id: columnId } |
||||
); |
||||
await NocoCache.set(`${CacheScope.COL_QRCODE}:${columnId}`, column); |
||||
} |
||||
|
||||
return column ? new QrCodeColumn(column) : null; |
||||
} |
||||
|
||||
id: string; |
||||
|
||||
static async update( |
||||
id: string, |
||||
qrCode: Partial<QrCodeColumn>, |
||||
ncMeta = Noco.ncMeta |
||||
) { |
||||
const updateObj = extractProps(qrCode, [ |
||||
'fk_column_id', |
||||
'fk_qr_value_column_id', |
||||
]); |
||||
// get existing cache
|
||||
const key = `${CacheScope.COL_QRCODE}:${id}`; |
||||
let o = await NocoCache.get(key, CacheGetType.TYPE_OBJECT); |
||||
if (o) { |
||||
o = { ...o, ...updateObj }; |
||||
// set cache
|
||||
await NocoCache.set(key, o); |
||||
} |
||||
// set meta
|
||||
await ncMeta.metaUpdate(null, null, MetaTable.COL_QRCODE, updateObj, id); |
||||
} |
||||
} |
||||
Loading…
Reference in new issue