mirror of https://github.com/nocodb/nocodb
mertmit
3 years ago
15 changed files with 575 additions and 281 deletions
@ -0,0 +1,74 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<span |
||||||
|
v-for="op in selected" |
||||||
|
:key="op.id" |
||||||
|
:style="{ |
||||||
|
background: op ? op.color || '#ccc' : '#ccc' |
||||||
|
}" |
||||||
|
class="set-item ma-1 py-1 px-3" |
||||||
|
>{{ op ? migrate(op.title) || op : '' }}</span> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: 'MultiSelectCell', |
||||||
|
props: ['value', 'column'], |
||||||
|
computed: { |
||||||
|
selected() { |
||||||
|
if (this.column && this.value) { |
||||||
|
return this.values.map(el => this.column.colOptions?.options.find(opt => el === opt.id || |
||||||
|
el === this.migrate(opt.title)) || el) |
||||||
|
} |
||||||
|
return [] |
||||||
|
}, |
||||||
|
values() { |
||||||
|
return this.value ? this.value.split(',') : [] |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
migrate(val) { |
||||||
|
if (this.column.dt === 'set') { |
||||||
|
if ((typeof val === 'string' || val instanceof String)) { |
||||||
|
return val.replace(/'/g, '') |
||||||
|
} |
||||||
|
} |
||||||
|
return val |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
|
||||||
|
.set-item { |
||||||
|
display: inline-block; |
||||||
|
border-radius: 25px; |
||||||
|
white-space: nowrap; |
||||||
|
} |
||||||
|
</style> |
||||||
|
<!-- |
||||||
|
/** |
||||||
|
* @copyright Copyright (c) 2021, Xgene Cloud Ltd |
||||||
|
* |
||||||
|
* @author Naveen MR <oof1lab@gmail.com> |
||||||
|
* @author Pranav C Balan <pranavxc@gmail.com> |
||||||
|
* |
||||||
|
* @license GNU AGPL version 3 or any later version |
||||||
|
* |
||||||
|
* This program is free software: you can redistribute it and/or modify |
||||||
|
* it under the terms of the GNU Affero General Public License as |
||||||
|
* published by the Free Software Foundation, either version 3 of the |
||||||
|
* License, or (at your option) any later version. |
||||||
|
* |
||||||
|
* This program is distributed in the hope that it will be useful, |
||||||
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||||
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||||
|
* GNU Affero General Public License for more details. |
||||||
|
* |
||||||
|
* You should have received a copy of the GNU Affero General Public License |
||||||
|
* along with this program. If not, see <http://www.gnu.org/licenses/>. |
||||||
|
* |
||||||
|
*/ |
||||||
|
--> |
||||||
@ -0,0 +1,59 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<span |
||||||
|
v-if="value" |
||||||
|
:style="{ |
||||||
|
background: selected ? selected.color || '#ccc' : '#ccc' |
||||||
|
}" |
||||||
|
class="set-item ma-1 py-1 px-3" |
||||||
|
>{{ selected ? selected.title : value }}</span> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: 'SingleSelectCell', |
||||||
|
props: ['value', 'column'], |
||||||
|
computed: { |
||||||
|
selected() { |
||||||
|
if (this.column && this.column.colOptions) { |
||||||
|
return this.column.colOptions?.options.find(el => el.id === this.value || el.title === this.value) |
||||||
|
} |
||||||
|
return null |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
|
||||||
|
.set-item { |
||||||
|
display: inline-block; |
||||||
|
border-radius: 25px; |
||||||
|
white-space: nowrap; |
||||||
|
} |
||||||
|
</style> |
||||||
|
<!-- |
||||||
|
/** |
||||||
|
* @copyright Copyright (c) 2021, Xgene Cloud Ltd |
||||||
|
* |
||||||
|
* @author Naveen MR <oof1lab@gmail.com> |
||||||
|
* @author Pranav C Balan <pranavxc@gmail.com> |
||||||
|
* |
||||||
|
* @license GNU AGPL version 3 or any later version |
||||||
|
* |
||||||
|
* This program is free software: you can redistribute it and/or modify |
||||||
|
* it under the terms of the GNU Affero General Public License as |
||||||
|
* published by the Free Software Foundation, either version 3 of the |
||||||
|
* License, or (at your option) any later version. |
||||||
|
* |
||||||
|
* This program is distributed in the hope that it will be useful, |
||||||
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||||
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||||
|
* GNU Affero General Public License for more details. |
||||||
|
* |
||||||
|
* You should have received a copy of the GNU Affero General Public License |
||||||
|
* along with this program. If not, see <http://www.gnu.org/licenses/>. |
||||||
|
* |
||||||
|
*/ |
||||||
|
--> |
||||||
@ -1,87 +0,0 @@ |
|||||||
import Noco from '../Noco'; |
|
||||||
import NocoCache from '../cache/NocoCache'; |
|
||||||
import { CacheGetType, CacheScope, MetaTable } from '../utils/globals'; |
|
||||||
|
|
||||||
export default class SingleSelectColumn { |
|
||||||
title: string; |
|
||||||
fk_column_id: string; |
|
||||||
|
|
||||||
constructor(data: Partial<SingleSelectColumn>) { |
|
||||||
Object.assign(this, data); |
|
||||||
} |
|
||||||
|
|
||||||
public static async insert( |
|
||||||
data: Partial<SingleSelectColumn>, |
|
||||||
ncMeta = Noco.ncMeta |
|
||||||
) { |
|
||||||
const { id } = await ncMeta.metaInsert2( |
|
||||||
null, |
|
||||||
null, |
|
||||||
MetaTable.COL_SELECT_OPTIONS, |
|
||||||
{ |
|
||||||
fk_column_id: data.fk_column_id, |
|
||||||
title: data.title |
|
||||||
} |
|
||||||
); |
|
||||||
|
|
||||||
await NocoCache.appendToList( |
|
||||||
CacheScope.COL_SELECT_OPTION, |
|
||||||
[data.fk_column_id], |
|
||||||
`${CacheScope.COL_SELECT_OPTION}:${id}` |
|
||||||
); |
|
||||||
|
|
||||||
return this.get(id, ncMeta); |
|
||||||
} |
|
||||||
|
|
||||||
public static async get( |
|
||||||
selectOptionId: string, |
|
||||||
ncMeta = Noco.ncMeta |
|
||||||
): Promise<SingleSelectColumn> { |
|
||||||
let data = |
|
||||||
selectOptionId && |
|
||||||
(await NocoCache.get( |
|
||||||
`${CacheScope.COL_SELECT_OPTION}:${selectOptionId}`, |
|
||||||
CacheGetType.TYPE_OBJECT |
|
||||||
)); |
|
||||||
if (!data) { |
|
||||||
data = await ncMeta.metaGet2( |
|
||||||
null, |
|
||||||
null, |
|
||||||
MetaTable.COL_SELECT_OPTIONS, |
|
||||||
selectOptionId |
|
||||||
); |
|
||||||
await NocoCache.set( |
|
||||||
`${CacheScope.COL_SELECT_OPTION}:${selectOptionId}`, |
|
||||||
data |
|
||||||
); |
|
||||||
} |
|
||||||
return data && new SingleSelectColumn(data); |
|
||||||
} |
|
||||||
|
|
||||||
public static async read(columnId: string, ncMeta = Noco.ncMeta) { |
|
||||||
let options = await NocoCache.getList(CacheScope.COL_SELECT_OPTION, [ |
|
||||||
columnId |
|
||||||
]); |
|
||||||
if (!options.length) { |
|
||||||
options = await ncMeta.metaList2( |
|
||||||
null, //,
|
|
||||||
null, //model.db_alias,
|
|
||||||
MetaTable.COL_SELECT_OPTIONS, |
|
||||||
{ condition: { fk_column_id: columnId } } |
|
||||||
); |
|
||||||
await NocoCache.setList( |
|
||||||
CacheScope.COL_SELECT_OPTION, |
|
||||||
[columnId], |
|
||||||
options |
|
||||||
); |
|
||||||
} |
|
||||||
|
|
||||||
return options?.length |
|
||||||
? { |
|
||||||
options: options.map(c => new SingleSelectColumn(c)) |
|
||||||
} |
|
||||||
: null; |
|
||||||
} |
|
||||||
|
|
||||||
id: string; |
|
||||||
} |
|
||||||
Loading…
Reference in new issue