Help window incorrect rendering fixes

intersystems-community · Jan 3, 2017 · eafa618 · eafa618
1 parent 49ec5eb
commit eafa618
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 62 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "CacheClassExplorer",
-  "version": "1.17.0",
+  "version": "1.17.1",
   "description": "Class Explorer for InterSystems Caché",
   "directories": { "test": "test" },
   "dependencies": {},

diff --git a/web/css/helpView.css b/web/css/helpView.css
@@ -39,4 +39,10 @@
     box-sizing: border-box;
     height: 100%;
     overflow: auto;
+}
+
+.help-class-box {
+    border: 1px solid black;
+    padding: 3px 10px;
+    font-weight: bold;
 }
diff --git a/web/index.html b/web/index.html
@@ -176,39 +176,25 @@ <h2>Caché Class Explorer Help</h2>
                             </tr>
                             <tr>
                                 <td>
-                                    <div name="injector">{
-                                        "classes": { "Registered": {  } }
-                                    }</div>
+                                    <span class="help-class-box" style="background:rgb(177,205,255)">Registered</span>
                                 </td>
                                 <td>
-                                    <div name="injector">{
-                                        "classes": { "Persistent": { "ClassType": "persistent" } }
-                                    }</div>
+                                    <span class="help-class-box" style="background:rgb(255,219,170)">Persistent</span>
                                 </td>
                                 <td>
-                                    <div name="injector">{
-                                        "classes": { "Serial": { "ClassType": "serial" } }
-                                    }</div>
+                                    <span class="help-class-box" style="background:rgb(252,255,149)">Serial</span>
                                 </td>
                                 <td>
-                                    <div name="injector">{
-                                        "classes": { "Data Type": { "ClassType": "datatype" } }
-                                    }</div>
+                                    <span class="help-class-box" style="background:rgb(193,250,255)">DataType</span>
                                 </td>
                                 <td>
-                                    <div name="injector">{
-                                        "classes": { "Index": { "ClassType": "index" } }
-                                    }</div>
+                                    <span class="help-class-box" style="background:rgb(228,228,228)">Index</span>
                                 </td>
                                 <td>
-                                    <div name="injector">{
-                                        "classes": { "View": { "ClassType": "view" } }
-                                    }</div>
+                                    <span class="help-class-box" style="background:rgb(255,188,188)">View</span>
                                 </td>
                                 <td>
-                                    <div name="injector">{
-                                        "classes": { "Stream": { "ClassType": "stream" } }
-                                    }</div>
+                                    <span class="help-class-box" style="background:rgb(228,228,228)">Stream</span>
                                 </td>
                             </tr>
                             </tbody>
@@ -221,49 +207,25 @@ <h2>Caché Class Explorer Help</h2>
                             <tr>
                                 <th class="leftAligned">Class Mention</th>
                                 <td>
-                                    <div name="injector">{
-                                        "layoutDirection": "LR",
-                                        "classes": {
-                                            "Class A": { "properties": { "Property": { "Type": "Class B" } } },
-                                            "Class B": { "ClassType": "persistent" }
-                                        }
-                                    }</div>
+                                    <img src="data:image/png;base64,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"/>
                                 </td>
                             </tr>
                             <tr>
                                 <th class="leftAligned">One - to - Many</th>
                                 <td>
-                                    <div name="injector">{
-                                        "layoutDirection": "LR",
-                                        "classes": {
-                                            "Class A": { "ClassType": "persistent", "properties": { "Property": { "Cardinality": "one", "Type": "Class B", "Inverse": "Property" } } },
-                                            "Class B": { "ClassType": "persistent", "properties": { "Property": { "Cardinality": "many", "Type": "Class A", "Inverse": "Property" } } }
-                                        }
-                                    }</div>
+                                    <img src="data:image/png;base64,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"/>
                                 </td>
                             </tr>
                             <tr>
                                 <th class="leftAligned">Parent - to - Child</th>
                                 <td>
-                                    <div name="injector">{
-                                        "layoutDirection": "LR",
-                                        "classes": {
-                                            "Class B": { "ClassType": "persistent", "properties": { "Property": { "Cardinality": "child", "Type": "Class A", "Inverse": "Property" } } },
-                                            "Class A": { "ClassType": "persistent", "properties": { "Property": { "Cardinality": "parent", "Type": "Class B", "Inverse": "Property" } } }
-                                        }
-                                    }</div>
+                                    <img src="data:image/png;base64,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"/>
                                 </td>
                             </tr>
                             <tr>
                                 <th class="leftAligned">Inheritance</th>
                                 <td>
-                                    <div name="injector">{
-                                        "layoutDirection": "LR",
-                                        "classes": {
-                                            "Derived Class": { "ClassType": "datatype", "Super": "Inherited Class", "properties": { "Property": { "Type": "Nothing" } } },
-                                            "Inherited Class": { "ClassType": "datatype", "properties": { "Property": { "Type": "Nothing" } } }
-                                        }
-                                    }</div>
+                                    <img src="data:image/png;base64,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"/>
                                 </td>
                             </tr>
                             </tbody>