-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patheditor.html
66 lines (61 loc) · 2.49 KB
/
editor.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
<html>
<head>
<script type="text/javascript" src="lib/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="lib/js-util.js"></script>
<script type="text/javascript" src="lib/LinkedList.js"></script>
<script type="text/javascript"src="editor.js"></script>
<link rel="stylesheet" href="editor.css" type="text/css" />
<script type="text/javascript">
$(document).ready( function () {
var editor = new expEd.Editor({
expressionContainer: $('#expression'),
tokens: [{
name: 'Roles',
prefix: '{r=',
sufix: '}',
values: ['RoleA', 'RoleB', 'RoleC']
},{
name: 'Groups',
prefix: '{g=',
sufix: '}',
values: ['Group1', 'Group2', 'Group3', 'Group4']
},{
name: 'Attributes',
prefix: '{a=',
sufix: '}',
values: ['Attr1', 'Attr2']
}],
operators: ['AND','OR']
});
editor.createUI($('#controls'));
// editor.loadExpression('({r=RoleA}OR{r=Attr1})', ['OR']);
// editor.loadExpression('({r=RoleA}OR{r=Attr1})AND{r=RoleB}',
// ['OR','AND']);
// editor.loadExpression('{r=RoleA}OR{r=Attr1}AND{g=Group1}OR{r=RoleB}',
// ['AND','OR']);
// editor.loadExpression('{r=RoleB}AND({r=RoleA}OR{r=Attr1})',
// ['OR','AND']);
// editor.loadExpression('({r=RoleA}OR{r=Attr1})AND({r=RoleA}OR{r=Attr1})',
// ['OR','AND']);
// editor.loadExpression('(({a=Attr1}OR{g=Group1})AND{a=Attr1})',
// ['OR','AND']);
editor.onError( function(msg) {
alert(msg)
});
$('#show').click( function(e) {
$('#text').text(editor.toString());
});
});
</script>
<body>
<div id="controls">
</div>
<div id="buttons">
<input type="button" id="show" value="Show Expression" />
</div>
<div id="expression">
</div>
</div>
<div id="text">
</body>
</html>