appscms-tools-theme 1.3.0 → 1.3.2

data/assets/facebook.svg

@@ -1,5 +1,5 @@
-<svg viewBox="0 0 24 24" fill="#000000" xmlns="http://www.w3.org/2000/svg">
-                                        <path
-                                            d="M18 4.63h-2.397c-1.69 0-2.182.65-2.182 1.897v2.52h4.395l-.584 3.901H13.42V23H8.81V12.948H5V9.047h3.81V6.175C8.81 2.897 11.117 1 14.559 1c1.444 0 2.612.054 3.442.135v3.496z">
-                                        </path>
+<svg viewBox="0 0 24 24" fill="#000000" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M18 4.63h-2.397c-1.69 0-2.182.65-2.182 1.897v2.52h4.395l-.584 3.901H13.42V23H8.81V12.948H5V9.047h3.81V6.175C8.81 2.897 11.117 1 14.559 1c1.444 0 2.612.054 3.442.135v3.496z">
+                                        </path>
                                     </svg>

data/assets/instagram.svg

@@ -1,5 +1,5 @@
-<svg viewBox="0 0 24 24" fill="#000000" xmlns="http://www.w3.org/2000/svg">
-                                        <path
-                                            d="M12 2.982c2.937 0 3.285.011 4.445.064 1.072.05 1.655.228 2.043.379.513.2.88.438 1.264.823.385.385.624.751.823 1.265.15.387.33.97.379 2.042.053 1.16.064 1.508.064 4.445 0 2.937-.011 3.285-.064 4.445-.05 1.072-.228 1.655-.379 2.043-.2.513-.438.88-.823 1.264a3.408 3.408 0 01-1.264.823c-.388.15-.97.33-2.043.379-1.16.053-1.508.064-4.445.064-2.937 0-3.285-.011-4.445-.064-1.072-.049-1.655-.228-2.042-.379-.514-.2-.88-.438-1.265-.823a3.408 3.408 0 01-.823-1.264c-.15-.388-.33-.97-.379-2.043-.053-1.16-.064-1.508-.064-4.445 0-2.937.011-3.285.064-4.445.049-1.072.228-1.655.379-2.042.2-.514.438-.88.823-1.265a3.408 3.408 0 011.265-.823c.387-.15.97-.33 2.042-.379 1.16-.053 1.508-.064 4.445-.064zM12 1c-2.987 0-3.362.013-4.535.066-1.171.054-1.97.24-2.67.512a5.392 5.392 0 00-1.949 1.268 5.392 5.392 0 00-1.269 1.949c-.271.7-.457 1.499-.51 2.67C1.012 8.638 1 9.013 1 12c0 2.988.013 3.362.066 4.535.054 1.171.24 1.97.511 2.67a5.392 5.392 0 001.27 1.949 5.392 5.392 0 001.948 1.268c.7.273 1.499.458 2.67.512C8.638 22.987 9.013 23 12 23s3.362-.013 4.535-.066c1.171-.054 1.97-.24 2.67-.512a5.391 5.391 0 001.949-1.268 5.391 5.391 0 001.268-1.948c.272-.7.458-1.5.512-2.67.053-1.174.066-1.549.066-4.536 0-2.987-.013-3.362-.066-4.535-.054-1.171-.24-1.97-.512-2.67a5.39 5.39 0 00-1.268-1.949 5.391 5.391 0 00-1.949-1.268c-.7-.272-1.499-.458-2.67-.512C15.362 1.013 14.987 1 12 1zm0 5.351a5.649 5.649 0 100 11.298A5.649 5.649 0 0012 6.35zm0 9.316a3.667 3.667 0 110-7.334 3.667 3.667 0 010 7.334zm7.192-9.539a1.32 1.32 0 11-2.64 0 1.32 1.32 0 012.64 0z">
-                                        </path>
+<svg viewBox="0 0 24 24" fill="#000000" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M12 2.982c2.937 0 3.285.011 4.445.064 1.072.05 1.655.228 2.043.379.513.2.88.438 1.264.823.385.385.624.751.823 1.265.15.387.33.97.379 2.042.053 1.16.064 1.508.064 4.445 0 2.937-.011 3.285-.064 4.445-.05 1.072-.228 1.655-.379 2.043-.2.513-.438.88-.823 1.264a3.408 3.408 0 01-1.264.823c-.388.15-.97.33-2.043.379-1.16.053-1.508.064-4.445.064-2.937 0-3.285-.011-4.445-.064-1.072-.049-1.655-.228-2.042-.379-.514-.2-.88-.438-1.265-.823a3.408 3.408 0 01-.823-1.264c-.15-.388-.33-.97-.379-2.043-.053-1.16-.064-1.508-.064-4.445 0-2.937.011-3.285.064-4.445.049-1.072.228-1.655.379-2.042.2-.514.438-.88.823-1.265a3.408 3.408 0 011.265-.823c.387-.15.97-.33 2.042-.379 1.16-.053 1.508-.064 4.445-.064zM12 1c-2.987 0-3.362.013-4.535.066-1.171.054-1.97.24-2.67.512a5.392 5.392 0 00-1.949 1.268 5.392 5.392 0 00-1.269 1.949c-.271.7-.457 1.499-.51 2.67C1.012 8.638 1 9.013 1 12c0 2.988.013 3.362.066 4.535.054 1.171.24 1.97.511 2.67a5.392 5.392 0 001.27 1.949 5.392 5.392 0 001.948 1.268c.7.273 1.499.458 2.67.512C8.638 22.987 9.013 23 12 23s3.362-.013 4.535-.066c1.171-.054 1.97-.24 2.67-.512a5.391 5.391 0 001.949-1.268 5.391 5.391 0 001.268-1.948c.272-.7.458-1.5.512-2.67.053-1.174.066-1.549.066-4.536 0-2.987-.013-3.362-.066-4.535-.054-1.171-.24-1.97-.512-2.67a5.39 5.39 0 00-1.268-1.949 5.391 5.391 0 00-1.949-1.268c-.7-.272-1.499-.458-2.67-.512C15.362 1.013 14.987 1 12 1zm0 5.351a5.649 5.649 0 100 11.298A5.649 5.649 0 0012 6.35zm0 9.316a3.667 3.667 0 110-7.334 3.667 3.667 0 010 7.334zm7.192-9.539a1.32 1.32 0 11-2.64 0 1.32 1.32 0 012.64 0z">
+                                        </path>
                                     </svg>

data/assets/js/TopScroll.js

@@ -1,8 +1,8 @@
-const alertbar = document.querySelector('.alertbar')
-window.addEventListener('scroll', () => {
-  if (pageYOffset > 200) {
-    alertbar.style.display = 'block'
-  } else {
-    alertbar.style.display = 'none'
-  }
-})
+const alertbar = document.querySelector('.alertbar')
+window.addEventListener('scroll', () => {
+  if (pageYOffset > 200) {
+    alertbar.style.display = 'block'
+  } else {
+    alertbar.style.display = 'none'
+  }
+})

data/assets/js/googledrive.js

@@ -1,154 +1,154 @@
----
----
-
-const addScripts=()=>{
-  const scripts=document.getElementsByTagName('script')
-  const check= Array.from(scripts).find(item=>item.src==='https://www.dropbox.com/static/api/2/dropins.js')
-  if(!check){
-  const dropboxscript = document.createElement('script')
-  dropboxscript.src = 'https://www.dropbox.com/static/api/2/dropins.js'
-  dropboxscript.dataset.appKey = '{{site.dropboxapikey}}'
-  dropboxscript.id='dropboxjs'
-  document.head.append(dropboxscript)
-  }
-  const checkgooglescript= Array.from(scripts).find(item=>item.src==='https://apis.google.com/js/api.js')
-  if(!checkgooglescript){
-  const googlescript = document.createElement('script')
-  googlescript.src = 'https://apis.google.com/js/api.js'
-  document.head.append(googlescript)
-  }
-}
-const developerKey = '{{site.developerKey}}'
-const clientId ='{{site.clientId}}'
-const appId = '{{site.appId}}'
-const scope = [
-  'https://www.googleapis.com/auth/drive.file',
-  'https://www.googleapis.com/auth/drive.appdata',
-]
-let pickerApiLoaded = false
-let oauthToken
-const loadPicker = () => {
-  gapi.load('auth', { callback: onAuthApiLoad })
-  gapi.load('picker', { callback: onPickerApiLoad })
-}
-const onAuthApiLoad = () => {
-  window.gapi.auth.authorize(
-    {
-      client_id: clientId,
-      scope: scope,
-      immediate: false,
-    },
-    handleAuthResult
-  )
-}
-let onPickerApiLoad = () => {
-  pickerApiLoaded = true
-  createPicker()
-}
-const handleAuthResult = (authResult) => {
-  if (authResult && !authResult.error) {
-    oauthToken = authResult.access_token
-    createPicker()
-  }
-}
-const createPicker = () => {
-  if (pickerApiLoaded && oauthToken) {
-    const view = new google.picker.View(google.picker.ViewId.DOCS)
-    view.setMimeTypes(mimeTypes)
-    const picker = new google.picker.PickerBuilder()
-      .enableFeature(google.picker.Feature.NAV_HIDDEN)
-      .enableFeature(google.picker.Feature.MULTISELECT_ENABLED)
-      .setAppId(appId)
-      .setOAuthToken(oauthToken)
-      .addView(view)
-      .addView(new google.picker.DocsUploadView())
-      .setDeveloperKey(developerKey)
-      .setCallback(pickerCallback)
-      .build()
-    picker.setVisible(true)
-  }
-}
-const pickerCallback = async (data) => {
-  if (data.action == google.picker.Action.PICKED) {
-    showLoader()
-    const res = await fetch(
-      `https://www.googleapis.com/drive/v3/files/${data.docs[0].id}?alt=media`,
-      {
-        headers: {
-          Authorization: `Bearer ${oauthToken}`,
-        },
-      }
-    ).then((res) => res.blob())
-    let metadata = {
-      type: data.docs[0].mimeType,
-    }
-    let file = new File([res], data.docs[0].name, metadata)
-    closeLoader()
-    getFile(file)
-  }
-}
-function chooseFromDropbox() {
-  Dropbox.choose({
-    success: async (files) => {
-      if (files.length < 0) {
-        return
-      }
-      var file = files[0]
-      const url = new URL(file.link)
-      showLoader()
-      const response = await fetch(url).then((res) => res.blob())
-      let metadata = {
-        type: response.type,
-      }
-      let newFile = new File([response], file.name, metadata)
-      closeLoader()
-      getDropBoxFile(newFile)
-    },
-    cancel: function () {},
-    linkType: 'direct', 
-    multiselect: false, 
-    extensions: [...filemimes], 
-    folderselect: false, 
-  })
-}
-
-const fileupload=(file)=>{
-    gapi.load('auth', {'callback': onAuthLoad});
-  }
-  const onAuthLoad=()=> {
-  window.gapi.auth.authorize(
-      {
-        'client_id': clientId,
-        'scope': scope,
-        'immediate': false
-      },
-      handleAuth);
-}
-const handleAuth=(authResult)=> {
-  if (authResult && !authResult.error) {
-    showuploadloading()
-    var formData = new FormData();
-  const fileToUpload = file
-var metadata = {
-  name: fileToUpload.name,
-  mimeType: fileToUpload.type
-};
-formData.append( "metadata", new Blob( [JSON.stringify( metadata )], {type: "application/json"} ));
-formData.append( "file", fileToUpload );
-fetch( "https://www.googleapis.com/upload/drive/v3/files?uploadType=multipart", {
-  method: "POST",
-  headers: new Headers({ "Authorization": "Bearer " + gapi.auth.getToken().access_token }),
-  body: formData
-}).then( function( response ){
-  stopuploadloading()
-  return response.json();
-
-}).then( function( value ){
-  stopuploadloading()
-  showmessage()
-});
-  }
-}
-
-  
+---
+---
+
+const addScripts=()=>{
+  const scripts=document.getElementsByTagName('script')
+  const check= Array.from(scripts).find(item=>item.src==='https://www.dropbox.com/static/api/2/dropins.js')
+  if(!check){
+  const dropboxscript = document.createElement('script')
+  dropboxscript.src = 'https://www.dropbox.com/static/api/2/dropins.js'
+  dropboxscript.dataset.appKey = '{{site.dropboxapikey}}'
+  dropboxscript.id='dropboxjs'
+  document.head.append(dropboxscript)
+  }
+  const checkgooglescript= Array.from(scripts).find(item=>item.src==='https://apis.google.com/js/api.js')
+  if(!checkgooglescript){
+  const googlescript = document.createElement('script')
+  googlescript.src = 'https://apis.google.com/js/api.js'
+  document.head.append(googlescript)
+  }
+}
+const developerKey = '{{site.developerKey}}'
+const clientId ='{{site.clientId}}'
+const appId = '{{site.appId}}'
+const scope = [
+  'https://www.googleapis.com/auth/drive.file',
+  'https://www.googleapis.com/auth/drive.appdata',
+]
+let pickerApiLoaded = false
+let oauthToken
+const loadPicker = () => {
+  gapi.load('auth', { callback: onAuthApiLoad })
+  gapi.load('picker', { callback: onPickerApiLoad })
+}
+const onAuthApiLoad = () => {
+  window.gapi.auth.authorize(
+    {
+      client_id: clientId,
+      scope: scope,
+      immediate: false,
+    },
+    handleAuthResult
+  )
+}
+let onPickerApiLoad = () => {
+  pickerApiLoaded = true
+  createPicker()
+}
+const handleAuthResult = (authResult) => {
+  if (authResult && !authResult.error) {
+    oauthToken = authResult.access_token
+    createPicker()
+  }
+}
+const createPicker = () => {
+  if (pickerApiLoaded && oauthToken) {
+    const view = new google.picker.View(google.picker.ViewId.DOCS)
+    view.setMimeTypes(mimeTypes)
+    const picker = new google.picker.PickerBuilder()
+      .enableFeature(google.picker.Feature.NAV_HIDDEN)
+      .enableFeature(google.picker.Feature.MULTISELECT_ENABLED)
+      .setAppId(appId)
+      .setOAuthToken(oauthToken)
+      .addView(view)
+      .addView(new google.picker.DocsUploadView())
+      .setDeveloperKey(developerKey)
+      .setCallback(pickerCallback)
+      .build()
+    picker.setVisible(true)
+  }
+}
+const pickerCallback = async (data) => {
+  if (data.action == google.picker.Action.PICKED) {
+    showLoader()
+    const res = await fetch(
+      `https://www.googleapis.com/drive/v3/files/${data.docs[0].id}?alt=media`,
+      {
+        headers: {
+          Authorization: `Bearer ${oauthToken}`,
+        },
+      }
+    ).then((res) => res.blob())
+    let metadata = {
+      type: data.docs[0].mimeType,
+    }
+    let file = new File([res], data.docs[0].name, metadata)
+    closeLoader()
+    getFile(file)
+  }
+}
+function chooseFromDropbox() {
+  Dropbox.choose({
+    success: async (files) => {
+      if (files.length < 0) {
+        return
+      }
+      var file = files[0]
+      const url = new URL(file.link)
+      showLoader()
+      const response = await fetch(url).then((res) => res.blob())
+      let metadata = {
+        type: response.type,
+      }
+      let newFile = new File([response], file.name, metadata)
+      closeLoader()
+      getDropBoxFile(newFile)
+    },
+    cancel: function () {},
+    linkType: 'direct', 
+    multiselect: false, 
+    extensions: [...filemimes], 
+    folderselect: false, 
+  })
+}
+
+const fileupload=(file)=>{
+    gapi.load('auth', {'callback': onAuthLoad});
+  }
+  const onAuthLoad=()=> {
+  window.gapi.auth.authorize(
+      {
+        'client_id': clientId,
+        'scope': scope,
+        'immediate': false
+      },
+      handleAuth);
+}
+const handleAuth=(authResult)=> {
+  if (authResult && !authResult.error) {
+    showuploadloading()
+    var formData = new FormData();
+  const fileToUpload = file
+var metadata = {
+  name: fileToUpload.name,
+  mimeType: fileToUpload.type
+};
+formData.append( "metadata", new Blob( [JSON.stringify( metadata )], {type: "application/json"} ));
+formData.append( "file", fileToUpload );
+fetch( "https://www.googleapis.com/upload/drive/v3/files?uploadType=multipart", {
+  method: "POST",
+  headers: new Headers({ "Authorization": "Bearer " + gapi.auth.getToken().access_token }),
+  body: formData
+}).then( function( response ){
+  stopuploadloading()
+  return response.json();
+
+}).then( function( value ){
+  stopuploadloading()
+  showmessage()
+});
+  }
+}
+
+  
   

data/assets/js/manifest.json

@@ -1,17 +1,17 @@
----
----
-{
-    "short_name": "{{site.name}}",
-    "name": "{{site.name}}",
-    "icons": [
-        {
-            "src": "{{site.pwalogo}}",
-            "type": "image/png",
-            "sizes": "1024x1024"
-        }
-    ],
-    "start_url": "/",
-    "display": "standalone",
-    "theme_color": "#000000",
-    "background_color": "#ffffff"
+---
+---
+{
+    "short_name": "{{site.name}}",
+    "name": "{{site.name}}",
+    "icons": [
+        {
+            "src": "{{site.pwalogo}}",
+            "type": "image/png",
+            "sizes": "1024x1024"
+        }
+    ],
+    "start_url": "/",
+    "display": "standalone",
+    "theme_color": "#000000",
+    "background_color": "#ffffff"
 }

data/assets/js/multiselect.js

@@ -1,156 +1,156 @@
----
----
-
-const addScripts=()=>{
-  const scripts=document.getElementsByTagName('script')
-  const check= Array.from(scripts).find(item=>item.src==='https://www.dropbox.com/static/api/2/dropins.js')
-  if(!check){
-  const dropboxscript = document.createElement('script')
-  dropboxscript.src = 'https://www.dropbox.com/static/api/2/dropins.js'
-  dropboxscript.dataset.appKey = '{{site.dropboxapikey}}'
-  dropboxscript.id='dropboxjs'
-  document.head.append(dropboxscript)
-  }
-  const checkgooglescript= Array.from(scripts).find(item=>item.src==='https://apis.google.com/js/api.js')
-  if(!checkgooglescript){
-  const googlescript = document.createElement('script')
-  googlescript.src = 'https://apis.google.com/js/api.js'
-  document.head.append(googlescript)
-  }
-}
-const developerKey = '{{site.developerKey}}'
-const clientId ='{{site.clientId}}'
-const appId = '{{site.appId}}'
-const scope = [
-  'https://www.googleapis.com/auth/drive.file',
-  'https://www.googleapis.com/auth/drive.appdata',
-]
-let pickerApiLoaded = false
-let oauthToken
-const loadPicker = () => {
-  gapi.load('auth', { callback: onAuthApiLoad })
-  gapi.load('picker', { callback: onPickerApiLoad })
-}
-const onAuthApiLoad = () => {
-  window.gapi.auth.authorize(
-    {
-      client_id: clientId,
-      scope: scope,
-      immediate: false,
-    },
-    handleAuthResult
-  )
-}
-let onPickerApiLoad = () => {
-  pickerApiLoaded = true
-  createPicker()
-}
-const handleAuthResult = (authResult) => {
-  if (authResult && !authResult.error) {
-    oauthToken = authResult.access_token
-    createPicker()
-  }
-}
-const createPicker = () => {
-  if (pickerApiLoaded && oauthToken) {
-    const view = new google.picker.View(google.picker.ViewId.DOCS)
-    view.setMimeTypes(mimeTypes)
-    const picker = new google.picker.PickerBuilder()
-      .enableFeature(google.picker.Feature.NAV_HIDDEN)
-      .enableFeature(google.picker.Feature.MULTISELECT_ENABLED)
-      .setAppId(appId)
-      .setOAuthToken(oauthToken)
-      .addView(view)
-      .addView(new google.picker.DocsUploadView())
-      .setDeveloperKey(developerKey)
-      .setCallback(pickerCallback)
-      .build()
-    picker.setVisible(true)
-  }
-}
-const pickerCallback = async (data) => {
-  if (data.action == google.picker.Action.PICKED) {
-    showLoader()
-    var filesArray=data.docs.map(async(i)=>{
-      const res= await fetch(`https://www.googleapis.com/drive/v3/files/${i.id}?alt=media`,{
-      headers: {
-        'Authorization': `Bearer ${oauthToken}`  }
-     }).then(res=>res.blob())
-     let metadata = {
-      type: i.mimeType
-      }
-      const file = new File([res], i.name, metadata);
-      return file
-    })
-    closeLoader()
-    getFile(filesArray)
-  }
-}
-function chooseFromDropbox() {
-  Dropbox.choose({
-    success: async (files) => {
-      if (files.length < 0) {
-        return
-      }
-      var dropboxArray=files.map(async(file)=>{
-        showLoader()
-        const url = new URL(file.link)
-        const response = await fetch(url).then((res) => res.blob())
-        let metadata = {
-          type: response.type,
-        }
-        let newFile = new File([response], file.name, metadata)
-        return newFile
-      })
-     
-      closeLoader()
-      getDropBoxFile(dropboxArray)
-    },
-    cancel: function () {},
-    linkType: 'direct', 
-    multiselect: true, 
-    extensions: [...filemimes], 
-    folderselect: false, 
-  })
-}
-
-const fileupload=(file)=>{
-    gapi.load('auth', {'callback': onAuthLoad});
-  }
-  const onAuthLoad=()=> {
-  window.gapi.auth.authorize(
-      {
-        'client_id': clientId,
-        'scope': scope,
-        'immediate': false
-      },
-      handleAuth);
-}
-const handleAuth=(authResult)=> {
-  if (authResult && !authResult.error) {
-    showuploadloading()
-    var formData = new FormData();
-  const fileToUpload = file
-var metadata = {
-  name: fileToUpload.name,
-  mimeType: fileToUpload.type
-};
-formData.append( "metadata", new Blob( [JSON.stringify( metadata )], {type: "application/json"} ));
-formData.append( "file", fileToUpload );
-fetch( "https://www.googleapis.com/upload/drive/v3/files?uploadType=multipart", {
-  method: "POST",
-  headers: new Headers({ "Authorization": "Bearer " + gapi.auth.getToken().access_token }),
-  body: formData
-}).then( function( response ){
-  stopuploadloading()
-  return response.json();
-
-}).then( function( value ){
-  stopuploadloading()
-  showmessage()
-});
-  }
-}
-
-  
+---
+---
+
+const addScripts=()=>{
+  const scripts=document.getElementsByTagName('script')
+  const check= Array.from(scripts).find(item=>item.src==='https://www.dropbox.com/static/api/2/dropins.js')
+  if(!check){
+  const dropboxscript = document.createElement('script')
+  dropboxscript.src = 'https://www.dropbox.com/static/api/2/dropins.js'
+  dropboxscript.dataset.appKey = '{{site.dropboxapikey}}'
+  dropboxscript.id='dropboxjs'
+  document.head.append(dropboxscript)
+  }
+  const checkgooglescript= Array.from(scripts).find(item=>item.src==='https://apis.google.com/js/api.js')
+  if(!checkgooglescript){
+  const googlescript = document.createElement('script')
+  googlescript.src = 'https://apis.google.com/js/api.js'
+  document.head.append(googlescript)
+  }
+}
+const developerKey = '{{site.developerKey}}'
+const clientId ='{{site.clientId}}'
+const appId = '{{site.appId}}'
+const scope = [
+  'https://www.googleapis.com/auth/drive.file',
+  'https://www.googleapis.com/auth/drive.appdata',
+]
+let pickerApiLoaded = false
+let oauthToken
+const loadPicker = () => {
+  gapi.load('auth', { callback: onAuthApiLoad })
+  gapi.load('picker', { callback: onPickerApiLoad })
+}
+const onAuthApiLoad = () => {
+  window.gapi.auth.authorize(
+    {
+      client_id: clientId,
+      scope: scope,
+      immediate: false,
+    },
+    handleAuthResult
+  )
+}
+let onPickerApiLoad = () => {
+  pickerApiLoaded = true
+  createPicker()
+}
+const handleAuthResult = (authResult) => {
+  if (authResult && !authResult.error) {
+    oauthToken = authResult.access_token
+    createPicker()
+  }
+}
+const createPicker = () => {
+  if (pickerApiLoaded && oauthToken) {
+    const view = new google.picker.View(google.picker.ViewId.DOCS)
+    view.setMimeTypes(mimeTypes)
+    const picker = new google.picker.PickerBuilder()
+      .enableFeature(google.picker.Feature.NAV_HIDDEN)
+      .enableFeature(google.picker.Feature.MULTISELECT_ENABLED)
+      .setAppId(appId)
+      .setOAuthToken(oauthToken)
+      .addView(view)
+      .addView(new google.picker.DocsUploadView())
+      .setDeveloperKey(developerKey)
+      .setCallback(pickerCallback)
+      .build()
+    picker.setVisible(true)
+  }
+}
+const pickerCallback = async (data) => {
+  if (data.action == google.picker.Action.PICKED) {
+    showLoader()
+    var filesArray=data.docs.map(async(i)=>{
+      const res= await fetch(`https://www.googleapis.com/drive/v3/files/${i.id}?alt=media`,{
+      headers: {
+        'Authorization': `Bearer ${oauthToken}`  }
+     }).then(res=>res.blob())
+     let metadata = {
+      type: i.mimeType
+      }
+      const file = new File([res], i.name, metadata);
+      return file
+    })
+    closeLoader()
+    getFile(filesArray)
+  }
+}
+function chooseFromDropbox() {
+  Dropbox.choose({
+    success: async (files) => {
+      if (files.length < 0) {
+        return
+      }
+      var dropboxArray=files.map(async(file)=>{
+        showLoader()
+        const url = new URL(file.link)
+        const response = await fetch(url).then((res) => res.blob())
+        let metadata = {
+          type: response.type,
+        }
+        let newFile = new File([response], file.name, metadata)
+        return newFile
+      })
+     
+      closeLoader()
+      getDropBoxFile(dropboxArray)
+    },
+    cancel: function () {},
+    linkType: 'direct', 
+    multiselect: true, 
+    extensions: [...filemimes], 
+    folderselect: false, 
+  })
+}
+
+const fileupload=(file)=>{
+    gapi.load('auth', {'callback': onAuthLoad});
+  }
+  const onAuthLoad=()=> {
+  window.gapi.auth.authorize(
+      {
+        'client_id': clientId,
+        'scope': scope,
+        'immediate': false
+      },
+      handleAuth);
+}
+const handleAuth=(authResult)=> {
+  if (authResult && !authResult.error) {
+    showuploadloading()
+    var formData = new FormData();
+  const fileToUpload = file
+var metadata = {
+  name: fileToUpload.name,
+  mimeType: fileToUpload.type
+};
+formData.append( "metadata", new Blob( [JSON.stringify( metadata )], {type: "application/json"} ));
+formData.append( "file", fileToUpload );
+fetch( "https://www.googleapis.com/upload/drive/v3/files?uploadType=multipart", {
+  method: "POST",
+  headers: new Headers({ "Authorization": "Bearer " + gapi.auth.getToken().access_token }),
+  body: formData
+}).then( function( response ){
+  stopuploadloading()
+  return response.json();
+
+}).then( function( value ){
+  stopuploadloading()
+  showmessage()
+});
+  }
+}
+
+