SkillAPI/index.html at master · TerraPrimal/SkillAPI · GitHub

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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html lang="en">

<head>

	<meta charset="UTF-8"/>
	<title>SkillAPI - Dynamic Editor</title>

	<!-- other scripts are loaded in main.js -->
	<script src="editor/js/loader.js"></script>
	<script src="editor/js/main.js"></script>

	<link rel="stylesheet" href="editor/builderStyle.css" />
	<link rel="stylesheet" href="editor/style.css" />
    <link rel="stylesheet" href="editor/tooltips.css" />

</head>

<body>

	<!-- Site header -->
	<header>
		<h1>Skill API</h1>
		<h2>Dynamic Editor</h2>
	</header>

	<!-- IO Buttons -->
	<div id="io">
		<p class="ioText">Drop file anywhere to load</p>
		<button id="saveButton" class="ioButton">Backup All Data</button>
	</div>

	<!-- Display when the window is too small -->
	<div id="small">
		<p>Please enlarge your browser window or zoom out</p>
	</div>

	<div id="main">

		<!-- Skill/Class Tabs -->
		<div id="tabSpacer"></div>
		<div id="skillTab" class="tab tabLeft tabActive">
			Skills
		</div>
		<div  id="classTab" class="tab tabRight">
			Classes
		</div>

		<!-- Skill Content -->
		<div id="skills">

			<!-- Skill list -->
			<select id="skillList" size="30">
				<option selected="selected">Skill 1</option>
				<option>+ New Skill</option>
			</select>

			<!-- Effect builder -->
			<div id="builder">
				<h6 id="skillDetails">Details</h6>
				<h6 id="addTrigger">Triggers</h6>
				<h6 id="saveSkill" class>Save Skill</h6>
				<h6 id="deleteSkill" class="cancelButton">Delete</h6>
				<div id="builderContent"></div>
			</div>

			<!-- Component editor -->
			<div id="skillForm">
			</div>

			<!-- Trigger selection -->
			<div id="triggerChooser">
				<h4>Triggers</h4>

				<div id="triggerOptions"></div>

				<h5 class="cancelButton">Cancel</h5>
			</div>

			<!-- Component selection -->
			<div id="componentChooser">

				<h4>Targets</h4>
				<div id="targetOptions"></div>

				<h4>Conditions</h4>
				<div id="conditionOptions"></div>

				<h4>Mechanics</h4>
				<div id="mechanicOptions"></div>

				<hr/>
				<h5 class="cancelButton">Cancel</h5>

			</div>
		</div>

		<!-- Class Content -->
		<div id="classes">

			<!-- Class list -->
			<select id="classList" size="30">
				<option selected="selected">Class 1</option>
				<option>+ New Class</option>
			</select>

			<div id="classForm"></div>
		</div>

	</div>

	<!-- Site footer -->
	<footer>
		<a id="bukkit" href="https://www.spigotmc.org/resources/skillapi.4824/" target="_blank">Spigot</a>
		<a id="profile" href="https://github.com/Eniripsa96/SkillAPI/wiki" target="_blank">Wiki</a>
		<a id="source" href="https://github.com/Eniripsa96/SkillAPI-Dynamic-Editor" target="_blank">Source Code</a>
        <a id="irc" href="https://skillapi.herokuapp.com/" target="_blank">IRC Help</a>
	</footer>

    <div id="badBrowser">
        <p>Get a real browser! (Use Chrome or Firefox)</p>
    </div>
</body>

</html>