appscms-tools-theme 4.4.9 → 4.5.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/appscms/infographics/infographics.html +1 -1
- data/_layouts/appscms-imagekit.html +23 -40
- data/_layouts/contenttool-feature.html +1 -1
- data/_layouts/home.html +1 -1
- data/assets/css/appscms-contenttool.css +1 -1
- data/assets/css/appscms-imagekit.css +1 -0
- data/assets/css/appscms-theme.css +27 -0
- data/assets/css/devtool-main.css +1 -1
- data/assets/js/appscms-theme.js +22 -0
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 8dc13fbcf69eae0beb256ae4ef0a36a0576be9a45ccc757eee74fcd7ebb1ff12
|
4
|
+
data.tar.gz: '083c99999a98bded24b3891da0f3100edac4bd83dd3c95d9f7f43c34fd8de883'
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: b2d0ccea15ef92e398ed67364bb51d284e983d3aa9d2d731283bd1224f02cc410dd7dff6a747e722c91979f72957223770e2f5b81d0289737f85f25c6828107d
|
7
|
+
data.tar.gz: 1f26fbbe0f7f3db4e4183e69c3eaab1e52f11902a45b347d10f4190a20e976af04599b53302343a9d89111066be00c0b50a27bd80e98f6b189a2cd842d1af29c
|
@@ -31,20 +31,19 @@ layout: appscms-feature
|
|
31
31
|
</div>
|
32
32
|
</div>
|
33
33
|
<div class="col-5">
|
34
|
+
|
35
|
+
|
36
|
+
|
37
|
+
|
34
38
|
<div class="d-flex align-items-center">
|
35
|
-
<button
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
<
|
40
|
-
|
41
|
-
viewBox="0 0 512 512"
|
42
|
-
>
|
43
|
-
<path
|
44
|
-
d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM382.6 302.6l-103.1 103.1C270.7 414.6 260.9 416 256 416c-4.881 0-14.65-1.391-22.65-9.398L129.4 302.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 306.8V128c0-17.69 14.33-32 32-32s32 14.31 32 32v178.8l49.38-49.38c12.5-12.5 32.75-12.5 45.25 0S395.1 290.1 382.6 302.6z"
|
45
|
-
/></svg
|
46
|
-
>Download
|
39
|
+
<button id="download-button" style="background: var(--primary-color)">
|
40
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
41
|
+
<path d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM382.6 302.6l-103.1 103.1C270.7 414.6 260.9 416 256 416c-4.881 0-14.65-1.391-22.65-9.398L129.4 302.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 306.8V128c0-17.69 14.33-32 32-32s32 14.31 32 32v178.8l49.38-49.38c12.5-12.5 32.75-12.5 45.25 0S395.1 290.1 382.6 302.6z"/>
|
42
|
+
</svg>
|
43
|
+
<span class="button-loader"></span>
|
44
|
+
Download
|
47
45
|
</button>
|
46
|
+
|
48
47
|
</div>
|
49
48
|
</div>
|
50
49
|
</div>
|
@@ -57,20 +56,12 @@ layout: appscms-feature
|
|
57
56
|
<div class="col-md-12 mx-auto mb-2">
|
58
57
|
<div class="select-img-panel">
|
59
58
|
<div id="saving-data" style="display: none">
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
site.crossorigin
|
67
|
-
-%}
|
68
|
-
crossorigin
|
69
|
-
{%-
|
70
|
-
endif
|
71
|
-
-%}
|
72
|
-
/>
|
73
|
-
<span class="ml-2">Saving your images...</span>
|
59
|
+
|
60
|
+
<div class="appscms-loader d-flex">
|
61
|
+
<div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
|
62
|
+
</div>
|
63
|
+
|
64
|
+
<div class="text-center mt-4">Saving your files...</div>
|
74
65
|
</div>
|
75
66
|
<div id="canvas-box-panel"></div>
|
76
67
|
</div>
|
@@ -80,20 +71,12 @@ layout: appscms-feature
|
|
80
71
|
<div class="col-md-7 mx-auto mb-2">
|
81
72
|
<div class="select-img-panel">
|
82
73
|
<div id="saving-data" style="display: none">
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
site.crossorigin
|
90
|
-
-%}
|
91
|
-
crossorigin
|
92
|
-
{%-
|
93
|
-
endif
|
94
|
-
-%}
|
95
|
-
/>
|
96
|
-
<span class="ml-2">Saving your images...</span>
|
74
|
+
|
75
|
+
<div class="appscms-loader d-flex">
|
76
|
+
<div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
|
77
|
+
</div>
|
78
|
+
|
79
|
+
<div class="mt-4 text-center">Saving your files...</div>
|
97
80
|
</div>
|
98
81
|
<div id="canvas-box-panel"></div>
|
99
82
|
</div>
|
@@ -15,7 +15,7 @@
|
|
15
15
|
appscms/uploadbutton/uploadbutton.html -%} {%- include
|
16
16
|
appscms/featurehighlight/featurehighlight.html -%} {%- include
|
17
17
|
appscms/howto/howto.html -%} {%- if pageData.infographics.size > 0 -%} {%-
|
18
|
-
include appscms/infographics/infographics.html -%} {%- endif -%} {%- include
|
18
|
+
include /appscms/infographics/infographics.html -%} {%- endif -%} {%- include
|
19
19
|
appscms/faq/faq.html -%}
|
20
20
|
<!-- {%- include
|
21
21
|
appscms/extras/traffic-count.html -%} -->
|
data/_layouts/home.html
CHANGED
@@ -217,7 +217,7 @@
|
|
217
217
|
{%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
|
218
218
|
include Rating/rating.html -%}
|
219
219
|
{%- if homeData.infographics.size > 0 -%}
|
220
|
-
{%- include infographics/infographics.html -%}
|
220
|
+
{%- include /appscms/infographics/infographics.html -%}
|
221
221
|
{%- endif -%}
|
222
222
|
|
223
223
|
{%- if homeData.USPS -%} {%- include
|
@@ -1972,4 +1972,31 @@ body {
|
|
1972
1972
|
}
|
1973
1973
|
.scroll-right svg{
|
1974
1974
|
right: -10px;
|
1975
|
+
}
|
1976
|
+
<style>
|
1977
|
+
#download-button {
|
1978
|
+
position: relative;
|
1979
|
+
}
|
1980
|
+
|
1981
|
+
.button-loader {
|
1982
|
+
position: absolute;
|
1983
|
+
top: 50%;
|
1984
|
+
left: 19%;
|
1985
|
+
transform: translate(-50%, -50%);
|
1986
|
+
border: 4px solid #ffffff;
|
1987
|
+
border-top: 4px solid var(--primary-color);
|
1988
|
+
border-radius: 50%;
|
1989
|
+
width: 24px;
|
1990
|
+
height: 24px;
|
1991
|
+
animation: spin 1s linear infinite;
|
1992
|
+
display: none;
|
1993
|
+
}
|
1994
|
+
|
1995
|
+
@keyframes spin {
|
1996
|
+
0% { transform: translate(-50%, -50%) rotate(0deg); }
|
1997
|
+
100% { transform: translate(-50%, -50%) rotate(360deg); }
|
1998
|
+
}
|
1999
|
+
|
2000
|
+
#download-button.loading .button-loader {
|
2001
|
+
display: block; /* Show the loader when button has loading class */
|
1975
2002
|
}
|
data/assets/css/devtool-main.css
CHANGED
data/assets/js/appscms-theme.js
CHANGED
@@ -170,3 +170,25 @@ if ("{{ site.removeBootstrapJs }}" === "true") {
|
|
170
170
|
|
171
171
|
// // Initial button status update
|
172
172
|
// updateButtonStatus(document.querySelector('.appscms-toolbar-list'));
|
173
|
+
|
174
|
+
document.addEventListener("DOMContentLoaded", function() {
|
175
|
+
const downloadButton = document.getElementById("download-button");
|
176
|
+
|
177
|
+
if (downloadButton) {
|
178
|
+
const loader = downloadButton.querySelector(".button-loader");
|
179
|
+
const savingData = document.getElementById("saving-data");
|
180
|
+
|
181
|
+
downloadButton.addEventListener("click", function() {
|
182
|
+
|
183
|
+
loader.style.display = "block";
|
184
|
+
|
185
|
+
|
186
|
+
// Show saving data message
|
187
|
+
savingData.style.display = "flex";
|
188
|
+
|
189
|
+
// Your additional code can go here
|
190
|
+
// Add your code logic here to execute when the button is clicked
|
191
|
+
|
192
|
+
});
|
193
|
+
}
|
194
|
+
});
|
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.
|
4
|
+
version: 4.5.1
|
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-04-16 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|