@healthcatalyst/catalyst-docfx-template 1.0.54 → 1.0.57

package/layout/_master.tmpl

@@ -36,8 +36,8 @@
         {{>partials/statusMessage}}
         {{/_disableStatusMessage}}
         {{/if}}
-        {{#if version}}
-        {{>partials/version}}
+        {{#if dosVersion}}
+        {{>partials/dosVersion}}
         {{/if}}
         {{#if wide}}
           <div class="col-sm-12">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@healthcatalyst/catalyst-docfx-template",
-  "version": "1.0.54",
+  "version": "1.0.57",
   "license": "MIT",
   "description": "A DocFX Template patching the Default template.",
   "publishConfig": {

package/partials/{sql-server.tmpl.partial → dosClassic.tmpl.partial}

@@ -2,5 +2,5 @@
 ✔
 </span>
 <span id="version-bump">
-DOS for SQL Server
+DOS Classic
 </span>

package/partials/{snowflake.tmpl.partial → dosCloud.tmpl.partial}

@@ -2,5 +2,5 @@
 ✔
 </span>
 <span id="version-bump">
-DOS for Snowflake
+DOS Cloud
 </span>

package/partials/dosVersion.tmpl.partial

@@ -0,0 +1,7 @@
+<div id="tag">
+  Applies to:
+  <span id="dosVersion">
+  {{#if dosVersion.dosCloud}}{{>partials/dosCloud}}{{/if}}
+  {{#if dosVersion.dosClassic}}{{>partials/dosClassic}}{{/if}}
+  </span>
+</div>

package/styles/main.css

@@ -1641,4 +1641,132 @@ a.anchor {
 pre {
     /* Avoid pushing up the copy buttons. */
     /* margin: 0; */
+}
+
+/* This code hides cross references between PDF pages. Corresponding code (.web-only) that hides cross references in the web app is in /templates/pdf/styles/main.css. */
+.pdf-only {
+    display: none;
+}
+
+/*
+  .sidetoc, .sidefilter {
+    margin-top: 56px;
+  }
+  */
+
+.statusMessage {
+    background-color: #aae2c8;
+    font-size: 13.5px;
+    font-weight: 600;
+    padding-top: 15px;
+    padding-bottom: 20px;
+    padding-right: 15px;
+    margin-top: -16px;
+    margin-right: 16px;
+    margin-left: -40px;
+    margin-bottom: 10px;
+    padding-left: 5em;
+    text-indent: -5em;
+}
+
+#statusIcon {
+    font-size: 24px;
+    margin-left: 100px;
+    transform: translate(0, 5px);
+    margin-right: -36px;
+}
+
+.toc-deprecated:before {
+    content: 'Deprecated' !important;
+    background-color: #d7dde4;
+    color: #333;
+    border-radius: 3px;
+    font-size: 9px;
+    text-transform: uppercase;
+    font-weight: 600;
+    letter-spacing: 0.15px;
+    margin-left: 0px;
+    margin-top: 4px;
+    margin-bottom: 4px;
+    margin-right: 4px;
+    padding: 3px 7px 3px 10px;
+    position: relative;
+    top: -1px;
+}
+
+/* "Page has moved/is obsolete" banner at top of page */
+
+#nextWarning {
+    background-color: #ffdbb7;
+    font-size: 12px;
+    font-weight: 400;
+    height: 35px;
+}
+
+#nextWarning p {
+    text-align: center;
+    margin: auto;
+    font-size: 13.5px;
+    font-weight: 600;
+}
+
+#nextWarningToc {
+    margin-top: 56px;
+}
+
+/* Which DOS versions apply to page */
+
+#tag {
+    font-size: 13.5px;
+    font-weight: 600;
+    padding-top: 15px;
+    padding-bottom: 15px;
+    padding-right: 15px;
+    padding-left: 15px;
+    margin-top: -16px !important;
+    margin-left: -50px;
+    margin-bottom: 10px !important;
+    margin-right: 15px;
+    text-indent: 4em;
+    background: #d6f3ff;
+}
+
+#dosVersion {
+    padding-left: 12px;
+    font-weight: 400;
+}
+
+#success-checkmark {
+    background: #00aeff;
+    color: white;
+    padding: 1px 4px;
+    border-radius: 50%;
+    padding-right: 1px;
+    margin-right: 8px;
+}
+
+#version-bump {
+    padding-right: 15px;
+}
+
+/* Styles a message in a line anywhere in the document with {{ term }} - see main.js */
+
+.message {
+    font-size: 13.5px;
+    font-weight: 600;
+    padding-top: 8px;
+    padding-bottom: 8px;
+    padding-left: 15px;
+    margin-top: 35px;
+    margin-bottom: -5px;
+    text-indent: 2em;
+    background: #d6f3ff;
+    display: inline-block;
+    width: 100%;
+}
+
+.message > .fa:before {
+    margin-left: -52px;
+    padding-right: 10px;
+    color: #00aeff;
 }

package/styles/main.js

@@ -136,46 +136,64 @@ copyCode.on('success', function(event) {
 
 // Replace {{ keys }} with plain-text values in sourcedContent/terms.json at directory root
 
-var terms = (function() {
+var terms = (function () {
     var json = null;
+    var baseUrl = window.location.origin;
+    console.log(baseUrl);
     $.ajax({
-        async: false,
-        global: false,
-        url: '../../sourcedContent/terms.json',
-        dataType: 'json',
-        success: function(data) {
-            json = data;
-        }
+      async: false,
+      global: false,
+      url: baseUrl + "/sourcedContent/terms.json",
+      dataType: "json",
+      success: function (data) {
+        json = data;
+      },
     });
+
     for (let [key, value] of Object.entries(json)) {
-        // console.log(`${key}: ${value}`);
-        var toReplace = '{{ ' + key + ' }}';
-        var replaceWith = value;
-        document.body.innerHTML = document.body.innerHTML.replace(toReplace, replaceWith);
+       console.log(`${key}: ${value}`);
+      var toReplace = "{{ " + key + " }}";
+      var replaceWith = value;
+      document.body.innerHTML = document.body.innerHTML.replace(
+        toReplace,
+        replaceWith
+      );
     }
     return terms;
-})();
-
-// Replace {{ keys }} with icon and message banner from sourcedContent/messages.json at directory root
-
-var messages = (function() {
+  })();
+  
+  // Replace {{ keys }} with icon and message banner from sourcedContent/messages.json at directory root
+  
+  var messages = (function () {
     var json = null;
+    var baseUrl = window.location.origin;
+    console.log(baseUrl)
     $.ajax({
-        async: false,
-        global: false,
-        url: '../../sourcedContent/messages.json',
-        dataType: 'json',
-        success: function(data) {
-            json = data;
-        }
+      async: false,
+      global: false,
+      url: baseUrl + "/sourcedContent/messages.json",
+      dataType: "json",
+      success: function (data) {
+        json = data;
+      },
     });
     for (var k in json) {
-        var o = json[k];
-        // console.log(o.message);
-        // console.log(o.icon);
-        var toReplace = '{{ ' + k + ' }}';
-        var replaceWith = '<p class="message">' + '<i class="fa ' + o.icon + '"></i>' + o.message + '</p>';
-        document.body.innerHTML = document.body.innerHTML.replace(toReplace, replaceWith);
+      var o = json[k];
+      // console.log(o.message);
+      // console.log(o.icon);
+      var toReplace = "{{ " + k + " }}";
+      var replaceWith =
+        '<p class="message">' +
+        '<i class="fa ' +
+        o.icon +
+        '"></i>' +
+        o.message +
+        "</p>";
+      document.body.innerHTML = document.body.innerHTML.replace(
+        toReplace,
+        replaceWith
+      );
     }
     return messages;
-})();
+  })();
+  

package/partials/version.tmpl.partial

@@ -1,7 +0,0 @@
-<div id="tag">
-  Applies to:
-  <span id="version">
-  {{#if version.snowflake}}{{>partials/snowflake}}{{/if}}
-  {{#if version.sql-server}}{{>partials/sql-server}}{{/if}}
-  </span>
-</div>