Gava/agenciapsilmno
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactored composable

Browse Source
This commit is contained in:
Cagatay Civici
2022-11-29 08:49:09 +03:00
parent c6ff257662
commit c80bbf8f70
11 changed files with 3910 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3891
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

4
src/layout/AppConfig.vue
View File

@@ -5,7 +5,7 @@ import InputSwitch from 'primevue/inputswitch';
import Sidebar from 'primevue/sidebar'; import Sidebar from 'primevue/sidebar';
import { ref } from 'vue'; import { ref } from 'vue';
import { useLayoutService } from '@/layout/composables/layoutService'; import { useLayout } from '@/layout/composables/layout';
defineProps({ defineProps({
simple: { simple: {
@@ -16,7 +16,7 @@ defineProps({
const scales = ref([12, 13, 14, 15, 16]); const scales = ref([12, 13, 14, 15, 16]);
const visible = ref(false); const visible = ref(false);
const { changeThemeSettings, setScale, layoutConfig } = useLayoutService(); const { changeThemeSettings, setScale, layoutConfig } = useLayout();
const onConfigButtonClick = () => { const onConfigButtonClick = () => {
visible.value = !visible.value; visible.value = !visible.value;

4
src/layout/AppFooter.vue
View File

@@ -1,7 +1,7 @@
<script setup> <script setup>
import { useLayoutService } from '@/layout/composables/layoutService'; import { useLayout } from '@/layout/composables/layout';
const { layoutConfig } = useLayoutService(); const { layoutConfig } = useLayout();
const logoUrl = () => { const logoUrl = () => {
return new URL(`/public/layout/images/${layoutConfig.darkTheme.value ? 'logo-white' : 'logo-dark'}.svg`, import.meta.url).href; return new URL(`/public/layout/images/${layoutConfig.darkTheme.value ? 'logo-white' : 'logo-dark'}.svg`, import.meta.url).href;

4
src/layout/AppLayout.vue
View File

@@ -4,9 +4,9 @@ import AppTopbar from './AppTopbar.vue';
import AppFooter from './AppFooter.vue'; import AppFooter from './AppFooter.vue';
import AppSidebar from './AppSidebar.vue'; import AppSidebar from './AppSidebar.vue';
import AppConfig from './AppConfig.vue'; import AppConfig from './AppConfig.vue';
import { useLayoutService } from '@/layout/composables/layoutService'; import { useLayout } from '@/layout/composables/layout';
const { layoutConfig, layoutState, isSidebarActive } = useLayoutService(); const { layoutConfig, layoutState, isSidebarActive } = useLayout();
const outsideClickListener = ref(null); const outsideClickListener = ref(null);

4
src/layout/AppMenuItem.vue
View File

@@ -1,11 +1,11 @@
<script setup> <script setup>
import { ref, onBeforeMount, watch } from 'vue'; import { ref, onBeforeMount, watch } from 'vue';
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router';
import { useLayoutService } from '@/layout/composables/layoutService'; import { useLayout } from '@/layout/composables/layout';
const route = useRoute(); const route = useRoute();
const { layoutConfig, layoutState, setActiveMenuItem, onMenuToggle } = useLayoutService(); const { layoutConfig, layoutState, setActiveMenuItem, onMenuToggle } = useLayout();
const props = defineProps({ const props = defineProps({
item: { item: {

4
src/layout/AppTopbar.vue
View File

@@ -1,9 +1,9 @@
<script setup> <script setup>
import { ref, computed, onMounted, onBeforeUnmount } from 'vue'; import { ref, computed, onMounted, onBeforeUnmount } from 'vue';
import { useLayoutService } from '@/layout/composables/layoutService'; import { useLayout } from '@/layout/composables/layout';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
const { layoutConfig, onMenuToggle } = useLayoutService(); const { layoutConfig, onMenuToggle } = useLayout();
const outsideClickListener = ref(null); const outsideClickListener = ref(null);
const topbarMenuActive = ref(false); const topbarMenuActive = ref(false);

2
src/layout/composables/layoutService.js → src/layout/composables/layout.js
View File

@@ -19,7 +19,7 @@ const layoutState = reactive({
menuHoverActive: false menuHoverActive: false
}); });
export function useLayoutService () { export function useLayout () {
const changeThemeSettings = (theme, darkTheme) => { const changeThemeSettings = (theme, darkTheme) => {
layoutConfig.darkTheme = darkTheme; layoutConfig.darkTheme = darkTheme;
layoutConfig.theme = theme; layoutConfig.theme = theme;

4
src/views/Dashboard.vue
View File

@@ -1,9 +1,9 @@
<script setup> <script setup>
import { onMounted, reactive, ref, watch } from 'vue'; import { onMounted, reactive, ref, watch } from 'vue';
import ProductService from '@/layout/service/ProductService'; import ProductService from '@/layout/service/ProductService';
import { useLayoutService } from '@/layout/composables/layoutService'; import { useLayout } from '@/layout/composables/layout';
const { isDarkTheme } = useLayoutService(); const { isDarkTheme } = useLayout();
const products = ref(null); const products = ref(null);
const lineData = reactive({ const lineData = reactive({

4
src/views/pages/Landing.vue
View File

@@ -1,7 +1,7 @@
<script setup> <script setup>
import { useLayoutService } from '@/layout/composables/layoutService'; import { useLayout } from '@/layout/composables/layout';
import AppConfig from '@/layout/AppConfig.vue'; import AppConfig from '@/layout/AppConfig.vue';
const { isDarkTheme } = useLayoutService(); const { isDarkTheme } = useLayout();
const smoothScroll = (id) => { const smoothScroll = (id) => {
document.querySelector(id).scrollIntoView({ document.querySelector(id).scrollIntoView({

4
src/views/pages/auth/Login.vue
View File

@@ -1,9 +1,9 @@
<script setup> <script setup>
import { useLayoutService } from '@/layout/composables/layoutService'; import { useLayout } from '@/layout/composables/layout';
import { ref } from 'vue'; import { ref } from 'vue';
import AppConfig from '@/layout/AppConfig.vue'; import AppConfig from '@/layout/AppConfig.vue';
const { isDarkTheme } = useLayoutService(); const { isDarkTheme } = useLayout();
const email = ref(''); const email = ref('');
const password = ref(''); const password = ref('');

4
src/views/uikit/Chart.vue
View File

@@ -1,8 +1,8 @@
<script setup> <script setup>
import { ref, watch } from 'vue'; import { ref, watch } from 'vue';
import { useLayoutService } from '@/layout/composables/layoutService'; import { useLayout } from '@/layout/composables/layout';
const { layoutConfig } = useLayoutService(); const { layoutConfig } = useLayout();
let documentStyle = getComputedStyle(document.documentElement); let documentStyle = getComputedStyle(document.documentElement);
let textColor = documentStyle.getPropertyValue('--text-color'); let textColor = documentStyle.getPropertyValue('--text-color');
let textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary'); let textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');