appscms-tools-theme 2.4.6 → 2.4.7

data/assets/images/addimg.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" style="" viewBox="0 0 512 512">
-    <path d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z"/>
+<svg xmlns="http://www.w3.org/2000/svg" style="" viewBox="0 0 512 512">
+    <path d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z"/>
 </svg>

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/batch.js

@@ -2,95 +2,116 @@ const getScript = document.currentScript
 const pageTool = getScript.dataset.tool
 const lang = getScript.dataset.lang
 const inputBox = document.querySelector('#Inputbox')
-const addFiles = document.querySelector(".add-more-files")
+const addFiles = document.querySelector('.add-more-files')
 const gdrive = document.querySelector('#filepicker')
 const fileDropBox = document.querySelector('.custom-box')
-const workspace = document.querySelector(".workspace")
+const workspace = document.querySelector('.workspace')
 const selectedFilesList = document.querySelector('.selectedFilesList')
 const downloadButton = document.querySelector('#download-button')
-const submitButton = document.querySelector("#submit-button")
-const showProcessingFiles = document.querySelector(".files-processing-list")
-
+const submitButton = document.querySelector('#submit-button')
+const showProcessingFiles = document.querySelector('.files-processing-list')
+let zipFileType = null
+let renderFileTypes = []
 let root = document.querySelector(':root')
 root.style.setProperty('--maincolor', fileDropBox.dataset.color)
 
 const getFile = (file) => {
-    handleFile(file)
+  handleFile(file)
 }
 fileDropBox.addEventListener('dragover', (e) => {
-    e.preventDefault()
+  e.preventDefault()
 })
 fileDropBox.addEventListener('drop', (e) => {
-    e.preventDefault()
-    handleFile(e.dataTransfer.files[0])
+  e.preventDefault()
+  handleFile(e.dataTransfer.files[0])
 })
 const fileOnChange = () => {
-    handleFile(file.files)
+  handleFile(file.files)
 }
 inputBox.onclick = function () {
-    document.querySelector('#file').click()
+  document.querySelector('#file').click()
 }
 const fileOnChange2 = () => {
-    addMoreFiles(document.querySelector('#file2').files)
+  addMoreFiles(document.querySelector('#file2').files)
 }
 addFiles.onclick = function () {
-    document.querySelector('#file2').click()
+  document.querySelector('#file2').click()
 }
 var files = []
-let fileName = "";
+let fileName = ''
 let blobList = []
 const addMoreFiles = (addFiles) => {
-    handleFile(addFiles)
+  handleFile(addFiles)
 }
 const onSubmit = (files) => {
-    blobList = []
-    Promise.all(
-        files.map((item, index) => {
-            document.querySelector(`#loader-${index}`).innerHTML = `<span class="processing">processing</span>
+  blobList = []
+  Promise.all(
+    files.map((item, index) => {
+      document.querySelector(
+        `#loader-${index}`
+      ).innerHTML = `<span class="processing">processing</span>
             <div class="spinner-border" role="status"><span class="sr-only">Loading...</span></div>`
-            return new Promise((resolve, reject) => {
-                batchConversion(item, index).then(([indexValue, blob, type]) => {
-                    blobList.push({ blob: blob, fileName: item })
-                    document.querySelector(`#loader-${indexValue}`).innerHTML = `<span class="done">finished</span>`
-                    document.querySelector(`#download-${indexValue}`).style.display = "inline-block"
-                    resolve()
-                })
-            }).catch((error) => {
-                console.log(error)
-            })
-        })).then(() => {
-            document.querySelector(".bottom-section-container").style.display = "flex"
-            document.querySelector(".bottom-section-container").style.padding = "20px .75rem"
-            document.querySelector('#download-zip').style.display = "block"
-            let zip = new JSZip()
-            let zipFiles = zip.folder(`safeimagekit-batch-images`)
-
-            blobList.map((item) => {
-                zipFiles.file(
-                    `safeimagekit-batch-${item.fileName.name.split(".")[0]}.png`,
-                    getBase64String(item.blob),
-                    { base64: true }
-                )
-            })
+      return new Promise((resolve, reject) => {
+        batchConversion(item, index).then(([indexValue, blob, type]) => {
+          blobList.push({ blob: blob, fileName: item })
+          document.querySelector(
+            `#loader-${indexValue}`
+          ).innerHTML = `<span class="done">finished</span>`
+          document.querySelector(`#download-${indexValue}`).style.display =
+            'inline-block'
+          resolve()
+        })
+      }).catch((error) => {
+        console.log(error)
+      })
+    })
+  ).then(() => {
+    document.querySelector('.bottom-section-container').style.display = 'flex'
+    document.querySelector('.bottom-section-container').style.padding =
+      '20px .75rem'
+    document.querySelector('#download-zip').style.display = 'block'
+    let zip = new JSZip()
+    let zipFiles = zip.folder(`safeimagekit-batch-images`)
 
+    blobList.map((item) => {
+      zipFiles.file(
+        `safeimagekit-batch-${item.fileName.name.split('.')[0]}.${
+          zipFileType ? zipFileType : 'png'
+        }`,
+        getBase64String(item.blob),
+        { base64: true }
+      )
+    })
 
-            document.querySelector('#download-zip').addEventListener('click', () => {
-                zip.generateAsync({ type: 'blob' }).then(function (content) {
-                    saveAs(content, `safeimagekit-batch-conversion.zip`)
-                    if (lang === 'en') {
-                        window.location.href = `/download?tool=${pageTool}`
-                    } else {
-                        window.location.href = `/${lang}/download?tool=${pageTool}`
-                    }
-                })
-            })
-        })
+    document.querySelector('#download-zip').addEventListener('click', () => {
+      zip.generateAsync({ type: 'blob' }).then(function (content) {
+        saveAs(content, `safeimagekit-batch-conversion.zip`)
+        if (lang === 'en') {
+          window.location.href = `/download?tool=${pageTool}`
+        } else {
+          window.location.href = `/${lang}/download?tool=${pageTool}`
+        }
+      })
+    })
+  })
 }
+let renderFileTypesHtml = ` <option value="png">png</option>
+<option value="jpg">jpg</option>
+<option value="jpeg">jpeg</option>
+<option value="webp">webp</option>
+`
+
 const renderFiles = (files) => {
-    files.map((file, index) => {
-        if (file) {
-            let loader = "Ready"
-            showProcessingFiles.innerHTML += `
+  if (renderFileTypes !== []) {
+    renderFileTypesHtml = ''
+    renderFileTypes.map((i) => {
+      renderFileTypesHtml += `<option value="${i}">${i}</option>`
+    })
+  }
+  files.map((file, index) => {
+    if (file) {
+      let loader = 'Ready'
+      showProcessingFiles.innerHTML += `
                         <tr>
                         <th scope="row" class="file-icon-row">
                             <img src="/assets/images/file.png" alt="file" class="file-icon">
@@ -100,11 +121,7 @@ const renderFiles = (files) => {
                         <td>
                         <div class="download-format ">
         <select name="image-format" id="image-format">
-            <option value="png">png</option>
-            <option value="jpg">jpg</option>
-            <option value="jpeg">jpeg</option>
-            <option value="webp">webp</option>
-
+           ${renderFileTypesHtml}
         </select>
     </div>
                         
@@ -121,94 +138,92 @@ const renderFiles = (files) => {
                         </td>
                     </tr>
                         `
-        }
-    })
+    }
+  })
 }
 
-
 const handleFile = (file) => {
-    showProcessingFiles.innerHTML = ""
-    if (file) {
-        for (let i = 0; i < file.length; i++) {
-            files.push(file[i])
-            stopLoading()
-            workspace.style.display = 'block'
-            document.querySelector('#file').style.display = "block"
-            let listItem = document.createElement('li')
-            listItem.style.listStyle = "none"
-            let getFileSize = formatBytes(file[i].size)
-            listItem.innerHTML = `${file[i].name} (${getFileSize})`
-            // selectedFilesList.appendChild(listItem)
-        }
+  showProcessingFiles.innerHTML = ''
+  if (file) {
+    for (let i = 0; i < file.length; i++) {
+      files.push(file[i])
+      stopLoading()
+      workspace.style.display = 'block'
+      document.querySelector('#file').style.display = 'block'
+      let listItem = document.createElement('li')
+      listItem.style.listStyle = 'none'
+      let getFileSize = formatBytes(file[i].size)
+      listItem.innerHTML = `${file[i].name} (${getFileSize})`
+      // selectedFilesList.appendChild(listItem)
     }
-    renderFiles(files)
-    submitButton.addEventListener("click", () => onSubmit(files))
+  }
+  renderFiles(files)
+  submitButton.addEventListener('click', () => onSubmit(files))
 }
 function formatBytes(bytes, decimals = 2) {
-    if (bytes === 0) return '0 Bytes';
+  if (bytes === 0) return '0 Bytes'
 
-    const k = 1024;
-    const dm = decimals < 0 ? 0 : decimals;
-    const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+  const k = 1024
+  const dm = decimals < 0 ? 0 : decimals
+  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
 
-    const i = Math.floor(Math.log(bytes) / Math.log(k));
+  const i = Math.floor(Math.log(bytes) / Math.log(k))
 
-    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]
 }
 const handleDownload = (e) => {
-    let find = blobList[Number(e.id.replace(/^\D+/g, ''))].blob
-    let fileName = blobList[Number(e.id.replace(/^\D+/g, ''))].fileName.name
-
-    let format = document.querySelector("#image-format").value
+  let find = blobList[Number(e.id.replace(/^\D+/g, ''))].blob
+  let fileName = blobList[Number(e.id.replace(/^\D+/g, ''))].fileName.name
 
+  let format = document.querySelector('#image-format').value
 
-    switch (e.dataset.type) {
-        case "image":
-            let a = document.createElement('a')
-            a.href = find
-            a.download = `safeimagekit-batch-${fileName.split(".")[0]}.${format}`
-            document.body.appendChild(a)
-            a.click()
-            break;
-        default:
-            break;
-    }
+  switch (e.dataset.type) {
+    case 'image':
+      let a = document.createElement('a')
+      a.href = find
+      a.download = `safeimagekit-batch-${fileName.split('.')[0]}.${format}`
+      document.body.appendChild(a)
+      a.click()
+      break
+    default:
+      break
+  }
 }
 const showLoading = () => {
-    document.querySelector('#file-loader').style.display = 'flex'
-    document.querySelector('.file-input').style.display = 'none'
+  document.querySelector('#file-loader').style.display = 'flex'
+  document.querySelector('.file-input').style.display = 'none'
 }
 const stopLoading = () => {
-    fileDropBox.style.display = 'none'
+  fileDropBox.style.display = 'none'
 }
 const showDropDown = document.querySelector('.file-pick-dropdown')
 const icon = document.querySelector('.arrow-sign')
 const dropDown = document.querySelector('.file-picker-dropdown')
 showDropDown.addEventListener('click', () => {
-    addScripts()
-    if (dropDown.style.display !== 'none') {
-        dropDown.style.display = 'none'
-        icon.classList.remove('fa-angle-up')
-        icon.classList.add('fa-angle-down')
-    } else {
-        dropDown.style.display = 'block'
-        icon.classList.remove('fa-angle-down')
-        icon.classList.add('fa-angle-up')
-    }
+  addScripts()
+  if (dropDown.style.display !== 'none') {
+    dropDown.style.display = 'none'
+    icon.classList.remove('fa-angle-up')
+    icon.classList.add('fa-angle-down')
+  } else {
+    dropDown.style.display = 'block'
+    icon.classList.remove('fa-angle-down')
+    icon.classList.add('fa-angle-up')
+  }
 })
 
 const getBase64String = (dataURL) => {
-    const idx = dataURL.indexOf('base64,') + 'base64,'.length
-    return dataURL.substring(idx)
+  const idx = dataURL.indexOf('base64,') + 'base64,'.length
+  return dataURL.substring(idx)
 }
 const dataURLtoBlob = (dataurl) => {
-    let arr = dataurl.split(','),
-        mime = arr[0].match(/:(.*?);/)[1],
-        bstr = atob(arr[1]),
-        n = bstr.length,
-        u8arr = new Uint8Array(n)
-    while (n--) {
-        u8arr[n] = bstr.charCodeAt(n)
-    }
-    return new Blob([u8arr], { type: mime })
+  let arr = dataurl.split(','),
+    mime = arr[0].match(/:(.*?);/)[1],
+    bstr = atob(arr[1]),
+    n = bstr.length,
+    u8arr = new Uint8Array(n)
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n)
+  }
+  return new Blob([u8arr], { type: mime })
 }

data/assets/js/photo-effects.json

@@ -1,33 +1,33 @@
-[
-    {
-        "name": "together_forever",
-        "effectImagePath": "/assets/images/together_forever.png",
-        "elements": [
-            {
-                "type": "image",
-                "filter": "",
-                "perspective": "",
-                "height": 300,
-                "width": 300,
-                "translate": {
-                    "x": -5,
-                    "y": -10
-                },
-                "x": 100,
-                "y": 100,
-                "id": "file-1"
-            },
-            {
-                "type": "text",
-                "x": "200",
-                "y": "200",
-                "color": "red",
-                "fontFamily": "Calligraphy",
-                "fontPath": "/assets/fonts/Calligraphy.ttf",
-                "id": "text-1",
-                "fontSize": 50,
-                "fontSizeOption1": 10
-            }
-        ]
-    }
+[
+    {
+        "name": "together_forever",
+        "effectImagePath": "/assets/images/together_forever.png",
+        "elements": [
+            {
+                "type": "image",
+                "filter": "",
+                "perspective": "",
+                "height": 300,
+                "width": 300,
+                "translate": {
+                    "x": -5,
+                    "y": -10
+                },
+                "x": 100,
+                "y": 100,
+                "id": "file-1"
+            },
+            {
+                "type": "text",
+                "x": "200",
+                "y": "200",
+                "color": "red",
+                "fontFamily": "Calligraphy",
+                "fontPath": "/assets/fonts/Calligraphy.ttf",
+                "id": "text-1",
+                "fontSize": 50,
+                "fontSizeOption1": 10
+            }
+        ]
+    }
 ]

data/assets/js/theme.js

@@ -1,27 +1,27 @@
-$(document).ready(function () {
-  var safuiAlert = $('#safeui-alert')
-  if (safuiAlert) {
-    safuiAlert
-      .first()
-      .delay(10000)
-      .slideUp(1000, function () {
-        $(this).remove()
-      })
-  }
-})
-var removeNav = () => {
-  let homeLink = document.getElementById('home-link')
-  homeLink.style.marginRight = '10px'
-  document.getElementById('h1-img-wrapper').prepend(homeLink)
-  document
-    .getElementById('h1-img-wrapper')
-    .style.setProperty('align-items', 'unset', 'important')
-  document.getElementById('header').style.display = 'none'
-  document.getElementById('h1-img').style.display = 'none'
-  document.getElementById('feature-h1').style.width = '100%'
-  document.getElementById('feature-h2').style.display = 'none'
-  let safeUiAlert = document.getElementById('safeui-alert')
-  if (safeUiAlert) {
-    safeUiAlert.style.display = 'none'
-  }
-}
+$(document).ready(function () {
+  var safuiAlert = $('#safeui-alert')
+  if (safuiAlert) {
+    safuiAlert
+      .first()
+      .delay(10000)
+      .slideUp(1000, function () {
+        $(this).remove()
+      })
+  }
+})
+var removeNav = () => {
+  let homeLink = document.getElementById('home-link')
+  homeLink.style.marginRight = '10px'
+  document.getElementById('h1-img-wrapper').prepend(homeLink)
+  document
+    .getElementById('h1-img-wrapper')
+    .style.setProperty('align-items', 'unset', 'important')
+  document.getElementById('header').style.display = 'none'
+  document.getElementById('h1-img').style.display = 'none'
+  document.getElementById('feature-h1').style.width = '100%'
+  document.getElementById('feature-h2').style.display = 'none'
+  let safeUiAlert = document.getElementById('safeui-alert')
+  if (safeUiAlert) {
+    safeUiAlert.style.display = 'none'
+  }
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 2.4.6
+  version: 2.4.7
 platform: ruby
 authors:
 - vivek-appscms
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-09-21 00:00:00.000000000 Z
+date: 2022-09-24 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: []
@@ -2662,7 +2662,7 @@ homepage: https://github.com/Appscms-com/appscms-tools-theme
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2677,8 +2677,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: []