appscms-tools-theme 3.9.6 → 3.9.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/appscms/footer/footer.html +1 -1
- data/_includes/appscms/home/feature-boxes.html +1 -1
- data/_includes/appscms/navbars/toolbar.html +90 -39
- data/_includes/batch-conversion.html +137 -62
- data/_includes/dropdown/langdropdown.html +25 -15
- data/_includes/header/blogHeader.html +1 -1
- data/_layouts/allAuthors.html +101 -91
- data/_layouts/appscms-author.html +409 -0
- data/_layouts/appscms-authors.html +132 -0
- data/_layouts/appscms-imagekit.html +1 -1
- data/_layouts/appscms-post.html +1 -4
- data/_layouts/batch.html +159 -108
- data/_layouts/blog.html +112 -76
- data/_layouts/calculator.html +85 -76
- data/_layouts/feature-1.html +3 -6
- data/_layouts/feature.html +2 -5
- data/_layouts/frame.html +2 -2
- data/_layouts/imagekit.html +4 -4
- data/assets/css/appscms-theme.css +26 -8
- data/assets/css/calculators.css +0 -1
- data/assets/js/appscms-search.js +10 -2
- data/assets/js/appscms-theme.js +28 -0
- metadata +4 -2
data/_layouts/calculator.html
CHANGED
@@ -2,89 +2,98 @@
|
|
2
2
|
layout: feature
|
3
3
|
---
|
4
4
|
|
5
|
-
{% assign file = page.fileName %}
|
6
|
-
|
7
|
-
|
8
|
-
{% assign calculatorData= site.data[folder][lang][file].calculatorData %}
|
5
|
+
{% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
|
6
|
+
= page.folderName %} {% assign calculatorData=
|
7
|
+
site.data[folder][lang][file].calculatorData %}
|
9
8
|
|
10
9
|
<div class="container">
|
11
|
-
|
10
|
+
<div class="row">
|
11
|
+
<div class="col-md-7 mx-auto">
|
12
|
+
<div class="calculator-workspace">
|
12
13
|
<div class="row w-100 mx-auto">
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
<div class="col-md-12">
|
29
|
-
<div class="d-flex calculator-inputs">
|
30
|
-
{%- if item.inputBox -%}
|
31
|
-
{%- assign inputBoxType = "number" -%}
|
32
|
-
{%- if item.inputType -%}
|
33
|
-
{%- assign inputBoxType = item.inputType -%}
|
34
|
-
{%- endif -%}
|
35
|
-
<input class="form-control" type="{{inputBoxType}}" name="{{item.inputName}}"
|
36
|
-
id="{{item.inputId}}">
|
37
|
-
{%- endif -%}
|
38
|
-
{%- if item.dropDown -%}
|
39
|
-
<select class="form-control" name="{{item.dropDownName}}" id="{{item.dropDownId}}"></select>
|
40
|
-
{%- endif -%}
|
41
|
-
{%- if item.dateTimePicker -%}
|
42
|
-
<input class="form-control" type="date" name="{{item.dateTimePicker}}"
|
43
|
-
id="{{item.dateTimePickerId}}">
|
44
|
-
{%- endif -%}
|
45
|
-
{%- if item.unit -%}
|
46
|
-
<div class="unit">{{item.unit}}</div>
|
47
|
-
{%- endif -%}
|
48
|
-
|
49
|
-
</div>
|
50
|
-
|
51
|
-
</div>
|
52
|
-
{%- endif -%}
|
53
|
-
|
54
|
-
|
55
|
-
</div>
|
56
|
-
{%- endfor -%}
|
57
|
-
<div id="dynamic-section"></div>
|
58
|
-
</form>
|
59
|
-
|
60
|
-
</div>
|
61
|
-
<div class="row w-100 mx-auto">
|
62
|
-
{%- if calculatorData.ButtonValue -%}
|
63
|
-
<div class="col-12 mt-4 px-0">
|
64
|
-
<div class="d-flex justify-content-end">
|
65
|
-
<button class="submit-button" style="background-color:{{site.data[folder][lang][file].color}} ;"
|
66
|
-
type="{{calculatorData.ButtonType}}"
|
67
|
-
id="{{calculatorData.ButtonId}}">{{calculatorData.ButtonValue}}</button>
|
14
|
+
<form id="calculator-form" class="w-100">
|
15
|
+
{%- for item in calculatorData.calculatorRow -%}
|
16
|
+
<div class="row" id="calculator-row-{{forloop.index}}">
|
17
|
+
{%- if item.labelName -%}
|
18
|
+
<div class="col-md-12">
|
19
|
+
<div class="d-flex">
|
20
|
+
<label for="{{item.labelId}}">{{item.labelName}}</label>
|
21
|
+
{%- if item.toolTip -%}
|
22
|
+
<span
|
23
|
+
class="calculator-tooltip"
|
24
|
+
data-toggle="tooltip"
|
25
|
+
data-placement="top"
|
26
|
+
title="{{item.toolTip}}"
|
27
|
+
><i class="fas fa-info-circle"></i></span
|
28
|
+
>{%- endif -%}
|
68
29
|
</div>
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
30
|
+
</div>
|
31
|
+
{%- endif -%} {%- if item.dropDown or item.inputBox or
|
32
|
+
item.dateTimePicker -%}
|
33
|
+
<div class="col-md-12">
|
34
|
+
<div class="d-flex calculator-inputs">
|
35
|
+
{%- if item.inputBox -%} {%- assign inputBoxType = "number"
|
36
|
+
-%} {%- if item.inputType -%} {%- assign inputBoxType =
|
37
|
+
item.inputType -%} {%- endif -%}
|
38
|
+
<input
|
39
|
+
class="form-control"
|
40
|
+
type="{{inputBoxType}}"
|
41
|
+
name="{{item.inputName}}"
|
42
|
+
id="{{item.inputId}}"
|
43
|
+
/>
|
44
|
+
{%- endif -%} {%- if item.dropDown -%}
|
45
|
+
<select
|
46
|
+
class="form-control"
|
47
|
+
name="{{item.dropDownName}}"
|
48
|
+
id="{{item.dropDownId}}"
|
49
|
+
></select>
|
50
|
+
{%- endif -%} {%- if item.dateTimePicker -%}
|
51
|
+
<input
|
52
|
+
class="form-control"
|
53
|
+
type="date"
|
54
|
+
name="{{item.dateTimePicker}}"
|
55
|
+
id="{{item.dateTimePickerId}}"
|
56
|
+
/>
|
57
|
+
{%- endif -%} {%- if item.unit -%}
|
58
|
+
<div class="unit">{{item.unit}}</div>
|
59
|
+
{%- endif -%}
|
76
60
|
</div>
|
61
|
+
</div>
|
62
|
+
{%- endif -%}
|
77
63
|
</div>
|
78
|
-
{%-
|
64
|
+
{%- endfor -%}
|
65
|
+
<div id="dynamic-section"></div>
|
66
|
+
</form>
|
79
67
|
</div>
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
68
|
+
<div class="row w-100 mx-auto">
|
69
|
+
{%- if calculatorData.ButtonValue -%}
|
70
|
+
<div class="col-12 mt-4 px-0">
|
71
|
+
<div class="d-flex justify-content-end">
|
72
|
+
<button
|
73
|
+
class="submit-button"
|
74
|
+
style="background:{{site.data[folder][lang][file].color}} ;"
|
75
|
+
type="{{calculatorData.ButtonType}}"
|
76
|
+
id="{{calculatorData.ButtonId}}"
|
77
|
+
>
|
78
|
+
{{calculatorData.ButtonValue}}
|
79
|
+
</button>
|
80
|
+
</div>
|
81
|
+
</div>
|
82
|
+
{%- endif -%} {%- if calculatorData.resultDiv -%}
|
83
|
+
<div class="col-12 mt-3">
|
84
|
+
<div class="result-section" id="result-section"></div>
|
85
|
+
</div>
|
86
|
+
{%- endif -%}
|
86
87
|
</div>
|
88
|
+
</div>
|
87
89
|
</div>
|
88
|
-
|
90
|
+
</div>
|
89
91
|
|
90
|
-
|
92
|
+
{%- if calculatorData.calculatorWarning-%}
|
93
|
+
<div class="warning-alert-box mt-4">
|
94
|
+
<div class="alert alert-danger" role="alert">
|
95
|
+
{{ calculatorData.calculatorWarning }}
|
96
|
+
</div>
|
97
|
+
</div>
|
98
|
+
{%- endif -%}
|
99
|
+
</div>
|
data/_layouts/feature-1.html
CHANGED
@@ -79,7 +79,7 @@
|
|
79
79
|
<div
|
80
80
|
id="Inputbox"
|
81
81
|
class="boxes"
|
82
|
-
style="background
|
82
|
+
style="background: {{boxColor}};"
|
83
83
|
>
|
84
84
|
<img
|
85
85
|
height="21px"
|
@@ -97,10 +97,7 @@
|
|
97
97
|
/>
|
98
98
|
<span class="ml-3">CHOOSE FILE</span>
|
99
99
|
</div>
|
100
|
-
<div
|
101
|
-
class="file-pick-dropdown"
|
102
|
-
style="background-color:{{boxColor}}"
|
103
|
-
>
|
100
|
+
<div class="file-pick-dropdown" style="background:{{boxColor}}">
|
104
101
|
<i class="fas fa-angle-down arrow-sign"></i>
|
105
102
|
<div class="file-picker-dropdown" style="display: none">
|
106
103
|
<button id="filepicker">
|
@@ -184,7 +181,7 @@
|
|
184
181
|
<div class="d-flex align-items-center">
|
185
182
|
<button
|
186
183
|
id="download-button"
|
187
|
-
style="background
|
184
|
+
style="background: {{pageData.color}};"
|
188
185
|
>
|
189
186
|
<svg
|
190
187
|
xmlns="http://www.w3.org/2000/svg"
|
data/_layouts/feature.html
CHANGED
@@ -124,7 +124,7 @@
|
|
124
124
|
<div
|
125
125
|
id="Inputbox"
|
126
126
|
class="boxes"
|
127
|
-
style="background
|
127
|
+
style="background: {{boxColor}};"
|
128
128
|
>
|
129
129
|
<img
|
130
130
|
height="21px"
|
@@ -142,10 +142,7 @@
|
|
142
142
|
/>
|
143
143
|
<span class="ml-3">CHOOSE FILE</span>
|
144
144
|
</div>
|
145
|
-
<div
|
146
|
-
class="file-pick-dropdown"
|
147
|
-
style="background-color:{{boxColor}}"
|
148
|
-
>
|
145
|
+
<div class="file-pick-dropdown" style="background:{{boxColor}}">
|
149
146
|
<i class="fas fa-angle-down arrow-sign"></i>
|
150
147
|
<div class="file-picker-dropdown" style="display: none">
|
151
148
|
<button id="filepicker">
|
data/_layouts/frame.html
CHANGED
@@ -156,7 +156,7 @@ layout: feature
|
|
156
156
|
<div class="crop-image-modal-container">
|
157
157
|
<div class="row w-100">
|
158
158
|
<div class="crop-image-modal col-lg-6 col-md-8 mx-auto">
|
159
|
-
<div class="crop-image-modal-header" style="background
|
159
|
+
<div class="crop-image-modal-header" style="background:{{fileData.color}} ;">
|
160
160
|
<div>Select an area you would like to use</div>
|
161
161
|
<div>
|
162
162
|
<button onclick="closeModal()">
|
@@ -177,7 +177,7 @@ layout: feature
|
|
177
177
|
<div class="example-images-modal-container">
|
178
178
|
<div class="row w-100">
|
179
179
|
<div class="example-images-modal col-lg-6 col-md-8 mx-auto">
|
180
|
-
<div class="crop-image-modal-header" style="background
|
180
|
+
<div class="crop-image-modal-header" style="background:{{fileData.color}} ;">
|
181
181
|
<div>Examples</div>
|
182
182
|
<div>
|
183
183
|
<button onclick="closeExamplesModal()">
|
data/_layouts/imagekit.html
CHANGED
@@ -46,7 +46,7 @@ layout: feature
|
|
46
46
|
<div
|
47
47
|
id="Inputbox"
|
48
48
|
class="boxes"
|
49
|
-
style="background
|
49
|
+
style="background: {{pageData.color}}; color: #fff;"
|
50
50
|
>
|
51
51
|
<img
|
52
52
|
height="22px"
|
@@ -67,7 +67,7 @@ layout: feature
|
|
67
67
|
</div>
|
68
68
|
<div
|
69
69
|
class="file-pick-dropdown"
|
70
|
-
style="background
|
70
|
+
style="background: {{pageData.color}}; color: #fff;"
|
71
71
|
>
|
72
72
|
<i class="fas fa-angle-down arrow-sign"></i>
|
73
73
|
<div class="file-picker-dropdown" style="display: none">
|
@@ -112,7 +112,7 @@ layout: feature
|
|
112
112
|
</div>
|
113
113
|
</div>
|
114
114
|
{%- endif -%} {%- else -%} {%- if page.removeBox != true -%}
|
115
|
-
<div class="custom-box" style="background
|
115
|
+
<div class="custom-box" style="background:{{pageData.color}};">
|
116
116
|
<div class="inner-box">
|
117
117
|
<div style="display: none" id="file-loader">
|
118
118
|
<img
|
@@ -253,7 +253,7 @@ layout: feature
|
|
253
253
|
<div class="d-flex align-items-center">
|
254
254
|
<button
|
255
255
|
id="download-button"
|
256
|
-
style="background
|
256
|
+
style="background: {{pageData.color}};"
|
257
257
|
>
|
258
258
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
259
259
|
<path
|
@@ -194,6 +194,10 @@ body {
|
|
194
194
|
}
|
195
195
|
|
196
196
|
@media (max-width: 768px) {
|
197
|
+
.close-nav-ham {
|
198
|
+
display: flex !important;
|
199
|
+
justify-content: end;
|
200
|
+
}
|
197
201
|
.hamburger {
|
198
202
|
display: block;
|
199
203
|
cursor: pointer;
|
@@ -223,7 +227,6 @@ body {
|
|
223
227
|
flex-direction: column;
|
224
228
|
gap: 0px;
|
225
229
|
overflow-y: scroll;
|
226
|
-
margin-top: 3rem;
|
227
230
|
}
|
228
231
|
.appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item {
|
229
232
|
align-items: flex-start;
|
@@ -494,7 +497,7 @@ body {
|
|
494
497
|
|
495
498
|
.appscms-blog-cards img {
|
496
499
|
border-radius: 10px 10px 0px 0px;
|
497
|
-
height:
|
500
|
+
height: auto;
|
498
501
|
}
|
499
502
|
.card-body {
|
500
503
|
display: flex;
|
@@ -603,12 +606,18 @@ body {
|
|
603
606
|
font-size: 15px;
|
604
607
|
margin-bottom: 0;
|
605
608
|
}
|
609
|
+
.language-drop-down-item a:hover {
|
610
|
+
background: var(--secondary-color-3);
|
611
|
+
border-radius: 3px;
|
612
|
+
}
|
606
613
|
.language-drop-down-item a {
|
614
|
+
text-decoration: none;
|
607
615
|
display: flex;
|
608
616
|
width: 100%;
|
609
617
|
align-items: center;
|
610
618
|
padding: 9px 9px;
|
611
619
|
color: #1e1e1e;
|
620
|
+
font-size: 13px;
|
612
621
|
border-bottom: 1px solid rgb(224, 224, 224);
|
613
622
|
}
|
614
623
|
|
@@ -744,6 +753,7 @@ body {
|
|
744
753
|
#appscms-tools-section-row {
|
745
754
|
gap: 15px;
|
746
755
|
justify-content: center;
|
756
|
+
margin-top: 35px;
|
747
757
|
}
|
748
758
|
.appscms-tool .tool-top .tool-img img {
|
749
759
|
border-radius: 0;
|
@@ -1089,12 +1099,6 @@ body {
|
|
1089
1099
|
.share-modal-social a i {
|
1090
1100
|
font-size: 30px;
|
1091
1101
|
}
|
1092
|
-
|
1093
|
-
.authors-list {
|
1094
|
-
border-top: 1px solid rgb(224, 224, 224);
|
1095
|
-
margin-top: 100px;
|
1096
|
-
padding: 100px;
|
1097
|
-
}
|
1098
1102
|
.authors-list a {
|
1099
1103
|
color: var(--dark-gray);
|
1100
1104
|
}
|
@@ -1237,3 +1241,17 @@ body {
|
|
1237
1241
|
transform: scale(1.1);
|
1238
1242
|
box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.12);
|
1239
1243
|
}
|
1244
|
+
.no-result-found-msg {
|
1245
|
+
font-size: 20px;
|
1246
|
+
color: var(--black-light);
|
1247
|
+
text-align: center;
|
1248
|
+
width: 100%;
|
1249
|
+
font-weight: 500;
|
1250
|
+
}
|
1251
|
+
.close-nav-ham {
|
1252
|
+
display: none;
|
1253
|
+
}
|
1254
|
+
.active-lang {
|
1255
|
+
background: #f4f5ff;
|
1256
|
+
border-radius: 3px;
|
1257
|
+
}
|
data/assets/css/calculators.css
CHANGED
data/assets/js/appscms-search.js
CHANGED
@@ -70,7 +70,8 @@ const featureList= document.querySelector('#appscms-tools-section-row')
|
|
70
70
|
const renderFeatures=(query)=> {
|
71
71
|
featureList.innerHTML = "";
|
72
72
|
const filteredFeatures = features.filter(feature => feature.name.toLowerCase().includes(query.toLowerCase()));
|
73
|
-
filteredFeatures.
|
73
|
+
if (filteredFeatures.length>0) {
|
74
|
+
filteredFeatures.forEach(item => {
|
74
75
|
const listItem = document.createElement("div");
|
75
76
|
const classNames = "col-xl-4 col-lg-6 col-md-6 appscms-tool-container";
|
76
77
|
let classList = classNames.split(" ");
|
@@ -80,7 +81,7 @@ const renderFeatures=(query)=> {
|
|
80
81
|
listItem.innerHTML = `
|
81
82
|
<a href="${item.url}">
|
82
83
|
<div class="appscms-tool">
|
83
|
-
<div class="tool-top" style="background
|
84
|
+
<div class="tool-top" style="background: ${item.color};">
|
84
85
|
<div class="tool-img">
|
85
86
|
<img crossorigin="anonymous" src="${item.icon}" alt="img" />
|
86
87
|
</div>
|
@@ -92,6 +93,13 @@ const renderFeatures=(query)=> {
|
|
92
93
|
`;
|
93
94
|
featureList.appendChild(listItem);
|
94
95
|
});
|
96
|
+
} else {
|
97
|
+
let msg=document.createElement('div')
|
98
|
+
msg.classList.add('no-result-found-msg')
|
99
|
+
msg.innerHTML="No search results found!"
|
100
|
+
featureList.appendChild(msg)
|
101
|
+
}
|
102
|
+
|
95
103
|
}
|
96
104
|
const searchInput= document.querySelector('#search-features')
|
97
105
|
searchInput.addEventListener("input", function () {
|
data/assets/js/appscms-theme.js
CHANGED
@@ -20,10 +20,38 @@ if ("{{ site.safeui }}"==="true") {
|
|
20
20
|
});
|
21
21
|
}
|
22
22
|
const hamburger = document.querySelector("#hamburger");
|
23
|
+
const closeNavHam = document.querySelector("#close-nav-ham");
|
23
24
|
const appscmsToolbar = document.querySelector(".appscms-toolbar");
|
24
25
|
const appscmsToolbarListItems = document.querySelectorAll(
|
25
26
|
".appscms-toolbar-list-item-span"
|
26
27
|
);
|
28
|
+
closeNavHam.addEventListener("click", () => {
|
29
|
+
if (hamburger.dataset.open === "1") {
|
30
|
+
hamburger.dataset.open = "0";
|
31
|
+
appscmsToolbar.style.right = "-272px";
|
32
|
+
appscmsToolbar.style.display = "none";
|
33
|
+
hamburger.innerHTML = ` <svg
|
34
|
+
style="font-size:25px"
|
35
|
+
stroke="currentColor"
|
36
|
+
fill="currentColor"
|
37
|
+
stroke-width="0"
|
38
|
+
viewBox="0 0 512 512"
|
39
|
+
aria-hidden="true"
|
40
|
+
focusable="false"
|
41
|
+
height="50px"
|
42
|
+
width="1em"
|
43
|
+
xmlns="http://www.w3.org/2000/svg"
|
44
|
+
>
|
45
|
+
<path
|
46
|
+
fill="none"
|
47
|
+
stroke-linecap="round"
|
48
|
+
stroke-miterlimit="10"
|
49
|
+
stroke-width="48"
|
50
|
+
d="M88 152h336M88 256h336M88 360h336"
|
51
|
+
></path>
|
52
|
+
</svg>`;
|
53
|
+
}
|
54
|
+
})
|
27
55
|
hamburger.addEventListener("click", () => {
|
28
56
|
if (hamburger.dataset.open === "1") {
|
29
57
|
hamburger.dataset.open = "0";
|
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: 3.9.
|
4
|
+
version: 3.9.7
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- vivek-appscms
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2023-
|
11
|
+
date: 2023-10-12 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -184,6 +184,8 @@ files:
|
|
184
184
|
- _layouts/allAuthors.html
|
185
185
|
- _layouts/appscms-about.html
|
186
186
|
- _layouts/appscms-audio.html
|
187
|
+
- _layouts/appscms-author.html
|
188
|
+
- _layouts/appscms-authors.html
|
187
189
|
- _layouts/appscms-blog.html
|
188
190
|
- _layouts/appscms-calculator.html
|
189
191
|
- _layouts/appscms-contact.html
|