appscms-tools-theme 4.5.0 → 4.5.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_layouts/appscms-download.html +1 -1
- data/_layouts/appscms-imagekit.html +23 -40
- data/assets/css/appscms-imagekit.css +1 -0
- data/assets/css/appscms-theme.css +34 -1
- data/assets/js/appscms-theme.js +38 -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: e5ff36f832481cd021e7f9b6138568311994103c8f07b7526b4757b3c7538ef4
|
4
|
+
data.tar.gz: ba004bad2450a345a8681ba514961f9913b66ddfc298c3abb7969ba20d7c4b9f
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 3c422657817694e9309f258452675000c53f725010b35a485e40b5c4425ef650951bbf516c9d39baa3244ea5b137e5484b674370b70b485464ffce83a92f2b61
|
7
|
+
data.tar.gz: 6608b41ba57833c697d677c837eab665ef89f014f7e048a0da1c27d13261cdca5c9b5d453a20b6894d91cff44f873e5ef62741b11c248adf9777682214da0997
|
@@ -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>
|
@@ -949,7 +949,7 @@ body {
|
|
949
949
|
color: var(--white-color);
|
950
950
|
border: none;
|
951
951
|
border-radius: 10px;
|
952
|
-
padding: 10px
|
952
|
+
padding: 10px 40px;
|
953
953
|
font-size: 15px;
|
954
954
|
height: 48px;
|
955
955
|
min-width: 212px;
|
@@ -1972,4 +1972,37 @@ 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 */
|
2002
|
+
}
|
2003
|
+
#processing-btn {
|
2004
|
+
position: relative;
|
2005
|
+
}
|
2006
|
+
#processing-btn .button-loader {
|
2007
|
+
left: 9%;
|
1975
2008
|
}
|
data/assets/js/appscms-theme.js
CHANGED
@@ -170,3 +170,41 @@ 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
|
+
|
195
|
+
});
|
196
|
+
|
197
|
+
// Check if the button exists
|
198
|
+
const processingBtn = document.getElementById('processing-btn');
|
199
|
+
if (processingBtn) {
|
200
|
+
// Add click event listener to the button
|
201
|
+
processingBtn.addEventListener('click', function() {
|
202
|
+
// Show loader
|
203
|
+
const buttonLoader = document.querySelector('.button-loader');
|
204
|
+
if (buttonLoader) {
|
205
|
+
buttonLoader.style.display = 'block';
|
206
|
+
}
|
207
|
+
// Go back in history
|
208
|
+
history.back();
|
209
|
+
});
|
210
|
+
}
|
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.2
|
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-19 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|