appscms-tools-theme 1.9.9 → 2.0.1

data/assets/images/uo.svg

@@ -1,41 +1,41 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1"
-	 id="svg2" inkscape:export-filename="/home/rhill/permahome/workshop/ublock/src/img/icon_16.png" inkscape:export-xdpi="11.25" inkscape:export-ydpi="11.25" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 136 136"
-	 style="enable-background:new 0 0 136 136;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#800000;stroke:#FFFFFF;stroke-width:1.6673;stroke-linecap:round;stroke-linejoin:round;}
-	.st1{fill:none;stroke:#FFFFFF;stroke-width:6;}
-	.st2{fill:#FFFFFF;}
-</style>
-<defs>
-	
-	<inkscape:path-effect  effect="spiro" id="path-effect3995" is_visible="true"></inkscape:path-effect>
-</defs>
-<sodipodi:namedview  bordercolor="#666666" borderlayer="false" borderopacity="1.0" fit-margin-bottom="5" fit-margin-left="5" fit-margin-right="5" fit-margin-top="5" id="base" inkscape:current-layer="layer5" inkscape:cx="64.392082" inkscape:cy="64" inkscape:document-units="px" inkscape:guide-bbox="true" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:showpageshadow="false" inkscape:snap-bbox="true" inkscape:snap-global="true" inkscape:snap-grids="true" inkscape:window-height="969" inkscape:window-maximized="0" inkscape:window-width="1187" inkscape:window-x="121" inkscape:window-y="59" inkscape:zoom="5.6568542" pagecolor="#404040" showborder="true" showgrid="true" showguides="false">
-	
-		<inkscape:grid  dotted="false" empspacing="8" enabled="true" id="grid3059" snapvisiblegridlinesonly="true" type="xygrid" visible="true">
-		</inkscape:grid>
-</sodipodi:namedview>
-<g id="layer3" inkscape:groupmode="layer" inkscape:label="polygon 1">
-	
-		<g id="g5639" transform="matrix(0.6778654,0,0,0.56141828,-241.07537,-247.27712)" inkscape:export-filename="/home/rhill/permahome/workshop/ublock/platform/chromium/img/browsericons/icon19-off.png" inkscape:export-xdpi="26.719999" inkscape:export-ydpi="26.719999">
-	</g>
-	<g id="g6907" transform="matrix(-0.6945203,0,0,0.56109687,375.02964,-247.42947)">
-		<path id="path6909" inkscape:connector-curvature="0" sodipodi:nodetypes="cccccc" class="st0" d="M442.07,680.88
-			c-83.92-59.36-83.92-59.36-83.92-207.76c35.97,0,47.96,0,83.92-29.68 M442.07,680.88C526,621.52,526,621.52,526,473.13
-			c-35.97,0-47.96,0-83.92-29.68"/>
-	</g>
-</g>
-<g id="layer5" transform="translate(-17.872548,-17.32535)" inkscape:groupmode="layer" inkscape:label="text">
-	
-		<ellipse id="path2996-3" inkscape:export-filename="/home/rhill/permahome/workshop/ublock/platform/chromium/img/browsericons/path2996.png" inkscape:export-xdpi="26.719999" inkscape:export-ydpi="26.719999" sodipodi:cx="102.12254" sodipodi:cy="81.325356" sodipodi:rx="11.999999" sodipodi:ry="12" class="st1" cx="97.87" cy="81.33" rx="16" ry="16">
-	</ellipse>
-	<g id="text3778" transform="scale(1.0018026,0.99820067)">
-		<path id="path3783" inkscape:connector-curvature="0" sodipodi:nodetypes="ccccccccccc" class="st2" d="M85.72,85.48
-			c0,11.02-4.99,16.03-15.97,16.03c-10.98,0-15.97-5.01-15.97-16.03V61.44h7.99v24.04c0,7.01,1,8.01,7.99,8.01
-			c6.99,0,7.99-1,7.99-8.01V61.44h7.99V85.48z"/>
-	</g>
-</g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg2" inkscape:export-filename="/home/rhill/permahome/workshop/ublock/src/img/icon_16.png" inkscape:export-xdpi="11.25" inkscape:export-ydpi="11.25" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 136 136"
+	 style="enable-background:new 0 0 136 136;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#800000;stroke:#FFFFFF;stroke-width:1.6673;stroke-linecap:round;stroke-linejoin:round;}
+	.st1{fill:none;stroke:#FFFFFF;stroke-width:6;}
+	.st2{fill:#FFFFFF;}
+</style>
+<defs>
+	
+	<inkscape:path-effect  effect="spiro" id="path-effect3995" is_visible="true"></inkscape:path-effect>
+</defs>
+<sodipodi:namedview  bordercolor="#666666" borderlayer="false" borderopacity="1.0" fit-margin-bottom="5" fit-margin-left="5" fit-margin-right="5" fit-margin-top="5" id="base" inkscape:current-layer="layer5" inkscape:cx="64.392082" inkscape:cy="64" inkscape:document-units="px" inkscape:guide-bbox="true" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:showpageshadow="false" inkscape:snap-bbox="true" inkscape:snap-global="true" inkscape:snap-grids="true" inkscape:window-height="969" inkscape:window-maximized="0" inkscape:window-width="1187" inkscape:window-x="121" inkscape:window-y="59" inkscape:zoom="5.6568542" pagecolor="#404040" showborder="true" showgrid="true" showguides="false">
+	
+		<inkscape:grid  dotted="false" empspacing="8" enabled="true" id="grid3059" snapvisiblegridlinesonly="true" type="xygrid" visible="true">
+		</inkscape:grid>
+</sodipodi:namedview>
+<g id="layer3" inkscape:groupmode="layer" inkscape:label="polygon 1">
+	
+		<g id="g5639" transform="matrix(0.6778654,0,0,0.56141828,-241.07537,-247.27712)" inkscape:export-filename="/home/rhill/permahome/workshop/ublock/platform/chromium/img/browsericons/icon19-off.png" inkscape:export-xdpi="26.719999" inkscape:export-ydpi="26.719999">
+	</g>
+	<g id="g6907" transform="matrix(-0.6945203,0,0,0.56109687,375.02964,-247.42947)">
+		<path id="path6909" inkscape:connector-curvature="0" sodipodi:nodetypes="cccccc" class="st0" d="M442.07,680.88
+			c-83.92-59.36-83.92-59.36-83.92-207.76c35.97,0,47.96,0,83.92-29.68 M442.07,680.88C526,621.52,526,621.52,526,473.13
+			c-35.97,0-47.96,0-83.92-29.68"/>
+	</g>
+</g>
+<g id="layer5" transform="translate(-17.872548,-17.32535)" inkscape:groupmode="layer" inkscape:label="text">
+	
+		<ellipse id="path2996-3" inkscape:export-filename="/home/rhill/permahome/workshop/ublock/platform/chromium/img/browsericons/path2996.png" inkscape:export-xdpi="26.719999" inkscape:export-ydpi="26.719999" sodipodi:cx="102.12254" sodipodi:cy="81.325356" sodipodi:rx="11.999999" sodipodi:ry="12" class="st1" cx="97.87" cy="81.33" rx="16" ry="16">
+	</ellipse>
+	<g id="text3778" transform="scale(1.0018026,0.99820067)">
+		<path id="path3783" inkscape:connector-curvature="0" sodipodi:nodetypes="ccccccccccc" class="st2" d="M85.72,85.48
+			c0,11.02-4.99,16.03-15.97,16.03c-10.98,0-15.97-5.01-15.97-16.03V61.44h7.99v24.04c0,7.01,1,8.01,7.99,8.01
+			c6.99,0,7.99-1,7.99-8.01V61.44h7.99V85.48z"/>
+	</g>
+</g>
+</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/adBlocker.js

@@ -1,44 +1,44 @@
-$('.nav-tabs a.nav-tab-link').click(function () {
-  $('.nav-tabs  a.nav-tab-link').removeClass('active')
-})
-
-const detect = document.querySelector('#detect')
-const wrapper = document.querySelector('.wrapper')
-const closePopup = document.getElementsByClassName('closePopup')
-const extensions = document.querySelector('.extensions')
-
-const refresh = () => {
-  location.reload()
-}
-
-let adsBtn = document.querySelector('.allow-ads-btn')
-adsBtn.addEventListener('click', () => {
-  extensions.classList.add('show')
-})
-
-let adClasses = [
-  'ad',
-  'ads',
-  'adsbox',
-  'doubleclick',
-  'ad-placement',
-  'ad-placeholder',
-  'adbadge',
-  'BannerAd',
-]
-for (let item of adClasses) {
-  detect.classList.add(item)
-}
-
-let getProperty = window.getComputedStyle(detect).getPropertyValue('display')
-if (!wrapper.classList.contains('show')) {
-  getProperty == 'none'
-    ? wrapper.classList.add('show')
-    : wrapper.classList.remove('show')
-}
-closePopup[0].addEventListener('click', () => {
-  wrapper.classList.remove('show')
-})
-closePopup[1].addEventListener('click', () => {
-  extensions.classList.remove('show')
-})
+$('.nav-tabs a.nav-tab-link').click(function () {
+  $('.nav-tabs  a.nav-tab-link').removeClass('active')
+})
+
+const detect = document.querySelector('#detect')
+const wrapper = document.querySelector('.wrapper')
+const closePopup = document.getElementsByClassName('closePopup')
+const extensions = document.querySelector('.extensions')
+
+const refresh = () => {
+  location.reload()
+}
+
+let adsBtn = document.querySelector('.allow-ads-btn')
+adsBtn.addEventListener('click', () => {
+  extensions.classList.add('show')
+})
+
+let adClasses = [
+  'ad',
+  'ads',
+  'adsbox',
+  'doubleclick',
+  'ad-placement',
+  'ad-placeholder',
+  'adbadge',
+  'BannerAd',
+]
+for (let item of adClasses) {
+  detect.classList.add(item)
+}
+
+let getProperty = window.getComputedStyle(detect).getPropertyValue('display')
+if (!wrapper.classList.contains('show')) {
+  getProperty == 'none'
+    ? wrapper.classList.add('show')
+    : wrapper.classList.remove('show')
+}
+closePopup[0].addEventListener('click', () => {
+  wrapper.classList.remove('show')
+})
+closePopup[1].addEventListener('click', () => {
+  extensions.classList.remove('show')
+})

data/assets/js/featureResult.js

@@ -1,42 +1,42 @@
-let script = document.currentScript
-const params = new URLSearchParams(window.location.search)
-let type = params.get('fileName')
-let jsonFileName = atob(type)
-let folderName = script.dataset.foldername
-let fileName = jsonFileName
-let lang = script.dataset.lang
-let feature_h1 = document.querySelector('.feature-h1')
-let feature_h2 = document.querySelector('.feature-h2')
-let feature_img = document.querySelector('.features-img')
-
-const getSeodata = async () => {
-  let URL = '/data' + '/' + folderName + '/' + lang + '/' + fileName + '.json'
-  const data = await fetch(URL)
-  const seoData = await data.json()
-
-  feature_h1.innerHTML = seoData.H1
-  feature_h2.innerHTML = seoData.H2
-
-  document.head
-    .querySelector('meta[property="og:title"]')
-    .setAttribute('content', seoData.TITLE)
-  document.head
-    .querySelector('meta[name="description"]')
-    .setAttribute('content', seoData.META)
-  document.head
-    .querySelector('meta[name="twitter:title"]')
-    .setAttribute('content', seoData.TITLE)
-  document.head
-    .querySelector('meta[name="twitter:description"]')
-    .setAttribute('content', seoData.META)
-
-  if (seoData.img) {
-    feature_img.src = seoData.img
-    feature_img.setAttribute('alt', seoData.imgalt)
-    feature_img.style.width = seoData.imgwidth
-    feature_img.style.height = seoData.imgheight
-  }
-
-  document.title = seoData.TITLE
-}
-getSeodata()
+let script = document.currentScript
+const params = new URLSearchParams(window.location.search)
+let type = params.get('fileName')
+let jsonFileName = atob(type)
+let folderName = script.dataset.foldername
+let fileName = jsonFileName
+let lang = script.dataset.lang
+let feature_h1 = document.querySelector('.feature-h1')
+let feature_h2 = document.querySelector('.feature-h2')
+let feature_img = document.querySelector('.features-img')
+
+const getSeodata = async () => {
+  let URL = '/data' + '/' + folderName + '/' + lang + '/' + fileName + '.json'
+  const data = await fetch(URL)
+  const seoData = await data.json()
+
+  feature_h1.innerHTML = seoData.H1
+  feature_h2.innerHTML = seoData.H2
+
+  document.head
+    .querySelector('meta[property="og:title"]')
+    .setAttribute('content', seoData.TITLE)
+  document.head
+    .querySelector('meta[name="description"]')
+    .setAttribute('content', seoData.META)
+  document.head
+    .querySelector('meta[name="twitter:title"]')
+    .setAttribute('content', seoData.TITLE)
+  document.head
+    .querySelector('meta[name="twitter:description"]')
+    .setAttribute('content', seoData.META)
+
+  if (seoData.img) {
+    feature_img.src = seoData.img
+    feature_img.setAttribute('alt', seoData.imgalt)
+    feature_img.style.width = seoData.imgwidth
+    feature_img.style.height = seoData.imgheight
+  }
+
+  document.title = seoData.TITLE
+}
+getSeodata()

data/assets/js/googledrive.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.crossOrigin = 'anonymous'
-  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'
-  googlescript.crossOrigin = 'anonymous'
-  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.crossOrigin = 'anonymous'
+  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'
+  googlescript.crossOrigin = 'anonymous'
+  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()
+});
+  }
+}
+
+