appscms-tools-theme 3.7.9 → 3.8.1

data/_layouts/home.html

@@ -168,33 +168,37 @@
             <div class="row">
               {%- endif -%}
               <div class="col-md-6 order-0">
-                {%- if featureData.HOW_TO_CONTENT.YoutubeVideoUrl -%}
+                {%- if homeData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
                 <div class="how-to-video-wrapper">
-                  <iframe
-                    width="500"
-                    height="315"
-                    src="https://www.youtube.com/embed/{{featureData.HOW_TO_CONTENT.YoutubeVideoUrl}}?autoplay=1&mute=1"
-                  >
+                  {% assign video_url = homeData.HOW_TO_CONTENT.YoutubeVideoUrl %}
+                  {% assign video_id = "" %}
+                  {% if video_url contains "youtu.be/" %}
+                  {% assign parts = video_url | split: "/" %}
+                  {% assign video_id = parts[3] %}
+                  {% elsif video_url contains "youtube.com/watch" %}
+                  {% assign params = video_url | split: "?" | last | split: "&" %}
+                  {% for param in params %}
+                  {% if param contains "v=" %}
+                  {% assign video_id = param | split: "=" | last %}
+                  {% endif %}
+                  {% endfor %}
+                  {% endif %}
+                  {%- if site.monumetricId -%}
+                  <iframe class="youtubeVideoPlayer mb-5" width="400" height="315"
+                    src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
+                  </iframe>
+                  {%- else -%}
+                  <iframe class="youtubeVideoPlayer mb-5" width="500" height="315"
+                    src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
                   </iframe>
+                  {%- endif -%}
                 </div>
                 {%- else -%}
                 <div class="how-to-img-wrapper">
-                  <img
-                    class="how-to-leftimg"
-                    height="180px"
-                    width="300px"
-                    src="{{homeData.HOW_TO_CONTENT.logoImageUrl}}"
-                    loading="lazy"
-                    alt="{{homeData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}"
-                    {%-
-                    if
-                    site.crossorigin
-                    -%}
-                    crossorigin
-                    {%-
-                    endif
-                    -%}
-                  />
+                  <img class="how-to-leftimg" height="180px" width="300px"
+                    src="{{homeData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
+                    alt="{{homeData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if site.crossorigin
+                    -%} crossorigin {%- endif -%} />
                 </div>
                 {%- endif -%}
               </div>
@@ -206,7 +210,7 @@
                   </h3>
                   <ol class="how-to-list">
                     {% for data in homeData.HOW_TO_CONTENT.steps %}
-
+  
                     <li id="step{{forloop.index}}" class="how-to-list-item">
                       <span>{{forloop.index}}.</span>{{data | replace:
                       "$variable", page.value}}
@@ -215,7 +219,7 @@
                   </ol>
                 </div>
               </div>
-              {%- if site.monumetricId and page.url != '/' and page.lang == "en"
+              {%- if site.monumetricId and page.url != '/' and page.lang == 'en'
               -%}
             </div>
           </div>
@@ -261,7 +265,12 @@
       </div>
     </section>
     {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
-    include Rating/rating.html -%} {%- if homeData.USPS -%} {%- include
+    include Rating/rating.html -%} 
+    {%- if homeData.infographics.size > 0 -%}
+    {%- include infographics/infographics.html -%} 
+    {%- endif -%}
+
+    {%- if homeData.USPS -%} {%- include
     /Usp/usp.html -%} {%- endif -%} {%- if homeData.display_formats -%}
     <div class="container file-detail-table">
       {%- include fileformat/fileformatdetail.html -%}

data/assets/css/appscms-theme.css

@@ -779,3 +779,6 @@ body {
 .upload-from-drives img {
   cursor: pointer;
 }
+#appscms-tools-section a {
+  text-decoration: none;
+}

data/assets/js/theme.js

@@ -1,107 +1,105 @@
----
----
-
-
-console.log('');
-if ("{{ site.safeui }}"==="true") {
-  document.addEventListener("DOMContentLoaded", function () {
-    var safuiAlert = document.querySelector("#safeui-alert");
-    if (safuiAlert) {
-      setTimeout(function () {
-        safuiAlert.style.transition = "1s";
-        safuiAlert.style.height = "0";
-        safuiAlert.style.paddingTop = "0";
-        safuiAlert.style.paddingBottom = "0";
-        safuiAlert.style.marginTop = "0";
-        safuiAlert.style.marginBottom = "0";
-        setTimeout(function () {
-          safuiAlert.parentNode.removeChild(safuiAlert);
-        }, 1000);
-      }, 10000);
-    }
-  });
-  let getLayout = document.getElementById("header");
-const layout = getLayout.dataset.layout;
-if (layout == "feature-1") {
-  var removeNav = () => {
-    let homeLink = document.getElementById("home-link");
-    homeLink.style.marginRight = "10px";
-    document.getElementById("h1-img-wrapper").prepend(homeLink);
-
-    document.getElementById("header").style.display = "none";
-    document.querySelector(".feature1-h1").style.width = "100%";
-    document.querySelector(".feature1-h2").style.display = "none";
-    console.log(document.querySelector(".feature1-flex-container"));
-    document.querySelector(".feature1-flex-container").style.paddingTop =
-      "0rem";
-    document.querySelector(".feature1-flex-container").style.paddingBottom =
-      "0rem";
-  };
-} else {
-  var removeNav = () => {
-    let homeLink = document.getElementById("home-link");
-    homeLink.style.marginRight = "10px";
-    document.getElementById("h1-img-wrapper").prepend(homeLink);
-    document
-      .getElementById("h1-img-wrapper")
-      .style.setProperty("align-items", "unset", "important");
-    document.getElementById("header").style.display = "none";
-    document.getElementById("h1-img").style.display = "none";
-    document.getElementById("feature-h1").style.width = "100%";
-    document.getElementById("feature-h2").style.display = "none";
-    let safeUiAlert = document.getElementById("safeui-alert");
-    if (safeUiAlert) {
-      safeUiAlert.style.display = "none";
-    }
-  };
-}
-}
-
-
-
-if ("{{ site.removeBootstrapJs }}"==="true") {
-  const languagesModal = document.querySelector("#staticBackdrop");
-const intModalBtn = document.querySelector("#int-modal-btn");
-const closeBtn = document.querySelector("#close-modal");
-
-if(intModalBtn){
-intModalBtn.addEventListener("click", () => {
-  languagesModal.style.display = "block";
-  languagesModal.classList.add("show");
-  let modal = document.createElement("div");
-  modal.classList.add("modal-backdrop", "show");
-  document.body.appendChild(modal);
-});
-closeBtn.addEventListener("click", () => {
-  languagesModal.style.display = "none";
-  languagesModal.classList.remove("show");
-  let modal = document.querySelector(".modal-backdrop");
-  document.body.removeChild(modal);
-});
-}
-let navbarDropdown = document.querySelector("#navbarDropdown");
-let dropmenu = document.querySelector(".dropmenu");
-navbarDropdown.addEventListener("click", () => {
-  if (dropmenu.classList.contains("show")) {
-    dropmenu.classList.remove("show");
-    dropmenu.style.display = "none"
-  } else {
-    dropmenu.classList.add("show");
-    dropmenu.style.display = "block"
-    dropmenu.style.padding = ".5rem 0"
-  }
-});
-const navbarToggler=document.querySelector('.navbar-toggler')
-const navBar=document.querySelector('#navbarSupportedContent')
-navbarToggler.addEventListener('click',()=>{
-  if (navBar.classList.contains("show")) {
-    navBar.classList.remove("show");
-    navBar.style.display = "none"
-  } else {
-    navBar.classList.add("show");
-    navBar.style.display = "block"
-  }
-})
-}
-
-
+---
+---
+
+
+console.log('');
+if ("{{ site.safeui }}"==="true") {
+  document.addEventListener("DOMContentLoaded", function () {
+    var safuiAlert = document.querySelector("#safeui-alert");
+    if (safuiAlert) {
+      setTimeout(function () {
+        safuiAlert.style.transition = "1s";
+        safuiAlert.style.height = "0";
+        safuiAlert.style.paddingTop = "0";
+        safuiAlert.style.paddingBottom = "0";
+        safuiAlert.style.marginTop = "0";
+        safuiAlert.style.marginBottom = "0";
+        setTimeout(function () {
+          safuiAlert.parentNode.removeChild(safuiAlert);
+        }, 1000);
+      }, 10000);
+    }
+  });
+  let getLayout = document.getElementById("header");
+const layout = getLayout.dataset.layout;
+if (layout == "feature-1") {
+  var removeNav = () => {
+    let homeLink = document.getElementById("home-link");
+    homeLink.style.marginRight = "10px";
+    document.getElementById("h1-img-wrapper").prepend(homeLink);
+
+    document.getElementById("header").style.display = "none";
+    document.querySelector(".feature1-h1").style.width = "100%";
+    document.querySelector(".feature1-h2").style.display = "none";
+    console.log(document.querySelector(".feature1-flex-container"));
+    document.querySelector(".feature1-flex-container").style.paddingTop =
+      "0rem";
+    document.querySelector(".feature1-flex-container").style.paddingBottom =
+      "0rem";
+  };
+} else {
+  var removeNav = () => {
+    let homeLink = document.getElementById("home-link");
+    homeLink.style.marginRight = "10px";
+    document.getElementById("h1-img-wrapper").prepend(homeLink);
+    document
+      .getElementById("h1-img-wrapper")
+      .style.setProperty("align-items", "unset", "important");
+    document.getElementById("header").style.display = "none";
+    document.getElementById("h1-img").style.display = "none";
+    document.getElementById("feature-h1").style.width = "100%";
+    document.getElementById("feature-h2").style.display = "none";
+    let safeUiAlert = document.getElementById("safeui-alert");
+    if (safeUiAlert) {
+      safeUiAlert.style.display = "none";
+    }
+  };
+}
+}
+
+
+
+if ("{{ site.removeBootstrapJs }}"==="true") {
+  const languagesModal = document.querySelector("#staticBackdrop");
+const intModalBtn = document.querySelector("#int-modal-btn");
+const closeBtn = document.querySelector("#close-modal");
+
+if(intModalBtn){
+intModalBtn.addEventListener("click", () => {
+  languagesModal.style.display = "block";
+  languagesModal.classList.add("show");
+  let modal = document.createElement("div");
+  modal.classList.add("modal-backdrop", "show");
+  document.body.appendChild(modal);
+});
+closeBtn.addEventListener("click", () => {
+  languagesModal.style.display = "none";
+  languagesModal.classList.remove("show");
+  let modal = document.querySelector(".modal-backdrop");
+  document.body.removeChild(modal);
+});
+}
+let navbarDropdown = document.querySelector("#navbarDropdown");
+let dropmenu = document.querySelector(".dropmenu");
+navbarDropdown.addEventListener("click", () => {
+  if (dropmenu.classList.contains("show")) {
+    dropmenu.classList.remove("show");
+    dropmenu.style.display = "none"
+  } else {
+    dropmenu.classList.add("show");
+    dropmenu.style.display = "block"
+    dropmenu.style.padding = ".5rem 0"
+  }
+});
+const navbarToggler=document.querySelector('.navbar-toggler')
+const navBar=document.querySelector('#navbarSupportedContent')
+navbarToggler.addEventListener('click',()=>{
+  if (navBar.classList.contains("show")) {
+    navBar.classList.remove("show");
+    navBar.style.display = "none"
+  } else {
+    navBar.classList.add("show");
+    navBar.style.display = "block"
+  }
+})
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 3.7.9
+  version: 3.8.1
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-08-05 00:00:00.000000000 Z
+date: 2023-08-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -508,7 +508,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.10
+rubygems_version: 3.3.7
 signing_key:
 specification_version: 4
 summary: Appscms theme for all tools