From 01c78040d05f6cbd2baf97b3209604161b7931da Mon Sep 17 00:00:00 2001
From: WrinklyNinja <wrinklyninja1@gmail.com>
Date: Sat, 17 May 2014 22:28:26 +0100
Subject: [PATCH] Some templating.

---
 resources/report/report.html | 89 +++++++++++++++++++++---------------
 resources/report/style.css   |  5 +-
 2 files changed, 56 insertions(+), 38 deletions(-)

diff --git a/resources/report/report.html b/resources/report/report.html
index 4fd6ac40..e2802f28 100644
--- a/resources/report/report.html
+++ b/resources/report/report.html
@@ -23,22 +23,30 @@
             </ul>
         </section>
     </template>
-    <template id="sayMessage">
-        <li class="say">
-    </template>
-    <template id="warnMessage">
-        <li class="warn">
-    </template>
-    <template id="errorMessage">
-        <li class="error">
-    </template>
-    <template>
-        <div id="messageBox">
+    <template id="messageBox">
+        <div class="messageBox">
             <h1></h1>
-            <p>
+            <p></p>
+            <button>Close</button>
         </div>
     </template>
-    <template>
+    <template id="messageDialog">
+        <div class="messageDialog">
+            <h1></h1>
+            <p></p>
+            <button>Yes</button>
+            <button>Cancel</button>
+        </div>
+    </template>
+    <template id="pluginMenu">
+        <!-- The ol (or each li?) should have a 'data-plugin' attribute added with the plugin filename. -->
+        <ol class="menu">
+            <li data-action="view-ui" data-target="editor">Edit Metadata
+            <li data-action="copy-metadata">Copy Metadata As Text
+            <li data-action="clear-metadata">Clear User Metadata
+        </ol>
+    </template>
+    <template id="editorPanel">
         <div id="editor">
             <h1></h1>
             <label for="editorEnableEdits">Enable Edits</label>
@@ -48,6 +56,12 @@
             <label for="editorGlobalPriority">Compare priority against all other plugins</label>
             <input type="checkbox" id="editorGlobalPriority">
             <!-- Need to finish template for editing panel. -->
+            <label for="editorShowOnlyConflicts">Show Only Conflicts</label>
+            <input type="checkbox" id="editorShowOnlyConflicts">
+            <label for="editorSimpleView">Simple View</label>
+            <input type="checkbox" id="editorSimpleView">
+            <button>Apply</button>
+            <button>Cancel</button>
         </div>
     </template>
     <noscript>The LOOT Report requires Javascript to be enabled in order to function.</noscript>
@@ -58,6 +72,7 @@
             <ol id="fileMenu" class="hidden">
                 <li data-action="redate-plugins">Redate Plugins
                 <li data-action="open-log-location">Open Debug Log Location
+                <li data-action="wipe-userlist">Clear All User Metadata
             </ol>
             <li data-action="view-ui" data-target="gameMenu">Game
             <ol id="gameMenu" class="hidden">
@@ -85,30 +100,30 @@
             <ol id="pluginsNav">
                 <!-- Generated <li> elements go here, containing # links to each plugin's section in the list. -->
             </ol>
-    <ol id="filters" class="hidden" data-replace="pluginsNav">
-        <input type="checkbox" id="hideVersionNumbers" data-class="version" />
-        <label for="hideVersionNumbers">Hide version numbers</label><br>
-        <input type="checkbox" id="hideCRCs" data-class="crc" />
-        <label for="hideCRCs">Hide CRCs</label><br>
-        <input type="checkbox" id="hideBashTags" data-class="tag" />
-        <label for="hideBashTags">Hide Bash Tags</label><br>
-        <input type="checkbox" id="hideNotes" />
-        <label for="hideNotes">Hide notes</label><br>
-        <input type="checkbox" id="hideDoNotCleanMessages" />
-        <label for="hideDoNotCleanMessages">Hide 'Do not clean' messages</label><br>
-        <input type="checkbox" id="hideInactivePluginMessages" />
-        <label for="hideInactivePluginMessages">Hide inactive plugin messages</label><br>
-        <input type="checkbox" id="hideAllPluginMessages" />
-        <label for="hideAllPluginMessages">Hide all plugin messages</label><br>
-        <input type="checkbox" id="hideMessagelessPlugins" />
-        <label for="hideMessagelessPlugins">Hide messageless plugins</label><br>
-        <div>
-            <span>Hidden plugins</span>: <span id="hiddenPluginNo">0</span> / <span id="totalPluginNo"></span>
-        </div>
-        <div>
-            <span>Hidden messages</span>: <span id="hiddenMessageNo">0</span> / <span id="filterTotalMessageNo"></span>
-        </div>
-    </ol>
+            <ol id="filters" class="hidden" data-replace="pluginsNav">
+                <input type="checkbox" id="hideVersionNumbers" data-class="version" />
+                <label for="hideVersionNumbers">Hide version numbers</label><br>
+                <input type="checkbox" id="hideCRCs" data-class="crc" />
+                <label for="hideCRCs">Hide CRCs</label><br>
+                <input type="checkbox" id="hideBashTags" data-class="tag" />
+                <label for="hideBashTags">Hide Bash Tags</label><br>
+                <input type="checkbox" id="hideNotes" />
+                <label for="hideNotes">Hide notes</label><br>
+                <input type="checkbox" id="hideDoNotCleanMessages" />
+                <label for="hideDoNotCleanMessages">Hide 'Do not clean' messages</label><br>
+                <input type="checkbox" id="hideInactivePluginMessages" />
+                <label for="hideInactivePluginMessages">Hide inactive plugin messages</label><br>
+                <input type="checkbox" id="hideAllPluginMessages" />
+                <label for="hideAllPluginMessages">Hide all plugin messages</label><br>
+                <input type="checkbox" id="hideMessagelessPlugins" />
+                <label for="hideMessagelessPlugins">Hide messageless plugins</label><br>
+                <div>
+                    <span>Hidden plugins</span>: <span id="hiddenPluginNo">0</span> / <span id="totalPluginNo"></span>
+                </div>
+                <div>
+                    <span>Hidden messages</span>: <span id="hiddenMessageNo">0</span> / <span id="filterTotalMessageNo"></span>
+                </div>
+            </ol>
             <li data-action="view-ui" data-target="filters">Filters
         </ol>
     </nav>
diff --git a/resources/report/style.css b/resources/report/style.css
index a78ea76c..9eb99783 100644
--- a/resources/report/style.css
+++ b/resources/report/style.css
@@ -107,7 +107,7 @@ nav > ol {
 nav > ol > li:nth-child(3) {
     height: calc(100% - 7em);
     overflow: auto;
-    padding:0;
+    padding: 0;
 }
 #pluginsNav {
     height: 100%;
@@ -115,6 +115,7 @@ nav > ol > li:nth-child(3) {
 }
 nav li {
     padding: 0.5em 0.5em;
+    cursor: pointer;
 }
 nav > ol > li:not(:nth-child(3)):hover, #pluginsNav li:hover {
     background: #ccc;
@@ -122,6 +123,8 @@ nav > ol > li:not(:nth-child(3)):hover, #pluginsNav li:hover {
 nav a {
     text-decoration: none;
     color:black;
+    display: inline-block;
+    width: 100%;
 }
 #pluginsNav {
     margin: 0;