From c9ff408235d1cda654e6d12d2a513ca16dab36b9 Mon Sep 17 00:00:00 2001
From: dichi <13516063@std.stei.itb.ac.id>
Date: Mon, 15 Apr 2019 09:22:23 +0700
Subject: [PATCH] added real data to the top page and fixed numerical text
---
src/components/pages/SemuaAnggaran.vue | 52 ++++++++-----------
.../partials/SimpleCardContainer.vue | 3 +-
.../partials/SimpleCardContainerScroll.vue | 3 +-
3 files changed, 26 insertions(+), 32 deletions(-)
diff --git a/src/components/pages/SemuaAnggaran.vue b/src/components/pages/SemuaAnggaran.vue
index c8d9613..ec64994 100644
--- a/src/components/pages/SemuaAnggaran.vue
+++ b/src/components/pages/SemuaAnggaran.vue
@@ -4,12 +4,12 @@
<b-row class="justify-content-md-center">
<b-col id="visualization" class="bg-light" cols="12" lg="8">
<visualization
- src="http://puu.sh/D6W1v.csv"
+ v-bind:src="data"
@click-handler="handler"
/>
</b-col>
<b-col cols="12" lg="4">
- <simple-card-container :dataBubble="data_bubble" />
+ <simple-card-container :dataBubble="data" />
</b-col>
</b-row>
<div id="comments-container">
@@ -32,41 +32,33 @@ export default {
},
data() {
return {
- data_bubble : [
- {
- judul : "anggaran X",
- biaya : "1000.0000"
- },
- {
- judul : "anggaran X",
- biaya : "1000.0000"
- },
- {
- judul : "anggaran X",
- biaya : "1000.0000"
- },
- {
- judul : "anggaran X",
- biaya : "1000.0000"
- },
- ]
+ data : []
}
},
methods: {
- handler(id) {
- if (id === '0') {
- this.$router.push('/pendapatan')
- } else if (id === '1') {
- this.$router.push('/biaya-langsung')
- } else if (id === '2') {
- this.$router.push('/biaya-tidak-langsung')
- } else if (id === '3') {
- this.$router.push('/pembiayaan')
+ handler(idobj) {
+ let id = idobj.$oid
+ this.$router.push({ name: 'BiayaLangsungId', params: { id: id } })
+ },
+ getDataFromTop() {
+ let fetchData = {
+ method: 'POST',
+ body: JSON.stringify({ year: 2019 }),
+ headers: { "Content-Type": "application/json" }
}
- }
+
+ fetch(`${this.$store.state.baseUrl}/api/page/get-top`, fetchData)
+ .then(response => response.json())
+ .then(response => {
+ if(response.status === 200) {
+ this.data = response.subdata
+ }
+ })
+ },
},
created : function() {
this.$store.commit('changed','Semua Anggaran')
+ this.getDataFromTop()
}
}
</script>
diff --git a/src/components/partials/SimpleCardContainer.vue b/src/components/partials/SimpleCardContainer.vue
index 73da827..a006dad 100644
--- a/src/components/partials/SimpleCardContainer.vue
+++ b/src/components/partials/SimpleCardContainer.vue
@@ -1,6 +1,7 @@
<template>
<b-row id="content-detail">
- <simple-card v-for="data in dataBubble" :key="data.judul" v-bind:jenisAnggaran="data.judul" v-bind:totalAnggaran="data.biaya" />
+ <simple-card v-for="data in dataBubble" :key="data.name" v-bind:jenisAnggaran="data.name" v-bind:totalAnggaran="data.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, '.') +
+ ',00.-'"/>
</b-row>
</template>
diff --git a/src/components/partials/SimpleCardContainerScroll.vue b/src/components/partials/SimpleCardContainerScroll.vue
index 1daba41..60a0fc0 100644
--- a/src/components/partials/SimpleCardContainerScroll.vue
+++ b/src/components/partials/SimpleCardContainerScroll.vue
@@ -4,7 +4,8 @@
{{"Detail KEGIATAN"+ "(" + rows + ")" }}
</h4>
<b-row id="content-detail">
- <simple-card v-for="data in dataBubble" :key="data._id.$oid" v-bind:jenisAnggaran="data.name" v-bind:totalAnggaran="data.value" />
+ <simple-card v-for="data in dataBubble" :key="data._id.$oid" v-bind:jenisAnggaran="data.name" v-bind:totalAnggaran="data.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, '.') +
+ ',00.-'"" />
</b-row>
</div>
</template>
--
GitLab