appscms-tools-theme 4.5.0 → 4.5.1
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/_layouts/appscms-imagekit.html +23 -40
- data/assets/css/appscms-imagekit.css +1 -0
- data/assets/css/appscms-theme.css +27 -0
- 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>
|
|
@@ -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/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.5.
|
|
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-04-
|
|
11
|
+
date: 2024-04-16 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|