appscms-tools-theme 3.1.4 → 3.1.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fb781ac576ad2041cbb539cb8949ab255b2d9890bb8368613f3740da1ddccc20
-  data.tar.gz: 73eaeff1d7a0861adca36df21dd9d6f2e64e8c3bf1bdef849a7b8b1b19a190ca
+  metadata.gz: 7bde6cfb6cbd098e3da66c4f0656fc08fa939b6b9ec307e396ce9f4d257b493f
+  data.tar.gz: 2b4326fb636f95fdb3520f7462ebca1cb43f1f56a0211b35ece56950bc8cc695
 SHA512:
-  metadata.gz: 82b49b4e544873208a68440e1973e9857219c24c2a812c2e17b7ad39a07560b523f4576a1bc45abbda01aea2a5e54bd83cd6f41ce0c0de08c2dfb76d7c14116c
-  data.tar.gz: e2248496d9e86b8118b17a842bcd65c581fc98ce65fc3e709499a8b77c9965a802cdadc6371ae199a0840835ed1b0dae4cd44087277f254c0bee874a74f0d478
+  metadata.gz: 4a11b75ee11656e10596ef7fb18824f826b524084dde47b7aee286d3208374b968a04d7c02f2ed76bc22bb9f9a49ce733b54b3eca2af063a8bf05e2105ddf1b6
+  data.tar.gz: 94dd294762d1a7fadd8a1eb16a206649122e26eb227ad45379005ad8e21002017870819208abe3a7ad2ed2a7210bef8dceb58d1570cd657c722e7520ef8812f4

data/_layouts/batch.html

@@ -19,7 +19,7 @@ layout: feature
                 <div class="file-pick-dropdown">
                     <i class="fas arrow-sign fa-angle-down"></i>
                     <div class="file-picker-dropdown" style="display: none;">
-                        <button id='googledrive'>
+                        <button id='filepicker'>
                             <img width="18px" height="18px" src="/assets/images/google-drive.png"
                                 alt="google-drive-icon">
                         </button>

data/_layouts/feature.html

@@ -72,7 +72,9 @@
   </div>
   {%- endif -%} {%- endif -%}
 
+  {%- if page.layout == "batch" -%}
   <div class="w-100 line" style="border-top: 1px solid rgb(224, 224, 224)"></div>
+  {%- endif -%}
   <div class="container mt-4 mb-5">
     <div class="row px-0">
       {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}

data/assets/css/batch.css

@@ -2,6 +2,10 @@
   --maincolor: #e55c5c;
 }
 
+.workspace {
+  margin-bottom: 3rem;
+}
+
 #Inputbox {
   width: 250px;
   cursor: pointer;
@@ -20,8 +24,8 @@
   box-shadow: 0 3px 6px 0 rgb(0 0 0 / 14%);
 }
 
-#dropbox,
-#googledrive {
+#filepicker,
+#dropbox {
   border: none;
   background: #0f70e6;
   border-radius: 100%;
@@ -39,9 +43,10 @@
   box-shadow: 0 3px 6px 0 rgb(0 0 0 / 14%);
 }
 
+
 #Inputbox:hover,
 #dropbox:hover,
-#googledrive:hover {
+#filepicker:hover {
   transition: all .5s linear;
   background-color: #000;
 }
@@ -463,12 +468,26 @@ input[type='range']::-moz-focus-outer {
 }
 
 @media (max-width: 768px) {
+  .file-icon-row {
+    display: none;
+  }
+
+  .file-picker-dropdown {
+    width: auto;
+    left: auto;
+  }
+
+  #filepicker,
+  #dropbox {
+    margin-bottom: 0.3rem;
+  }
+
   .options-panel {
     margin-top: 15px;
   }
 
   .fileName {
-    font-size: 12px;
+    font-size: 10px !important;
   }
 
   .download-file-btn {

data/assets/js/batch.js

@@ -15,6 +15,28 @@ let renderFileTypes = null
 let root = document.querySelector(':root')
 root.style.setProperty('--maincolor', fileDropBox.dataset.color)
 
+
+const showLoader = () => {
+  showLoading()
+}
+const closeLoader = () => { }
+const mimeTypes = 'image/png,image/jpg,image/jpeg,image/webp'
+const filemimes = ['.png', '.webp', '.jpg', '.jpeg']
+gdrive.addEventListener(
+  'click',
+  (getFile, mimeTypes, showLoader, closeLoader) => {
+    const data = loadPicker()
+  }
+)
+const dropbox = document.getElementById('dropbox')
+dropbox.addEventListener(
+  'click',
+  async (getDropBoxFile, showLoader, closeLoader) => {
+    const getFile = chooseFromDropbox()
+  }
+)
+
+
 const getFile = (file) => {
   handleFile(file)
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 3.1.4
+  version: 3.1.6
 platform: ruby
 authors:
 - vivek-appscms
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-01-18 00:00:00.000000000 Z
+date: 2023-01-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll