PMCORE-3615

update

update
This commit is contained in:
Henry Jordan
2022-01-05 17:07:21 +00:00
parent bea96e3fb8
commit 0417afeb51
6 changed files with 176 additions and 12 deletions

View File

@@ -85,7 +85,7 @@
<apexchart
ref="LevelOneChart"
:width="width"
:options="optionsBar"
:options="options"
:series="seriesBar"
></apexchart>
</div>
@@ -100,10 +100,11 @@ import BreadCrumb from "../../components/utils/BreadCrumb.vue";
import ProcessPopover from "./ProcessPopover.vue";
import Multiselect from "vue-multiselect";
import eventBus from "./../EventBus/eventBus";
import mixinLocales from "./mixinsLocales";
export default {
name: "VueChartLvOne",
mixins: [],
mixins: [mixinLocales],
components: {
Multiselect,
BreadCrumb,
@@ -137,7 +138,7 @@ export default {
data: [],
},
],
optionsBar: {
options: {
chart: {
type: "bar",
id: "LevelOneChart",

View File

@@ -69,7 +69,7 @@
"
class="btn vp-btn-success btn-sm"
>
On Time
{{ $t("ID_TASK_ON_TIME") }}
</button>
<button
type="button"
@@ -79,7 +79,7 @@
"
class="btn vp-btn-warning btn-sm"
>
At Risk
{{ $t("ID_AT_RISK") }}
</button>
<button
type="button"
@@ -89,7 +89,7 @@
"
class="btn vp-btn-danger btn-sm"
>
Overdue
{{ $t("ID_TASK_OVERDUE") }}
</button>
</div>
</div>
@@ -112,10 +112,11 @@ import BreadCrumb from "../../components/utils/BreadCrumb.vue";
import moment from "moment";
import ModalUnpauseCase from "../modal/ModalUnpauseCase.vue";
import ModalClaimCase from "../modal/ModalClaimCase.vue";
import mixinLocales from "./mixinsLocales";
export default {
name: "VueChartLvThree",
mixins: [],
mixins: [mixinLocales],
components: {
Multiselect,
BreadCrumb,
@@ -357,7 +358,7 @@ export default {
tickAmount: 7,
},
title: {
text: "Overdue days",
text: this.$t("ID_TASK_OVERDUE_DAYS"),
},
});
break;
@@ -369,7 +370,7 @@ export default {
tickAmount: 7,
},
title: {
text: "Days before being Overdue",
text: this.$t("ID_TASK_DAYS_BEFORE_OVERDUE"),
},
});
break;
@@ -381,7 +382,7 @@ export default {
tickAmount: 7,
},
title: {
text: "Days before being At-Risk",
text: this.$t("ID_TASK_DAYS_BEFORE_AT_RISK"),
},
});
break;

View File

@@ -87,9 +87,10 @@ import Multiselect from "vue-multiselect";
import BreadCrumb from "../../components/utils/BreadCrumb.vue";
import moment from "moment";
import eventBus from "./../EventBus/eventBus";
import mixinLocales from "./mixinsLocales";
export default {
name: "VueChartLvTwo",
mixins: [],
mixins: [mixinLocales],
components: {
Multiselect,
BreadCrumb,

View File

@@ -0,0 +1,78 @@
export default {
data() {
let that = this;
return {
options: {
chart: {
locales: [
{
name: "en",
options: {
months: [
this.$t("ID_MONTH_1"),
this.$t("ID_MONTH_2"),
this.$t("ID_MONTH_3"),
this.$t("ID_MONTH_4"),
this.$t("ID_MONTH_5"),
this.$t("ID_MONTH_6"),
this.$t("ID_MONTH_7"),
this.$t("ID_MONTH_8"),
this.$t("ID_MONTH_9"),
this.$t("ID_MONTH_10"),
this.$t("ID_MONTH_11"),
this.$t("ID_MONTH_12"),
],
shortMonths: [
this.$t("ID_MONTH_ABB_1"),
this.$t("ID_MONTH_ABB_2"),
this.$t("ID_MONTH_ABB_3"),
this.$t("ID_MONTH_ABB_4"),
this.$t("ID_MONTH_ABB_5"),
this.$t("ID_MONTH_ABB_6"),
this.$t("ID_MONTH_ABB_7"),
this.$t("ID_MONTH_ABB_8"),
this.$t("ID_MONTH_ABB_9"),
this.$t("ID_MONTH_ABB_10"),
this.$t("ID_MONTH_ABB_11"),
this.$t("ID_MONTH_ABB_12"),
],
days: [
this.$t("ID_WEEKDAY_0"),
this.$t("ID_WEEKDAY_1"),
this.$t("ID_WEEKDAY_2"),
this.$t("ID_WEEKDAY_3"),
this.$t("ID_WEEKDAY_4"),
this.$t("ID_WEEKDAY_5"),
this.$t("ID_WEEKDAY_6"),
],
shortDays: [
this.$t("ID_WEEKDAY_ABB_0"),
this.$t("ID_WEEKDAY_ABB_1"),
this.$t("ID_WEEKDAY_ABB_2"),
this.$t("ID_WEEKDAY_ABB_3"),
this.$t("ID_WEEKDAY_ABB_4"),
this.$t("ID_WEEKDAY_ABB_5"),
this.$t("ID_WEEKDAY_ABB_6"),
],
toolbar: {
exportToSVG: this.$t("ID_DOWNLOAD_SVG"),
exportToPNG: this.$t("ID_DOWNLOAD_PNG"),
menu: this.$t("ID_MENU"),
selection: this.$t(
"ID_PROCESSMAP_SELECTION"
),
selectionZoom: this.$t("ID_SELECTION_ZOOM"),
zoomIn: this.$t("ID_ZOOM_IN"),
zoomOut: this.$t("ID_ZOOM_OUT"),
pan: this.$t("ID_PANNING"),
reset: this.$t("ID_RESET"),
},
},
},
],
defaultLocale: "en",
},
},
};
},
};