appscms-tools-theme 4.4.9 → 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.
Files changed (11) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/appscms/infographics/infographics.html +1 -1
  3. data/_layouts/appscms-imagekit.html +23 -40
  4. data/_layouts/contenttool-feature.html +1 -1
  5. data/_layouts/home.html +1 -1
  6. data/assets/css/appscms-contenttool.css +1 -1
  7. data/assets/css/appscms-imagekit.css +1 -0
  8. data/assets/css/appscms-theme.css +27 -0
  9. data/assets/css/devtool-main.css +1 -1
  10. data/assets/js/appscms-theme.js +22 -0
  11. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d1e09ee11b58d99d030509cdee4f469c3d347d2eddefa19357163e1e9111145b
4
- data.tar.gz: b4720267a49d93b3d0fb277e638f851ba82320dd953568900aaecb43ddb13be0
3
+ metadata.gz: 8dc13fbcf69eae0beb256ae4ef0a36a0576be9a45ccc757eee74fcd7ebb1ff12
4
+ data.tar.gz: '083c99999a98bded24b3891da0f3100edac4bd83dd3c95d9f7f43c34fd8de883'
5
5
  SHA512:
6
- metadata.gz: ad27b87fcef8697a0b908f47b4ee2fd395125ccea86a2131d474e306d87e2bb825bafa2733ea22e75280f2a8259be4f4de64c1f3c685271c64ea7b894b3fc47c
7
- data.tar.gz: 3530b11e21573a716e215dc87580d681f0352740a8e197567eea1238d6559ff814db960d256fd6927e0e6383d899ebd93e943d8826e0f87833f06906e6e24a1f
6
+ metadata.gz: b2d0ccea15ef92e398ed67364bb51d284e983d3aa9d2d731283bd1224f02cc410dd7dff6a747e722c91979f72957223770e2f5b81d0289737f85f25c6828107d
7
+ data.tar.gz: 1f26fbbe0f7f3db4e4183e69c3eaab1e52f11902a45b347d10f4190a20e976af04599b53302343a9d89111066be00c0b50a27bd80e98f6b189a2cd842d1af29c
data/_includes/appscms/infographics/infographics.html CHANGED
@@ -8,7 +8,7 @@
8
8
  width: 100%;
9
9
  height: 100%;
10
10
  overflow: auto;
11
- background-color: rgba(0,0,0,0.9);
11
+ background-color: rgba(59, 58, 58, 0.9);
12
12
  }
13
13
  .modal-content {
14
14
  margin: auto;
data/_layouts/appscms-imagekit.html CHANGED
@@ -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
- id="download-button"
37
- style="background: var(--primary-color)"
38
- >
39
- <svg
40
- xmlns="http://www.w3.org/2000/svg"
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
- <img
61
- loading="lazy"
62
- src="/assets/images/loader.gif"
63
- alt="saving"
64
- {%-
65
- if
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
- <img
84
- loading="lazy"
85
- src="/assets/images/loader.gif"
86
- alt="saving"
87
- {%-
88
- if
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>
data/_layouts/contenttool-feature.html CHANGED
@@ -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
data/assets/css/appscms-contenttool.css CHANGED
@@ -1365,7 +1365,7 @@ z-index: -997;
1365
1365
  transition-duration: 0.27s;
1366
1366
  }
1367
1367
  .slide img:hover {
1368
- transform: scale(1.1);
1368
+ transform: scale(1.02);
1369
1369
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.12);
1370
1370
  }
1371
1371
  .no-result-found-msg {
data/assets/css/appscms-imagekit.css CHANGED
@@ -267,6 +267,7 @@
267
267
  }
268
268
 
269
269
  #download-button {
270
+ position: relative;
270
271
  cursor: pointer;
271
272
  display: inline-block;
272
273
  width: 130px;
data/assets/css/appscms-theme.css CHANGED
@@ -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
@@ -1266,7 +1266,7 @@ body {
1266
1266
  transition-duration: 0.27s;
1267
1267
  }
1268
1268
  .slide img:hover {
1269
- transform: scale(1.1);
1269
+ transform: scale(1.02);
1270
1270
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.12);
1271
1271
  }
1272
1272
  .no-result-found-msg {
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.9
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-03-30 00:00:00.000000000 Z
11
+ date: 2024-04-16 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll