mirror of
https://github.com/loot/libloot.git
synced 2026-07-27 14:16:01 -07:00
Added HTML for editing panel tables.
No interactivity yet.
This commit is contained in:
@@ -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;
|
||||
}
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user