Skip to content

K
kiaisoft_tuananh_nuxt
Commit f3a32305 authored by TTS Kieu Tuan Anh's avatar TTS Kieu Tuan Anh
Browse files
Options

add layouts

parent eb3870a2
Show whitespace changes
Inline Side-by-side
Showing with 161 additions and 88 deletions
components/Footer.vue
View file @ f3a32305
<template>
<v-footer
dark
padless
>
<v-card
flat
tile
class="indigo lighten-1 white--text text-center"
>
<v-card-text>
<v-btn
v-for="icon in icons"
:key="icon"
class="mx-4 white--text"
icon
>
<v-icon size="24px">
{{ icon }}
</v-icon>
</v-btn>
</v-card-text>
<footer id="container">
<div id="contacts">
<div id="contacts--contact">
<p> xavier.seignard+drangies@gmail.com </p>
<p>+84965615899</p>
</div>
<div id="contacts--social">
<div></div>
<div></div>
<div></div>
</div>
</div>
<div id="mentions">
<p> 2018 | mentions légales</p>
</div>
</footer>
</template>
<script>
export default {
name: "footer",
};
</script>
<v-card-text class="white--text pt-0">
Phasellus feugiat arcu sapien, et iaculis ipsum elementum sit amet. Mauris cursus commodo interdum. Praesent ut risus eget metus luctus accumsan id ultrices nunc. Sed at orci sed massa consectetur dignissim a sit amet dui. Duis commodo vitae velit et faucibus. Morbi vehicula lacinia malesuada. Nulla placerat augue vel ipsum ultrices, cursus iaculis dui sollicitudin. Vestibulum eu ipsum vel diam elementum tempor vel ut orci. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</v-card-text>
<v-divider></v-divider>
<style>
#container{
min-height: calc(100vh - 40px);
padding-top:20px;
margin-top:20px;
width:100vw;
color:white;
background-color:#17a2b8;
display:flex;
flex-direction:column;
align-items:center;
}
#contacts{
display:flex;
justify-content:space-around;
align-items:center;
width:100%;
}
#contacts--contact{
text-align:right;
}
#contacts--social{
width:20%;
display : flex;
justify-content : space-between;
}
#contacts--social div{
height:30px;
width:30px;
background-color:white;
border-radius:50%;
}
#mentions p {
font-size:0.5em;
}
</style>
\ No newline at end of file
<v-card-text class="white--text">
{{ new Date().getFullYear() }} — <strong>Vuetify</strong>
</v-card-text>
</v-card>
</v-footer>
</template>
<script>
export default {
data: () => ({
icons: [
'mdi-facebook',
'mdi-twitter',
'mdi-linkedin',
'mdi-instagram',
],
}),
}
</script>
\ No newline at end of file
components/nav.vue
View file @ f3a32305
......@@ -6,7 +6,7 @@
variant="info"
style="background-color: #6f2ca6 !important"
>
<sidebar />
<SideBar />
<b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
......@@ -37,7 +37,7 @@ export default {
};
</script>
<script>
import sidebar from "@/components/sidebar";
import sidebar from "@/components/SideBar";
import vuex from
export default {
......
layouts/admin.vue 0 → 100644
View file @ f3a32305
<template>
<div>
<Nav />
<nuxt />
</div>
</template>
<script>
import Nav from "@/components/Nav";
export default {
components: { Nav },
};
</script>
layouts/default.vue 0 → 100644
View file @ f3a32305
<template>
<div>
<Nav />
<nuxt />
<Footer />
</div>
</template>
<script>
import Nav from "@/components/Nav";
import Footer from "@/components/Footer";
export default {
components: { Nav },
components: { Footer },
};
</script>
layouts/none.vue 0 → 100644
View file @ f3a32305
<template>
<nuxt />
</template>
\ No newline at end of file
package-lock.json
View file @ f3a32305
......@@ -19,6 +19,7 @@
"core-js": "^3.25.3",
"jquery": "^3.6.3",
"jsonwebtoken": "^9.0.0",
"moment-jalaali": "^0.9.6",
"nuxt": "^2.15.8",
"prism-themes": "^1.9.0",
"vue": "^2.7.10",
......@@ -7428,6 +7429,11 @@
"node": ">=0.10.0"
}
},
"node_modules/jalaali-js": {
"version": "1.2.6",
"resolved": "https://registry.npmjs.org/jalaali-js/-/jalaali-js-1.2.6.tgz",
"integrity": "sha512-io974va+Qyu+UfuVX3UIAgJlxLhAMx9Y8VMfh+IG00Js7hXQo1qNQuwSiSa0xxco0SVgx5HWNkaiCcV+aZ8WPw=="
},
"node_modules/jest-worker": {
"version": "26.6.2",
"resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-26.6.2.tgz",
......@@ -8059,6 +8065,50 @@
"mkdirp": "bin/cmd.js"
}
},
"node_modules/moment": {
"version": "2.29.4",
"resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
"integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==",
"engines": {
"node": "*"
}
},
"node_modules/moment-jalaali": {
"version": "0.9.6",
"resolved": "https://registry.npmjs.org/moment-jalaali/-/moment-jalaali-0.9.6.tgz",
"integrity": "sha512-v8wXjQplvk5ez+sUqgsWIrafwIf1BEXXvzTYwsg1wHcqh27nSgKPCJ6FnZRrCz03MoNyB9N31L0oms+vE8Rq7g==",
"dependencies": {
"jalaali-js": "^1.1.0",
"moment": "^2.22.2",
"moment-timezone": "^0.5.21",
"rimraf": "^3.0.2"
}
},
"node_modules/moment-jalaali/node_modules/rimraf": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
"integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
"dependencies": {
"glob": "^7.1.3"
},
"bin": {
"rimraf": "bin.js"
},
"funding": {
"url": "https://github.com/sponsors/isaacs"
}
},
"node_modules/moment-timezone": {
"version": "0.5.40",
"resolved": "https://registry.npmjs.org/moment-timezone/-/moment-timezone-0.5.40.tgz",
"integrity": "sha512-tWfmNkRYmBkPJz5mr9GVDn9vRlVZOTe6yqY92rFxiOdWXbjaR0+9LwQnZGGuNR63X456NqmEkbskte8tWL5ePg==",
"dependencies": {
"moment": ">= 2.9.0"
},
"engines": {
"node": "*"
}
},
"node_modules/move-concurrently": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
......
pages/about.vue 0 → 100644
View file @ f3a32305
<template>
<div>
<div>
<h1 style="text-align: center">ABOUT</h1>
</div>
</div>
</template>
\ No newline at end of file
pages/home/index.vue
View file @ f3a32305
<template>
<div>
<div>
<Nav />
<h1 style="text-align: center">HOME</h1>
</div>
......@@ -17,11 +17,11 @@ import axios from "axios";
import VueAxios from "vue-axios";
import Nav from "@/components/Nav";
import Footer from "@/components/Footer";
export default {
layout: "admin",
components: { Nav },
components: { Footer },
middleware: ['web'],
};
......
pages/home/users.vue
View file @ f3a32305
<template>
<div>
<div>
<Nav />
</div>
<b-breadcrumb>
<b-breadcrumb-item href="/home">
......@@ -206,6 +205,7 @@ import Toasted from 'vue-toasted';
import { ModalPlugin } from 'bootstrap-vue';
export default {
layout: "admin",
components: { Nav },
components: { Navigation },
components: { notification },
......@@ -274,6 +274,7 @@ export default {
},
created() {
this.initialize();
this.getUsers();
},
methods: {
initialize() {
......@@ -391,9 +392,7 @@ export default {
}
}
},
created() {
this.getUsers();
},
};
</script>
pages/index.vue
View file @ f3a32305
......@@ -60,9 +60,10 @@
<script>
import Nav from "@/components/Nav";
import notification from "@/components/notification";
import Toasted from 'vue-toasted';
import Toasted from "vue-toasted";
export default {
layout: "none",
components: { Nav },
components: { notification },
components: { NuxtLogo },
......@@ -72,6 +73,7 @@ export default {
import { reactive } from "vue";
import axios from "axios";
export default {
layout: "none",
data: () => {
return {
email: "",
......@@ -102,33 +104,20 @@ export default {
this.$auth.$storage.setUniversal("userName", resp.data.name);
this.$auth.$storage.setUniversal("loggedIn", "true");
if (resp.status == "success") {
this.$toast.success('Successfully authenticated',{
duration: 2000
this.$toast.success("Successfully authenticated", {
duration: 2000,
});
this.$router.push("home");
}
} catch (e) {
// this.error = "Username or Password not valid";
this.$toast.error('Username or Password not valid',{
duration: 2000
this.$toast.error("Username or Password not valid", {
duration: 2000,
});
this.$router.push("/");
}
// async login() {
// try {
// const response = await this.$axios.post('http://127.0.0.1:8000/api/login', {
// email: this.email,
// password: this.password
// });
// await this.$auth.setToken('local', "Bearer " + response.data.access);
// await this.$auth.setRefreshToken('local', response.data.refresh);
// await this.$auth.setUserToken(response.data.access);
// } catch (e) {
// this.error = 'Username or Password not valid'
// }
},
checkForm: function (e) {
if (this.name && this.age) {
return true;
......
pages/register.vue
View file @ f3a32305
......@@ -63,6 +63,7 @@
import { reactive } from "vue";
export default {
layout: "none",
data: () => {
return {
name: "",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment