appscms-tools-theme 2.6.2 → 2.6.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '0818aa5b74239dd2171c2dea2a7a79cc62151ac4f7ac49a04f7d10f21a3a8440'
-  data.tar.gz: 10d10b2ed5c53a2307993bcd8929fd6967781d7bb934530bef37535df18656c6
+  metadata.gz: 61b454eef1812edb983a6f48d0ad2ec0702ad089ec907ffc55651b6cb2d53c9a
+  data.tar.gz: 2ab46a079fccac188de5054ca6cc2d01354880f274a9ed33f24044b0fdcf71cf
 SHA512:
-  metadata.gz: '08d2535f166adc354ce854531c77aeff948b75e193108de9c51c5bd52e71506778ac4e094779160124bb7c2f04a42cc744a08419ba4dbb52a6bf22e329f2428a'
-  data.tar.gz: bb8f63ab59178bb4966bf9bb57cf567773da8bb705e571b73aed4185b73e648bd9c38c284f4570ed33685dff51c07d4531a821e4842ed0f36f03085f7684ee24
+  metadata.gz: a9906401025177054281af71f00d632e1ecfedcac57db94093df48c308b46f66078e4f2c3c0afb2d36399d17d46ad0b6e80e1d3dc58702545e524e26e2864ce5
+  data.tar.gz: d34850b364a841822abe45ddf0b044f85365efd7175d9ff362bdd8e8f407837d5ec3b3e2f119771398e2904b226044eaba51f4f59b17224ce67f48c51ece6f3c

data/_data/feature/en/allele-frequency.json

@@ -207,7 +207,8 @@
                 "dropDown": "Proportion",
                 "dropDownId": "Given in: _dd_Id",
                 "dateTimePicker": false,
-                "unit": "1/2"
+                "unit": "1/2",
+                "toolTip": "This is sample text for tooltip"
             },
             {
                 "labelName": "Occurrence of the disease:  1 in..",
@@ -216,7 +217,8 @@
                 "inputType": "text",
                 "inputId": "Occurrence of the disease:  1 in.._input_Id",
                 "dropDownId": "Occurrence of the disease:  1 in.._dd_Id",
-                "dateTimePicker": false
+                "dateTimePicker": false,
+                "toolTip": "This is sample text for tooltip"
             },
             {
                 "labelName": "Healthy allele frequency (p)",

data/_includes/script.html

@@ -15,8 +15,8 @@
 {% assign scriptData = site.data.[page.folderName][lang][file] %}
 {%- assign dataAtt = "data-folderName='$folderName' data-lang='$lang' data-fileName='$fileName' data-tool='$tool'" -%}
 {%- assign $folderName = '$folderName' -%}
-<script defer="defer" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" {%- if site.crossorigin
-   -%} {{ }} crossorigin {%- endif -%}></script>
+<script defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" {%- if site.crossorigin -%} {{ }}
+   crossorigin {%- endif -%}></script>
 {%- if site.safeui -%}
 <script defer src="/assets/js/theme.js" crossorigin="anonymous"></script>
 {%- endif -%}
@@ -27,7 +27,7 @@
 {{site.data.customcdns.customcdns.jsfiles}}
 {%- if scriptData.jsfilepaths -%}
 {%- for path in scriptData.jsfilepaths -%}
-<script defer="defer" src="{{path}}" data-folderName="{{page.folderName}}" data-lang="{{page.lang}}"
+<script defer src="{{path}}" data-folderName="{{page.folderName}}" data-lang="{{page.lang}}"
    data-fileName="{{page.fileName}}" data-tool="{{page.tool}}" data-permalink="{{page.permalink}}" {%- if
    site.crossorigin -%} {{ }} crossorigin {%- endif -%}></script>
 {%- endfor -%}
@@ -50,6 +50,10 @@ replace: "$tool", page.tool }}
 {%- assign font = "PT Sans" -%}
 {%- endif -%}
 
+{%- if page.layout == "calculator" -%}
+<script defer src="/assets/js/calculator-tooltip.js"></script>
+{%- endif -%}
+
 {%- if page.layout == 'home-1' or page.layout == "feature-1" -%}
 {%- assign font = "Inter" -%}
 {%- endif -%}

data/_layouts/calculator.html

@@ -15,7 +15,13 @@ layout: feature
                 <div class="row" id="calculator-row-{{forloop.index}}">
                     {%- if item.labelName -%}
                     <div class="col-md-12">
-                        <label for="{{item.labelId}}">{{item.labelName}}</label>
+                        <div class="d-flex">
+                            <label for="{{item.labelId}}">{{item.labelName}}</label>
+                            {%- if item.toolTip -%} <span class="calculator-tooltip" data-toggle="tooltip"
+                                data-placement="top" title="{{item.toolTip}}"><i
+                                    class="fas fa-info-circle"></i></span>{%-
+                            endif -%}
+                        </div>
                     </div>
                     {%- endif -%}
                     {%- if item.dropDown or item.inputBox or item.dateTimePicker -%}

data/assets/css/calculators.css

@@ -10,10 +10,10 @@
 }
 
 .calculator-workspace label {
-  width: 100%;
   font-weight: 600;
   text-align: left;
   margin-top: 10px;
+  margin-right: 8px;
 }
 
 .submit-button {
@@ -38,3 +38,10 @@
   border-radius: 4px;
   font-weight: 600;
 }
+.calculator-tooltip {
+  display: flex;
+  align-items: center;
+}
+.calculator-tooltip .fa-info-circle {
+  margin-bottom: 0px;
+}

data/assets/js/calculator-tooltip.js

@@ -0,0 +1,3 @@
+$(function () {
+  $('[data-toggle="tooltip"]').tooltip()
+})

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 2.6.2
+  version: 2.6.3
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-10-26 00:00:00.000000000 Z
+date: 2022-10-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -2644,6 +2644,7 @@ files:
 - assets/js/ads.js
 - assets/js/append-div.js
 - assets/js/batch.js
+- assets/js/calculator-tooltip.js
 - assets/js/face-api.js
 - assets/js/face-detection.js
 - assets/js/faceSystem.js