appscms-tools-theme 2.7.4 → 2.7.6
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_layouts/feature-1.html +1 -1
- data/assets/css/frame.css +3 -4
- data/assets/js/frame.js +10 -8
- 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: eb95718f95ecc666cb3546a4abac4a3bfacb6cf569e26528dca7d488eca5adf3
|
4
|
+
data.tar.gz: f92bb7ab851c341e7149cef3fa667a1198f0a9953c53740a5dcac3ca42c68f12
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5c89896f64394da4e872237a0c55c3616fc1c947a140aefe8e90afcf68d2e6dd54a448bc8ffe616deaa00a6f8335e86ef81acfbd5dbe35af2140955d6475b47c
|
7
|
+
data.tar.gz: 3cddf04d181e9181dcedd57ea473f14ae991f671a234d18591c315fdbf959b8f57047ddda3605f257c83361cdb9a4d1b953e0f3eb3e442db951a2dc24ddbb53d
|
data/_layouts/feature-1.html
CHANGED
@@ -62,7 +62,7 @@
|
|
62
62
|
<div class="m-auto">
|
63
63
|
<div class="d-flex justify-content-center align-items-center">
|
64
64
|
<div id="Inputbox" class="boxes" style="background-color: {{boxColor}};">
|
65
|
-
<img height="21px" width="21px" src="/assets/images/add.svg" />
|
65
|
+
<img height="21px" width="21px" src="/assets/images/add.svg" alt="add " />
|
66
66
|
<span class="ml-3">CHOOSE FILE</span>
|
67
67
|
</div>
|
68
68
|
<div class="file-pick-dropdown" style="background-color:{{boxColor}}">
|
data/assets/css/frame.css
CHANGED
@@ -755,12 +755,10 @@ input {
|
|
755
755
|
text-align: center;
|
756
756
|
color: #777;
|
757
757
|
}
|
758
|
-
|
759
758
|
.categories-list li {
|
760
759
|
font-size: 1em;
|
761
760
|
border-bottom: 1px solid #f2f2f2;
|
762
761
|
}
|
763
|
-
|
764
762
|
.categories-list .category-link {
|
765
763
|
display: block;
|
766
764
|
padding: 7px 9px;
|
@@ -772,11 +770,12 @@ input {
|
|
772
770
|
-moz-border-radius: 1px;
|
773
771
|
border-radius: 1px;
|
774
772
|
}
|
775
|
-
|
776
773
|
.categories-list .category-link:hover {
|
777
774
|
background-color: #f4f4f4;
|
778
775
|
}
|
779
|
-
|
780
776
|
.categories-list .active-cat {
|
781
777
|
background-color: #f4f4f4;
|
778
|
+
}
|
779
|
+
.crop-image-modal-container {
|
780
|
+
overflow-y: auto;
|
782
781
|
}
|
data/assets/js/frame.js
CHANGED
@@ -1,5 +1,9 @@
|
|
1
|
+
---
|
2
|
+
---
|
3
|
+
|
1
4
|
const getScript = document.currentScript
|
2
5
|
const pageTool = getScript.dataset.tool
|
6
|
+
const downloadName = "{{site.downloadName}}"
|
3
7
|
const lang = getScript.dataset.lang
|
4
8
|
const inputBox = document.querySelector('#Inputbox')
|
5
9
|
const fileDropBox = document.querySelector('.custom-box')
|
@@ -20,13 +24,12 @@ let image = null
|
|
20
24
|
const showLoader = () => {
|
21
25
|
showLoading()
|
22
26
|
}
|
23
|
-
const closeLoader = () => {}
|
27
|
+
const closeLoader = () => { }
|
24
28
|
const clickInput = (e) => {
|
25
29
|
console.log(`#file-${e.dataset.index}`)
|
26
30
|
document.querySelector(`#file-${e.dataset.index}`).click()
|
27
31
|
}
|
28
32
|
let featureData = null
|
29
|
-
|
30
33
|
fetch('/assets/js/photo-effects.json')
|
31
34
|
.then((response) => response.json())
|
32
35
|
.then((data) => {
|
@@ -48,6 +51,7 @@ const fileOnChange = (e) => {
|
|
48
51
|
}
|
49
52
|
const closeModal = () => {
|
50
53
|
cropModal.style.display = 'none'
|
54
|
+
document.body.style.overflow = "auto"
|
51
55
|
}
|
52
56
|
const closeExamplesModal = () => {
|
53
57
|
exampleModal.style.display = 'none'
|
@@ -92,17 +96,14 @@ const drawInputImage = (ctx, item, indexValue) => {
|
|
92
96
|
[item.perspective.bottomLeft.x, item.perspective.bottomLeft.y],
|
93
97
|
])
|
94
98
|
}
|
95
|
-
|
96
99
|
if (item.skew) {
|
97
100
|
ctx.setTransform(1, item.skew.x, item.skew.y, 1, 0, 0)
|
98
101
|
}
|
99
|
-
|
100
102
|
ctx.restore()
|
101
103
|
resolve()
|
102
104
|
}
|
103
105
|
})
|
104
106
|
}
|
105
|
-
|
106
107
|
const drawImage = () => {
|
107
108
|
workspace.style.display = 'block'
|
108
109
|
document.querySelector('#upper-panel').style.display = 'none'
|
@@ -150,7 +151,6 @@ const drawImage = () => {
|
|
150
151
|
if (item.shadowColor) {
|
151
152
|
ctx.shadowColor = `${item.shadowColor}`
|
152
153
|
}
|
153
|
-
|
154
154
|
if (item.shadowOffsetX) {
|
155
155
|
ctx.shadowOffsetX = 3
|
156
156
|
}
|
@@ -179,6 +179,7 @@ const drawImage = () => {
|
|
179
179
|
}
|
180
180
|
}
|
181
181
|
const cropImage = (result, id) => {
|
182
|
+
document.body.style.overflow = "hidden"
|
182
183
|
let image = new Image()
|
183
184
|
image.onload = () => {
|
184
185
|
let img = document.createElement('img')
|
@@ -219,6 +220,7 @@ document.querySelector('#crop').addEventListener('click', () => {
|
|
219
220
|
document.querySelector(`#image-pre-${index}`).style.display = 'block'
|
220
221
|
document.querySelector(`#cam-${index}`).style.display = 'none'
|
221
222
|
cropModal.style.display = 'none'
|
223
|
+
document.body.style.overflow = "auto"
|
222
224
|
})
|
223
225
|
const openExamplesModal = () => {
|
224
226
|
exampleModal.style.display = 'flex'
|
@@ -251,7 +253,7 @@ download.addEventListener('click', () => {
|
|
251
253
|
let url = canvas.toDataURL(`image/png`)
|
252
254
|
let a = document.createElement('a')
|
253
255
|
a.href = url
|
254
|
-
a.download =
|
256
|
+
a.download = `${downloadName}-image.png`
|
255
257
|
document.body.appendChild(a)
|
256
258
|
a.click()
|
257
259
|
if (lang === 'en') {
|
@@ -259,4 +261,4 @@ download.addEventListener('click', () => {
|
|
259
261
|
} else {
|
260
262
|
window.location.href = `/${lang}/download?tool=${pageTool}`
|
261
263
|
}
|
262
|
-
})
|
264
|
+
})
|
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: 2.7.
|
4
|
+
version: 2.7.6
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- vivek-appscms
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2022-11-
|
11
|
+
date: 2022-11-15 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|