ADD page entry in backend and vue file for the frontend

backend/workspaces/Invoices/pages/consumptions.py

@@ -0,0 +1,37 @@
+"""
+The roseguarden project
+
+Copyright (C) 2018-2020  Marcus Drobisch,
+
+This program is free software: you can redistribute it and/or modify it under
+the terms of the GNU General Public License as published by the Free Software
+Foundation, either version 3 of the License, or (at your option) any later
+version.
+
+This program is distributed in the hope that it will be useful, but WITHOUT
+ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
+You should have received a copy of the GNU General Public License along with
+this program. If not, see <http://www.gnu.org/licenses/>.
+"""
+
+__authors__ = ["Marcus Drobisch"]
+__contact__ = "[email protected]"
+__credits__ = []
+__license__ = "GPLv3"
+
+from core.workspaces.page import Page
+
+""" The consumption overview page
+"""
+
+
+class Consumptions(Page):
+    title = "Consumptions"  # Shown label of the page in the menu
+    group = "Admin"  # groupname multiple pages
+    icon = "mdi-food-apple"  # icon (in typeset of material design icons)
+    route = "/invoices/consumptions"  # routing
+    builder = "frontend"  # page get build by the client (frontend)
+    rank = 1.6  # ranks (double) the page higher values are at the top of the menu
+    # groups will be ranked by the sum of the rank-values of their entries
+    requireLogin = True  # login is required to view the page

frontend/pages/invoices/consumptions.vue

@@ -0,0 +1,45 @@
+<template>
+  <v-container fluid>
+    <v-card height="600px">
+      <v-card-title>
+        <h3>Consumptions</h3>
+      </v-card-title>
+      <v-card-text dense>
+
+      </v-card-text>
+    </v-card>
+  </v-container>
+</template>
+
+<script>
+import Vue from "vue";
+import { codemirror } from "vue-codemirror";
+import { mapState } from "vuex";
+import moment from "moment";
+
+import axios from "axios";
+import VueAxios from "vue-axios";
+
+Vue.use(VueAxios, axios);
+
+export default {
+  layout: "dashboard",
+  components: {},
+  data: () => ({
+    info: "",
+  }),
+  methods: {
+    ok() {},
+  },
+  watch: {
+    info: function (val) {},
+  },
+  computed: {
+    test: function () {},
+  },
+  created() {},
+  mounted() {},
+};
+</script>
+
+<style scoped></style>