라우터 변경
This commit is contained in:
parent
2774660196
commit
bc8c32f06c
@ -9,9 +9,7 @@
|
||||
<TheTop />
|
||||
<!-- Content -->
|
||||
<div class="content-wrapper">
|
||||
<slot name="content">
|
||||
body
|
||||
</slot>
|
||||
<slot name="content"> body </slot>
|
||||
<TheFooter />
|
||||
<div class="content-backdrop fade"></div>
|
||||
</div>
|
||||
@ -26,31 +24,30 @@
|
||||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
import TheTop from './TheTop.vue'
|
||||
import TheFooter from './TheFooter.vue'
|
||||
import TheMenu from './TheMenu.vue'
|
||||
import { nextTick } from 'vue'
|
||||
import TheTop from './TheTop.vue';
|
||||
import TheFooter from './TheFooter.vue';
|
||||
import TheMenu from './TheMenu.vue';
|
||||
import { nextTick } from 'vue';
|
||||
|
||||
window.isDarkStyle = window.Helpers.isDarkStyle();
|
||||
|
||||
window.isDarkStyle = window.Helpers.isDarkStyle()
|
||||
|
||||
const loadScript = (src) => {
|
||||
const script = document.createElement('script')
|
||||
script.src = src
|
||||
script.type = 'text/javascript'
|
||||
script.async = true
|
||||
document.body.appendChild(script)
|
||||
const loadScript = src => {
|
||||
const script = document.createElement('script');
|
||||
script.src = src;
|
||||
script.type = 'text/javascript';
|
||||
script.async = true;
|
||||
document.body.appendChild(script);
|
||||
script.onload = () => {
|
||||
console.log(`${src} loaded successfully.`)
|
||||
}
|
||||
console.log(`${src} loaded successfully.`);
|
||||
};
|
||||
script.onerror = () => {
|
||||
console.error(`Failed to load script: ${src}`)
|
||||
}
|
||||
}
|
||||
console.error(`Failed to load script: ${src}`);
|
||||
};
|
||||
};
|
||||
nextTick(() => {
|
||||
loadScript('/vendor/js/menu.js')
|
||||
loadScript('/js/main.js')
|
||||
})
|
||||
loadScript('/vendor/js/menu.js');
|
||||
loadScript('/js/main.js');
|
||||
});
|
||||
</script>
|
||||
<style>
|
||||
</style>
|
||||
|
||||
@ -1,18 +1,14 @@
|
||||
<template>
|
||||
<footer class="content-footer footer bg-footer-theme">
|
||||
<div class="container-xxl">
|
||||
<div
|
||||
class="footer-container d-flex align-items-center justify-content-between py-4 flex-md-row flex-column"
|
||||
>
|
||||
<div class="footer-container d-flex align-items-center justify-content-between py-4 flex-md-row flex-column">
|
||||
<div class="text-body">
|
||||
©2024
|
||||
<!-- <script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> -->
|
||||
, made with ❤️ by
|
||||
<a href="https://themeselection.com/" target="_blank" class="footer-link"
|
||||
>ThemeSelection</a
|
||||
>
|
||||
<a href="https://themeselection.com/" target="_blank" class="footer-link">ThemeSelection</a>
|
||||
</div>
|
||||
<div class="d-none d-lg-inline-block"></div>
|
||||
</div>
|
||||
|
||||
@ -40,14 +40,14 @@
|
||||
</a>
|
||||
<ul class="menu-sub">
|
||||
<li class="menu-item active">
|
||||
<a href="/" class="menu-link">
|
||||
<RouterLink class="menu-link" to="/" >
|
||||
<div class="text-truncate" data-i18n="Analytics">Main</div>
|
||||
</a>
|
||||
</RouterLink>
|
||||
</li>
|
||||
<li class="menu-item">
|
||||
<a href="javascript:void(0);" class="menu-link">
|
||||
<div class="text-truncate" data-i18n="CRM">Board</div>
|
||||
</a>
|
||||
<RouterLink class="menu-link" to="board" >
|
||||
<div class="text-truncate" data-i18n="Analytics">Board</div>
|
||||
</RouterLink>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
@ -1,8 +1,5 @@
|
||||
<template>
|
||||
<nav
|
||||
class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
|
||||
id="layout-navbar"
|
||||
>
|
||||
<nav class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme" id="layout-navbar">
|
||||
<div class="layout-menu-toggle navbar-nav align-items-xl-center me-4 me-xl-0 d-xl-none">
|
||||
<a class="nav-item nav-link px-0 me-xl-6" href="javascript:void(0)">
|
||||
<i class="bx bx-menu bx-md"></i>
|
||||
@ -24,51 +21,27 @@
|
||||
<ul class="navbar-nav flex-row align-items-center ms-auto">
|
||||
<!-- Language -->
|
||||
<li class="nav-item dropdown-language dropdown me-2 me-xl-0">
|
||||
<a
|
||||
class="nav-link dropdown-toggle hide-arrow"
|
||||
href="javascript:void(0);"
|
||||
data-bs-toggle="dropdown"
|
||||
>
|
||||
<a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
|
||||
<i class="bx bx-globe bx-md"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-end">
|
||||
<li>
|
||||
<a
|
||||
class="dropdown-item"
|
||||
href="javascript:void(0);"
|
||||
data-language="en"
|
||||
data-text-direction="ltr"
|
||||
>
|
||||
<a class="dropdown-item" href="javascript:void(0);" data-language="en" data-text-direction="ltr">
|
||||
<span>English</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
class="dropdown-item"
|
||||
href="javascript:void(0);"
|
||||
data-language="fr"
|
||||
data-text-direction="ltr"
|
||||
>
|
||||
<a class="dropdown-item" href="javascript:void(0);" data-language="fr" data-text-direction="ltr">
|
||||
<span>French</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
class="dropdown-item"
|
||||
href="javascript:void(0);"
|
||||
data-language="ar"
|
||||
data-text-direction="rtl"
|
||||
>
|
||||
<a class="dropdown-item" href="javascript:void(0);" data-language="ar" data-text-direction="rtl">
|
||||
<span>Arabic</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
class="dropdown-item"
|
||||
href="javascript:void(0);"
|
||||
data-language="de"
|
||||
data-text-direction="ltr"
|
||||
>
|
||||
<a class="dropdown-item" href="javascript:void(0);" data-language="de" data-text-direction="ltr">
|
||||
<span>German</span>
|
||||
</a>
|
||||
</li>
|
||||
@ -78,11 +51,7 @@
|
||||
|
||||
<!-- Style Switcher -->
|
||||
<li class="nav-item dropdown-style-switcher dropdown me-2 me-xl-0">
|
||||
<a
|
||||
class="nav-link dropdown-toggle hide-arrow"
|
||||
href="javascript:void(0);"
|
||||
data-bs-toggle="dropdown"
|
||||
>
|
||||
<a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
|
||||
<i class="bx bx-md"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-end dropdown-styles">
|
||||
@ -211,9 +180,7 @@
|
||||
>
|
||||
<span class="position-relative">
|
||||
<i class="bx bx-bell bx-md"></i>
|
||||
<span
|
||||
class="badge rounded-pill bg-danger badge-dot badge-notifications border"
|
||||
></span>
|
||||
<span class="badge rounded-pill bg-danger badge-dot badge-notifications border"></span>
|
||||
</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-end p-0">
|
||||
@ -244,9 +211,7 @@
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="small mb-0">Congratulation Lettie 🎉</h6>
|
||||
<small class="mb-1 d-block text-body"
|
||||
>Won the monthly best seller gold badge</small
|
||||
>
|
||||
<small class="mb-1 d-block text-body">Won the monthly best seller gold badge</small>
|
||||
<small class="text-muted">1h ago</small>
|
||||
</div>
|
||||
<div class="flex-shrink-0 dropdown-notifications-actions">
|
||||
@ -281,9 +246,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read"
|
||||
>
|
||||
<li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0 me-3">
|
||||
<div class="avatar">
|
||||
@ -292,9 +255,7 @@
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="small mb-0">New Message ✉️</h6>
|
||||
<small class="mb-1 d-block text-body"
|
||||
>You have new message from Natalie</small
|
||||
>
|
||||
<small class="mb-1 d-block text-body">You have new message from Natalie</small>
|
||||
<small class="text-muted">1h ago</small>
|
||||
</div>
|
||||
<div class="flex-shrink-0 dropdown-notifications-actions">
|
||||
@ -331,9 +292,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read"
|
||||
>
|
||||
<li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0 me-3">
|
||||
<div class="avatar">
|
||||
@ -342,9 +301,7 @@
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="small mb-0">Application has been approved 🚀</h6>
|
||||
<small class="mb-1 d-block text-body"
|
||||
>Your ABC project application has been approved.</small
|
||||
>
|
||||
<small class="mb-1 d-block text-body">Your ABC project application has been approved.</small>
|
||||
<small class="text-muted">2 days ago</small>
|
||||
</div>
|
||||
<div class="flex-shrink-0 dropdown-notifications-actions">
|
||||
@ -357,9 +314,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read"
|
||||
>
|
||||
<li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0 me-3">
|
||||
<div class="avatar">
|
||||
@ -370,9 +325,7 @@
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="small mb-0">Monthly report is generated</h6>
|
||||
<small class="mb-1 d-block text-body"
|
||||
>July monthly financial report is generated
|
||||
</small>
|
||||
<small class="mb-1 d-block text-body">July monthly financial report is generated </small>
|
||||
<small class="text-muted">3 days ago</small>
|
||||
</div>
|
||||
<div class="flex-shrink-0 dropdown-notifications-actions">
|
||||
@ -385,9 +338,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read"
|
||||
>
|
||||
<li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0 me-3">
|
||||
<div class="avatar">
|
||||
@ -396,9 +347,7 @@
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="small mb-0">Send connection request</h6>
|
||||
<small class="mb-1 d-block text-body"
|
||||
>Peter sent you connection request</small
|
||||
>
|
||||
<small class="mb-1 d-block text-body">Peter sent you connection request</small>
|
||||
<small class="text-muted">4 days ago</small>
|
||||
</div>
|
||||
<div class="flex-shrink-0 dropdown-notifications-actions">
|
||||
@ -433,9 +382,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read"
|
||||
>
|
||||
<li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0 me-3">
|
||||
<div class="avatar">
|
||||
@ -446,9 +393,7 @@
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="small mb-0">CPU is running high</h6>
|
||||
<small class="mb-1 d-block text-body"
|
||||
>CPU Utilization Percent is currently at 88.63%,</small
|
||||
>
|
||||
<small class="mb-1 d-block text-body">CPU Utilization Percent is currently at 88.63%,</small>
|
||||
<small class="text-muted">5 days ago</small>
|
||||
</div>
|
||||
<div class="flex-shrink-0 dropdown-notifications-actions">
|
||||
@ -475,11 +420,7 @@
|
||||
<!--/ Notification -->
|
||||
<!-- User -->
|
||||
<li class="nav-item navbar-dropdown dropdown-user dropdown">
|
||||
<a
|
||||
class="nav-link dropdown-toggle hide-arrow p-0"
|
||||
href="javascript:void(0);"
|
||||
data-bs-toggle="dropdown"
|
||||
>
|
||||
<a class="nav-link dropdown-toggle hide-arrow p-0" href="javascript:void(0);" data-bs-toggle="dropdown">
|
||||
<div class="avatar avatar-online">
|
||||
<img src="/img/avatars/1.png" class="w-px-40 h-auto rounded-circle" />
|
||||
</div>
|
||||
@ -551,12 +492,7 @@
|
||||
|
||||
<!-- Search Small Screens -->
|
||||
<div class="navbar-search-wrapper search-input-wrapper d-none">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control search-input container-xxl border-0"
|
||||
placeholder="Search..."
|
||||
aria-label="Search..."
|
||||
/>
|
||||
<input type="text" class="form-control search-input container-xxl border-0" placeholder="Search..." aria-label="Search..." />
|
||||
<i class="bx bx-x bx-md search-toggler cursor-pointer"></i>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
@ -3,14 +3,15 @@ import { createRouter, createWebHistory } from 'vue-router'
|
||||
// 초기 렌더링 속도를 위해 지연 로딩 사용
|
||||
const routes = [
|
||||
{
|
||||
path: '/:anyting(.*)',
|
||||
path: '/',
|
||||
name : 'main',
|
||||
component: () => import('@v/MainView.vue'),
|
||||
// meta: { requiresAuth: true }
|
||||
},
|
||||
{
|
||||
// path: '/layouts-collapsed-menu.html',
|
||||
// component: () => import('@v/MainView.vue'),
|
||||
// meta: { requiresAuth: true }
|
||||
path: '/board',
|
||||
name : 'board',
|
||||
component: () => import('@v/TheBoard.vue'),
|
||||
},
|
||||
// {
|
||||
// path: "/login",
|
||||
|
||||
@ -9,9 +9,7 @@
|
||||
<div class="col-sm-7">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title text-primary mb-3">Congratulations John! 🎉</h5>
|
||||
<p class="mb-6">
|
||||
You have done 72% more sales today.<br />Check your new badge in your profile.
|
||||
</p>
|
||||
<p class="mb-6">You have done 72% more sales today.<br />Check your new badge in your profile.</p>
|
||||
|
||||
<a href="javascript:;" class="btn btn-sm btn-label-primary">View Badges</a>
|
||||
</div>
|
||||
@ -45,11 +43,7 @@
|
||||
<div class="card-body">
|
||||
<div class="card-title d-flex align-items-start justify-content-between mb-4">
|
||||
<div class="avatar flex-shrink-0">
|
||||
<img
|
||||
src="/img/icons/unicons/wallet-info.png"
|
||||
alt="wallet info"
|
||||
class="rounded"
|
||||
/>
|
||||
<img src="/img/icons/unicons/wallet-info.png" alt="wallet info" class="rounded" />
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button
|
||||
@ -70,9 +64,7 @@
|
||||
</div>
|
||||
<p class="mb-1">Sales</p>
|
||||
<h4 class="card-title mb-3">$4,679</h4>
|
||||
<small class="text-success fw-medium"
|
||||
><i class="bx bx-up-arrow-alt"></i> +28.42%</small
|
||||
>
|
||||
<small class="text-success fw-medium"><i class="bx bx-up-arrow-alt"></i> +28.42%</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -205,9 +197,7 @@
|
||||
</div>
|
||||
<p class="mb-1">Payments</p>
|
||||
<h4 class="card-title mb-3">$2,456</h4>
|
||||
<small class="text-danger fw-medium"
|
||||
><i class="bx bx-down-arrow-alt"></i> -14.82%</small
|
||||
>
|
||||
<small class="text-danger fw-medium"><i class="bx bx-down-arrow-alt"></i> -14.82%</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -223,20 +213,14 @@
|
||||
<div class="col-12 mb-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div
|
||||
class="d-flex justify-content-between align-items-center flex-sm-row flex-column gap-10"
|
||||
>
|
||||
<div
|
||||
class="d-flex flex-sm-column flex-row align-items-start justify-content-between"
|
||||
>
|
||||
<div class="d-flex justify-content-between align-items-center flex-sm-row flex-column gap-10">
|
||||
<div class="d-flex flex-sm-column flex-row align-items-start justify-content-between">
|
||||
<div class="card-title mb-6">
|
||||
<h5 class="text-nowrap mb-1">Profile Report</h5>
|
||||
<span class="badge bg-label-warning">YEAR 2022</span>
|
||||
</div>
|
||||
<div class="mt-sm-auto">
|
||||
<span class="text-success text-nowrap fw-medium"
|
||||
><i class="bx bx-up-arrow-alt"></i> 68.2%</span
|
||||
>
|
||||
<span class="text-success text-nowrap fw-medium"><i class="bx bx-up-arrow-alt"></i> 68.2%</span>
|
||||
<h4 class="mb-0">$84,686k</h4>
|
||||
</div>
|
||||
</div>
|
||||
@ -286,13 +270,9 @@
|
||||
<ul class="p-0 m-0">
|
||||
<li class="d-flex align-items-center mb-5">
|
||||
<div class="avatar flex-shrink-0 me-3">
|
||||
<span class="avatar-initial rounded bg-label-primary"
|
||||
><i class="bx bx-mobile-alt"></i
|
||||
></span>
|
||||
<span class="avatar-initial rounded bg-label-primary"><i class="bx bx-mobile-alt"></i></span>
|
||||
</div>
|
||||
<div
|
||||
class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2"
|
||||
>
|
||||
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
|
||||
<div class="me-2">
|
||||
<h6 class="mb-0">Electronic</h6>
|
||||
<small>Mobile, Earbuds, TV</small>
|
||||
@ -304,13 +284,9 @@
|
||||
</li>
|
||||
<li class="d-flex align-items-center mb-5">
|
||||
<div class="avatar flex-shrink-0 me-3">
|
||||
<span class="avatar-initial rounded bg-label-success"
|
||||
><i class="bx bx-closet"></i
|
||||
></span>
|
||||
<span class="avatar-initial rounded bg-label-success"><i class="bx bx-closet"></i></span>
|
||||
</div>
|
||||
<div
|
||||
class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2"
|
||||
>
|
||||
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
|
||||
<div class="me-2">
|
||||
<h6 class="mb-0">Fashion</h6>
|
||||
<small>T-shirt, Jeans, Shoes</small>
|
||||
@ -322,13 +298,9 @@
|
||||
</li>
|
||||
<li class="d-flex align-items-center mb-5">
|
||||
<div class="avatar flex-shrink-0 me-3">
|
||||
<span class="avatar-initial rounded bg-label-info"
|
||||
><i class="bx bx-home-alt"></i
|
||||
></span>
|
||||
<span class="avatar-initial rounded bg-label-info"><i class="bx bx-home-alt"></i></span>
|
||||
</div>
|
||||
<div
|
||||
class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2"
|
||||
>
|
||||
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
|
||||
<div class="me-2">
|
||||
<h6 class="mb-0">Decor</h6>
|
||||
<small>Fine Art, Dining</small>
|
||||
@ -340,13 +312,9 @@
|
||||
</li>
|
||||
<li class="d-flex align-items-center">
|
||||
<div class="avatar flex-shrink-0 me-3">
|
||||
<span class="avatar-initial rounded bg-label-secondary"
|
||||
><i class="bx bx-football"></i
|
||||
></span>
|
||||
<span class="avatar-initial rounded bg-label-secondary"><i class="bx bx-football"></i></span>
|
||||
</div>
|
||||
<div
|
||||
class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2"
|
||||
>
|
||||
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
|
||||
<div class="me-2">
|
||||
<h6 class="mb-0">Sports</h6>
|
||||
<small>Football, Cricket Kit</small>
|
||||
@ -390,11 +358,7 @@
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="tab-content p-0">
|
||||
<div
|
||||
class="tab-pane fade show active"
|
||||
id="navs-tabs-line-card-income"
|
||||
role="tabpanel"
|
||||
>
|
||||
<div class="tab-pane fade show active" id="navs-tabs-line-card-income" role="tabpanel">
|
||||
<div class="d-flex mb-6">
|
||||
<div class="avatar flex-shrink-0 me-3">
|
||||
<img src="/img/icons/unicons/wallet-primary.png" alt="User" />
|
||||
@ -456,9 +420,7 @@
|
||||
<div class="avatar flex-shrink-0 me-3">
|
||||
<img src="/img/icons/unicons/paypal.png" alt="User" class="rounded" />
|
||||
</div>
|
||||
<div
|
||||
class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2"
|
||||
>
|
||||
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
|
||||
<div class="me-2">
|
||||
<small class="d-block">Paypal</small>
|
||||
<h6 class="fw-normal mb-0">Send money</h6>
|
||||
@ -473,9 +435,7 @@
|
||||
<div class="avatar flex-shrink-0 me-3">
|
||||
<img src="/img/icons/unicons/wallet.png" alt="User" class="rounded" />
|
||||
</div>
|
||||
<div
|
||||
class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2"
|
||||
>
|
||||
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
|
||||
<div class="me-2">
|
||||
<small class="d-block">Wallet</small>
|
||||
<h6 class="fw-normal mb-0">Mac'D</h6>
|
||||
@ -490,9 +450,7 @@
|
||||
<div class="avatar flex-shrink-0 me-3">
|
||||
<img src="/img/icons/unicons/chart.png" alt="User" class="rounded" />
|
||||
</div>
|
||||
<div
|
||||
class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2"
|
||||
>
|
||||
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
|
||||
<div class="me-2">
|
||||
<small class="d-block">Transfer</small>
|
||||
<h6 class="fw-normal mb-0">Refund</h6>
|
||||
@ -507,9 +465,7 @@
|
||||
<div class="avatar flex-shrink-0 me-3">
|
||||
<img src="/img/icons/unicons/cc-primary.png" alt="User" class="rounded" />
|
||||
</div>
|
||||
<div
|
||||
class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2"
|
||||
>
|
||||
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
|
||||
<div class="me-2">
|
||||
<small class="d-block">Credit Card</small>
|
||||
<h6 class="fw-normal mb-0">Ordered Food</h6>
|
||||
@ -524,9 +480,7 @@
|
||||
<div class="avatar flex-shrink-0 me-3">
|
||||
<img src="/img/icons/unicons/wallet.png" alt="User" class="rounded" />
|
||||
</div>
|
||||
<div
|
||||
class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2"
|
||||
>
|
||||
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
|
||||
<div class="me-2">
|
||||
<small class="d-block">Wallet</small>
|
||||
<h6 class="fw-normal mb-0">Starbucks</h6>
|
||||
@ -541,9 +495,7 @@
|
||||
<div class="avatar flex-shrink-0 me-3">
|
||||
<img src="/img/icons/unicons/cc-warning.png" alt="User" class="rounded" />
|
||||
</div>
|
||||
<div
|
||||
class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2"
|
||||
>
|
||||
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
|
||||
<div class="me-2">
|
||||
<small class="d-block">Mastercard</small>
|
||||
<h6 class="fw-normal mb-0">Ordered Food</h6>
|
||||
@ -630,13 +582,9 @@
|
||||
</div>
|
||||
<p class="mb-2">6 team members in a project</p>
|
||||
<ul class="list-group list-group-flush">
|
||||
<li
|
||||
class="list-group-item d-flex justify-content-between align-items-center flex-wrap p-0"
|
||||
>
|
||||
<li class="list-group-item d-flex justify-content-between align-items-center flex-wrap p-0">
|
||||
<div class="d-flex flex-wrap align-items-center">
|
||||
<ul
|
||||
class="list-unstyled users-list d-flex align-items-center avatar-group m-0 me-2"
|
||||
>
|
||||
<ul class="list-unstyled users-list d-flex align-items-center avatar-group m-0 me-2">
|
||||
<li
|
||||
data-bs-toggle="tooltip"
|
||||
data-popup="tooltip-custom"
|
||||
@ -747,12 +695,7 @@
|
||||
<td>1</td>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img
|
||||
src="/img/icons/brands/chrome.png"
|
||||
alt="Chrome"
|
||||
height="24"
|
||||
class="me-3"
|
||||
/>
|
||||
<img src="/img/icons/brands/chrome.png" alt="Chrome" height="24" class="me-3" />
|
||||
<span class="text-heading">Chrome</span>
|
||||
</div>
|
||||
</td>
|
||||
@ -777,12 +720,7 @@
|
||||
<td>2</td>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img
|
||||
src="/img/icons/brands/safari.png"
|
||||
alt="Safari"
|
||||
height="24"
|
||||
class="me-3"
|
||||
/>
|
||||
<img src="/img/icons/brands/safari.png" alt="Safari" height="24" class="me-3" />
|
||||
<span class="text-heading">Safari</span>
|
||||
</div>
|
||||
</td>
|
||||
@ -807,12 +745,7 @@
|
||||
<td>3</td>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img
|
||||
src="/img/icons/brands/firefox.png"
|
||||
alt="Firefox"
|
||||
height="24"
|
||||
class="me-3"
|
||||
/>
|
||||
<img src="/img/icons/brands/firefox.png" alt="Firefox" height="24" class="me-3" />
|
||||
<span class="text-heading">Firefox</span>
|
||||
</div>
|
||||
</td>
|
||||
@ -837,12 +770,7 @@
|
||||
<td>4</td>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img
|
||||
src="/img/icons/brands/edge.png"
|
||||
alt="Edge"
|
||||
height="24"
|
||||
class="me-3"
|
||||
/>
|
||||
<img src="/img/icons/brands/edge.png" alt="Edge" height="24" class="me-3" />
|
||||
<span class="text-heading">Edge</span>
|
||||
</div>
|
||||
</td>
|
||||
@ -867,12 +795,7 @@
|
||||
<td>5</td>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img
|
||||
src="/img/icons/brands/opera.png"
|
||||
alt="Opera"
|
||||
height="24"
|
||||
class="me-3"
|
||||
/>
|
||||
<img src="/img/icons/brands/opera.png" alt="Opera" height="24" class="me-3" />
|
||||
<span class="text-heading">Opera</span>
|
||||
</div>
|
||||
</td>
|
||||
@ -938,12 +861,7 @@
|
||||
<td>1</td>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img
|
||||
src="/img/icons/brands/windows.png"
|
||||
alt="Windows"
|
||||
height="24"
|
||||
class="me-3"
|
||||
/>
|
||||
<img src="/img/icons/brands/windows.png" alt="Windows" height="24" class="me-3" />
|
||||
<span class="text-heading">Windows</span>
|
||||
</div>
|
||||
</td>
|
||||
@ -993,12 +911,7 @@
|
||||
<td>3</td>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img
|
||||
src="/img/icons/brands/ubuntu.png"
|
||||
alt="Ubuntu"
|
||||
height="24"
|
||||
class="me-3"
|
||||
/>
|
||||
<img src="/img/icons/brands/ubuntu.png" alt="Ubuntu" height="24" class="me-3" />
|
||||
<span class="text-heading">Ubuntu</span>
|
||||
</div>
|
||||
</td>
|
||||
@ -1023,12 +936,7 @@
|
||||
<td>4</td>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img
|
||||
src="/img/icons/brands/chrome.png"
|
||||
alt="Chrome"
|
||||
height="24"
|
||||
class="me-3"
|
||||
/>
|
||||
<img src="/img/icons/brands/chrome.png" alt="Chrome" height="24" class="me-3" />
|
||||
<span class="text-heading">Chrome</span>
|
||||
</div>
|
||||
</td>
|
||||
@ -1053,12 +961,7 @@
|
||||
<td>5</td>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img
|
||||
src="/img/icons/brands/cent.png"
|
||||
alt="Cent"
|
||||
height="24"
|
||||
class="me-3"
|
||||
/>
|
||||
<img src="/img/icons/brands/cent.png" alt="Cent" height="24" class="me-3" />
|
||||
<span class="text-heading">Cent</span>
|
||||
</div>
|
||||
</td>
|
||||
@ -1083,12 +986,7 @@
|
||||
<td>6</td>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img
|
||||
src="/img/icons/brands/linux.png"
|
||||
alt="linux"
|
||||
height="24"
|
||||
class="me-3"
|
||||
/>
|
||||
<img src="/img/icons/brands/linux.png" alt="linux" height="24" class="me-3" />
|
||||
<span class="text-heading">Linux</span>
|
||||
</div>
|
||||
</td>
|
||||
@ -1288,7 +1186,7 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import SampleInput from '@c/SampleInput.vue'
|
||||
import SampleInput from '@c/SampleInput.vue';
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
|
||||
15
src/views/TheBoard.vue
Normal file
15
src/views/TheBoard.vue
Normal file
@ -0,0 +1,15 @@
|
||||
<template>
|
||||
<div class="container-xxl flex-grow-1 container-p-y">
|
||||
<div class="row">
|
||||
board
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user