mirror of https://github.com/nocodb/nocodb
Pranav C
4 years ago
55 changed files with 437 additions and 1210 deletions
@ -1,70 +0,0 @@
|
||||
<template> |
||||
<div class="d-flex align-center " :class="{'justify-center':!isForm}"> |
||||
<input v-on="parentListeners" type="checkbox" v-model="localState"> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: "boolean-cell", |
||||
props: { |
||||
value: [String,Number, Boolean], |
||||
isForm: Boolean |
||||
}, |
||||
mounted() { |
||||
this.$el.focus(); |
||||
}, |
||||
computed: { |
||||
localState: { |
||||
get() { |
||||
return this.value |
||||
}, |
||||
set(val) { |
||||
this.$emit('input', val); |
||||
// this.$emit('update'); |
||||
} |
||||
}, |
||||
|
||||
parentListeners() { |
||||
const $listeners = {}; |
||||
|
||||
if (this.$listeners.blur) { |
||||
$listeners.blur = this.$listeners.blur; |
||||
} |
||||
if (this.$listeners.focus) { |
||||
$listeners.focus = this.$listeners.focus; |
||||
} |
||||
|
||||
return $listeners; |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<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/>. |
||||
* |
||||
*/ |
||||
--> |
||||
@ -1,76 +0,0 @@
|
||||
<template> |
||||
<v-menu> |
||||
<template v-slot:activator="{on}"> |
||||
<div class="value" v-on="on">{{ localState }}</div> |
||||
</template> |
||||
<v-date-picker v-on="parentListeners" v-model="localState"></v-date-picker> |
||||
</v-menu> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: "date-picker-cell", props: { |
||||
value: [String, Date] |
||||
}, |
||||
mounted() { |
||||
if (this.$el && this.$el.$el) { |
||||
this.$el.$el.focus(); |
||||
} |
||||
}, |
||||
computed: { |
||||
localState: { |
||||
get() { |
||||
return typeof this.value === 'string' ? this.value.replace(/(\d)T(?=\d)/, '$1 ') : this.value; |
||||
}, |
||||
set(val) { |
||||
this.$emit('input', new Date(val).toJSON().slice(0, 10)); |
||||
} |
||||
}, |
||||
parentListeners() { |
||||
const $listeners = {}; |
||||
|
||||
if (this.$listeners.blur) { |
||||
$listeners.blur = this.$listeners.blur; |
||||
} |
||||
if (this.$listeners.focus) { |
||||
$listeners.focus = this.$listeners.focus; |
||||
} |
||||
|
||||
return $listeners; |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
.value { |
||||
width: 100%; |
||||
height: 100%; |
||||
min-height:20px; |
||||
} |
||||
</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,92 +0,0 @@
|
||||
<template> |
||||
<v-datetime-picker |
||||
v-on="parentListeners" |
||||
class="caption xc-date-time-picker" |
||||
ref="picker" |
||||
:text-field-props="{ |
||||
class:'caption mt-n1 pt-0' |
||||
}" |
||||
:time-picker-props="{ |
||||
format:'24hr' |
||||
}" |
||||
v-model="localState" |
||||
></v-datetime-picker> |
||||
</template> |
||||
|
||||
<script> |
||||
|
||||
export default { |
||||
name: "date-time-picker-cell", |
||||
props: ['value', 'ignoreFocus'], |
||||
mounted() { |
||||
if (!this.ignoreFocus) { |
||||
this.$refs.picker.display = true; |
||||
} |
||||
}, |
||||
computed: { |
||||
localState: { |
||||
get() { |
||||
if(/^\d{6,}$/.test(this.value)){ |
||||
return new Date(+this.value); |
||||
} |
||||
|
||||
return /\dT\d/.test(this.value) ? new Date(this.value.replace(/(\d)T(?=\d)/, '$1 ')) : this.value; |
||||
}, |
||||
set(val) { |
||||
// if(/^\d{6,}$/.test(this.value)){ |
||||
// return this.$emit('input', new Date(this.value).getTime()); |
||||
// } |
||||
|
||||
|
||||
const uVal = new Date(val).toISOString().slice(0, 19).replace('T', ' ').replace(/(\d{1,2}:\d{1,2}):\d{1,2}$/,'$1'); |
||||
console.log(val, uVal) |
||||
this.$emit('input', uVal); |
||||
} |
||||
}, |
||||
parentListeners(){ |
||||
const $listeners = {}; |
||||
|
||||
if(this.$listeners.blur){ |
||||
$listeners.blur = this.$listeners.blur; |
||||
} |
||||
if(this.$listeners.focus){ |
||||
$listeners.focus = this.$listeners.focus; |
||||
} |
||||
|
||||
return $listeners; |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
/deep/ .v-input, /deep/ .v-text-field { |
||||
margin-top: 0 !important; |
||||
padding-top: 0 !important; |
||||
font-size: inherit !important; |
||||
} |
||||
</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,89 +0,0 @@
|
||||
<template> |
||||
<select v-on="parentListeners" v-model="localState"> |
||||
<option v-for="eVal of enumValues" :key="eVal" :value="eVal">{{ eVal }}</option> |
||||
</select> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: "enum-list-cell", |
||||
props: { |
||||
value: String, |
||||
column: Object |
||||
}, |
||||
mounted() { |
||||
this.$el.focus(); |
||||
let event; |
||||
event = document.createEvent('MouseEvents'); |
||||
event.initMouseEvent('mousedown', true, true, window); |
||||
this.$el.dispatchEvent(event); |
||||
}, |
||||
computed: { |
||||
localState: { |
||||
get() { |
||||
return this.value |
||||
}, |
||||
set(val) { |
||||
this.$emit('input', val); |
||||
this.$emit('update'); |
||||
} |
||||
}, |
||||
enumValues() { |
||||
if (this.column && this.column.dtxp) { |
||||
return this.column.dtxp.split(',').map(v => v.replace(/^'|'$/g, '')) |
||||
} |
||||
return []; |
||||
}, |
||||
parentListeners(){ |
||||
const $listeners = {}; |
||||
|
||||
if(this.$listeners.blur){ |
||||
$listeners.blur = this.$listeners.blur; |
||||
} |
||||
if(this.$listeners.focus){ |
||||
$listeners.focus = this.$listeners.focus; |
||||
} |
||||
|
||||
return $listeners; |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
select { |
||||
width: 100%; |
||||
height: 100%; |
||||
color: var(--v-textColor-base); |
||||
-webkit-appearance: menulist; |
||||
/*webkit browsers */ |
||||
-moz-appearance: menulist; |
||||
/*Firefox */ |
||||
appearance: menulist; |
||||
} |
||||
|
||||
</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,101 +0,0 @@
|
||||
<template> |
||||
|
||||
<div class="d-flex align-center"> |
||||
|
||||
<div> |
||||
<div class="item" v-for="(val,i) of enumValues" :key="val"> |
||||
<input type="radio" :id="`key-radio-${val}`" class="orange--text" v-model="localState" :value="val"> |
||||
<label class="py-1 px-3 d-inline-block my-1 label" :for="`key-radio-${val}`" |
||||
:style="{ |
||||
background:colors[i % colors.length ] |
||||
}" |
||||
>{{ val }}</label> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import {enumColor as colors} from "@/components/project/spreadsheet/helpers/colors"; |
||||
|
||||
export default { |
||||
name: "enum-radio-editable-cell", |
||||
props: { |
||||
value: String, |
||||
column: Object |
||||
}, |
||||
mounted() { |
||||
// this.$el.focus(); |
||||
// let event; |
||||
// event = document.createEvent('MouseEvents'); |
||||
// event.initMouseEvent('mousedown', true, true, window); |
||||
// this.$el.dispatchEvent(event); |
||||
}, |
||||
computed: { |
||||
colors() { |
||||
return this.$store.state.windows.darkTheme ? colors.dark : colors.light; |
||||
}, |
||||
localState: { |
||||
get() { |
||||
return this.value |
||||
}, |
||||
set(val) { |
||||
this.$emit('input', val); |
||||
this.$emit('update'); |
||||
} |
||||
}, |
||||
enumValues() { |
||||
if (this.column && this.column.dtxp) { |
||||
return this.column.dtxp.split(',').map(v => v.replace(/^'|'$/g, '')) |
||||
} |
||||
return []; |
||||
}, |
||||
parentListeners() { |
||||
const $listeners = {}; |
||||
|
||||
if (this.$listeners.blur) { |
||||
$listeners.blur = this.$listeners.blur; |
||||
} |
||||
if (this.$listeners.focus) { |
||||
$listeners.focus = this.$listeners.focus; |
||||
} |
||||
return $listeners; |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
.label { |
||||
border-radius: 25px; |
||||
} |
||||
|
||||
.item { |
||||
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,69 +0,0 @@
|
||||
<template> |
||||
<input v-on="parentListeners" v-model="localState" type="number"> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: "floatCell", |
||||
props: { |
||||
value: [String,Number] |
||||
}, |
||||
mounted() { |
||||
this.$el.focus(); |
||||
}, |
||||
computed: { |
||||
localState: { |
||||
get() { |
||||
return this.value |
||||
}, |
||||
set(val) { |
||||
this.$emit('input', val); |
||||
} |
||||
}, |
||||
parentListeners(){ |
||||
const $listeners = {}; |
||||
|
||||
if(this.$listeners.blur){ |
||||
$listeners.blur = this.$listeners.blur; |
||||
} |
||||
if(this.$listeners.focus){ |
||||
$listeners.focus = this.$listeners.focus; |
||||
} |
||||
|
||||
return $listeners; |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
input { |
||||
width: 100%; |
||||
height: 100%; |
||||
color: var(--v-textColor-base); |
||||
} |
||||
</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,69 +0,0 @@
|
||||
<template> |
||||
<input v-on="parentListeners" v-model="localState" type="number"> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: "integerCell", |
||||
props: { |
||||
value: [String, Number] |
||||
}, |
||||
mounted() { |
||||
this.$el.focus(); |
||||
}, |
||||
computed: { |
||||
localState: { |
||||
get() { |
||||
return this.value |
||||
}, |
||||
set(val) { |
||||
this.$emit('input', parseInt(val, 10)); |
||||
} |
||||
}, |
||||
parentListeners(){ |
||||
const $listeners = {}; |
||||
|
||||
if(this.$listeners.blur){ |
||||
$listeners.blur = this.$listeners.blur; |
||||
} |
||||
if(this.$listeners.focus){ |
||||
$listeners.focus = this.$listeners.focus; |
||||
} |
||||
|
||||
return $listeners; |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
input { |
||||
width: 100%; |
||||
height: 100%; |
||||
color: var(--v-textColor-base); |
||||
} |
||||
</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,97 +0,0 @@
|
||||
<template> |
||||
<div @keydown.stop.enter class="cell-container"> |
||||
<div class="d-flex ma-1" v-if="!isForm"> |
||||
<v-spacer> |
||||
</v-spacer> |
||||
<v-btn outlined x-small class="mr-1" @click="$emit('cancel')">Cancel</v-btn> |
||||
<v-btn x-small color="primary" @click="save">Save</v-btn> |
||||
</div> |
||||
<monaco-json-object-editor v-model="localState" |
||||
style="width: 300px;min-height: 200px;min-width:100%"></monaco-json-object-editor> |
||||
|
||||
|
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import MonacoJsonEditor from "@/components/monaco/MonacoJsonEditor"; |
||||
import MonacoJsonObjectEditor from "@/components/monaco/MonacoJsonObjectEditor"; |
||||
|
||||
export default { |
||||
name: "json-cell", |
||||
components: {MonacoJsonObjectEditor, MonacoJsonEditor}, |
||||
props: { |
||||
value: String, |
||||
isForm:Boolean |
||||
}, |
||||
data: () => ({ |
||||
localState: '' |
||||
}), |
||||
created() { |
||||
this.localState = typeof this.value === 'string' ? JSON.parse(this.value) : this.value; |
||||
}, |
||||
mounted() { |
||||
}, watch: { |
||||
value(val) { |
||||
this.localState = typeof val === 'string' ? JSON.parse(val) : val; |
||||
}, |
||||
localState(val){ |
||||
if(this.isForm){ |
||||
this.$emit('input', JSON.stringify(val)) |
||||
} |
||||
} |
||||
}, |
||||
methods: { |
||||
save() { |
||||
this.$emit('input', JSON.stringify(this.localState)) |
||||
} |
||||
}, |
||||
computed:{ |
||||
|
||||
parentListeners(){ |
||||
const $listeners = {}; |
||||
|
||||
if(this.$listeners.blur){ |
||||
$listeners.blur = this.$listeners.blur; |
||||
} |
||||
if(this.$listeners.focus){ |
||||
$listeners.focus = this.$listeners.focus; |
||||
} |
||||
|
||||
return $listeners; |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
.cell-container { |
||||
/*margin: 0 -5px;*/ |
||||
/*position: relative;*/ |
||||
width: 100% |
||||
} |
||||
</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,100 +0,0 @@
|
||||
<template> |
||||
<div class="d-flex align-center"> |
||||
|
||||
<div> |
||||
<div class="" v-for="(val,i) of setValues" :key="val"> |
||||
<input type="checkbox" :id="`key-check-box-${val}`" class="orange--text" v-model="localState" :value="val"> |
||||
<label class="py-1 px-3 d-inline-block my-1 label" :for="`key-check-box-${val}`" |
||||
:style="{ |
||||
background:colors[i % colors.length ] |
||||
}" |
||||
>{{ val }}</label> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import colors from "@/components/project/spreadsheet/helpers/colors"; |
||||
|
||||
export default { |
||||
name: "set-list-checkbox-cell", |
||||
props: { |
||||
value: String, |
||||
column: Object |
||||
}, |
||||
data() { |
||||
}, |
||||
mounted() { |
||||
this.$el.focus(); |
||||
let event; |
||||
event = document.createEvent('MouseEvents'); |
||||
event.initMouseEvent('mousedown', true, true, window); |
||||
this.$el.dispatchEvent(event); |
||||
}, |
||||
computed: { |
||||
colors() { |
||||
return this.$store.state.windows.darkTheme ? colors.dark : colors.light; |
||||
}, |
||||
localState: { |
||||
get() { |
||||
return this.value && this.value.split(',') |
||||
}, |
||||
set(val) { |
||||
this.$emit('input', val.join(',')); |
||||
this.$emit('update'); |
||||
} |
||||
}, |
||||
setValues() { |
||||
if (this.column && this.column.dtxp) { |
||||
return this.column.dtxp.split(',').map(v => v.replace(/^'|'$/g, '')) |
||||
} |
||||
return []; |
||||
}, |
||||
parentListeners() { |
||||
const $listeners = {}; |
||||
|
||||
if (this.$listeners.blur) { |
||||
$listeners.blur = this.$listeners.blur; |
||||
} |
||||
if (this.$listeners.focus) { |
||||
$listeners.focus = this.$listeners.focus; |
||||
} |
||||
|
||||
return $listeners; |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
.label { |
||||
border-radius: 25px; |
||||
} |
||||
|
||||
</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,91 +0,0 @@
|
||||
<template> |
||||
<div> |
||||
<select v-on="parentListeners" v-model="localState" multiple> |
||||
<option v-for="val of setValues" :key="val" :value="val">{{ val }}</option> |
||||
</select> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: "set-list-cell", |
||||
props: { |
||||
value: String, |
||||
column: Object |
||||
}, |
||||
mounted() { |
||||
this.$el.focus(); |
||||
let event; |
||||
event = document.createEvent('MouseEvents'); |
||||
event.initMouseEvent('mousedown', true, true, window); |
||||
this.$el.dispatchEvent(event); |
||||
}, |
||||
computed: { |
||||
localState: { |
||||
get() { |
||||
return this.value && this.value.split(',') |
||||
}, |
||||
set(val) { |
||||
this.$emit('input', val.join(',')); |
||||
this.$emit('update'); |
||||
} |
||||
}, |
||||
setValues() { |
||||
if (this.column && this.column.dtxp) { |
||||
return this.column.dtxp.split(',').map(v => v.replace(/^'|'$/g, '')) |
||||
} |
||||
return []; |
||||
}, |
||||
parentListeners(){ |
||||
const $listeners = {}; |
||||
|
||||
if(this.$listeners.blur){ |
||||
$listeners.blur = this.$listeners.blur; |
||||
} |
||||
if(this.$listeners.focus){ |
||||
$listeners.focus = this.$listeners.focus; |
||||
} |
||||
|
||||
return $listeners; |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
select { |
||||
width: 100%; |
||||
height: 100%; |
||||
color: var(--v-textColor-base); |
||||
-webkit-appearance: menulist; |
||||
/*webkit browsers */ |
||||
-moz-appearance: menulist; |
||||
/*Firefox */ |
||||
appearance: menulist; |
||||
} |
||||
|
||||
</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,78 +0,0 @@
|
||||
<template> |
||||
<v-menu> |
||||
<template v-slot:activator="{on}"> |
||||
<div class="value" v-on="on">{{ localState }}</div> |
||||
</template> |
||||
<v-time-picker v-on="parentListeners" v-model="localState"></v-time-picker> |
||||
</v-menu> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: "time-picker-cell", |
||||
props: { |
||||
value: [String, Date] |
||||
}, |
||||
mounted() { |
||||
if (this.$el && this.$el.$el) { |
||||
this.$el.$el.focus(); |
||||
} |
||||
}, |
||||
computed: { |
||||
localState: { |
||||
get() { |
||||
return typeof this.value === 'string' ? this.value.replace(/(\d)T(?=\d)/, '$1 ') : this.value; |
||||
}, |
||||
set(val) { |
||||
this.$emit('input', (new Date(val).toJSON() || '').slice(0, 10)); |
||||
} |
||||
}, |
||||
parentListeners() { |
||||
const $listeners = {}; |
||||
|
||||
if (this.$listeners.blur) { |
||||
$listeners.blur = this.$listeners.blur; |
||||
} |
||||
if (this.$listeners.focus) { |
||||
$listeners.focus = this.$listeners.focus; |
||||
} |
||||
|
||||
if (this.$listeners.cancel) { |
||||
$listeners.cancel = this.$listeners.cancel; |
||||
} |
||||
|
||||
return $listeners; |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
.value { |
||||
min-height: 20px; |
||||
} |
||||
</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…
Reference in new issue