Skip to content

Commit 3977cbd

Browse files
rakieta2015rakieta2015
committed
Add views to sections: buttons, icons, notifications
1 parent 820f491 commit 3977cbd

File tree

14 files changed

+1769
-91
lines changed

14 files changed

+1769
-91
lines changed

‎src/_nav.js

Lines changed: 89 additions & 89 deletions
Original file line numberDiff line numberDiff line change
@@ -119,101 +119,101 @@ export default [
119119
}
120120
]
121121
},
122-
// {
123-
// _name: 'CNavGroup',
124-
// name: 'Buttons',
125-
// route: '/buttons',
126-
// icon: 'cil-cursor',
127-
// children: [
128-
// {
129-
// _name: 'CNavItem',
130-
// name: 'Buttons',
131-
// to: '/buttons/standard-buttons'
132-
// },
133-
// {
134-
// _name: 'CNavItem',
135-
// name: 'Button Dropdowns',
136-
// to: '/buttons/dropdowns'
137-
// },
138-
// {
139-
// _name: 'CNavItem',
140-
// name: 'Button Groups',
141-
// to: '/buttons/button-groups'
142-
// },
143-
// {
144-
// _name: 'CNavItem',
145-
// name: 'Brand Buttons',
146-
// to: '/buttons/brand-buttons'
147-
// }
148-
// ]
149-
// },
122+
{
123+
_name: 'CNavGroup',
124+
name: 'Buttons',
125+
route: '/buttons',
126+
icon: 'cil-cursor',
127+
children: [
128+
{
129+
_name: 'CNavItem',
130+
name: 'Buttons',
131+
to: '/buttons/standard-buttons'
132+
},
133+
{
134+
_name: 'CNavItem',
135+
name: 'Button Dropdowns',
136+
to: '/buttons/dropdowns'
137+
},
138+
{
139+
_name: 'CNavItem',
140+
name: 'Button Groups',
141+
to: '/buttons/button-groups'
142+
},
143+
{
144+
_name: 'CNavItem',
145+
name: 'Brand Buttons',
146+
to: '/buttons/brand-buttons'
147+
}
148+
]
149+
},
150150
// {
151151
// _name: 'CNavItem',
152152
// name: 'Charts',
153153
// to: '/charts',
154154
// icon: 'cil-chart-pie'
155155
// },
156-
// {
157-
// _name: 'CNavGroup',
158-
// name: 'Icons',
159-
// route: '/icons',
160-
// icon: 'cil-star',
161-
// children: [
162-
// {
163-
// _name: 'CNavItem',
164-
// name: 'CoreUI Icons',
165-
// to: '/icons/coreui-icons',
166-
// badge: {
167-
// color: 'info',
168-
// text: 'NEW'
169-
// }
170-
// },
171-
// {
172-
// _name: 'CNavItem',
173-
// name: 'Brands',
174-
// to: '/icons/brands'
175-
// },
176-
// {
177-
// _name: 'CNavItem',
178-
// name: 'Flags',
179-
// to: '/icons/flags'
180-
// }
181-
// ]
182-
// },
183-
// {
184-
// _name: 'CNavGroup',
185-
// name: 'Notifications',
186-
// route: '/notifications',
187-
// icon: 'cil-bell',
188-
// children: [
189-
// {
190-
// _name: 'CNavItem',
191-
// name: 'Alerts',
192-
// to: '/notifications/alerts'
193-
// },
194-
// {
195-
// _name: 'CNavItem',
196-
// name: 'Badges',
197-
// to: '/notifications/badges'
198-
// },
199-
// {
200-
// _name: 'CNavItem',
201-
// name: 'Modals',
202-
// to: '/notifications/modals'
203-
// }
204-
// ]
205-
// },
206-
// {
207-
// _name: 'CNavItem',
208-
// name: 'Widgets',
209-
// to: '/widgets',
210-
// icon: 'cil-calculator',
211-
// badge: {
212-
// color: 'primary',
213-
// text: 'NEW',
214-
// shape: 'pill'
215-
// }
216-
// },
156+
{
157+
_name: 'CNavGroup',
158+
name: 'Icons',
159+
route: '/icons',
160+
icon: 'cil-star',
161+
children: [
162+
{
163+
_name: 'CNavItem',
164+
name: 'CoreUI Icons',
165+
to: '/icons/coreui-icons',
166+
badge: {
167+
color: 'info',
168+
text: 'NEW'
169+
}
170+
},
171+
{
172+
_name: 'CNavItem',
173+
name: 'Brands',
174+
to: '/icons/brands'
175+
},
176+
{
177+
_name: 'CNavItem',
178+
name: 'Flags',
179+
to: '/icons/flags'
180+
}
181+
]
182+
},
183+
{
184+
_name: 'CNavGroup',
185+
name: 'Notifications',
186+
route: '/notifications',
187+
icon: 'cil-bell',
188+
children: [
189+
{
190+
_name: 'CNavItem',
191+
name: 'Alerts',
192+
to: '/notifications/alerts'
193+
},
194+
{
195+
_name: 'CNavItem',
196+
name: 'Badges',
197+
to: '/notifications/badges'
198+
},
199+
{
200+
_name: 'CNavItem',
201+
name: 'Modals',
202+
to: '/notifications/modals'
203+
}
204+
]
205+
},
206+
{
207+
_name: 'CNavItem',
208+
name: 'Widgets',
209+
to: '/widgets',
210+
icon: 'cil-calculator',
211+
badge: {
212+
color: 'primary',
213+
text: 'NEW',
214+
shape: 'pill'
215+
}
216+
},
217217
// {
218218
// _name: 'CSidebarNavDivider',
219219
// _class: 'm-2'

‎src/router/index.js

Lines changed: 88 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -118,6 +118,94 @@ const routes = [
118118
},
119119
],
120120
},
121+
{
122+
path: "/buttons",
123+
name: "Buttons",
124+
component: {
125+
render() {
126+
return h(resolveComponent('router-view'))
127+
}
128+
},
129+
children: [
130+
{
131+
path: "/buttons/standard-buttons",
132+
name: "Buttons",
133+
component: () => import("@/views/buttons/Buttons.vue"),
134+
},
135+
{
136+
path: "/buttons/dropdowns",
137+
name: "Button Dropdowns",
138+
component: () => import("@/views/buttons/ButtonDropdowns.vue"),
139+
},
140+
{
141+
path: "/buttons/button-groups",
142+
name: "Button Groups",
143+
component: () => import("@/views/buttons/ButtonGroups.vue"),
144+
},
145+
{
146+
path: "/buttons/brand-buttons",
147+
name: "Brand Buttons",
148+
component: () => import("@/views/buttons/BrandButtons.vue"),
149+
},
150+
]
151+
},
152+
{
153+
path: "/icons",
154+
name: "Icons",
155+
component: {
156+
render() {
157+
return h(resolveComponent('router-view'))
158+
}
159+
},
160+
children: [
161+
{
162+
path: "/icons/coreui-icons",
163+
name: "CoreUI Icons",
164+
component: () => import("@/views/icons/CoreUIIcons.vue"),
165+
},
166+
{
167+
path: "/icons/brands",
168+
name: "Brands",
169+
component: () => import("@/views/icons/Brands.vue"),
170+
},
171+
{
172+
path: "/icons/flags",
173+
name: "Flags",
174+
component: () => import("@/views/icons/Flags.vue"),
175+
},
176+
]
177+
},
178+
{
179+
path: "/notifications",
180+
name: "Notifications",
181+
component: {
182+
render() {
183+
return h(resolveComponent('router-view'))
184+
}
185+
},
186+
children: [
187+
{
188+
path: "/notifications/alerts",
189+
name: "Alerts",
190+
component: () => import("@/views/notifications/Alerts.vue"),
191+
},
192+
{
193+
path: "/notifications/badges",
194+
name: "Badges",
195+
component: () => import("@/views/notifications/Badges.vue"),
196+
},
197+
{
198+
path: "/notifications/modals",
199+
name: "Modals",
200+
component: () => import("@/views/notifications/Modals.vue"),
201+
},
202+
]
203+
},
204+
{
205+
path: "/widgets",
206+
name: "Widgets",
207+
component: () => import("@/views/Widgets.vue"),
208+
},
121209
],
122210
},
123211
// {

‎src/views/Widgets.vue

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<template>
2+
<CRow>
3+
<CCol>
4+
<CCard>
5+
<CCardHeader>
6+
<strong>Vue Widgets</strong>
7+
</CCardHeader>
8+
<CCardBody>
9+
<Example href="">
10+
11+
</Example>
12+
</CCardBody>
13+
</CCard>
14+
</CCol>
15+
</CRow>
16+
</template>
17+
18+
<script>
19+
export default {
20+
name: "Widgets",
21+
};
22+
</script>

‎src/views/base/Tabs.vue

Lines changed: 53 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,53 @@
66
<strong>Vue Tabs</strong>
77
</CCardHeader>
88
<CCardBody>
9-
<Example href="breadcrumbs">
10-
9+
<Example href="components/tabs.html">
10+
<CNav variant="tabs">
11+
<CNavItem>
12+
<CNavLink href="#" @click="activeTabA=1">
13+
Active
14+
</CNavLink>
15+
</CNavItem>
16+
<CNavItem>
17+
<CNavLink href="#" @click="activeTabA=2">
18+
Link
19+
</CNavLink>
20+
</CNavItem>
21+
<CNavItem>
22+
<CNavLink href="#" @click="activeTabA=3">
23+
Link
24+
</CNavLink>
25+
</CNavItem>
26+
</CNav>
27+
<CTabContent>
28+
<CTabPane :visible="activeTabA == 1">
29+
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown
30+
aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan
31+
helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu
32+
banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone.
33+
Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
34+
</CTabPane>
35+
<CTabPane :visible="activeTabA == 2">
36+
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
37+
Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson
38+
artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo
39+
enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud
40+
organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia
41+
yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes
42+
anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson
43+
biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente
44+
accusamus tattooed echo park.
45+
</CTabPane>
46+
<CTabPane :visible="activeTabA == 3">
47+
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's
48+
organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify
49+
pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy
50+
hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred
51+
pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie
52+
etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl
53+
craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
54+
</CTabPane>
55+
</CTabContent>
1156
</Example>
1257
</CCardBody>
1358
</CCard>
@@ -18,5 +63,11 @@
1863
<script>
1964
export default {
2065
name: "Tabs",
66+
data: function(){
67+
return {
68+
activeTabA: 1,
69+
activeTabB: 1
70+
}
71+
}
2172
};
2273
</script>

0 commit comments

Comments
 (0)