-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
68 lines (61 loc) · 2.24 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="src/style.css" />
<link rel="stylesheet" href="examples.css"/>
<title>Menu Builder Examples</title>
</head>
<body ng-app="app" role="application">
<section id="examples-container" ng-controller="DemoController">
<h1>Menu Examples</h1>
<h2>Disable Example</h2>
<p>Disable state can be simple managed by factory</p>
<p class="demo-section" ng-init="isActiveItem = false">
<input type="checkbox" ng-model="isActiveItem" /> <a href="#" popup-menu="'demo_menu2'">show menu</a>
</p>
<h2>Dynamic Example</h2>
<p>Items based on external services</p>
<p class="demo-section">
<a href="#" popup-menu="'demo_menu3'">show menu</a>
</p>
<!--// Nested Menu Example //-->
<h2>Nested Menu Example</h2>
<p>You can simply create sub menus</p>
<p class="demo-section">
<a href="#" popup-menu="'demo_menu4'">show menu</a>
</p>
<!----------------------------->
<h2>Popup Menu</h2>
<p>Simple menu binding with trigger</p>
<ul class="demo-section" id="example1">
<li ng-repeat="card in cards">
{{ card.name}}
<span aria-haspopup="true" popup-menu="'demo_menu1'" role="button" class="menu-trigger">...</span>
</li>
</ul>
<h2>Context Menu</h2>
<p>Simple Context Menu</p>
<ul class="demo-section" id="example2">
<li ng-repeat="card in cards" context-menu="'demo_menu1'">
{{ card.name}}
</li>
</ul>
</section>
<aside id="actions-monitor" ng-controller="MonitorController">
<ul>
<li ng-repeat="monit in monits">standard action `{{ monit.action}}` called for `{{ monit.source}}`</li>
</ul>
</aside>
<script src="bower_components/angular/angular.js"></script>
<script src="src/module.js"></script>
<script src="src/behaviors/context-menu.js"></script>
<script src="src/behaviors/popup-menu.js"></script>
<script src="src/elements/backdrop.js"></script>
<script src="src/behaviors/common.js"></script>
<script src="src/elements/inline-menu.js"></script>
<script src="src/elements/menu.js"></script>
<script src="src/providers/menu-builder.js"></script>
<script src="examples.js"></script>
</body>
</html>