-
Notifications
You must be signed in to change notification settings - Fork 789
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #86 from maisamaf/feature/v4.0.0
feature/v4.0.0
- Loading branch information
Showing
100 changed files
with
2,567 additions
and
3,465 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,99 +1,70 @@ | ||
| <!-- | ||
| ========================================================= | ||
| * Vue Argon Dashboard 2 - v3.0.1 | ||
| * Vue Argon Dashboard 2 - v4.0.0 | ||
| ========================================================= | ||
|
|
||
| * Product Page: https://creative-tim.com/product/vue-argon-dashboard | ||
| * Copyright 2023 Creative Tim (https://www.creative-tim.com) | ||
| * Copyright 2024 Creative Tim (https://www.creative-tim.com) | ||
|
|
||
| Coded by www.creative-tim.com | ||
|
|
||
| ========================================================= | ||
|
|
||
| * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. | ||
| --> | ||
| <script setup> | ||
| import { computed } from "vue"; | ||
| import { useStore } from "vuex"; | ||
| import Sidenav from "./examples/Sidenav"; | ||
| import Configurator from "@/examples/Configurator.vue"; | ||
| import Navbar from "@/examples/Navbars/Navbar.vue"; | ||
| import AppFooter from "@/examples/Footer.vue"; | ||
|
|
||
| const store = useStore(); | ||
| const isNavFixed = computed(() => store.state.isNavFixed); | ||
| const darkMode = computed(() => store.state.darkMode); | ||
| const isAbsolute = computed(() => store.state.isAbsolute); | ||
| const showSidenav = computed(() => store.state.showSidenav); | ||
| const layout = computed(() => store.state.layout); | ||
| const showNavbar = computed(() => store.state.showNavbar); | ||
| const showFooter = computed(() => store.state.showFooter); | ||
| const showConfig = computed(() => store.state.showConfig); | ||
| const hideConfigButton = computed(() => store.state.hideConfigButton); | ||
| const toggleConfigurator = () => store.commit("toggleConfigurator"); | ||
|
|
||
| const navClasses = computed(() => { | ||
| return { | ||
| "position-sticky bg-white left-auto top-2 z-index-sticky": | ||
| isNavFixed.value && !darkMode.value, | ||
| "position-sticky bg-default left-auto top-2 z-index-sticky": | ||
| isNavFixed.value && darkMode.value, | ||
| "position-absolute px-4 mx-0 w-100 z-index-2": isAbsolute.value, | ||
| "px-0 mx-4": !isAbsolute.value, | ||
| }; | ||
| }); | ||
| </script> | ||
| <template> | ||
|
|
||
| <div | ||
| v-show="this.$store.state.layout === 'landing'" | ||
| v-show="layout === 'landing'" | ||
| class="landing-bg h-100 bg-gradient-primary position-fixed w-100" | ||
| ></div> | ||
|
|
||
| <sidenav | ||
| :custom_class="this.$store.state.mcolor" | ||
| :class="[ | ||
| this.$store.state.isTransparent, | ||
| this.$store.state.isRTL ? 'fixed-end' : 'fixed-start', | ||
| ]" | ||
| v-if="this.$store.state.showSidenav" | ||
| /> | ||
| <sidenav v-if="showSidenav" /> | ||
|
|
||
| <main | ||
| class="main-content position-relative max-height-vh-100 h-100 border-radius-lg" | ||
| > | ||
|
|
||
| <!-- nav --> | ||
|
|
||
| <navbar | ||
| :class="[navClasses]" | ||
| :textWhite=" | ||
| this.$store.state.isAbsolute ? 'text-white opacity-8' : 'text-white' | ||
| " | ||
| :minNav="navbarMinimize" | ||
| v-if="this.$store.state.showNavbar" | ||
| /> | ||
| <navbar :class="[navClasses]" v-if="showNavbar" /> | ||
|
|
||
| <router-view /> | ||
|
|
||
| <app-footer v-show="this.$store.state.showFooter" /> | ||
| <app-footer v-show="showFooter" /> | ||
|
|
||
| <configurator | ||
| :toggle="toggleConfigurator" | ||
| :class="[ | ||
| this.$store.state.showConfig ? 'show' : '', | ||
| this.$store.state.hideConfigButton ? 'd-none' : '', | ||
| ]" | ||
| :class="[showConfig ? 'show' : '', hideConfigButton ? 'd-none' : '']" | ||
| /> | ||
|
|
||
| </main> | ||
|
|
||
| </template> | ||
|
|
||
| <script> | ||
| import Sidenav from "./examples/Sidenav"; | ||
| import Configurator from "@/examples/Configurator.vue"; | ||
| import Navbar from "@/examples/Navbars/Navbar.vue"; | ||
| import AppFooter from "@/examples/Footer.vue"; | ||
| import { mapMutations } from "vuex"; | ||
|
|
||
| export default { | ||
| name: "App", | ||
| components: { | ||
| Sidenav, | ||
| Configurator, | ||
| Navbar, | ||
| AppFooter, | ||
| }, | ||
| methods: { | ||
| ...mapMutations(["toggleConfigurator", "navbarMinimize"]), | ||
| }, | ||
| computed: { | ||
| navClasses() { | ||
| return { | ||
| "position-sticky bg-white left-auto top-2 z-index-sticky": | ||
| this.$store.state.isNavFixed && !this.$store.state.darkMode, | ||
| "position-sticky bg-default left-auto top-2 z-index-sticky": | ||
| this.$store.state.isNavFixed && this.$store.state.darkMode, | ||
| "position-absolute px-4 mx-0 w-100 z-index-2": this.$store.state | ||
| .isAbsolute, | ||
| "px-0 mx-4": !this.$store.state.isAbsolute, | ||
| }; | ||
| }, | ||
| }, | ||
| beforeMount() { | ||
| this.$store.state.isTransparent = "bg-transparent"; | ||
| }, | ||
| }; | ||
| </script> | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.