appscms-tools-theme 4.8.6 → 4.8.8
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_data/.DS_Store +0 -0
- data/_includes/.DS_Store +0 -0
- data/_includes/appscms/navbars/toolbar.html +1 -1
- data/_layouts/appscms-calculator.html +86 -67
- data/assets/.DS_Store +0 -0
- data/assets/js/.DS_Store +0 -0
- data/assets/js/appscms-theme.js +14 -10
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 255cd3531f80b2d7320d93a4d07ac993cd86980611163a0e022ba1f81cbad5bc
|
4
|
+
data.tar.gz: c14d9d18971851da2998b96c37ec916dc50f8b0de9fda00dbc7e2efa7879e816
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: c4587ae4d3e04179f1c3d9d8588d1d75eca1b2661ff12dcb7cbbe69eb62581fe1dfccb2e8562fea1039578d3362622cfd5407bdd52a77356df9456d72655b71f
|
7
|
+
data.tar.gz: c8908601b811492da421f8772f2e735f1ba18b05a2a0fbffb75e0bffeb06fa647b492ee56385e764a4d87b58edf7c8ca73a7760246ff9fe494af37fbdb722171
|
data/_data/.DS_Store
CHANGED
Binary file
|
data/_includes/.DS_Store
CHANGED
Binary file
|
@@ -2,85 +2,104 @@
|
|
2
2
|
layout: appscms-feature
|
3
3
|
---
|
4
4
|
|
5
|
+
<style>
|
6
|
+
.calculator-workspace {
|
7
|
+
outline: none;
|
8
|
+
overflow: auto;
|
9
|
+
border-top-right-radius: 20px;
|
10
|
+
border-top-left-radius: 20px;
|
11
|
+
border-bottom-right-radius: 16px;
|
12
|
+
border-bottom-left-radius: 16px;
|
13
|
+
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16);
|
14
|
+
position: relative;
|
15
|
+
}
|
16
|
+
.calculator-container {
|
17
|
+
background-color: #d9dcf7;
|
18
|
+
padding: 20px 12px;
|
19
|
+
border-radius: 7px;
|
20
|
+
}
|
21
|
+
</style>
|
5
22
|
{% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
|
6
23
|
= page.folderName %} {% assign calculatorData=
|
7
24
|
site.data[folder][lang][file].calculatorData %}
|
8
25
|
|
9
26
|
<div class="container">
|
10
27
|
<div class="calculator-workspace">
|
11
|
-
<div class="
|
12
|
-
<
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
<div class="
|
18
|
-
<
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
28
|
+
<div class="calculator-container">
|
29
|
+
<div class="row w-100 mx-auto">
|
30
|
+
<form id="calculator-form" class="w-100">
|
31
|
+
{%- for item in calculatorData.calculatorRow -%}
|
32
|
+
<div class="row" id="calculator-row-{{forloop.index}}">
|
33
|
+
{%- if item.labelName -%}
|
34
|
+
<div class="col-md-12">
|
35
|
+
<div class="d-flex">
|
36
|
+
<label for="{{item.labelId}}">{{item.labelName}}</label>
|
37
|
+
{%- if item.toolTip -%}
|
38
|
+
<span
|
39
|
+
class="calculator-tooltip"
|
40
|
+
data-toggle="tooltip"
|
41
|
+
data-placement="top"
|
42
|
+
title="{{item.toolTip}}"
|
43
|
+
><i class="fas fa-info-circle"></i></span
|
44
|
+
>{%- endif -%}
|
45
|
+
</div>
|
27
46
|
</div>
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
47
|
+
{%- endif -%} {%- if item.dropDown or item.inputBox or
|
48
|
+
item.dateTimePicker -%}
|
49
|
+
<div class="col-md-12">
|
50
|
+
<div class="d-flex calculator-inputs">
|
51
|
+
{%- if item.inputBox -%} {%- assign inputBoxType = "number" -%}
|
52
|
+
{%- if item.inputType -%} {%- assign inputBoxType =
|
53
|
+
item.inputType -%} {%- endif -%}
|
54
|
+
<input
|
55
|
+
class="form-control"
|
56
|
+
type="{{inputBoxType}}"
|
57
|
+
name="{{item.inputName}}"
|
58
|
+
id="{{item.inputId}}"
|
59
|
+
/>
|
60
|
+
{%- endif -%} {%- if item.dropDown -%}
|
61
|
+
<select
|
62
|
+
class="form-control"
|
63
|
+
name="{{item.dropDownName}}"
|
64
|
+
id="{{item.dropDownId}}"
|
65
|
+
></select>
|
66
|
+
{%- endif -%} {%- if item.dateTimePicker -%}
|
67
|
+
<input
|
68
|
+
class="form-control"
|
69
|
+
type="date"
|
70
|
+
name="{{item.dateTimePicker}}"
|
71
|
+
id="{{item.dateTimePickerId}}"
|
72
|
+
/>
|
73
|
+
{%- endif -%} {%- if item.unit -%}
|
74
|
+
<div class="unit">{{item.unit}}</div>
|
75
|
+
{%- endif -%}
|
76
|
+
</div>
|
58
77
|
</div>
|
78
|
+
{%- endif -%}
|
79
|
+
</div>
|
80
|
+
{%- endfor -%}
|
81
|
+
<div id="dynamic-section"></div>
|
82
|
+
</form>
|
83
|
+
</div>
|
84
|
+
<div class="row w-100 mx-auto">
|
85
|
+
{%- if calculatorData.ButtonValue -%}
|
86
|
+
<div class="col-12 mt-4 px-0">
|
87
|
+
<div class="d-flex justify-content-end">
|
88
|
+
<button
|
89
|
+
class="submit-button"
|
90
|
+
type="{{calculatorData.ButtonType}}"
|
91
|
+
id="{{calculatorData.ButtonId}}"
|
92
|
+
>
|
93
|
+
{{calculatorData.ButtonValue}}
|
94
|
+
</button>
|
59
95
|
</div>
|
60
|
-
{%- endif -%}
|
61
96
|
</div>
|
62
|
-
{%-
|
63
|
-
<div
|
64
|
-
|
65
|
-
</div>
|
66
|
-
<div class="row w-100 mx-auto">
|
67
|
-
{%- if calculatorData.ButtonValue -%}
|
68
|
-
<div class="col-12 mt-4 px-0">
|
69
|
-
<div class="d-flex justify-content-end">
|
70
|
-
<button
|
71
|
-
class="submit-button"
|
72
|
-
type="{{calculatorData.ButtonType}}"
|
73
|
-
id="{{calculatorData.ButtonId}}"
|
74
|
-
>
|
75
|
-
{{calculatorData.ButtonValue}}
|
76
|
-
</button>
|
97
|
+
{%- endif -%} {%- if calculatorData.resultDiv -%}
|
98
|
+
<div class="col-12 mt-3">
|
99
|
+
<div class="result-section" id="result-section"></div>
|
77
100
|
</div>
|
101
|
+
{%- endif -%}
|
78
102
|
</div>
|
79
|
-
{%- endif -%} {%- if calculatorData.resultDiv -%}
|
80
|
-
<div class="col-12 mt-3">
|
81
|
-
<div class="result-section" id="result-section"></div>
|
82
|
-
</div>
|
83
|
-
{%- endif -%}
|
84
103
|
</div>
|
85
104
|
</div>
|
86
105
|
{%- if calculatorData.calculatorWarning-%}
|
data/assets/.DS_Store
CHANGED
Binary file
|
data/assets/js/.DS_Store
ADDED
Binary file
|
data/assets/js/appscms-theme.js
CHANGED
@@ -156,17 +156,21 @@ document.addEventListener("DOMContentLoaded", function() {
|
|
156
156
|
|
157
157
|
// Check if the button exists
|
158
158
|
const processingBtn = document.getElementById('processing-btn');
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
// Go back in history
|
168
|
-
history.back();
|
159
|
+
const buttonLoader = document.querySelector('.button-loader');
|
160
|
+
|
161
|
+
if (processingBtn && buttonLoader) {
|
162
|
+
// Use passive event listener
|
163
|
+
processingBtn.addEventListener('click', () => {
|
164
|
+
// Use requestAnimationFrame for visual changes
|
165
|
+
requestAnimationFrame(() => {
|
166
|
+
buttonLoader.style.display = 'block';
|
169
167
|
});
|
168
|
+
|
169
|
+
// Use setTimeout to defer non-critical operations
|
170
|
+
setTimeout(() => {
|
171
|
+
history.back();
|
172
|
+
}, 0);
|
173
|
+
}, { passive: true });
|
170
174
|
}
|
171
175
|
|
172
176
|
if ("{{ site.navigationSearch }}" === "true" ) {
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: appscms-tools-theme
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 4.8.
|
4
|
+
version: 4.8.8
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- vivek-appscms
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2024-
|
11
|
+
date: 2024-09-25 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -526,6 +526,7 @@ files:
|
|
526
526
|
- assets/images/vectorpaint.svg
|
527
527
|
- assets/images/video.png
|
528
528
|
- assets/instagram.svg
|
529
|
+
- assets/js/.DS_Store
|
529
530
|
- assets/js/TopScroll.js
|
530
531
|
- assets/js/adBlocker.js
|
531
532
|
- assets/js/ads.js
|