浏览代码

Change masonry options source

Svilen Markov 8 月之前
父节点
当前提交
13700fe2b2
共有 1 个文件被更改,包括 9 次插入8 次删除
  1. 9 8
      internal/assets/static/js/masonry.js

+ 9 - 8
internal/assets/static/js/masonry.js

@@ -1,16 +1,17 @@
-import { clamp } from "./utils.js";
 
-export function setupMasonries(options = {}, selector = ".masonry") {
-    options = {
-        minColumnWidth: 300,
-        maxColumns: 6,
-         ...options
-    };
+import { clamp } from "./utils.js";
 
-    const masonryContainers = document.querySelectorAll(selector);
+export function setupMasonries() {
+    const masonryContainers = document.getElementsByClassName("masonry");
 
     for (let i = 0; i < masonryContainers.length; i++) {
         const container = masonryContainers[i];
+
+        const options = {
+            minColumnWidth: container.dataset.minColumnWidth || 330,
+            maxColumns: container.dataset.maxColumns || 6,
+        };
+
         const items = Array.from(container.children);
         let previousColumnsCount = 0;