fabio286/antares
1
1
Fork 0
mirror of https://github.com/Fabio286/antares.git synced 2025-06-05 21:59:22 +02:00
Code Issues Releases Wiki Activity

Editable datetime fields

Browse Source
This commit is contained in:
Fabio
2020-07-02 19:17:25 +02:00
parent 8a4c628128
commit 50cd852d01
3 changed files with 23 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/renderer/components/WorkspaceQueryTableCell.vue
View File

@ -16,7 +16,8 @@
v-else
ref="editField"
v-model="localContent"
:type="inputType"
v-mask="inputProps.mask"
:type="inputProps.type"
autofocus
class="editable-field px-2"
@blur="editOFF"
@ -28,6 +29,7 @@
import moment from 'moment';
import { mimeFromHex, formatBytes } from 'common/libs/utilities';
import hexToBinary from 'common/libs/hexToBinary';
import { mask } from 'vue-the-mask';
export default {
name: 'WorkspaceQueryTableCell',
@ -41,11 +43,13 @@ export default {
case 'text':
case 'mediumtext':
return val.substring(0, 128);
case 'date':
return moment(val).format('YYYY-MM-DD');
case 'date': {
return moment(val).isValid() ? moment(val).format('YYYY-MM-DD') : val;
}
case 'datetime':
case 'timestamp':
return moment(val).format('YYYY-MM-DD HH:mm:ss.SSS');
case 'timestamp': {
return moment(val).isValid() ? moment(val).format('YYYY-MM-DD HH:mm:ss.SSS') : val;
}
case 'blob':
case 'mediumblob':
case 'longblob': {
@ -64,6 +68,9 @@ export default {
}
}
},
directives: {
mask
},
props: {
type: String,
field: String,
@ -76,24 +83,23 @@ export default {
};
},
computed: {
inputType () {
inputProps () {
switch (this.type) {
case 'char':
case 'varchar':
case 'text':
case 'mediumtext':
return 'text';
return { type: 'text', mask: false };
case 'int':
case 'tinyint':
case 'smallint':
case 'mediumint':
return 'number';
return { type: 'number', mask: false };
case 'date':
return 'date';
return { type: 'text', mask: '####-##-##' };
case 'datetime':
case 'timestamp':
return 'datetime-local';
// TODO: file uploader/viewer or bit field
return { type: 'text', mask: '####-##-## ##:##:##.###' };// TODO: field length
case 'blob':
case 'mediumblob':
case 'longblob':
@ -108,8 +114,6 @@ export default {
return value === null ? ' is-null' : '';
},
editON () {
if (!['number', 'text'].includes(this.inputType)) return;// TODO: remove temporary block
this.$nextTick(() => {
this.$refs.cell.blur();