-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
executable file
·31 lines (28 loc) · 1.43 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
<!doctype html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="utf-8">
<title>Widget Area Example</title>
<link rel="stylesheet" href="angular-widgetarea.css"/>
<link rel="stylesheet" href="css/app.css"/>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css"/>
</head>
<body>
<h2>Widget Area Example</h2>
<p>This example shows functionality of pkWidgetArea directive. You can minimize/move widgets/blocks. Widgets can be directives with defined possible actions (buttons on the left and right side next to title) or be just static text - all defined in board object in controller.</p>
<div ng-controller="WidgetAreaController">
<div pk-widget-area widget-area="widgetArea"></div>
<pre ng-bind="widgetArea | json"></pre>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.js"></script>
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<script src="js/directives.js"></script>
<script src="lib/angular-ui-multi-sortable.js"></script>
<script src="angular-widgetarea.js"></script>
</body>
</html>