Dashboard

robbinho · Dec 18, 2019 · 4d30c66 · 4d30c66
1 parent 2f6f15a
commit 4d30c66
Show file tree

Hide file tree

Showing 24 changed files with 941 additions and 111 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "dessign3",
+  "name": "AAE",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -10,7 +10,8 @@
   "dependencies": {
     "core-js": "^3.3.2",
     "vue": "^2.6.10",
-    "vue-router": "^3.1.3"
+    "vue-router": "^3.1.3",
+    "vuetify": "^2.1.11"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^4.0.0",
@@ -19,7 +20,12 @@
     "babel-eslint": "^10.0.3",
     "eslint": "^5.16.0",
     "eslint-plugin-vue": "^5.0.0",
-    "vue-template-compiler": "^2.6.10"
+    "material-design-icons-iconfont": "^5.0.1",
+    "sass": "^1.19.0",
+    "sass-loader": "^8.0.0",
+    "vue-cli-plugin-vuetify": "^2.0.2",
+    "vue-template-compiler": "^2.6.10",
+    "vuetify-loader": "^1.3.0"
   },
   "eslintConfig": {
     "root": true,

diff --git a/public/img1.png b/public/img1.png
diff --git a/public/img2.png b/public/img2.png
diff --git a/public/img3.png b/public/img3.png
diff --git a/public/img4.png b/public/img4.png
diff --git a/public/img5.png b/public/img5.png
diff --git a/public/img6.png b/public/img6.png
diff --git a/public/index.html b/public/index.html
@@ -5,7 +5,9 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>dessign3</title>
+    <title>AAE IdeaPro</title>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
   </head>
   <body>
     <noscript>

diff --git a/src/App.vue b/src/App.vue
@@ -1,32 +1,28 @@
 <template>
-  <div id="app">
-    <div id="nav">
-      <router-link to="/">Home</router-link> |
-      <router-link to="/about">About</router-link>
-    </div>
-    <router-view/>
-  </div>
+  <v-app>
+  <Navbar/>
+    <v-content class="ma-4">
+      <router-view></router-view>
+    </v-content>
+     <Footer/>
+  </v-app>
+
 </template>
 
-<style>
-#app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-}
+<script>
 
-#nav {
-  padding: 30px;
-}
+import Navbar from '@/components/Navbar'
+import Footer from '@/components/Footer'
+export default {
+  name: 'App',
 
-#nav a {
-  font-weight: bold;
-  color: #2c3e50;
-}
+  components: {
+   Navbar,
+   Footer
+  },
 
-#nav a.router-link-exact-active {
-  color: #42b983;
-}
-</style>
+  data: () => ({
+    //
+  }),
+};
+</script>
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
@@ -0,0 +1,22 @@
+<template>
+  <v-footer
+    dark
+    padless
+    app
+    inset
+
+  >
+    <v-card
+      class="flex"
+      flat
+      tile
+      color="red"
+      :elevation="10"
+    >
+
+      <v-card-text class="py-2 white--text text-center">
+        {{ new Date().getFullYear() }} — <strong>AAE IdeaPro</strong>
+      </v-card-text>
+    </v-card>
+  </v-footer>
+</template>