mirror of https://github.com/Fabio286/antares.git
perf(UI): improvements of date time inputs
This commit is contained in:
parent
b1ea32b680
commit
b4ead6992c
|
@ -64,8 +64,8 @@
|
||||||
"pg": "^8.5.1",
|
"pg": "^8.5.1",
|
||||||
"source-map-support": "^0.5.16",
|
"source-map-support": "^0.5.16",
|
||||||
"spectre.css": "^0.5.9",
|
"spectre.css": "^0.5.9",
|
||||||
|
"v-mask": "^2.2.4",
|
||||||
"vue-i18n": "^8.22.4",
|
"vue-i18n": "^8.22.4",
|
||||||
"vue-the-mask": "^0.11.1",
|
|
||||||
"vuedraggable": "^2.24.3",
|
"vuedraggable": "^2.24.3",
|
||||||
"vuex": "^3.6.0"
|
"vuex": "^3.6.0"
|
||||||
},
|
},
|
||||||
|
|
|
@ -90,7 +90,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { mask } from 'vue-the-mask';
|
import { VueMaskDirective } from 'v-mask';
|
||||||
import { TEXT, LONG_TEXT, NUMBER, FLOAT, DATE, TIME, DATETIME, BLOB, BIT } from 'common/fieldTypes';
|
import { TEXT, LONG_TEXT, NUMBER, FLOAT, DATE, TIME, DATETIME, BLOB, BIT } from 'common/fieldTypes';
|
||||||
import BaseUploadInput from '@/components/BaseUploadInput';
|
import BaseUploadInput from '@/components/BaseUploadInput';
|
||||||
import ForeignKeySelect from '@/components/ForeignKeySelect';
|
import ForeignKeySelect from '@/components/ForeignKeySelect';
|
||||||
|
@ -103,7 +103,7 @@ export default {
|
||||||
BaseUploadInput
|
BaseUploadInput
|
||||||
},
|
},
|
||||||
directives: {
|
directives: {
|
||||||
mask
|
mask: VueMaskDirective
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
type: String,
|
type: String,
|
||||||
|
|
|
@ -185,7 +185,6 @@
|
||||||
<script>
|
<script>
|
||||||
import moment from 'moment';
|
import moment from 'moment';
|
||||||
import { TEXT, LONG_TEXT, NUMBER, FLOAT, DATE, TIME, DATETIME, BLOB, BIT } from 'common/fieldTypes';
|
import { TEXT, LONG_TEXT, NUMBER, FLOAT, DATE, TIME, DATETIME, BLOB, BIT } from 'common/fieldTypes';
|
||||||
import { mask } from 'vue-the-mask';
|
|
||||||
import { mapGetters, mapActions } from 'vuex';
|
import { mapGetters, mapActions } from 'vuex';
|
||||||
import Tables from '@/ipc-api/Tables';
|
import Tables from '@/ipc-api/Tables';
|
||||||
import FakerSelect from '@/components/FakerSelect';
|
import FakerSelect from '@/components/FakerSelect';
|
||||||
|
@ -195,9 +194,6 @@ export default {
|
||||||
components: {
|
components: {
|
||||||
FakerSelect
|
FakerSelect
|
||||||
},
|
},
|
||||||
directives: {
|
|
||||||
mask
|
|
||||||
},
|
|
||||||
filters: {
|
filters: {
|
||||||
wrapNumber (num) {
|
wrapNumber (num) {
|
||||||
if (!num) return '';
|
if (!num) return '';
|
||||||
|
|
|
@ -118,7 +118,7 @@
|
||||||
<script>
|
<script>
|
||||||
import moment from 'moment';
|
import moment from 'moment';
|
||||||
import { TEXT, LONG_TEXT, NUMBER, FLOAT, DATE, TIME, DATETIME, BLOB, BIT } from 'common/fieldTypes';
|
import { TEXT, LONG_TEXT, NUMBER, FLOAT, DATE, TIME, DATETIME, BLOB, BIT } from 'common/fieldTypes';
|
||||||
import { mask } from 'vue-the-mask';
|
import { VueMaskDirective } from 'v-mask';
|
||||||
import { mapGetters, mapActions } from 'vuex';
|
import { mapGetters, mapActions } from 'vuex';
|
||||||
import Tables from '@/ipc-api/Tables';
|
import Tables from '@/ipc-api/Tables';
|
||||||
import ForeignKeySelect from '@/components/ForeignKeySelect';
|
import ForeignKeySelect from '@/components/ForeignKeySelect';
|
||||||
|
@ -129,7 +129,7 @@ export default {
|
||||||
ForeignKeySelect
|
ForeignKeySelect
|
||||||
},
|
},
|
||||||
directives: {
|
directives: {
|
||||||
mask
|
mask: VueMaskDirective
|
||||||
},
|
},
|
||||||
filters: {
|
filters: {
|
||||||
wrapNumber (num) {
|
wrapNumber (num) {
|
||||||
|
|
|
@ -138,7 +138,7 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import ConfirmModal from '@/components/BaseConfirmModal';
|
import ConfirmModal from '@/components/BaseConfirmModal';
|
||||||
import { mask } from 'vue-the-mask';
|
import { VueMaskDirective } from 'v-mask';
|
||||||
import moment from 'moment';
|
import moment from 'moment';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
@ -147,7 +147,7 @@ export default {
|
||||||
ConfirmModal
|
ConfirmModal
|
||||||
},
|
},
|
||||||
directives: {
|
directives: {
|
||||||
mask
|
mask: VueMaskDirective
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
localOptions: Object,
|
localOptions: Object,
|
||||||
|
|
|
@ -174,7 +174,7 @@ import { formatBytes } from 'common/libs/formatBytes';
|
||||||
import { bufferToBase64 } from 'common/libs/bufferToBase64';
|
import { bufferToBase64 } from 'common/libs/bufferToBase64';
|
||||||
import hexToBinary from 'common/libs/hexToBinary';
|
import hexToBinary from 'common/libs/hexToBinary';
|
||||||
import { TEXT, LONG_TEXT, NUMBER, FLOAT, DATE, TIME, DATETIME, BLOB, BIT } from 'common/fieldTypes';
|
import { TEXT, LONG_TEXT, NUMBER, FLOAT, DATE, TIME, DATETIME, BLOB, BIT } from 'common/fieldTypes';
|
||||||
import { mask } from 'vue-the-mask';
|
import { VueMaskDirective } from 'v-mask';
|
||||||
import ConfirmModal from '@/components/BaseConfirmModal';
|
import ConfirmModal from '@/components/BaseConfirmModal';
|
||||||
import TextEditor from '@/components/BaseTextEditor';
|
import TextEditor from '@/components/BaseTextEditor';
|
||||||
import ForeignKeySelect from '@/components/ForeignKeySelect';
|
import ForeignKeySelect from '@/components/ForeignKeySelect';
|
||||||
|
@ -187,7 +187,7 @@ export default {
|
||||||
ForeignKeySelect
|
ForeignKeySelect
|
||||||
},
|
},
|
||||||
directives: {
|
directives: {
|
||||||
mask
|
mask: VueMaskDirective
|
||||||
},
|
},
|
||||||
filters: {
|
filters: {
|
||||||
formatBytes,
|
formatBytes,
|
||||||
|
|
Loading…
Reference in New Issue