This commit is contained in:
2020-02-05 18:09:48 +00:00
parent b4133576d9
commit 04699a3e19
4 changed files with 20 additions and 4 deletions

View File

@@ -47,7 +47,19 @@ CURRENT TODOs
SHELL / NAV / MENUS / LAYOUT
TODO: LOCALIZATION
- IDENTIFY: what needs to be localized besides display titles?
- Currency input, display
- decimal number input, display
- Date and times MONTH names in input (and some ancillary text maybe like "year")
- Date and time display
- INPUT currency / decimal can a german user input a currency as 1.234,56 ? (comma is the decimal separator and decimal is the thousands separator)
- vuetify currency field: https://gist.github.com/Christilut/1143d453ea070f7e8fa345f7ada1b999
- Not vuetify specifically but may have stealable code: https://dm4t2.github.io/vue-currency-input/
- Grid display currency
- INPUT Date Months localized
- Display Date time in localized format?
TODO: toolbar above grid for filters, refresh etc (make it a standard component?)
TODO: main.js filters need to be finished

View File

@@ -60,12 +60,15 @@
} -->
<template v-if="c.t == 1">
<!-- DATETIME -->
{{ c.v }}
</template>
<template v-else-if="c.t == 2">
<!-- DATE -->
{{ c.v }}
</template>
<template v-else-if="c.t == 3">
<!-- TIME -->
{{ c.v }}
</template>
<template v-else-if="c.t == 4">
<!-- TEXT (also maybe openable)-->
@@ -93,7 +96,7 @@
</template>
<template v-else-if="c.t == 8">
<!-- CURRENCY -->
{{ c.v }}
<div class="text-right">{{ c.v }}</div>
</template>
<template v-else-if="c.t == 9">
<!-- TAGS -->

View File

@@ -185,7 +185,8 @@ Vue.filter("shorttimeonlylocalized", function vueFilterShortTimeOnlyLocalized(
Vue.filter("currency", function vueFilterCurrency(value) {
if (!value) return "";
return locale.format().currencySymbol + value;
return locale.format().currencySymbol + value.toFixed(2);
});
Vue.filter("decimal", function vueFilterDecimal(value) {

View File

@@ -1,5 +1,5 @@
/* xeslint-disable */
import "@fortawesome/fontawesome-free/css/all.css"; // Ensure you are using css-loader
// import "@fortawesome/fontawesome-free/css/all.css"; // Ensure you are using css-loader
import Vue from "vue";
import Vuetify from "vuetify/lib";
//import myLang from "../api/en";