@xuda.io/xuda-widget-plugin-xuda-drive 1.0.7 → 1.0.8

package/index.mjs

@@ -153,8 +153,8 @@ export const methods = {
             value: "",
           },
           {
-            label: "Thumbnails",
-            value: "thumbnails",
+            label: "Gallery",
+            value: "gallery",
           },
           {
             label: "List",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xuda.io/xuda-widget-plugin-xuda-drive",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "Xuda Drive widget plugin",
   "scripts": {
     "pub": "npm version patch --force && npm publish  --access public"

package/runtime.mjs

@@ -539,23 +539,7 @@ export async function viewer(fields, e) {
 
     <!-- Tabs -->
 
-    <!-- Gallery -->
-    <section class="mt-8 pb-16" aria-labelledby="gallery-heading">
-      <h2 id="gallery-heading" class="sr-only">Recently viewed</h2>
-      <ul role="list" class="grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-6 md:grid-cols-4 lg:grid-cols-3 xl:grid-cols-4 xl:gap-x-8 [&>li>div>img]:aspect-[3/2]">
-        <li class="relative">
-          <div class="aspect-w-10 aspect-h-7 group block w-full overflow-hidden rounded-lg bg-gray-100 ring-2 ring-indigo-500 ring-offset-2" x-state:on="Current" x-state:off="Default" x-state-description='Current: "ring-2 ring-indigo-500 ring-offset-2", Default: "focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100"'>
-            <img src="https://images.unsplash.com/photo-1582053433976-25c00369fc93?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=512&amp;q=80" alt="" class="pointer-events-none object-cover" x-state:on="Current" x-state:off="Default" x-state-description='Current: "", Default: "group-hover:opacity-75"' />
-            <button type="button" class="absolute inset-0 focus:outline-none">
-              <span class="sr-only">View details for IMG_4985.HEIC</span>
-            </button>
-          </div>
-          <p class="pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900">IMG_4985.HEIC</p>
-          <p class="pointer-events-none block text-sm font-medium text-gray-500">3.9 MB</p>
-        </li>
-       
-      </ul>
-    </section>
+ 
   </div>
 </main>
 
@@ -563,9 +547,7 @@ export async function viewer(fields, e) {
 
   e.$containerP.html(html);
 
-  let opt = { app_id, type: "file" };
-
-  try {
+  const search_drive = async function () {
     let domain =
       e._session.engine_mode === "live_preview" ? `dev.xuda.io` : `xuda.io`;
 
@@ -588,6 +570,42 @@ export async function viewer(fields, e) {
     }
     const json = await response.json();
     return json;
+  };
+
+  let viewer_type = fields.default_view_type || "gallery";
+
+  let opt = { app_id, type: "file", search_string: "a" };
+
+  try {
+    const ret = search_drive();
+
+    for (let file of ret.data.docs) {
+      switch (viewer_type) {
+        case "gallery": {
+          e.$containerP.append(` 
+              <section class="mt-8 pb-16" aria-labelledby="gallery-heading">
+          <h2 id="gallery-heading" class="sr-only">Recently viewed</h2>
+          <ul role="list" class="grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-6 md:grid-cols-4 lg:grid-cols-3 xl:grid-cols-4 xl:gap-x-8 [&>li>div>img]:aspect-[3/2]">
+            <li class="relative">
+              <div class="aspect-w-10 aspect-h-7 group block w-full overflow-hidden rounded-lg bg-gray-100 ring-2 ring-indigo-500 ring-offset-2" x-state:on="Current" x-state:off="Default" x-state-description='Current: "ring-2 ring-indigo-500 ring-offset-2", Default: "focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100"'>
+                <img src="https://images.unsplash.com/photo-1582053433976-25c00369fc93?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=512&amp;q=80" alt="" class="pointer-events-none object-cover" x-state:on="Current" x-state:off="Default" x-state-description='Current: "", Default: "group-hover:opacity-75"' />
+                <button type="button" class="absolute inset-0 focus:outline-none">
+                  <span class="sr-only">View details for IMG_4985.HEIC</span>
+                </button>
+              </div>
+              <p class="pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900">IMG_4985.HEIC</p>
+              <p class="pointer-events-none block text-sm font-medium text-gray-500">3.9 MB</p>
+            </li>
+           
+          </ul>
+        </section>
+`);
+          break;
+        }
+        default:
+          break;
+      }
+    }
   } catch (err) {
     console.error(err);
   }