Browse Source

feat: migrate boolean cell

Signed-off-by: Pranav C <pranavxc@gmail.com>
pull/2716/head
Pranav C 3 years ago
parent
commit
e1e5e2a4cb
  1. 48
      packages/nc-gui-v2/components/editable-cell/Boolean.vue

48
packages/nc-gui-v2/components/editable-cell/Boolean.vue

@ -16,10 +16,10 @@ const checkboxMeta = computed(() => {
unchecked: "mdi-checkbox-blank-circle-outline" unchecked: "mdi-checkbox-blank-circle-outline"
}, },
color: "primary", color: "primary",
// ...(column?.meta || {}) ...(column?.meta || {})
}; };
}); });
const localState = $computed({ const localState = computed({
get() { get() {
return value; return value;
}, set(val) { }, set(val) {
@ -28,9 +28,16 @@ const localState = $computed({
}); });
const toggle = () => { const toggle = () => {
localState = !localState localState.value = !localState.value
} }
// const checkedIcon = computed(() => {
// return defineAsyncComponent( ()=>import('~icons/material-symbols/'+checkboxMeta?.value?.icon?.checked))
// });
// const uncheckedIcon = computed(() => {
// return defineAsyncComponent(()=>import('~icons/material-symbols/'+checkboxMeta?.value?.icon?.unchecked))
// });
/*export default { /*export default {
name: 'BooleanCell', name: 'BooleanCell',
@ -81,34 +88,11 @@ const toggle = () => {
<template> <template>
<div <div
class="d-flex align-center" :class="{ 'justify-center': !isForm, 'nc-cell-hover-show': !localState }"> class="d-flex align-center" :class="{ 'justify-center': !isForm, 'nc-cell-hover-show': !localState }">
<v-icon small :color="checkboxMeta.color" @click="toggle"> <!-- <span :is="localState ? checkedIcon : uncheckedIcon" small :color="checkboxMeta.color" @click="toggle">-->
{{ localState ? checkedIcon : uncheckedIcon }} <!-- {{ localState ? checkedIcon : uncheckedIcon }}-->
</v-icon> <!-- </span>-->
<input type="checkbox"
v-model="localState">
</div> </div>
</template> </template>
<style scoped></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/>.
*
*/
-->

Loading…
Cancel
Save