From 298fb6852fef3ede16b8aa297531c0ea8b6f26c7 Mon Sep 17 00:00:00 2001 From: Andinus Date: Wed, 2 Feb 2022 16:21:05 +0530 Subject: Add primeflex css, header & NewSmile view --- README.org | 6 ++-- client/package-lock.json | 5 +++ client/package.json | 1 + client/src/App.vue | 65 +++++++++++++++++++++++++----------- client/src/components/Header.vue | 38 +++++++++++++++++++++ client/src/components/HelloWorld.vue | 58 -------------------------------- client/src/main.js | 14 +++++++- client/src/router/index.js | 6 ++-- client/src/views/About.vue | 5 --- client/src/views/Home.vue | 43 +++++++++++++++++------- client/src/views/NewSmile.vue | 5 +++ 11 files changed, 144 insertions(+), 102 deletions(-) create mode 100644 client/src/components/Header.vue delete mode 100644 client/src/components/HelloWorld.vue delete mode 100644 client/src/views/About.vue create mode 100644 client/src/views/NewSmile.vue diff --git a/README.org b/README.org index 13b99e2..53afb11 100644 --- a/README.org +++ b/README.org @@ -1,5 +1,5 @@ #+title: Vela -#+subtitle: Vela is a simple web application to share pictures with friends +#+subtitle: Vela is a place to share smiles #+export_file_name: index #+setupfile: ~/.emacs.d/org-templates/projects.org @@ -13,8 +13,8 @@ upload. They can share the public link with their friends. The upload link should be kept private. They can upload pictures of them or anything that they want to share -with the private link. Visitors on the public link can view it but only -once, pictures are deleted after someone views it once. +with the private link. Visitors on the public link can view the /Smiles/ +but only once, pictures are deleted after it's viewed once. ** Why? diff --git a/client/package-lock.json b/client/package-lock.json index a75a2f9..c79c10a 100644 --- a/client/package-lock.json +++ b/client/package-lock.json @@ -8966,6 +8966,11 @@ "renderkid": "^2.0.4" } }, + "primeflex": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/primeflex/-/primeflex-3.1.2.tgz", + "integrity": "sha512-q63sFNk3KPHSoM4EEEgo0MFTJSQhz4PZpJoQnVa8bcju/N7D8koloF9fniXV8UBlKFQzh0DLr5iFZ4c6FFXO4g==" + }, "primeicons": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/primeicons/-/primeicons-5.0.0.tgz", diff --git a/client/package.json b/client/package.json index 3f922be..4ac22db 100644 --- a/client/package.json +++ b/client/package.json @@ -9,6 +9,7 @@ }, "dependencies": { "core-js": "^3.6.5", + "primeflex": "^3.1.2", "primeicons": "^5.0.0", "primevue": "^3.11.1", "vue": "^3.0.0", diff --git a/client/src/App.vue b/client/src/App.vue index 8e16cf8..5d44890 100644 --- a/client/src/App.vue +++ b/client/src/App.vue @@ -1,30 +1,55 @@ - diff --git a/client/src/components/Header.vue b/client/src/components/Header.vue new file mode 100644 index 0000000..8ab29b2 --- /dev/null +++ b/client/src/components/Header.vue @@ -0,0 +1,38 @@ + + + + + diff --git a/client/src/components/HelloWorld.vue b/client/src/components/HelloWorld.vue deleted file mode 100644 index 649a596..0000000 --- a/client/src/components/HelloWorld.vue +++ /dev/null @@ -1,58 +0,0 @@ - - - - - diff --git a/client/src/main.js b/client/src/main.js index 22d1619..13ce79d 100644 --- a/client/src/main.js +++ b/client/src/main.js @@ -1,15 +1,27 @@ import {createApp} from 'vue'; import App from './App.vue'; import router from './router' + import PrimeVue from 'primevue/config'; +import Menubar from 'primevue/menubar'; +import Divider from 'primevue/divider'; +import InputText from 'primevue/inputtext'; +import Button from 'primevue/button'; +import Card from 'primevue/card'; import 'primevue/resources/themes/lara-dark-blue/theme.css'; import 'primevue/resources/primevue.min.css'; import 'primeicons/primeicons.css'; +import 'primeflex/primeflex.css'; const app = createApp(App); - app.use(router); + app.use(PrimeVue); +app.component('Divider', Divider); +app.component('Menubar', Menubar); +app.component('InputText', InputText); +app.component('Button', Button); +app.component('Card', Card); app.mount('#app'); diff --git a/client/src/router/index.js b/client/src/router/index.js index 4300a69..f0d3113 100644 --- a/client/src/router/index.js +++ b/client/src/router/index.js @@ -8,12 +8,12 @@ const routes = [ component: Home }, { - path: '/about', - name: 'About', + path: '/new', + name: 'New Smile', // route level code-splitting // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is visited. - component: () => import(/* webpackChunkName: "about" */ '../views/About.vue') + component: () => import(/* webpackChunkName: "about" */ '../views/NewSmile.vue') } ] diff --git a/client/src/views/About.vue b/client/src/views/About.vue deleted file mode 100644 index 3fa2807..0000000 --- a/client/src/views/About.vue +++ /dev/null @@ -1,5 +0,0 @@ - diff --git a/client/src/views/Home.vue b/client/src/views/Home.vue index 65a73a1..06ca2a3 100644 --- a/client/src/views/Home.vue +++ b/client/src/views/Home.vue @@ -1,17 +1,36 @@ - + diff --git a/client/src/views/NewSmile.vue b/client/src/views/NewSmile.vue new file mode 100644 index 0000000..6927007 --- /dev/null +++ b/client/src/views/NewSmile.vue @@ -0,0 +1,5 @@ + -- cgit 1.4.1-2-gfad0