forked from dsanson/argmap
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
88 lines (82 loc) · 3.87 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="" >
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<title>Example 1 - All swans are white.</title>
<style>
/* margin: 0 bit extreme when there is other content, perhaps apply this to the mapjs container only */
body {
margin: 0;
}
#testcontrols {
height: 50px;
overflow-y: scroll;
padding: 5px;
}
#container {
background-color: #FFFFFF;
height: calc(100% - 60px);
width: 100%;
border: 1px dashed black;
} </style>
<link rel="stylesheet" href="test/mapjs-default-styles.css" />
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head>
<body>
<header id="title-block-header">
<h1 class="title">Example 1 - All swans are white.</h1>
</header>
<p>This is a simplified version of the White Swan argument.</p>
<p><a href="https://drive.mindmup.com/map/nil"><img src="12ff0311ebc308e94fe0359b761fa405b605f126.png" class="argmap" name="Example 1: All swans are white." data-gid="nil" style="width:100.0%" alt="Example 1: All swans are white." /></a></p>
<div id="testcontrols">
<input type="button" class="resetView" value="0"></input>
<input type="button" class="scaleUp" value="+"></input>
<input type="button" class="scaleDown" value="-"></input>
<input type="button" class="addSubIdea" value="add"></input>
<input type="button" onclick="mapModel.insertIntermediateGroup('click', {group:'supporting'})"
value="parent reason"></input>
<input type="button" onclick="mapModel.addGroupSubidea('click', {group:'supporting'})"
value="supporting group"></input>
<input type="button" onclick="mapModel.addGroupSubidea('click', {group:'opposing'})" value="opposing group"></input>
<input type="button" class="editNode" value="edit"></input>
<input type="button" class="removeSubIdea" value="delete"></input>
<input type="button" class="insertIntermediate" value="insert parent"></input>
<input type="button" class="toggleCollapse" value="exp/col"></input>
<input type="button" onclick="mapModel.setInputEnabled(false)" value="disable"></input>
<input type="button" onclick="mapModel.setInputEnabled(true)" value="enable"></input>
<input type="button" class="undo" value="undo"></input>
<input type="button" class="redo" value="redo"></input>
<input type="button" data-mm-action="export-image" value="Export To Image" />
<input type="button" class="cut" value="cut"></input>
<input type="button" class="copy" value="copy"></input>
<input type="button" class="paste" value="paste"></input>
<input type="button" class="openAttachment" value="open attachment"></input>
<input type="button" class="toggleAddLinkMode" value="add link"></input>
<input type="button" class="insertRoot" value="add root node"></input>
<input type="button" class="makeSelectedNodeRoot" value="make root"></input>
Background: <input type="text" class='updateStyle' data-mm-target-property='background'></input>
Frames: <span id="framerate"></span>
Cycle: <span id="cyclerate"></span>
<div id="linkEditWidget">
<input class="delete" type="button" value="Delete"></input>
<select class="color">
<option value="red">Red</option>
<option value="blue">Blue</option>
</select>
<select class="lineStyle">
<option value="solid">Solid</option>
<option value="dashed">Dashed</option>
</select>
<button class="arrow">Arrow</button>
</div>
</div>
<div id="container"></div>
<style id="themecss">
</style>
<script src="test/bundle.js"></script>
</body>
</html>