Merge pull request #313 from IgniteUI/hPopov/slingshot-template

Create Slingshot docfx theme

gulpfile.js

@@ -45,13 +45,13 @@ const generateBundlingGlobalMetadata = (done, dev=false) => {
                             {name:"main", ext: "js"},
                             {name:"lunr-search", ext: "js"},
                             {name:"runtime", ext: "js"},
-                            {name:"styles", ext: "css"}] 
+                            {name:"igniteui", ext: "css"},
+                            {name:"slingshot", ext: "css"}] 
     if(!dev) {
         outputBuildFiles = fs.readdirSync(path.join(__dirname, WEBPACK_BUILD_DIST));
     }
     metadata["_timestamp"] = new Date().getTime();
     bundlesToObserve.forEach(bundle => {
-
         let bundleFileName = outputBuildFiles != null ? outputBuildFiles.find((file) => file.startsWith(bundle.name) && file.endsWith(bundle.ext)) : `${bundle.name}.${bundle.ext}`;
         metadata[`_${bundle.name}`] = bundleFileName;
     });

src/app/docfx.ts

@@ -1,4 +1,3 @@
-import '../styles/main.scss';
 import 'babel-polyfill';
 import 'bootstrap';
 import 'jquery-ui';
@@ -61,7 +60,7 @@ $(() => {
         });
 
         if (util.isOnIndexPage()) {
-                $("#_article-wrapper").removeClass("null-opacity");
+                $("#_article-content-wrapper").removeClass("null-opacity");
                 router.navigateTo($("meta[name=index]").attr("content")!);
         } else {
                 (async () => {
@@ -70,7 +69,7 @@ $(() => {
                                 affixService.render();
                                 resolve();
                         }).then(() => {
-                                $("#_article-wrapper").removeClass("null-opacity");
+                                $("#_article-content-wrapper").removeClass("null-opacity");
                                 if (util.hasLocationHash()) {
                                         setTimeout(() => util.scroll(location.hash), 500);
                                 }

src/app/services/rendering/affix.ts

@@ -13,7 +13,7 @@ export class AffixRenderingService extends RenderingService implements Resizable
     }
 
     public reset() {
-        this.initialDimension = document.body.clientHeight - 160;
+        this.initialDimension = document.body.clientHeight - (util.offset + 36);
     }
 
     public handleChange(changeType: DimensionChangeType, newValue: number) {

src/app/services/rendering/article.ts

@@ -253,7 +253,8 @@ export class ArticleRenderingService extends RenderingService {
             relPpath = $("meta[name=data-docfx-rel]").attr("content")!,
             platform = $("meta[property='docfx:platform']").attr("content"),
             imgTag = $('<img>');
-
+
+        if(productLink.toLocaleLowerCase().includes("slingshot")) return;
 
         if (productLink.includes("indigo")) {
           productLink = "https://cloud.indigo.design";
@@ -265,11 +266,11 @@ export class ArticleRenderingService extends RenderingService {
 
         if ($(".article-container h2")[2]) {
           let thirdHeader = $(".article-container h2")[2], divTag = $('<div>');
-          $(imgTag).css({ "width": "100%", "display": "block", "margin": "auto", "cursor": "pointer" });
+          divTag.addClass('dfx-seo-banner')
           $(imgTag).on('click', () => window.location.href = productLink);
           $(divTag).append(imgTag);
           $(thirdHeader).before(divTag);
-        } 
+        }
     }
 
     private anchorJs() {
@@ -309,4 +310,4 @@ export class ArticleRenderingService extends RenderingService {
             });
         }
     }
-}
+}

src/app/services/rendering/toc.ts

@@ -21,7 +21,7 @@ export class TocRenderingService extends RenderingService implements ResizableOb
     }
 
     public reset() {
-        this.initialDimension = document.body.clientHeight - 160;
+        this.initialDimension = document.body.clientHeight - (util.offset + 36);
     }
 
     public handleChange(changeType: DimensionChangeType, newValue: number) {

src/app/services/utils.ts

@@ -13,8 +13,8 @@ class UtilityService {
     public isIE = !((window as any).ActiveXObject) && "ActiveXObject" in window;
     public isEdge = navigator.userAgent.indexOf('Edge') !== -1;
     public baseDir: string;
+    public offset: number;
     public removeHTMLExtensionFromUrl: boolean;
-    private offset: number;
 
     constructor() {
         this.offset = $('.navbar').first().height()!;