appscms-tools-theme 2.4.5 → 2.4.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 65c14258fbee8d6417e2d2ff3204d6d598d7e60d9b9798fde197baa082cfdcba
-  data.tar.gz: b2340a668a56a084a35a7ca519b4ec306ea29e7d5de8f978a1a580c5e1f18129
+  metadata.gz: 21f85a696be3759a40b22de3291da467d625ecf0a7662c7c58d7ecd5448f97db
+  data.tar.gz: c5712ac2408db8bb694a103b43e5e0d86c99bda79ab143543e75f4b52cd1975c
 SHA512:
-  metadata.gz: 938b0e2fdb0d00079bc4aa4c782b7bf6a19939284581d4b5b5cb684afed7b5d300b249b4de938606127c2dca780fd0352225dd223b62b554efef073cabe4a1a6
-  data.tar.gz: 01b5e1358ebadcfb7a59cffa012bfa996aa52803f7395a6cba63564ce5bad8c70004c5d20eaea452e98aa21fc8530b62ae14117340a4417d6d9aa150ffbabbb4
+  metadata.gz: f5f69879fc11a09a17add1639a0fbaa7b45dd95b5cf71008623f86de45c5661df7dc5fb443828e2fb4aea586db7b1af9b7986377c18d30297fb407d19f4bebb2
+  data.tar.gz: f75b4f7cb60484200f2d6e43f165daf058890f98d4ef00af3f1b613241cbae1cbdb22ef3f4ba11054816f662196614e71b0ba6d574676fe2682c535fd478dc91

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

@@ -198,6 +198,7 @@
         "/assets/js/redirectResult.js"
     ],
     "calculatorData": {
+        "calculatorWarning": "❗ Our PECARN calculator shouldn't be used as a single source of knowledge; this tool cannot replace professional clinical judgment.",
         "calculatorRow": [
             {
                 "labelName": "Given in: ",
@@ -212,6 +213,7 @@
                 "labelName": "Occurrence of the disease:  1 in..",
                 "labelId": "Occurrence of the disease:  1 in..__id",
                 "inputBox": "text",
+                "inputType": "text",
                 "inputId": "Occurrence of the disease:  1 in.._input_Id",
                 "dropDownId": "Occurrence of the disease:  1 in.._dd_Id",
                 "dateTimePicker": false

data/_data/feature/en/compress-pdf.json

@@ -197,7 +197,6 @@
     "<link rel=\"stylesheet\" href=\"/css/feature1.css\" crossorigin='anonymous' />"
   ],
   "jscdns": [
-    "<script crossorigin='anonymous'  src=\"/assets/js/googledrive.js\"></script>",
-    "<script crossorigin='anonymous'  src=\"/js/feature1.js\"></script>"
+    "<script crossorigin='anonymous'  src=\"/assets/js/googledrive.js\"></script>"
   ]
 }

data/_data/feature/en/theframe.json

@@ -9,6 +9,10 @@
     "imgalt": "altvalue",
     "nofileupload": true,
     "variant": "primary",
+    "downloadFormats": [
+        "png",
+        "jpg"
+    ],
     "TITLE": "Image border tool- Surround your images with a border",
     "META": "Image border tool helps you to add a simple border frame to your image. You can customize border colour and width. Border sets the focal subject.",
     "TEXTUAL_CONTENT": [],

data/_includes/header/index.html

@@ -9,9 +9,10 @@
   <nav class="header-navbar navbar navbar-expand-lg">
     <div class="container px-0">
       {% if dataToShow.navbarBrandText != "" %}
-      <a class="navbar-brand" href="/" title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
+      <a id="home-link" class="navbar-brand" href="/"
+        title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
       {% else %}
-      <a href="/">
+      <a id="home-link" href="/">
         <img class="header-logo-height" src="{{ dataToShow.navbarBrandLogo }}" alt="{{ dataToShow.navbarBrandLogo }}"
           {%- if site.crossorigin -%} crossorigin {%- endif -%}>
       </a>
@@ -100,9 +101,10 @@
 <header id="header">
   <nav class="navbar navbar-expand-lg py-3 px-sm-2">
     {% if dataToShow.navbarBrandText != "" %}
-    <a class="navbar-brand" href="/" title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
+    <a id="home-link" class="navbar-brand" href="/"
+      title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
     {% else %}
-    <a href="/">
+    <a id="home-link" href="/">
       <img class="logo-height" src="{{ dataToShow.navbarBrandLogo }}" alt="{{ dataToShow.navbarBrandLogo }}" {%- if
         site.crossorigin -%} crossorigin {%- endif -%}>
     </a>

data/_layouts/calculator.html

@@ -22,7 +22,12 @@ layout: feature
                     <div class="col-md-12">
                         <div class="d-flex calculator-inputs">
                             {%- if item.inputBox -%}
-                            <input class="form-control" type="text" name="{{item.inputName}}" id="{{item.inputId}}">
+                            {%- assign inputBoxType = "number" -%}
+                            {%- if item.inputType -%}
+                            {%- assign inputBoxType = item.inputType -%}
+                            {%- endif -%}
+                            <input class="form-control" type="{{inputBoxType}}" name="{{item.inputName}}"
+                                id="{{item.inputId}}">
                             {%- endif -%}
                             {%- if item.dropDown -%}
                             <select class="form-control" name="{{item.dropDownName}}" id="{{item.dropDownId}}"></select>
@@ -66,5 +71,14 @@ layout: feature
             </div>
             {%- endif -%}
         </div>
+
     </div>
+    {%- if calculatorData.calculatorWarning-%}
+    <div class="warning-alert-box mt-4">
+        <div class="alert alert-danger" role="alert">
+            {{ calculatorData.calculatorWarning }}
+        </div>
+    </div>
+    {%- endif -%}
+
 </div>

data/_layouts/feature.html

@@ -30,7 +30,8 @@
 	{%- if page.layout != "frame" and page.layout != "photo-effects-home" -%}
 	<div class="flex-container pb-3">
 		<div class="flex-class py-4 mt-4 mt-md-0 ">
-			<div class="d-flex justify-content-center align-items-center"><span class="fHhdVc">
+			<div id="h1-img-wrapper" class="d-flex justify-content-center align-items-center"><span id="h1-img"
+					class="fHhdVc">
 					<div class="div-cont feature-img mr-2">
 						{%- if featureData.img -%}
 						<img style=width:{{featureData.imgwidth}};height:{{featureData.imgheight}};
@@ -47,7 +48,7 @@
 					</div>
 				</span>
 				{%- assign featureh1 = featureData.H1 | replace: "$variable", page.value -%}
-				<h1 class="feature-h1">{%- for word in featureh1-%}
+				<h1 id="feature-h1" class="feature-h1">{%- for word in featureh1-%}
 					{%- if forloop.first == true -%}
 					{{word | capitalize }}
 					{%- else -%}
@@ -56,7 +57,7 @@
 					{%- endfor -%}</h1>
 			</div>
 			{%- assign featureh2 = featureData.H2 | replace: "$variable", page.value -%}
-			<h2 class="feature-h2">
+			<h2 id="feature-h2" class="feature-h2">
 				{%- for word in featureh2 -%}
 				{%- if forloop.first == true -%}
 				{{word | capitalize }}
@@ -254,6 +255,7 @@
 	{%- endif -%}
 	{% include footer/index.html %}
 	{% include script.html %}
+	<script defer src="/app.js"></script>
 </body>
 
 </html>

data/_layouts/imagekit.html

@@ -64,11 +64,18 @@ layout: feature
                                 <div class="select-format-title">image's format</div>
                                 <div class="download-format">
                                     <select name="image-format" id="image-format">
+                                        {%- if pageData.downloadFormats -%}
+                                        {%- for item in pageData.downloadFormats -%}
+                                        <option value="{{item}}">{{item}}</option>
+                                        {%- endfor -%}
+                                        {%- else -%}
                                         <option value="png">png</option>
                                         <option value="jpg">jpg</option>
                                         <option value="jpeg">jpeg</option>
                                         <option value="webp">webp</option>
                                         <option value="gif">gif</option>
+                                        {%- endif -%}
+
                                     </select>
                                 </div>
                             </div>

data/assets/css/imagekit.css

@@ -746,3 +746,12 @@ input[type='range']::-moz-focus-outer {
   border: 1px solid #ccc;
   padding: 30px;
 }
+
+@media (max-width: 768px) {
+  .download-format {
+    padding: 0px 5px;
+  }
+  #download-button {
+    margin-left: auto;
+  }
+}

data/assets/css/tools.css

@@ -1264,7 +1264,7 @@ ol li::marker {
 }
 
 #header {
-  display: block !important;
+  display: block;
   position: sticky;
   top: 0;
   z-index: 10;
@@ -1279,3 +1279,4 @@ ol li::marker {
 .catPad li {
   margin: 0 0 20px !important;
 }
+

data/assets/js/theme.js

@@ -9,3 +9,19 @@ $(document).ready(function () {
       })
   }
 })
+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'
+  }
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 2.4.5
+  version: 2.4.6
 platform: ruby
 authors:
 - vivek-appscms