Added HTML for editing panel tables.

No interactivity yet.
This commit is contained in:
WrinklyNinja
2014-07-12 15:21:03 +01:00
parent c6e3a6d7ed
commit 6ce2752e15
2 changed files with 119 additions and 1 deletions
+39
View File
@@ -412,4 +412,43 @@ td input {
}
#gameTable td:last-child span:hover {
color: red;
}
.tableTabs {
margin: 1.5em 1em;
display: table;
}
.tableTabs span {
display: inline-block;
padding: 0.5em;
border: 1px black solid;
border-bottom: none;
background: #e3e3e3;
}
.tableTabs span:not(:first-child) {
border-left: none;
}
.tableTabs span:hover, .tableTabs span.selected {
background: #f8f8f8;
}
.tableTabs table {
margin: 0 1em 3em 0;
border-collapse: collapse;
border: 1px black solid;
width: 100%;
}
.tableTabs td, .tableTabs th {
vertical-align: top;
text-align: left;
padding: 0.5em;
}
.tableTabs th {
border-bottom: 1px black solid;
}
.tableTabs td:last-child span {
cursor: pointer;
}
.tableTabs td:last-child span:hover {
color: red;
}
+80 -1
View File
@@ -8,6 +8,47 @@
<script src="js/require.js"></script>
</head>
<body>
<template id="fileRow">
<tr>
<td><input class="file" type="text" readonly required>
<td><input class="display" type="text" readonly>
<td><input class="condition" type="text" readonly>
<td><span class="fa fa-trash-o fa-fw"></span>
</template>
<template id="messageRow">
<tr>
<td><select class="type">
<option value="say">Note</option>
<option value="warn">Warning</option>
<option value="error">Error</option>
</select>
<td><input class="content" type="text" readonly required>
<td><input class="condition" type="text" readonly>
<td><select class="language">
<!-- Language <option> elements go here. -->
</select>
<td><span class="fa fa-trash-o fa-fw"></span>
</template>
<template id="tagRow">
<tr>
<td><select class="type">
<option value="add">Add</option>
<option value="remove">Remove</option>
</select>
<td><input class="name" type="text" readonly required>
<td><input class="condition" type="text" readonly>
<td><span class="fa fa-trash-o fa-fw"></span>
</template>
<template id="dirtyInfoRow">
<th>CRC<th>ITM Count<th>UDR Count<th>Deleted Navmeshes<th>Cleaning Utility<th>
<tr>
<td><input class="crc" type="text" maxlength="8" minlength="8" pattern="[0-9A-Fa-f]{8}" readonly required>
<td><input class="itm" type="number" min="0" step="1" readonly>
<td><input class="udr" type="number" min="0" step="1" readonly>
<td><input class="navmesh" type="number" min="0" step="1" readonly>
<td><input class="utility" type="text" readonly required>
<td><span class="fa fa-trash-o fa-fw"></span>
</template>
<template id="gameRow">
<tr>
<td><input class="name" type="text" readonly required>
@@ -64,7 +105,45 @@
<input type="number" max="999999" min="-999999" step="1">
<label for="editorGlobalPriority">Compare priority against all other plugins</label>
<input type="checkbox" id="editorGlobalPriority">
<!-- Need to finish template for editing panel. -->
<div class="tableTabs">
<span class="selected" data-for="loadAfterTable">Load After</span><span data-for="reqTable">Requirements</span><span data-for="incTable">Incompatibilities</span><span data-for="messageTable">Messages</span><span data-for="tagsTable">Bash Tags</span><span data-for="dirtyTable">Dirty Info</span>
<table class="loadAfterTable">
<thead>
<tr><th>Filename<th>Display Name<th>Condition<th>
<tbody>
<!-- File rows go here. -->
</table>
<table class="reqTable hidden">
<thead>
<tr><th>Filename<th>Display Name<th>Condition<th>
<tbody>
<!-- File rows go here. -->
</table>
<table class="incTable hidden">
<thead>
<tr><th>Filename<th>Display Name<th>Condition<th>
<tbody>
<!-- File rows go here. -->
</table>
<table class="messageTable hidden">
<thead>
<tr><th>Type<th>Content<th>Condition<th>Language<th>
<tbody>
<!-- Message rows go here. -->
</table>
<table class="tagsTable hidden">
<thead>
<tr><th>Add/Remove<th>Bash Tag<th>Condition<th>
<tbody>
<!-- Bash Tag rows go here. -->
</table>
<table class="dirtyTable hidden">
<thead>
<tr><th>CRC<th>ITM Count<th>UDR Count<th>Deleted Navmeshes<th>Cleaning Utility<th>
<tbody>
<!-- Dirty info rows go here. -->
</table>
</div>
<label for="editorShowOnlyConflicts">Show Only Conflicts</label>
<input type="checkbox" id="editorShowOnlyConflicts">
<label for="editorSimpleView">Simple View</label>