From 02885783b865cbadfe4b91004e08caa644f28acc Mon Sep 17 00:00:00 2001
From: Ricky Kenendy <13516105@std.stei.itb.ac.id>
Date: Wed, 27 Mar 2019 22:09:16 +0700
Subject: [PATCH] change routing name from PascalCase to kebab-case
---
src/components/Navbar.vue | 47 +++++++++----------
src/components/pages/BiayaLangsungPage.vue | 2 +-
.../pages/BiayaTidakLangsungPage.vue | 2 +-
src/components/pages/LandingPage.vue | 4 +-
src/components/pages/LoginPage.vue | 2 +-
src/components/pages/PembiayaanPage.vue | 2 +-
src/components/pages/PendapatanPage.vue | 2 +-
src/components/pages/SemuaAnggaran.vue | 31 ++++++++++++
src/router/index.js | 15 ++++--
9 files changed, 70 insertions(+), 37 deletions(-)
create mode 100644 src/components/pages/SemuaAnggaran.vue
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index 689e5b1..961d3d2 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -12,34 +12,29 @@
<b-collapse is-nav id="nav_collapse">
<!-- Right aligned nav items -->
<b-navbar-nav>
- <b-nav-item-dropdown v-bind:text=pilihan left>
- <b-dropdown-item>
- <router-link to="/Pendapatan">
- Pendapatan
- </router-link>
- </b-dropdown-item>
- <b-dropdown-item>
- <router-link to="/BiayaLangsung">
- BiayaLangsung
- </router-link>
- </b-dropdown-item>
- <b-dropdown-item>
- <router-link to="/BiayaTidakLangsung">
- Biaya Tidak Langsung
- </router-link>
- </b-dropdown-item>
- <b-dropdown-item>
- <router-link to="/Pembiayaan">
- Pembiayaan
- </router-link>
- </b-dropdown-item>
- </b-nav-item-dropdown>
+ <b-nav-item-dropdown v-bind:text=pilihan left>
+ <b-dropdown-item v-on:click="gotoPage('semua-anggaran')">
+ Semua Anggaran
+ </b-dropdown-item>
+ <b-dropdown-item v-on:click="gotoPage('pendapatan')">
+ Anggaran Pendapatan
+ </b-dropdown-item>
+ <b-dropdown-item v-on:click="gotoPage('biaya-langsung')">
+ Anggaran Biaya Langsung
+ </b-dropdown-item>
+ <b-dropdown-item v-on:click="gotoPage('biaya-tidak-langsung')">
+ Anggaran Biaya Tidak Langsung
+ </b-dropdown-item>
+ <b-dropdown-item v-on:click="gotoPage('pembiayaan')">
+ Anggaran Pembiayaan
+ </b-dropdown-item>
+ </b-nav-item-dropdown>
</b-navbar-nav>
<b-navbar-nav class="ml-auto">
<b-nav-item>
- <router-link to="/Login" style="color:white;">
- Login
+ <router-link to="/login" style="color:white;">
+ Masuk
</router-link>
</b-nav-item>
</b-navbar-nav>
@@ -65,7 +60,9 @@ export default {
}
},
methods : {
-
+ gotoPage : function(page) {
+ this.$router.push(page)
+ }
},
created : function() {
this.pilihan = this.$store.state.pilihan
diff --git a/src/components/pages/BiayaLangsungPage.vue b/src/components/pages/BiayaLangsungPage.vue
index a5f47f6..5b5a8c2 100644
--- a/src/components/pages/BiayaLangsungPage.vue
+++ b/src/components/pages/BiayaLangsungPage.vue
@@ -19,7 +19,7 @@ export default {
},
created : function() {
- this.$store.commit('changed','Biaya Langsung')
+ this.$store.commit('changed','Anggaran Biaya Langsung')
}
}
</script>
diff --git a/src/components/pages/BiayaTidakLangsungPage.vue b/src/components/pages/BiayaTidakLangsungPage.vue
index dafc411..cbb2ae3 100644
--- a/src/components/pages/BiayaTidakLangsungPage.vue
+++ b/src/components/pages/BiayaTidakLangsungPage.vue
@@ -19,7 +19,7 @@ export default {
},
created : function() {
- this.$store.commit('changed','Biaya Tidak Langsung')
+ this.$store.commit('changed','Anggaran Biaya Tidak Langsung')
}
}
</script>
diff --git a/src/components/pages/LandingPage.vue b/src/components/pages/LandingPage.vue
index d3da1bb..a9a8303 100644
--- a/src/components/pages/LandingPage.vue
+++ b/src/components/pages/LandingPage.vue
@@ -34,11 +34,11 @@ export default {
gotoYear : function(year) {
// TODO: Redirect to visualization page relevant to the selected year
this.$store.commit('setYear', year)
- this.$router.push('Pendapatan')
+ this.$router.push('semua-anggaran')
}
},
created : function() {
- this.$store.commit('changed','Pendapatan')
+ //this.$store.commit('changed','semua-anggaran')
}
}
</script>
diff --git a/src/components/pages/LoginPage.vue b/src/components/pages/LoginPage.vue
index a540794..1ce2983 100644
--- a/src/components/pages/LoginPage.vue
+++ b/src/components/pages/LoginPage.vue
@@ -19,7 +19,7 @@ export default {
},
created : function() {
- this.$store.commit('changed','Jenis Keuangan')
+ this.$store.commit('changed','Jenis Anggaran')
}
}
</script>
diff --git a/src/components/pages/PembiayaanPage.vue b/src/components/pages/PembiayaanPage.vue
index 30fccfa..4b7aec2 100644
--- a/src/components/pages/PembiayaanPage.vue
+++ b/src/components/pages/PembiayaanPage.vue
@@ -19,7 +19,7 @@ export default {
},
created : function() {
- this.$store.commit('changed','Pembiayaan')
+ this.$store.commit('changed','Anggaran Pembiayaan')
}
}
</script>
diff --git a/src/components/pages/PendapatanPage.vue b/src/components/pages/PendapatanPage.vue
index 04b0729..d10e935 100644
--- a/src/components/pages/PendapatanPage.vue
+++ b/src/components/pages/PendapatanPage.vue
@@ -19,7 +19,7 @@ export default {
},
created : function() {
- this.$store.commit('changed','Pendapatan')
+ this.$store.commit('changed','Anggaran Pendapatan')
}
}
</script>
diff --git a/src/components/pages/SemuaAnggaran.vue b/src/components/pages/SemuaAnggaran.vue
new file mode 100644
index 0000000..2cae2a8
--- /dev/null
+++ b/src/components/pages/SemuaAnggaran.vue
@@ -0,0 +1,31 @@
+<template>
+ <div>
+ Semua Anggaran
+ </div>
+</template>
+
+<script>
+export default {
+ name: 'SemuaAnggaran',
+ components: {
+
+ },
+ data() {
+ return {
+
+ }
+ },
+ methods: {
+
+ },
+ created : function() {
+ this.$store.commit('changed','Semua Anggaran')
+ }
+}
+</script>
+
+
+<style lang="scss" scoped>
+@import 'src/assets/css/style.scss';
+
+</style>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 57518ed..944e923 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -6,7 +6,7 @@ import Pendapatan from '@/components/pages/PendapatanPage'
import Pembiayaan from '@/components/pages/PembiayaanPage'
import BiayaTidakLangsung from '@/components/pages/BiayaTidakLangsungPage'
import BiayaLangsung from '@/components/pages/BiayaLangsungPage'
-
+import SemuaAnggaran from '@/components/pages/SemuaAnggaran'
Vue.use(Router)
export default new Router({
@@ -22,25 +22,30 @@ export default new Router({
component: LoginPage
},
{
- path: '/Pendapatan',
+ path: '/pendapatan',
name: 'PendapatanPage',
component: Pendapatan
},
{
- path: '/BiayaTidakLangsung',
+ path: '/biaya-tidak-langsung',
name: 'BiayaTidakLangsung',
component: BiayaTidakLangsung
},
{
- path: '/BiayaLangsung',
+ path: '/biaya-langsung',
name: 'BiayaLangsung',
component: BiayaLangsung
},
{
- path: '/Pembiayaan',
+ path: '/pembiayaan',
name: 'Pembiayaan',
component: Pembiayaan
},
+ {
+ path: '/semua-anggaran',
+ name: 'SemuaAnggaran',
+ component: SemuaAnggaran
+ },
],
mode: 'history',
})
--
GitLab