appscms-tools-theme 2.2.3 → 2.2.4

data/assets/js/ads.js

@@ -1,8 +1,8 @@
-;(function (s, u, z, p) {
-  ;(s.src = u), s.setAttribute('data-zone', z), p.appendChild(s)
-})(
-  document.createElement('script'),
-  'https://inklinkor.com/tag.min.js',
-  5225477,
-  document.body || document.documentElement
-)
+;(function (s, u, z, p) {
+  ;(s.src = u), s.setAttribute('data-zone', z), p.appendChild(s)
+})(
+  document.createElement('script'),
+  'https://inklinkor.com/tag.min.js',
+  5225477,
+  document.body || document.documentElement
+)

data/assets/js/append-div.js

@@ -1,10 +1,10 @@
----
----
-function insertAfter(referenceNode, newNode) {
-  referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling)
-}
-let themeContentBox = document.getElementById('theme-content-box')
-const div = document.createElement('div')
-const profitablecpmgateId = '{{site.profitablecpmgateId}}'
-div.setAttribute('id', `container-${profitablecpmgateId}`)
-insertAfter(themeContentBox, div)
+---
+---
+function insertAfter(referenceNode, newNode) {
+  referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling)
+}
+let themeContentBox = document.getElementById('theme-content-box')
+const div = document.createElement('div')
+const profitablecpmgateId = '{{site.profitablecpmgateId}}'
+div.setAttribute('id', `container-${profitablecpmgateId}`)
+insertAfter(themeContentBox, div)

data/assets/js/frame.js

@@ -19,7 +19,7 @@ let image = null
 const showLoader = () => {
   showLoading()
 }
-const closeLoader = () => { }
+const closeLoader = () => {}
 const clickInput = (e) => {
   console.log(`#file-${e.dataset.index}`)
   document.querySelector(`#file-${e.dataset.index}`).click()
@@ -128,11 +128,6 @@ const drawImage = () => {
             if (item.shadowColor) {
               ctx.shadowColor = `${item.shadowColor}`
             }
-            console.log(item)
-            console.log((item.rotate * Math.PI) / 180)
-            if (item.rotate) {
-              ctx.rotate((item.rotate * Math.PI) / 180)
-            }
             if (item.shadowOffsetX) {
               ctx.shadowOffsetX = 3
             }
@@ -142,15 +137,14 @@ const drawImage = () => {
             if (item.shadowBlur) {
               ctx.shadowBlur = 2
             }
+            ctx.rotate(-Math.PI / 2)
             ctx.textAlign = 'center'
             ctx.fillStyle = `${item.color}`
-            ctx.save()
             ctx.fillText(
               document.querySelector(`#${item.id}`).value,
               item.x,
               item.y
             )
-            ctx.restore()
           })
         }
         if (item.type === 'rectangle') {

data/assets/js/photo-effects.json

@@ -1,56 +1,54 @@
-[
-    {
-        "name": "together_forever",
-        "effectImagePath": "/assets/images/together_forever.png",
-        "elements": [
-            {
-                "type": "image",
-                "filter": "",
-                "perspective": "",
-                "height": 300,
-                "width": 300,
-                "x": 200,
-                "y": 200,
-                "id": "file-1"
-            },
-            {
-                "label": "",
-                "id": "text-1",
-                "type": "text",
-                "x": "100",
-                "rotate": 0,
-                "y": "100",
-                "color": "red",
-                "fontFamily": "Calligraphy",
-                "fontPath": "/assets/fonts/Calligraphy.ttf",
-                "fontWeight": "bold",
-                "fontSize": 50
-            },
-            {
-                "type": "image",
-                "imagePath": "",
-                "filter": "grayscale(100%)",
-                "perspective": "",
-                "rotate": 40,
-                "height": 300,
-                "width": 300,
-                "x": 100,
-                "y": 200,
-                "id": "file-3"
-            },
-            {
-                "label": "",
-                "id": "text-2",
-                "type": "text",
-                "x": "200",
-                "y": "200",
-                "rotate": 40,
-                "color": "red",
-                "fontFamily": "Calligraphy",
-                "fontPath": "/assets/fonts/Calligraphy.ttf",
-                "fontWeight": "bold",
-                "fontSize": 50
-            }
-        ]
-    }
+[
+    {
+        "name": "together_forever",
+        "effectImagePath": "/assets/images/together_forever.png",
+        "elements": [
+            {
+                "type": "image",
+                "filter": "",
+                "perspective": "",
+                "height": 300,
+                "width": 300,
+                "x": 200,
+                "y": 200,
+                "id": "file-1"
+            },
+            {
+                "label": "",
+                "id": "text-1",
+                "type": "text",
+                "x": "100",
+                "y": "100",
+                "color": "red",
+                "rotate": 40,
+                "fontFamily": "Calligraphy",
+                "fontPath": "/assets/fonts/Calligraphy.ttf",
+                "fontWeight": "bold",
+                "fontSize": 50
+            },
+            {
+                "type": "image",
+                "imagePath": "",
+                "filter": "grayscale(100%)",
+                "perspective": "",
+                "height": 300,
+                "width": 300,
+                "x": 100,
+                "y": 200,
+                "id": "file-3"
+            },
+            {
+                "label": "",
+                "id": "text-2",
+                "type": "text",
+                "x": "200",
+                "y": "200",
+                "color": "red",
+                "fontFamily": "Calligraphy",
+                "fontPath": "/assets/fonts/Calligraphy.ttf",
+                "fontWeight": "bold",
+                "fontSize": 50
+            }
+        ]
+    }
 ]

data/assets/js/testing-batch.js

@@ -1,3 +1,4 @@
+const opacity = document.querySelector("#opacity")
 const batchConversion = async (file, indexValue) => {
     return new Promise((resolve, reject) => {
         if (file) {
@@ -12,18 +13,9 @@ const batchConversion = async (file, indexValue) => {
                     image.onload = () => {
                         canvas.width = image.width
                         canvas.height = image.height
-                        // counter.innerHTML = e.target.value + "%"
-                        let filters = document.querySelector('#applyFilter')
-                        if (filters.getAttribute('data-filter') === "opacity") {
-                            ctx.globalAlpha = filters.value
-                            ctx.drawImage(image, 0, 0, canvas.width, canvas.height)
-                            resolve([indexValue, canvas.toDataURL('image/png'), "image"])
-                        } else {
-                            ctx.filter = filters.getAttribute('data-filter') + '(' + filters.value + filters.getAttribute('data-scale') + ') '
-                            ctx.drawImage(image, 0, 0, canvas.width, canvas.height)
-                            resolve([indexValue, canvas.toDataURL('image/png'), "image"])
-                        }
-
+                        ctx.globalAlpha = opacity.value
+                        ctx.drawImage(image, 0, 0, canvas.width, canvas.height)
+                        resolve([indexValue, canvas.toDataURL('image/png'), "image"])
                     }
                     image.src = e.target.result
                 }

data/assets/js/theme.js

@@ -1,11 +1,11 @@
-$(document).ready(function () {
-  var safuiAlert = $('#safeui-alert')
-  if (safuiAlert) {
-    safuiAlert
-      .first()
-      .delay(10000)
-      .slideUp(1000, function () {
-        $(this).remove()
-      })
-  }
-})
+$(document).ready(function () {
+  var safuiAlert = $('#safeui-alert')
+  if (safuiAlert) {
+    safuiAlert
+      .first()
+      .delay(10000)
+      .slideUp(1000, function () {
+        $(this).remove()
+      })
+  }
+})

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 2.2.3
+  version: 2.2.4
 platform: ruby
 authors:
 - vivek-appscms
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-08-20 00:00:00.000000000 Z
+date: 2022-08-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -52,7 +52,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '12.0'
-description: 
+description:
 email:
 - vivek@appscms.com
 executables: []
@@ -2637,7 +2637,7 @@ homepage: https://github.com/Appscms-com/appscms-tools-theme
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2652,8 +2652,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.2
-signing_key: 
+rubygems_version: 3.1.6
+signing_key:
 specification_version: 4
 summary: Appscms theme for all tools
 test_files: []