mirror of
https://git.hmsn.ink/kospo/svcm/dmz.git
synced 2026-03-20 10:13:41 +09:00
first
This commit is contained in:
158
src/layouts/landing.vue
Normal file
158
src/layouts/landing.vue
Normal file
@@ -0,0 +1,158 @@
|
||||
<script setup lang="ts">
|
||||
import type {
|
||||
LandingNavItem,
|
||||
LandingFooterColumn,
|
||||
LandingSocialItem,
|
||||
} from '/@src/components/layouts/landing/landing.types'
|
||||
|
||||
const links = ref<LandingNavItem[]>([
|
||||
{
|
||||
label: 'Buy now',
|
||||
to: 'http://go.cssninja.io/buy-vuero',
|
||||
active: true,
|
||||
},
|
||||
{
|
||||
label: 'Demos',
|
||||
to: '/#vuero-demos',
|
||||
},
|
||||
{
|
||||
label: 'UI Elements',
|
||||
to: '/#vuero-components',
|
||||
},
|
||||
{
|
||||
label: 'Docs',
|
||||
to: 'https://docs.cssninja.io/vuero',
|
||||
},
|
||||
{
|
||||
label: 'Support',
|
||||
to: 'https://cssninja.io/faq/support',
|
||||
},
|
||||
])
|
||||
|
||||
const footer = ref<LandingFooterColumn[]>([
|
||||
{
|
||||
label: 'Vuero',
|
||||
children: [
|
||||
{
|
||||
label: 'Quality',
|
||||
to: 'https://cssninja.io/faq/quality',
|
||||
},
|
||||
{
|
||||
label: 'GitHub Access',
|
||||
to: 'https://cssninja.io/faq/github-access',
|
||||
},
|
||||
{
|
||||
label: 'Our licenses',
|
||||
to: 'https://cssninja.io/faq/licenses',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
label: 'Resources',
|
||||
children: [
|
||||
{
|
||||
label: 'Frequent questions',
|
||||
to: 'https://cssninja.io/faq',
|
||||
},
|
||||
{
|
||||
label: 'GitHub access',
|
||||
to: 'https://cssninja.io/faq/github-access',
|
||||
},
|
||||
{
|
||||
label: 'Support center',
|
||||
to: 'https://cssninja.io/faq/support',
|
||||
},
|
||||
{
|
||||
label: 'Learning',
|
||||
to: 'https://docs.cssninja.io',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
label: 'Terms',
|
||||
children: [
|
||||
{
|
||||
label: 'Terms of Service',
|
||||
to: 'https://cssninja.io/about/terms-of-service',
|
||||
},
|
||||
{
|
||||
label: 'Privacy policy',
|
||||
to: 'https://cssninja.io/about/privacy-policy',
|
||||
},
|
||||
{
|
||||
label: 'Contact us',
|
||||
to: 'https://cssninja.io/company/contact',
|
||||
},
|
||||
],
|
||||
},
|
||||
])
|
||||
|
||||
const social = ref<LandingSocialItem[]>([
|
||||
{
|
||||
icon: 'fa6-brands:facebook-f',
|
||||
link: 'https://www.facebook.com/cssninjaStudio/',
|
||||
},
|
||||
{
|
||||
icon: 'fa6-brands:github',
|
||||
link: 'https://github.com/cssninjaStudio',
|
||||
},
|
||||
{
|
||||
icon: 'fa6-brands:x-twitter',
|
||||
link: 'https://twitter.com/cssninjaStudio',
|
||||
},
|
||||
])
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<LandingLayout :links>
|
||||
<template #logo>
|
||||
<VLink
|
||||
to="/#"
|
||||
class="navbar-item"
|
||||
>
|
||||
<div class="brand-icon">
|
||||
<AnimatedLogo width="250px;"/>
|
||||
</div>
|
||||
</VLink>
|
||||
</template>
|
||||
|
||||
<template #nav-end>
|
||||
<div class="navbar-item">
|
||||
<VDarkmodeSwitch />
|
||||
</div>
|
||||
<div class="navbar-item">
|
||||
<VLink
|
||||
to="/auth/login"
|
||||
class="nav-link"
|
||||
>
|
||||
로그인
|
||||
</VLink>
|
||||
</div>
|
||||
<div class="navbar-item">
|
||||
<VButton
|
||||
to="/auth/signup"
|
||||
color="primary"
|
||||
rounded
|
||||
raised
|
||||
>
|
||||
<strong>회원가입</strong>
|
||||
</VButton>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<slot />
|
||||
|
||||
<LandingFooter>
|
||||
<template #copyright>
|
||||
<a target="_blank" href="https://www.kospo.co.kr/kospo/624/subview.do" style="color:var(--primary)">개인정보처리방침</a> | Copyright©2025. KOREA SOUTHERN POWER CO.,LTD(
|
||||
<VLink
|
||||
to="https://www.kospo.co.kr/"
|
||||
class="has-text-primary"
|
||||
>
|
||||
KOSPO
|
||||
</VLink>
|
||||
). All Right Reserved.
|
||||
</template>
|
||||
</LandingFooter>
|
||||
</LandingLayout>
|
||||
</template>
|
||||
75
src/layouts/navbar.vue
Normal file
75
src/layouts/navbar.vue
Normal file
@@ -0,0 +1,75 @@
|
||||
<script setup lang="ts">
|
||||
import type { NavbarItem } from '/@src/components/layouts/navbar/navbar.types'
|
||||
|
||||
const pageTitle = useVueroContext<string>('page-title')
|
||||
|
||||
const links = ref<NavbarItem[]>([
|
||||
{
|
||||
id: 'contract',
|
||||
type: 'link',
|
||||
to: '/navbar/layouts/contract-list',
|
||||
label: '가격조사',
|
||||
icon: 'lucide:file-pen-line',
|
||||
},
|
||||
{
|
||||
id: 'bid',
|
||||
type: 'link',
|
||||
to: '/navbar/layouts/est-list',
|
||||
label: '신청내역',
|
||||
icon: 'lucide:badge-dollar-sign',
|
||||
},
|
||||
])
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<NavbarLayout size="large" :links>
|
||||
<!-- Propagating the context to the default slot -->
|
||||
<template #default="context">
|
||||
<slot v-bind="context" />
|
||||
</template>
|
||||
|
||||
<template #logo>
|
||||
<RouterLink
|
||||
to="/navbar/dashboards"
|
||||
>
|
||||
<AnimatedLogo
|
||||
width="38px"
|
||||
height="38px"
|
||||
/>
|
||||
</RouterLink>
|
||||
</template>
|
||||
|
||||
<template #navbar-title>
|
||||
<h1 class="title is-6">
|
||||
{{ pageTitle }}
|
||||
</h1>
|
||||
</template>
|
||||
|
||||
<template #title-mobile>
|
||||
<div class="is-flex is-align-items-center">
|
||||
<h1 class="title is-4">
|
||||
{{ pageTitle }}
|
||||
</h1>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template #toolbar>
|
||||
<!-- <LayoutSwitcher class="is-hidden-mobile" />-->
|
||||
<!-- <ToolbarNotification />-->
|
||||
<!-- <ToolbarActivity />-->
|
||||
<ToolbarThemeToggle />
|
||||
<!-- <ToolbarLanguage />-->
|
||||
<ToolbarUserProfile right class="ml-2 is-hidden-mobile" />
|
||||
</template>
|
||||
|
||||
<template #toolbar-mobile>
|
||||
<ToolbarUserProfile right />
|
||||
</template>
|
||||
|
||||
<template #extra>
|
||||
<ClientOnly>
|
||||
<VReloadPrompt app-name="Vuero" />
|
||||
</ClientOnly>
|
||||
</template>
|
||||
</NavbarLayout>
|
||||
</template>
|
||||
166
src/layouts/navsearch.vue
Normal file
166
src/layouts/navsearch.vue
Normal file
@@ -0,0 +1,166 @@
|
||||
<script setup lang="ts">
|
||||
import type { NavsearchItem } from '/@src/components/layouts/navsearch/navsearch.types'
|
||||
|
||||
import type { VAvatarProps } from '/@src/components/base/VAvatar.vue'
|
||||
import type { UserPopover } from '/@src/types/users'
|
||||
import { popovers } from '/@src/data/users/userPopovers'
|
||||
|
||||
function getAvatarData(user: UserPopover): any {
|
||||
return {
|
||||
picture: user.avatar,
|
||||
initials: user.initials,
|
||||
color: user.color,
|
||||
}
|
||||
}
|
||||
|
||||
const pageTitle = useVueroContext<string>('page-title')
|
||||
|
||||
const search = ref('')
|
||||
const suggestions = computed(() => {
|
||||
if (!search.value) {
|
||||
return []
|
||||
}
|
||||
|
||||
const searchRe = new RegExp(search.value, 'i')
|
||||
|
||||
return Object.values(popovers).filter((user) => {
|
||||
return (
|
||||
user.fullName.match(searchRe) || user.position.match(searchRe)
|
||||
)
|
||||
})
|
||||
})
|
||||
|
||||
const users = ref<VAvatarProps[]>([
|
||||
{
|
||||
picture: 'https://media.cssninja.io/content/avatars/12.jpg',
|
||||
initials: 'JS',
|
||||
color: 'info',
|
||||
},
|
||||
{
|
||||
picture: 'https://media.cssninja.io/content/avatars/22.jpg',
|
||||
initials: 'JH',
|
||||
color: 'info',
|
||||
},
|
||||
{
|
||||
picture: 'https://media.cssninja.io/content/avatars/40.jpg',
|
||||
initials: 'SM',
|
||||
color: 'h-purple',
|
||||
},
|
||||
])
|
||||
|
||||
const links = ref<NavsearchItem[]>([
|
||||
{
|
||||
label: 'Dashboard',
|
||||
to: '/navbar/dashboards',
|
||||
},
|
||||
{
|
||||
label: 'Projects',
|
||||
to: '/navbar/layouts/projects-projects-1',
|
||||
},
|
||||
{
|
||||
label: 'Kanban',
|
||||
to: '/navbar/layouts/kanban-board',
|
||||
},
|
||||
{
|
||||
label: 'Reports',
|
||||
to: '/navbar/dashboards/company',
|
||||
},
|
||||
{
|
||||
label: 'Settings',
|
||||
to: '/navbar/layouts/profile-settings',
|
||||
},
|
||||
{
|
||||
label: 'Map',
|
||||
to: '/navbar/maps-1',
|
||||
},
|
||||
])
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<NavsearchLayout :links>
|
||||
<!-- Propagating the context to the default slot -->
|
||||
<template #default="context">
|
||||
<slot v-bind="context" />
|
||||
</template>
|
||||
|
||||
<template #logo>
|
||||
<RouterLink
|
||||
to="/"
|
||||
>
|
||||
<AnimatedLogo
|
||||
width="38px"
|
||||
height="38px"
|
||||
/>
|
||||
</RouterLink>
|
||||
</template>
|
||||
|
||||
<template #navbar-start>
|
||||
<ProjectsQuickDropdown />
|
||||
<h1 class="title is-5">
|
||||
{{ pageTitle }}
|
||||
</h1>
|
||||
</template>
|
||||
|
||||
<template #title-mobile>
|
||||
<div class="is-flex is-align-items-center">
|
||||
<ProjectsQuickDropdown />
|
||||
|
||||
<h1 class="title is-4">
|
||||
{{ pageTitle }}
|
||||
</h1>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template #navbar-content>
|
||||
<NavsearchInput
|
||||
v-slot="{ item }"
|
||||
v-model="search"
|
||||
:suggestions
|
||||
@select="(item) => search = ''"
|
||||
>
|
||||
<VAvatar v-bind="getAvatarData(item)" />
|
||||
<div class="meta">
|
||||
<span>{{ item.username }}</span>
|
||||
<span>{{ item.position }}</span>
|
||||
</div>
|
||||
</NavsearchInput>
|
||||
</template>
|
||||
|
||||
<template #subnav-start>
|
||||
<span>February 22, 2024</span>
|
||||
</template>
|
||||
<template #subnav-end>
|
||||
<VAvatarStack
|
||||
:avatars="users"
|
||||
:limit="3"
|
||||
size="small"
|
||||
/>
|
||||
<ToolbarUserInvite />
|
||||
</template>
|
||||
|
||||
<template #toolbar>
|
||||
<LayoutSwitcher class="is-hidden-mobile" />
|
||||
<ToolbarNotification />
|
||||
<ToolbarActivity />
|
||||
<ToolbarThemeToggle />
|
||||
<ToolbarLanguage />
|
||||
<ToolbarUserProfile right class="ml-2 is-hidden-mobile" />
|
||||
</template>
|
||||
|
||||
<template #toolbar-mobile>
|
||||
<ToolbarNotificationMobile />
|
||||
<ToolbarUserProfile right />
|
||||
</template>
|
||||
|
||||
<template #extra>
|
||||
<PanelLanguages />
|
||||
<PanelActivity />
|
||||
<PanelSearch />
|
||||
<PanelTask />
|
||||
|
||||
<ClientOnly>
|
||||
<VReloadPrompt app-name="Vuero" />
|
||||
</ClientOnly>
|
||||
</template>
|
||||
</NavsearchLayout>
|
||||
</template>
|
||||
1331
src/layouts/sidebar.vue
Normal file
1331
src/layouts/sidebar.vue
Normal file
File diff suppressed because it is too large
Load Diff
57
src/layouts/sideblock.vue
Normal file
57
src/layouts/sideblock.vue
Normal file
@@ -0,0 +1,57 @@
|
||||
<script setup lang="ts">
|
||||
import type { SideblockItem } from '/@src/components/layouts/sideblock/sideblock.types'
|
||||
|
||||
const links = ref<SideblockItem[]>([
|
||||
{
|
||||
id: 'contract',
|
||||
type: 'link',
|
||||
to: '/sidebar/layouts/contract-list',
|
||||
label: '가격조사',
|
||||
icon: 'lucide:file-pen-line',
|
||||
},
|
||||
{
|
||||
id: 'bid',
|
||||
type: 'link',
|
||||
to: '/sidebar/layouts/est-list',
|
||||
label: '신청내역',
|
||||
icon: 'lucide:badge-dollar-sign',
|
||||
},
|
||||
])
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<SideblockLayout :links class="my-layout">
|
||||
<!-- Propagating the context to the default slot -->
|
||||
<template #default="context">
|
||||
<slot v-bind="context" />
|
||||
</template>
|
||||
|
||||
<template #logo>
|
||||
<RouterLink to="/">
|
||||
<AnimatedLogo width="36px" />
|
||||
</RouterLink>
|
||||
|
||||
<!-- <h3 class="is-hidden-mobile ml-2">-->
|
||||
<!-- 소액계약관리-->
|
||||
<!-- </h3>-->
|
||||
</template>
|
||||
|
||||
<template #toolbar>
|
||||
<ToolbarThemeToggle />
|
||||
</template>
|
||||
|
||||
<template #toolbar-mobile>
|
||||
<ToolbarUserProfile />
|
||||
</template>
|
||||
|
||||
<template #sideblock-end>
|
||||
<ToolbarUserProfile end />
|
||||
</template>
|
||||
|
||||
<template #extra>
|
||||
<ClientOnly>
|
||||
<VReloadPrompt app-name="Vuero" />
|
||||
</ClientOnly>
|
||||
</template>
|
||||
</SideblockLayout>
|
||||
</template>
|
||||
Reference in New Issue
Block a user