Skip to content

Commit 5645ada

Browse files
budiadionobudiadiono
committed
fix menu demo
1 parent 5ecfc53 commit 5645ada

File tree

7 files changed

+75
-48
lines changed

7 files changed

+75
-48
lines changed

‎demo/src/demo/menu/index.html‎ renamed to ‎demo/src/demo/menu/dropdown/index.html‎

Lines changed: 1 addition & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,4 @@
1-
<div>
2-
<ui-h4>Vertical Menu</ui-h4>
3-
<ui-menu-vertical>
4-
<ui-menu-item @click="clicked">Home</ui-menu-item>
5-
<ui-menu-item>Messages</ui-menu-item>
6-
<ui-menu-item>Friends</ui-menu-item>
7-
</ui-menu-vertical>
8-
9-
<ui-h4>With Header</ui-h4>
10-
<ui-menu-vertical>
11-
<div class="item">
12-
<div class="header">Header</div>
13-
<div class="menu">
14-
<ui-menu-item @click="clicked">Home</ui-menu-item>
15-
<ui-menu-item>Messages</ui-menu-item>
16-
<ui-menu-item>Friends</ui-menu-item>
17-
</div>
18-
</div>
19-
</ui-menu-vertical>
20-
21-
<ui-h4>Horizontal Menu</ui-h4>
22-
<ui-menu-horizontal>
23-
<ui-menu-item>Editorials</ui-menu-item>
24-
<ui-menu-item>Reviews</ui-menu-item>
25-
<ui-menu-item>Upcoming Events</ui-menu-item>
26-
</ui-menu-horizontal>
27-
<ui-menu-horizontal>
28-
<ui-menu-item>Editorials</ui-menu-item>
29-
<ui-menu-item>Reviews</ui-menu-item>
30-
<ui-menu-item>Upcoming Events</ui-menu-item>
31-
<div class="right menu">
32-
<div class="item">
33-
<div class="ui icon input">
34-
<input type="text" placeholder="Search...">
35-
<i class="search link icon"></i>
36-
</div>
37-
</div>
38-
<a class="ui item">
39-
Logout
40-
</a>
41-
</div>
42-
</ui-menu-horizontal>
43-
1+
<div>
442
<ui-h4>Dropdown Menu</ui-h4>
453
<ui-menu-vertical>
464
<ui-menu-item>Foo</ui-menu-item>
@@ -81,5 +39,4 @@
8139
<ui-menu-item>Reviews</ui-menu-item>
8240
<ui-menu-item>Upcoming Events</ui-menu-item>
8341
</ui-menu-vertical>
84-
8542
</div>

‎demo/src/demo/menu/index.ts‎ renamed to ‎demo/src/demo/menu/dropdown/index.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
import { Component } from 'vue-typed';
2-
import { Base } from '../base'
2+
import { Base } from '../../base'
33

44
@Component({
55
template: require('./index.html')
66
})
7-
export class Menu extends Base {
7+
export class MenuDropdown extends Base {
88
clicked() {
99
alert('Home clicked!')
1010
}

‎demo/src/demo/menu/horizontal/index.html‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<div>
2+
<ui-h4>Horizontal Menu</ui-h4>
3+
<ui-menu-horizontal>
4+
<ui-menu-item>Editorials</ui-menu-item>
5+
<ui-menu-item>Reviews</ui-menu-item>
6+
<ui-menu-item>Upcoming Events</ui-menu-item>
7+
</ui-menu-horizontal>
8+
<ui-menu-horizontal>
9+
<ui-menu-item>Editorials</ui-menu-item>
10+
<ui-menu-item>Reviews</ui-menu-item>
11+
<ui-menu-item>Upcoming Events</ui-menu-item>
12+
<div class="right menu">
13+
<div class="item">
14+
<div class="ui icon input">
15+
<input type="text" placeholder="Search...">
16+
<i class="search link icon"></i>
17+
</div>
18+
</div>
19+
<a class="ui item">
20+
Logout
21+
</a>
22+
</div>
23+
</ui-menu-horizontal>
24+
</div>

‎demo/src/demo/menu/horizontal/index.ts‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import { Component } from 'vue-typed';
2+
import { Base } from '../../base'
3+
4+
@Component({
5+
template: require('./index.html')
6+
})
7+
export class MenuHorizontal extends Base {
8+
clicked() {
9+
alert('Home clicked!')
10+
}
11+
}

‎demo/src/demo/menu/vertical/index.html‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<div>
2+
<ui-h4>Vertical Menu</ui-h4>
3+
<ui-menu-vertical>
4+
<ui-menu-item @click="clicked">Home</ui-menu-item>
5+
<ui-menu-item>Messages</ui-menu-item>
6+
<ui-menu-item>Friends</ui-menu-item>
7+
</ui-menu-vertical>
8+
9+
<ui-h4>With Header</ui-h4>
10+
<ui-menu-vertical>
11+
<div class="item">
12+
<div class="header">Header</div>
13+
<div class="menu">
14+
<ui-menu-item @click="clicked">Home</ui-menu-item>
15+
<ui-menu-item>Messages</ui-menu-item>
16+
<ui-menu-item>Friends</ui-menu-item>
17+
</div>
18+
</div>
19+
</ui-menu-vertical>
20+
</div>

‎demo/src/demo/menu/vertical/index.ts‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import { Component } from 'vue-typed';
2+
import { Base } from '../../base'
3+
4+
@Component({
5+
template: require('./index.html')
6+
})
7+
export class MenuVertical extends Base {
8+
clicked() {
9+
alert('Home clicked!')
10+
}
11+
}

‎demo/src/demo/routes.ts‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,9 @@ import { Time } from './time';
2020
import { DateTime } from './datetime';
2121
import { Modal } from './modal';
2222
import { Tree } from './tree';
23-
import { Menu } from './menu';
23+
import { MenuDropdown } from './menu/dropdown';
24+
import { MenuVertical } from './menu/vertical';
25+
import { MenuHorizontal } from './menu/horizontal';
2426
import { Message } from './message';
2527
import { Alert } from './alert';
2628
import { Toastr } from './toastr';
@@ -53,7 +55,9 @@ const m = [
5355
{ group: 'component/dropdown', text: 'Dropdown', path: 'dropdown', component: Dropdown },
5456
{ group: 'component/modal', text: 'Modal', path: 'modal', component: Modal },
5557
{ group: 'component/tree', text: 'Tree', path: 'tree', component: Tree },
56-
{ group: 'component/menu', text: 'Menu', path: 'menu', component: Menu },
58+
{ group: 'component/menu-dropdown', text: 'Menu Dropdown', path: 'menu/dropdown', component: MenuDropdown },
59+
{ group: 'component/menu-horizontal', text: 'Menu Horizontal', path: 'menu/horizontal', component: MenuHorizontal },
60+
{ group: 'component/menu-vertical', text: 'Menu Vertical', path: 'menu/vertical', component: MenuVertical },
5761
{ group: 'component/message', text: 'Message', path: 'message', component: Message },
5862
{ group: 'module/alert', text: 'Alert', path: 'alert', component: Alert },
5963
{ group: 'module/toastr', text: 'Toastr', path: 'toastr', component: Toastr },

0 commit comments

Comments
 (0)