appscms-tools-theme 2.2.3 → 2.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/_data/feature/en/allele-frequency.json +242 -242
- data/_data/feature/en/theframe.json +64 -64
- data/_data/photo-categories.json +10 -10
- data/_includes/batch-conversion.html +4 -37
- data/_includes/monumetric/ads.html +57 -57
- data/_includes/monumetric/monumetric.html +2 -3
- data/_includes/monumetric/profitablecpmgate.html +51 -51
- data/_layouts/calculator.html +69 -69
- data/_layouts/frame.html +128 -128
- data/assets/css/calculators.css +40 -40
- data/assets/css/frame.css +431 -431
- data/assets/js/ads.js +8 -8
- data/assets/js/append-div.js +10 -10
- data/assets/js/frame.js +2 -8
- data/assets/js/photo-effects.json +53 -55
- data/assets/js/testing-batch.js +4 -12
- data/assets/js/theme.js +11 -11
- metadata +7 -7
data/_data/photo-categories.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
[
|
|
2
|
-
{
|
|
3
|
-
"category": "Christmas",
|
|
4
|
-
"features": [
|
|
5
|
-
{
|
|
6
|
-
"name": "Calendar",
|
|
7
|
-
"link": "/calendar"
|
|
8
|
-
}
|
|
9
|
-
]
|
|
10
|
-
}
|
|
1
|
+
[
|
|
2
|
+
{
|
|
3
|
+
"category": "Christmas",
|
|
4
|
+
"features": [
|
|
5
|
+
{
|
|
6
|
+
"name": "Calendar",
|
|
7
|
+
"link": "/calendar"
|
|
8
|
+
}
|
|
9
|
+
]
|
|
10
|
+
}
|
|
11
11
|
]
|
|
@@ -5,44 +5,11 @@
|
|
|
5
5
|
</div>
|
|
6
6
|
<div id="controls" class="text-left">
|
|
7
7
|
<label>Amount</label>
|
|
8
|
-
<div class="d-flex">
|
|
9
|
-
|
|
10
|
-
<input
|
|
11
|
-
data-filter="{{page.effect}}" data-scale="px">
|
|
12
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
|
13
|
-
{%- elsif page.effect == "opacity" -%}
|
|
14
|
-
<input class="w-100" id="applyFilter" type="range" min="0" max="1" step="0.1" value="0.5"
|
|
15
|
-
data-filter="{{page.effect}}" />
|
|
16
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
|
17
|
-
{%- elsif page.effect == "saturate" -%}
|
|
18
|
-
<input class="w-100" type="range" min="0" max="200" value="100" step="1" id="applyFilter"
|
|
19
|
-
data-filter="{{page.effect}}" data-scale="">
|
|
20
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
|
21
|
-
{%- elsif page.effect == "hue-rotate" -%}
|
|
22
|
-
<input class="w-100" type="range" min="0" max="360" value="180" step="1" id="applyFilter"
|
|
23
|
-
data-filter="{{page.effect}}" data-scale="deg">
|
|
24
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
|
25
|
-
{%- elsif page.effect == "grayscale" -%}
|
|
26
|
-
<input class="w-100" type="range" min="0" max="100" value="50" step="1" id="applyFilter"
|
|
27
|
-
data-filter="{{page.effect}}" data-scale="%">
|
|
28
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
|
29
|
-
{%- elsif page.effect == "sepia" -%}
|
|
30
|
-
<input class="w-100" type="range" min="0" max="100" value="50" step="1" id="applyFilter"
|
|
31
|
-
data-filter="{{page.effect}}" data-scale="%">
|
|
32
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
|
33
|
-
{%- elsif page.effect == "gamma" -%}
|
|
34
|
-
<input class="w-100" type="range" min="0" max="10" value="5" step="1" id="applyFilter"
|
|
35
|
-
data-filter="{{page.effect}}">
|
|
36
|
-
{%- elsif page.panelTitle == "exposure" -%}
|
|
37
|
-
<input class="w-100" type="range" min="-100" max="100" value="0" step="1" id="applyFilter"
|
|
38
|
-
data-filter="{{page.effect}}">
|
|
39
|
-
{%- else -%}
|
|
40
|
-
<input class="w-100" type="range" min="0" max="200" value="100" step="1" id="applyFilter"
|
|
41
|
-
data-filter="{{page.effect}}" data-scale="%">
|
|
42
|
-
<div class="d-flex align-items-center" id="counter"></div>
|
|
43
|
-
{%- endif -%}
|
|
44
|
-
<br>
|
|
8
|
+
<div class="d-flex" style="gap:10px">
|
|
9
|
+
<input class="w-100" id="opacity" type="range" min="0" max="1" step="0.1" value="0.5" />
|
|
10
|
+
<!-- <input type="text" class="amount" value="50"> -->
|
|
45
11
|
</div>
|
|
12
|
+
|
|
46
13
|
</div>
|
|
47
14
|
|
|
48
15
|
|
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
{% if page.url != '/' %}
|
|
2
|
-
{% if jekyll.environment == 'production' and site.adsId %}
|
|
3
|
-
<script>
|
|
4
|
-
const autoLoadDuration = 5; //In Seconds
|
|
5
|
-
const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
|
|
6
|
-
|
|
7
|
-
const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
|
|
8
|
-
|
|
9
|
-
eventList.forEach(function (event) {
|
|
10
|
-
window.addEventListener(event, triggerScripts, { passive: true })
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
function triggerScripts() {
|
|
14
|
-
runScripts();
|
|
15
|
-
clearTimeout(autoLoadTimeout);
|
|
16
|
-
eventList.forEach(function (event) {
|
|
17
|
-
window.removeEventListener(event, triggerScripts, { passive: true });
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
function runScripts() {
|
|
22
|
-
document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
|
|
23
|
-
scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
</script>
|
|
27
|
-
<script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
|
|
28
|
-
{% endif %}
|
|
29
|
-
|
|
30
|
-
{% if jekyll.environment == 'development' and site.adsId %}
|
|
31
|
-
<script>
|
|
32
|
-
const autoLoadDuration = 5; //In Seconds
|
|
33
|
-
const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
|
|
34
|
-
|
|
35
|
-
const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
|
|
36
|
-
|
|
37
|
-
eventList.forEach(function (event) {
|
|
38
|
-
window.addEventListener(event, triggerScripts, { passive: true })
|
|
39
|
-
});
|
|
40
|
-
|
|
41
|
-
function triggerScripts() {
|
|
42
|
-
runScripts();
|
|
43
|
-
clearTimeout(autoLoadTimeout);
|
|
44
|
-
eventList.forEach(function (event) {
|
|
45
|
-
window.removeEventListener(event, triggerScripts, { passive: true });
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
function runScripts() {
|
|
50
|
-
document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
|
|
51
|
-
scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
</script>
|
|
55
|
-
<script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
|
|
56
|
-
|
|
57
|
-
{% endif %}
|
|
1
|
+
{% if page.url != '/' %}
|
|
2
|
+
{% if jekyll.environment == 'production' and site.adsId %}
|
|
3
|
+
<script>
|
|
4
|
+
const autoLoadDuration = 5; //In Seconds
|
|
5
|
+
const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
|
|
6
|
+
|
|
7
|
+
const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
|
|
8
|
+
|
|
9
|
+
eventList.forEach(function (event) {
|
|
10
|
+
window.addEventListener(event, triggerScripts, { passive: true })
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
function triggerScripts() {
|
|
14
|
+
runScripts();
|
|
15
|
+
clearTimeout(autoLoadTimeout);
|
|
16
|
+
eventList.forEach(function (event) {
|
|
17
|
+
window.removeEventListener(event, triggerScripts, { passive: true });
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
function runScripts() {
|
|
22
|
+
document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
|
|
23
|
+
scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
</script>
|
|
27
|
+
<script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
|
|
28
|
+
{% endif %}
|
|
29
|
+
|
|
30
|
+
{% if jekyll.environment == 'development' and site.adsId %}
|
|
31
|
+
<script>
|
|
32
|
+
const autoLoadDuration = 5; //In Seconds
|
|
33
|
+
const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
|
|
34
|
+
|
|
35
|
+
const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
|
|
36
|
+
|
|
37
|
+
eventList.forEach(function (event) {
|
|
38
|
+
window.addEventListener(event, triggerScripts, { passive: true })
|
|
39
|
+
});
|
|
40
|
+
|
|
41
|
+
function triggerScripts() {
|
|
42
|
+
runScripts();
|
|
43
|
+
clearTimeout(autoLoadTimeout);
|
|
44
|
+
eventList.forEach(function (event) {
|
|
45
|
+
window.removeEventListener(event, triggerScripts, { passive: true });
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
function runScripts() {
|
|
50
|
+
document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
|
|
51
|
+
scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
</script>
|
|
55
|
+
<script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
|
|
56
|
+
|
|
57
|
+
{% endif %}
|
|
58
58
|
{% endif %}
|
|
@@ -24,8 +24,7 @@
|
|
|
24
24
|
});
|
|
25
25
|
}
|
|
26
26
|
</script>
|
|
27
|
-
<script type="text/javascript" defer delay="{{site.monumetricId}}"
|
|
28
|
-
data-cfasync="false"></script>
|
|
27
|
+
<script type="text/javascript" defer delay="{{site.monumetricId}}" data-cfasync="false"></script>
|
|
29
28
|
{% endif %}
|
|
30
29
|
|
|
31
30
|
{% if jekyll.environment == 'development' and site.monumetricId %}
|
|
@@ -53,7 +52,7 @@
|
|
|
53
52
|
});
|
|
54
53
|
}
|
|
55
54
|
</script>
|
|
56
|
-
<script type="text/javascript" delay="{{site.monumetricId}}"
|
|
55
|
+
<script type="text/javascript" delay="{{site.monumetricId}}"></script>
|
|
57
56
|
|
|
58
57
|
{% endif %}
|
|
59
58
|
{% endif %}
|
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
{% if page.url != '/' %}
|
|
2
|
-
{% if jekyll.environment == 'production' and site.profitablecpmgateId %}
|
|
3
|
-
<script>
|
|
4
|
-
const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
|
|
5
|
-
eventList.forEach(function (event) {
|
|
6
|
-
window.addEventListener(event, triggerScripts, { passive: true })
|
|
7
|
-
});
|
|
8
|
-
|
|
9
|
-
function triggerScripts() {
|
|
10
|
-
runScripts();
|
|
11
|
-
eventList.forEach(function (event) {
|
|
12
|
-
window.removeEventListener(event, triggerScripts, { passive: true });
|
|
13
|
-
});
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
function runScripts() {
|
|
17
|
-
document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
|
|
18
|
-
scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
</script>
|
|
22
|
-
<script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
|
|
23
|
-
<script async="async" type="text/javascript" data-cfasync="false"
|
|
24
|
-
delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
|
|
25
|
-
{% endif %}
|
|
26
|
-
|
|
27
|
-
{% if jekyll.environment == 'development' and site.profitablecpmgateId %}
|
|
28
|
-
<script>
|
|
29
|
-
const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
|
|
30
|
-
eventList.forEach(function (event) {
|
|
31
|
-
window.addEventListener(event, triggerScripts, { passive: true })
|
|
32
|
-
});
|
|
33
|
-
|
|
34
|
-
function triggerScripts() {
|
|
35
|
-
runScripts();
|
|
36
|
-
eventList.forEach(function (event) {
|
|
37
|
-
window.removeEventListener(event, triggerScripts, { passive: true });
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
function runScripts() {
|
|
42
|
-
document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
|
|
43
|
-
scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
</script>
|
|
47
|
-
<script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
|
|
48
|
-
<script async="async" type="text/javascript" data-cfasync="false"
|
|
49
|
-
delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
|
|
50
|
-
|
|
51
|
-
{% endif %}
|
|
1
|
+
{% if page.url != '/' %}
|
|
2
|
+
{% if jekyll.environment == 'production' and site.profitablecpmgateId %}
|
|
3
|
+
<script>
|
|
4
|
+
const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
|
|
5
|
+
eventList.forEach(function (event) {
|
|
6
|
+
window.addEventListener(event, triggerScripts, { passive: true })
|
|
7
|
+
});
|
|
8
|
+
|
|
9
|
+
function triggerScripts() {
|
|
10
|
+
runScripts();
|
|
11
|
+
eventList.forEach(function (event) {
|
|
12
|
+
window.removeEventListener(event, triggerScripts, { passive: true });
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
function runScripts() {
|
|
17
|
+
document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
|
|
18
|
+
scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
</script>
|
|
22
|
+
<script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
|
|
23
|
+
<script async="async" type="text/javascript" data-cfasync="false"
|
|
24
|
+
delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
|
|
25
|
+
{% endif %}
|
|
26
|
+
|
|
27
|
+
{% if jekyll.environment == 'development' and site.profitablecpmgateId %}
|
|
28
|
+
<script>
|
|
29
|
+
const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
|
|
30
|
+
eventList.forEach(function (event) {
|
|
31
|
+
window.addEventListener(event, triggerScripts, { passive: true })
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
function triggerScripts() {
|
|
35
|
+
runScripts();
|
|
36
|
+
eventList.forEach(function (event) {
|
|
37
|
+
window.removeEventListener(event, triggerScripts, { passive: true });
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
function runScripts() {
|
|
42
|
+
document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
|
|
43
|
+
scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
</script>
|
|
47
|
+
<script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
|
|
48
|
+
<script async="async" type="text/javascript" data-cfasync="false"
|
|
49
|
+
delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
|
|
50
|
+
|
|
51
|
+
{% endif %}
|
|
52
52
|
{% endif %}
|
data/_layouts/calculator.html
CHANGED
|
@@ -1,70 +1,70 @@
|
|
|
1
|
-
---
|
|
2
|
-
layout: feature
|
|
3
|
-
---
|
|
4
|
-
|
|
5
|
-
{% assign file = page.fileName %}
|
|
6
|
-
{% assign lang = page.lang %}
|
|
7
|
-
{% assign folder = page.folderName %}
|
|
8
|
-
{% assign calculatorData= site.data[folder][lang][file].calculatorData %}
|
|
9
|
-
|
|
10
|
-
<div class="container">
|
|
11
|
-
<div class="calculator-workspace">
|
|
12
|
-
<div class="row w-100 mx-auto">
|
|
13
|
-
<form id="calculator-form" class="w-100">
|
|
14
|
-
{%- for item in calculatorData.calculatorRow -%}
|
|
15
|
-
<div class="row" id="calculator-row-{{forloop.index}}">
|
|
16
|
-
{%- if item.labelName -%}
|
|
17
|
-
<div class="col-md-12">
|
|
18
|
-
<label for="{{item.labelId}}">{{item.labelName}}</label>
|
|
19
|
-
</div>
|
|
20
|
-
{%- endif -%}
|
|
21
|
-
{%- if item.dropDown or item.inputBox or item.dateTimePicker -%}
|
|
22
|
-
<div class="col-md-12">
|
|
23
|
-
<div class="d-flex calculator-inputs">
|
|
24
|
-
{%- if item.inputBox -%}
|
|
25
|
-
<input class="form-control" type="text" name="{{item.inputName}}" id="{{item.inputId}}">
|
|
26
|
-
{%- endif -%}
|
|
27
|
-
{%- if item.dropDown -%}
|
|
28
|
-
<select class="form-control" name="{{item.dropDownName}}" id="{{item.dropDownId}}"></select>
|
|
29
|
-
{%- endif -%}
|
|
30
|
-
{%- if item.dateTimePicker -%}
|
|
31
|
-
<input class="form-control" type="date" name="{{item.dateTimePicker}}"
|
|
32
|
-
id="{{item.dateTimePickerId}}">
|
|
33
|
-
{%- endif -%}
|
|
34
|
-
{%- if item.unit -%}
|
|
35
|
-
<div class="unit">{{item.unit}}</div>
|
|
36
|
-
{%- endif -%}
|
|
37
|
-
|
|
38
|
-
</div>
|
|
39
|
-
|
|
40
|
-
</div>
|
|
41
|
-
{%- endif -%}
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
</div>
|
|
45
|
-
{%- endfor -%}
|
|
46
|
-
<div id="dynamic-section"></div>
|
|
47
|
-
</form>
|
|
48
|
-
|
|
49
|
-
</div>
|
|
50
|
-
<div class="row w-100 mx-auto">
|
|
51
|
-
{%- if calculatorData.ButtonValue -%}
|
|
52
|
-
<div class="col-12 mt-4 px-0">
|
|
53
|
-
<div class="d-flex justify-content-end">
|
|
54
|
-
<button class="submit-button" style="background-color:{{site.data[folder][lang][file].color}} ;"
|
|
55
|
-
type="{{calculatorData.ButtonType}}"
|
|
56
|
-
id="{{calculatorData.ButtonId}}">{{calculatorData.ButtonValue}}</button>
|
|
57
|
-
</div>
|
|
58
|
-
|
|
59
|
-
</div>
|
|
60
|
-
{%- endif -%}
|
|
61
|
-
{%- if calculatorData.resultDiv -%}
|
|
62
|
-
<div class="col-12 mt-3">
|
|
63
|
-
<div class="result-section" id="result-section">
|
|
64
|
-
|
|
65
|
-
</div>
|
|
66
|
-
</div>
|
|
67
|
-
{%- endif -%}
|
|
68
|
-
</div>
|
|
69
|
-
</div>
|
|
1
|
+
---
|
|
2
|
+
layout: feature
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{% assign file = page.fileName %}
|
|
6
|
+
{% assign lang = page.lang %}
|
|
7
|
+
{% assign folder = page.folderName %}
|
|
8
|
+
{% assign calculatorData= site.data[folder][lang][file].calculatorData %}
|
|
9
|
+
|
|
10
|
+
<div class="container">
|
|
11
|
+
<div class="calculator-workspace">
|
|
12
|
+
<div class="row w-100 mx-auto">
|
|
13
|
+
<form id="calculator-form" class="w-100">
|
|
14
|
+
{%- for item in calculatorData.calculatorRow -%}
|
|
15
|
+
<div class="row" id="calculator-row-{{forloop.index}}">
|
|
16
|
+
{%- if item.labelName -%}
|
|
17
|
+
<div class="col-md-12">
|
|
18
|
+
<label for="{{item.labelId}}">{{item.labelName}}</label>
|
|
19
|
+
</div>
|
|
20
|
+
{%- endif -%}
|
|
21
|
+
{%- if item.dropDown or item.inputBox or item.dateTimePicker -%}
|
|
22
|
+
<div class="col-md-12">
|
|
23
|
+
<div class="d-flex calculator-inputs">
|
|
24
|
+
{%- if item.inputBox -%}
|
|
25
|
+
<input class="form-control" type="text" name="{{item.inputName}}" id="{{item.inputId}}">
|
|
26
|
+
{%- endif -%}
|
|
27
|
+
{%- if item.dropDown -%}
|
|
28
|
+
<select class="form-control" name="{{item.dropDownName}}" id="{{item.dropDownId}}"></select>
|
|
29
|
+
{%- endif -%}
|
|
30
|
+
{%- if item.dateTimePicker -%}
|
|
31
|
+
<input class="form-control" type="date" name="{{item.dateTimePicker}}"
|
|
32
|
+
id="{{item.dateTimePickerId}}">
|
|
33
|
+
{%- endif -%}
|
|
34
|
+
{%- if item.unit -%}
|
|
35
|
+
<div class="unit">{{item.unit}}</div>
|
|
36
|
+
{%- endif -%}
|
|
37
|
+
|
|
38
|
+
</div>
|
|
39
|
+
|
|
40
|
+
</div>
|
|
41
|
+
{%- endif -%}
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
</div>
|
|
45
|
+
{%- endfor -%}
|
|
46
|
+
<div id="dynamic-section"></div>
|
|
47
|
+
</form>
|
|
48
|
+
|
|
49
|
+
</div>
|
|
50
|
+
<div class="row w-100 mx-auto">
|
|
51
|
+
{%- if calculatorData.ButtonValue -%}
|
|
52
|
+
<div class="col-12 mt-4 px-0">
|
|
53
|
+
<div class="d-flex justify-content-end">
|
|
54
|
+
<button class="submit-button" style="background-color:{{site.data[folder][lang][file].color}} ;"
|
|
55
|
+
type="{{calculatorData.ButtonType}}"
|
|
56
|
+
id="{{calculatorData.ButtonId}}">{{calculatorData.ButtonValue}}</button>
|
|
57
|
+
</div>
|
|
58
|
+
|
|
59
|
+
</div>
|
|
60
|
+
{%- endif -%}
|
|
61
|
+
{%- if calculatorData.resultDiv -%}
|
|
62
|
+
<div class="col-12 mt-3">
|
|
63
|
+
<div class="result-section" id="result-section">
|
|
64
|
+
|
|
65
|
+
</div>
|
|
66
|
+
</div>
|
|
67
|
+
{%- endif -%}
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
70
|
</div>
|