diff --git a/package-lock.json b/package-lock.json
index 34f8b4cd2b873c86bbf8475ec362678df11e4c71..2863298d96330fcfbd0567776c7d11fd33faa75f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3705,8 +3705,7 @@
"ansi-regex": {
"version": "2.1.1",
"bundled": true,
- "dev": true,
- "optional": true
+ "dev": true
},
"aproba": {
"version": "1.2.0",
@@ -3727,14 +3726,12 @@
"balanced-match": {
"version": "1.0.0",
"bundled": true,
- "dev": true,
- "optional": true
+ "dev": true
},
"brace-expansion": {
"version": "1.1.11",
"bundled": true,
"dev": true,
- "optional": true,
"requires": {
"balanced-match": "^1.0.0",
"concat-map": "0.0.1"
@@ -3749,20 +3746,17 @@
"code-point-at": {
"version": "1.1.0",
"bundled": true,
- "dev": true,
- "optional": true
+ "dev": true
},
"concat-map": {
"version": "0.0.1",
"bundled": true,
- "dev": true,
- "optional": true
+ "dev": true
},
"console-control-strings": {
"version": "1.1.0",
"bundled": true,
- "dev": true,
- "optional": true
+ "dev": true
},
"core-util-is": {
"version": "1.0.2",
@@ -3879,8 +3873,7 @@
"inherits": {
"version": "2.0.3",
"bundled": true,
- "dev": true,
- "optional": true
+ "dev": true
},
"ini": {
"version": "1.3.5",
@@ -3892,7 +3885,6 @@
"version": "1.0.0",
"bundled": true,
"dev": true,
- "optional": true,
"requires": {
"number-is-nan": "^1.0.0"
}
@@ -3907,7 +3899,6 @@
"version": "3.0.4",
"bundled": true,
"dev": true,
- "optional": true,
"requires": {
"brace-expansion": "^1.1.7"
}
@@ -3915,14 +3906,12 @@
"minimist": {
"version": "0.0.8",
"bundled": true,
- "dev": true,
- "optional": true
+ "dev": true
},
"minipass": {
"version": "2.3.5",
"bundled": true,
"dev": true,
- "optional": true,
"requires": {
"safe-buffer": "^5.1.2",
"yallist": "^3.0.0"
@@ -3941,7 +3930,6 @@
"version": "0.5.1",
"bundled": true,
"dev": true,
- "optional": true,
"requires": {
"minimist": "0.0.8"
}
@@ -4022,8 +4010,7 @@
"number-is-nan": {
"version": "1.0.1",
"bundled": true,
- "dev": true,
- "optional": true
+ "dev": true
},
"object-assign": {
"version": "4.1.1",
@@ -4035,7 +4022,6 @@
"version": "1.4.0",
"bundled": true,
"dev": true,
- "optional": true,
"requires": {
"wrappy": "1"
}
@@ -4121,8 +4107,7 @@
"safe-buffer": {
"version": "5.1.2",
"bundled": true,
- "dev": true,
- "optional": true
+ "dev": true
},
"safer-buffer": {
"version": "2.1.2",
@@ -4158,7 +4143,6 @@
"version": "1.0.2",
"bundled": true,
"dev": true,
- "optional": true,
"requires": {
"code-point-at": "^1.0.0",
"is-fullwidth-code-point": "^1.0.0",
@@ -4178,7 +4162,6 @@
"version": "3.0.1",
"bundled": true,
"dev": true,
- "optional": true,
"requires": {
"ansi-regex": "^2.0.0"
}
@@ -4222,14 +4205,12 @@
"wrappy": {
"version": "1.0.2",
"bundled": true,
- "dev": true,
- "optional": true
+ "dev": true
},
"yallist": {
"version": "3.0.3",
"bundled": true,
- "dev": true,
- "optional": true
+ "dev": true
}
}
},
diff --git a/src/App.vue b/src/App.vue
index 306d66d1091f8b5aef4f6f2965b2926b0c4edfe7..6ffe61311b819f8453f8cc169efd9371afbf6fb4 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
<template>
<div id="app">
- <app-navbar/>
+ <app-navbar v-if="this.$route.name != 'LandingPage'"/>
<router-view/>
</div>
</template>
diff --git a/src/components/pages/LandingPage.vue b/src/components/pages/LandingPage.vue
index 3aa8adc0ca36fd5b63e4fcfc05b2b92962a8ff84..d3da1bbd04f2cc716326a3bba5765a413897539a 100644
--- a/src/components/pages/LandingPage.vue
+++ b/src/components/pages/LandingPage.vue
@@ -1,24 +1,45 @@
<template>
- <v-container fluid>
- Ashiaap
- </v-container>
+ <div id="placeholder">
+ <div id="content">
+ <div id="img-container">
+ <img src="https://upload.wikimedia.org/wikipedia/commons/0/07/West_Java_coa.png"/>
+ </div>
+ <h2>
+ Selamat Datang di APBD Elektronik Pemerintah Jawa Barat
+ </h2>
+ <div>
+ <b-dropdown id="ddown1" text="Pilih Tahun..." class="m-md-2">
+ <b-dropdown-item v-on:click="gotoYear('2016')">2016</b-dropdown-item>
+ <b-dropdown-item v-on:click="gotoYear('2017')">2017</b-dropdown-item>
+ <b-dropdown-item v-on:click="gotoYear('2018')">2018</b-dropdown-item>
+ <b-dropdown-item v-on:click="gotoYear('2019')">2019</b-dropdown-item>
+ </b-dropdown>
+ </div>
+ </div>
+ </div>
</template>
<script>
export default {
- name: 'LandingPage',
- components: {
-
- },
- data() {
-
- },
- methods: {
-
- },
- created : function() {
- this.$store.commit('changed','Pendapatan')
+ name: 'LandingPage',
+ components: {
+
+ },
+ data() {
+ return {
+
}
+ },
+ methods: {
+ gotoYear : function(year) {
+ // TODO: Redirect to visualization page relevant to the selected year
+ this.$store.commit('setYear', year)
+ this.$router.push('Pendapatan')
+ }
+ },
+ created : function() {
+ this.$store.commit('changed','Pendapatan')
+ }
}
</script>
@@ -26,4 +47,45 @@ export default {
<style lang="scss" scoped>
@import 'src/assets/css/style.scss';
+#placeholder {
+ height: 100vh;
+ width: 100vw;
+ display: flex;
+ text-align: center;
+
+ background: linear-gradient(0deg, rgba(93,188,210,1) 0%, rgba(93,188,210,0.75) 50%, rgba(93,188,210,0) 100%),
+ url('https://upload.wikimedia.org/wikipedia/commons/thumb/5/5a/Gedung-Sate-Trees.jpg/1024px-Gedung-Sate-Trees.jpg');
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
+
+ #content {
+ margin: auto;
+ padding: 15px;
+ height: auto;
+ min-width: 300px;
+ width: 30vw;
+ background-color: white;
+ border-radius: 15px;
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
+
+ #img-container {
+ img {
+ width: 50%;
+ }
+ }
+
+ h2 {
+ font-weight: bold;
+ font-size: 1.25rem;
+ }
+
+ @media screen and (max-width: 430px) {
+ h2 {
+ font-size: 1rem;
+ }
+ }
+ }
+}
+
</style>
\ No newline at end of file
diff --git a/src/components/store/Store.js b/src/components/store/Store.js
index 276691d447397bf91e4d3e2cfc6cff5990308c1c..072f52280055092f1c4aacf8f14600720417f481 100644
--- a/src/components/store/Store.js
+++ b/src/components/store/Store.js
@@ -5,23 +5,27 @@ Vue.use(Vuex)
Vue.prototype.$store = store
export const store = new Vuex.Store({
state : {
- pilihan:'Jenis Keuangan',
- count : 0
+ pilihan : 'Jenis Keuangan',
+ count : 0,
+ year : ''
},
computed: {
- pilihan () {
- return this.$store.getters.pilihan
- }
+ pilihan() {
+ return this.$store.getters.pilihan
+ }
},
mutations : {
- changed(state, pil) {
- this.state.pilihan=pil
- }
+ changed(state, pil) {
+ state.pilihan = pil
+ },
+ setYear(state, data) {
+ state.year = data
+ }
},
getters : {
- pilihan : (state) => {
- return this.state.pilihan
- }
+ pilihan : (state) => {
+ return this.state.pilihan
+ }
}
})
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index ec5cd07a0e33a7a18373a2f95589702ec80443ed..57518edc6970d15e6946567628f9a2b0ce4dbb41 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,7 +2,6 @@ import Vue from 'vue'
import Router from 'vue-router'
import LandingPage from '@/components/pages/LandingPage'
import LoginPage from '@/components/pages/LoginPage'
-import HelloWorld from '@/components/HelloWorld'
import Pendapatan from '@/components/pages/PendapatanPage'
import Pembiayaan from '@/components/pages/PembiayaanPage'
import BiayaTidakLangsung from '@/components/pages/BiayaTidakLangsungPage'
@@ -14,11 +13,6 @@ export default new Router({
routes: [
{
path: '/',
- name: 'HelloWorld',
- component: HelloWorld
- },
- {
- path: '/LandingPage',
name: 'LandingPage',
component: LandingPage
},