glib-web 6.0.3 → 6.0.4

package/templates/editable.vue

@@ -162,8 +162,13 @@ export default {
     // },
   },
   methods: {
+    // Enable so the row's `id` registers in GLib.component, allowing
+    // `components/replace`, `logics/set` and `lists/remove` to target the row.
+    // When the row delegates its `id` to an inner check field (form/edit mode),
+    // don't also register the row under the same id — that duplicate would shadow
+    // the checkbox and break `logics/set targetId: <rowId>` aimed at it.
     $registryEnabled() {
-      return false;
+      return !this.checkSpec;
     },
     buttonSpec(item) {
       // Classes should be coming from the backend

package/templates/featured.vue

@@ -28,6 +28,13 @@ export default {
     editButtons() {
       return this.spec.editButtons || [];
     }
+  },
+  methods: {
+    // Enable so the row's `id` registers in GLib.component, allowing
+    // `components/replace`, `logics/set` and `lists/remove` to target the row.
+    $registryEnabled() {
+      return true;
+    }
   }
 };
 </script>

package/templates/thumbnail.vue

@@ -1,5 +1,5 @@
 <template>
-  <component :is="componentName" :href="$href()" class="thumbnail" :class="cssClasses" @[clickCondition]="$onClick()">
+  <component :is="componentName" v-ripple="!!clickCondition" :href="$href()" class="thumbnail" :class="cssClasses" @[clickCondition]="$onClick()">
     <panels-responsive v-if="spec.header" :spec="spec.header" />
     <div style="display:flex;">
       <!-- <div v-if="spec.leftOuterButtons" style="display:flex; margin-top:10px;">
@@ -11,7 +11,7 @@
 </div> -->
 
       <panels-responsive v-if="spec.left" :spec="spec.left" />
-      <v-list-item v-longclick="$onLongPress" class="item-content" :style="columnStyles()">
+      <v-list-item v-longclick="$onLongPress" :ripple="false" class="item-content" :style="columnStyles()">
         <!-- <v-icon v-if="spec.onReorder" class="handle">drag_indicator</v-icon> -->
 
         <template #prepend>
@@ -199,6 +199,11 @@ export default {
     // },
   },
   methods: {
+    // Enable so the row's `id` registers in GLib.component, allowing
+    // `components/replace`, `logics/set` and `lists/remove` to target the row.
+    $registryEnabled() {
+      return true;
+    },
     buttonSpec(item) {
       // Classes should be coming from the backend
       // const styleClasses = ["text", "x-small"]
@@ -285,6 +290,7 @@ a.thumbnail {
   color: inherit;
   text-decoration: inherit;
   display: block;
+  cursor: pointer;
 }
 
 .item-content {

package/utils/constant.js

@@ -46,5 +46,13 @@ function determineSize(styleClasses, defaultSize) {
   return defaultSize;
 }
 
-export { variants, determineColor, determineVariant, determineDensity, determineSize }
+function resolveIconName(iconSpec) {
+  if (!iconSpec) return undefined;
+  if (typeof iconSpec === 'string') return iconSpec;
+  if (iconSpec.fa) return `fab fa-${iconSpec.fa.name}`;
+  if (iconSpec.material) return iconSpec.material.name;
+  return undefined;
+}
+
+export { variants, determineColor, determineVariant, determineDensity, determineSize, resolveIconName }
 

package/components/composable/tableExport.js

@@ -1,84 +0,0 @@
-import { getCurrentInstance, ref } from "vue";
-import { isString, isObject } from "../../utils/type";
-
-const getProxy = (instance) => instance?.proxy || null;
-
-function useTableExport() {
-  const instance = getCurrentInstance();
-  const exportable = ref(false);
-  const exportLabel = ref("CSV");
-  const exportFile = ref("output");
-
-  const initCsvExport = () => {
-    let exportName = "output";
-    const proxy = getProxy(instance);
-    if (!proxy) return;
-
-    const exportSpec = proxy.spec?.export;
-    if (isObject(exportSpec)) {
-      exportable.value = true;
-
-      if (isString(exportSpec.label)) {
-        exportLabel.value = exportSpec.label;
-      }
-      if (isString(exportSpec.fileName)) {
-        exportName = exportSpec.fileName;
-      }
-    }
-
-    exportFile.value = `${exportName}.csv`;
-  };
-
-  const exportCsv = (section) => {
-    return (
-      "data:text/csv;charset=" +
-      document.characterSet +
-      "," +
-      encodeURI(compileCsvRows(section))
-    );
-  };
-
-  const compileCsvRows = (section) => {
-    const lines = [];
-    lines.push(compileCsvRow(section.header));
-    for (const row of section.rows) {
-      lines.push(compileCsvRow(row));
-    }
-    return lines.join("\n");
-  };
-
-  const compileCsvRow = (row) => {
-    return row.cellViews.map((view) => escapeForCsv(view.text)).join(",");
-  };
-
-  const escapeForCsv = (text) => {
-    if (isString(text)) {
-      if (text === "") {
-        return '""';
-      }
-      if (
-        text.contains("\"") ||
-        text.contains("\n") ||
-        text.contains("\r") ||
-        text.contains(",")
-      ) {
-        return '"' + text.replace(/"/g, '""') + '"';
-      }
-      return text;
-    }
-    return '""';
-  };
-
-  return {
-    exportable,
-    exportLabel,
-    exportFile,
-    initCsvExport,
-    exportCsv,
-    _compileCsvRows: compileCsvRows,
-    _compileCsvRow: compileCsvRow,
-    _escapeForCsv: escapeForCsv
-  };
-}
-
-export { useTableExport };

package/components/composable/tableImport.js

@@ -1,163 +0,0 @@
-import { getCurrentInstance, ref } from "vue";
-import { getAllFormData } from "./form";
-import { isObject, isString } from "../../utils/type";
-
-const getProxy = (instance) => instance?.proxy || null;
-
-function useTableImport() {
-  const instance = getCurrentInstance();
-  const importable = ref(false);
-  const importSubmitUrl = ref(null);
-  const importParamName = ref("row");
-
-  const initCsvImport = () => {
-    const proxy = getProxy(instance);
-    if (!proxy) return;
-
-    const importSpec = proxy.spec?.import;
-    if (isObject(importSpec)) {
-      importable.value = true;
-      importSubmitUrl.value = importSpec.submitUrl;
-      importParamName.value = importSpec.paramName;
-    }
-  };
-
-  const rowSelected = (sectionIndex, rowIndex) => {
-    return getAllFormData()[rowCheckId(sectionIndex, rowIndex)];
-  };
-
-  const rowCheckId = (sectionIndex, rowIndex) => {
-    return `row_${sectionIndex}_${rowIndex}`;
-  };
-
-  const selectedRowCount = (section) => {
-    const sectionIndex = section.index;
-    let count = 0;
-    section.dataRows.forEach((_row, rowIndex) => {
-      if (rowSelected(sectionIndex, rowIndex)) {
-        count++;
-      }
-    });
-    return count;
-  };
-
-  const submitRows = (_event, section) => {
-    const keys = section.header.dataCells;
-    const rows = [];
-    const sectionIndex = section.index;
-    let count = 0;
-    section.dataRows.forEach((row, rowIndex) => {
-      if (!rowSelected(sectionIndex, rowIndex)) {
-        return;
-      }
-
-      count++;
-      const cells = {};
-      row.forEach((cell, cellIndex) => {
-        const key = `${importParamName.value}[${keys[cellIndex]}]`;
-        cells[key] = cell;
-      });
-      cells["_index"] = rowIndex;
-      rows.push(cells);
-    });
-
-    if (count > 0) {
-      submitEachRow(rows);
-    } else {
-      Utils.launch.dialog.alert("Please select at least one row.", getProxy(instance));
-    }
-  };
-
-  const submitEachRow = (rows) => {
-    const url = Utils.type.string(importSubmitUrl.value);
-    if (!url) return;
-
-    const proxy = getProxy(instance);
-    const row = rows.shift();
-    if (row) {
-      const data = {
-        url: url,
-        formData: row
-      };
-      Utils.http.execute(data, "POST", proxy, (response) => {
-        GLib.action.handleResponse(response, proxy);
-        submitEachRow(rows);
-      });
-    }
-  };
-
-  const loadFile = (file, section) => {
-    const reader = new FileReader();
-    reader.readAsText(file);
-    reader.onload = (e) => {
-      const rows = parseCsv(e.target.result);
-      section.header.dataCells = rows.shift().map((cell) => {
-        return cell.trim();
-      });
-      section.dataRows = rows;
-
-      if (rows.length > 0) {
-        const proxy = getProxy(instance);
-        proxy.fileLoaded = true;
-        GLib.action.execute(proxy.spec.onLoadRows, proxy);
-      } else {
-        Utils.launch.dialog.alert("File doesn't contain valid data.", getProxy(instance));
-      }
-    };
-
-    event.target.value = null;
-  };
-
-  const parseCsv = (csvString) => {
-    let prevLetter = "",
-      row = [""],
-      result = [row],
-      columnIndex = 0,
-      rowIndex = 0,
-      canSplit = true,
-      letter;
-    for (let i = 0; i <= csvString.length; ++i) {
-      letter = csvString[i];
-
-      if ('"' === letter) {
-        if (canSplit && letter === prevLetter) {
-          row[columnIndex] += letter;
-        }
-        canSplit = !canSplit;
-      } else if ("," === letter && canSplit) {
-        letter = row[++columnIndex] = "";
-      } else if ("\n" === letter && canSplit) {
-        if ("\r" === prevLetter) {
-          row[columnIndex] = row[columnIndex].slice(0, -1);
-        }
-        row = result[++rowIndex] = [(letter = "")];
-        columnIndex = 0;
-      } else if (isString(letter)) {
-        row[columnIndex] += letter;
-      }
-      prevLetter = letter;
-    }
-
-    result = result.filter((rowItem) => {
-      return rowItem[0] !== "";
-    });
-
-    return result;
-  };
-
-  return {
-    importable,
-    importSubmitUrl,
-    importParamName,
-    initCsvImport,
-    rowSelected,
-    selectedRowCount,
-    submitRows,
-    _submitEachRow: submitEachRow,
-    loadFile,
-    _parseCsv: parseCsv,
-    rowCheckId
-  };
-}
-
-export { useTableImport };

package/cypress/e2e/glib-web/listsAppend.cy.js

@@ -1,27 +0,0 @@
-import { testPageUrl } from "../../helper.js";
-
-const url = testPageUrl('lists_append');
-
-describe('lists_append', () => {
-  it('appends rows to the populated list', () => {
-    cy.visit(url);
-
-    cy.contains('Starter row').should('exist');
-
-    cy.contains('lists/append (thumbnail)').click();
-    cy.get('#lists_append_status')
-      .should('contain.text', 'Status: appended');
-    cy.contains('New row').should('exist');
-
-    // cy.contains('Append standard row').click()
-    // cy.contains('Standard row').should('exist')
-
-    cy.contains('Append + snackbar').click();
-    cy.contains('Snackbar row').should('exist');
-    cy.contains('.v-snackbar', 'Row appended').should('exist');
-
-    cy.contains('Append two rows').click();
-    cy.contains('Batch row A').should('exist');
-    cy.contains('Batch row B').should('exist');
-  });
-});