fix: Use <tfoot> for "loading older entries" row (intersection obse…

…rver) Signed-off-by: Ferdinand Thiessen <[email protected]> Signed-off-by: nextcloud-command <[email protected]>
nextcloud · Jul 24, 2023 · a460cc5 · a460cc5
1 parent a98b582
commit a460cc5
Show file tree

Hide file tree

Showing 8 changed files with 15 additions and 18 deletions.
diff --git a/css/logreader-style.css b/css/logreader-style.css
diff --git a/js/Splitter-634df9e6.mjs → js/Splitter-2acdb4bc.mjs b/js/Splitter-634df9e6.mjs → js/Splitter-2acdb4bc.mjs
@@ -1,8 +1,8 @@
-import { g as d } from "./index-46d64e17.mjs";
+import { g as d } from "./index-e2e3db18.mjs";
 /**
  * @name logreader
  * @license
- * @version  (generated 2023-07-21)
+ * @version  (generated 2023-07-24)
  *
  * Included dependencies:
  *

diff --git a/js/Splitter-634df9e6.mjs.map → js/Splitter-2acdb4bc.mjs.map b/js/Splitter-634df9e6.mjs.map → js/Splitter-2acdb4bc.mjs.map
diff --git a/js/index-46d64e17.mjs → js/index-e2e3db18.mjs b/js/index-46d64e17.mjs → js/index-e2e3db18.mjs
@@ -4,7 +4,7 @@ var Y1 = (e, t, r) => ($9(e, typeof t != "symbol" ? t + "" : t, r), r);
 /**
  * @name logreader
  * @license
- * @version  (generated 2023-07-21)
+ * @version  (generated 2023-07-24)
  *
  * Included dependencies:
  *
@@ -8197,7 +8197,7 @@ async function hX(e) {
     t = e.split("\n").map(db);
   } catch {
     as.debug("falling back to json splitter");
-    const r = (await import("./Splitter-634df9e6.mjs").then((n) => n.S)).default;
+    const r = (await import("./Splitter-2acdb4bc.mjs").then((n) => n.S)).default;
     t = r(e).jsons.map(db);
   }
   return t.map(Fl);
@@ -31468,8 +31468,8 @@ var Jpe = function() {
     r.sortedByTime = n;
   } } }), t("th", [t("span", { staticClass: "hidden-visually" }, [e._v(e._s(r.t("logreader", "Log entry actions")))])])], 1)]), t("tbody", { ref: "tableBody" }, [r.sortedByTime === "ascending" ? t("tr", [t("td", { staticClass: "log-table__load-more", attrs: { colspan: "5" } }, [r.logStore.hasRemainingEntries ? t(r.IntersectionObserver, { on: { intersection: r.loadMore } }, [e._v(" " + e._s(r.t("logreader", "Loading older log entries")) + " ")]) : t("span", [e._v(" " + e._s(r.t("logreader", "No older log entries available")) + " ")])], 1)]) : e._e(), e._l(r.sortedRows, function(n, a) {
     return t(r.LogTableRow, { key: a, attrs: { row: n }, on: { "show-details": r.showDetailsForRow } });
-  }), r.sortedByTime !== "ascending" ? t("tr", [t("td", { staticClass: "log-table__load-more", attrs: { colspan: "5" } }, [r.logStore.hasRemainingEntries ? t(r.IntersectionObserver, { on: { intersection: r.loadMore } }, [e._v(" " + e._s(r.t("logreader", "Loading older log entries")) + " ")]) : t("span", [e._v(" " + e._s(r.t("logreader", "No older log entries available")) + " ")])], 1)]) : e._e()], 2)])], 1);
-}, Xpe = [], eAe = mt(Kpe, Jpe, Xpe, !1, null, "1a1874b8", null, null);
+  })], 2), t("tfoot", [r.sortedByTime !== "ascending" ? t("tr", [t("td", { staticClass: "log-table__load-more", attrs: { colspan: "5" } }, [r.logStore.hasRemainingEntries ? t(r.IntersectionObserver, { on: { intersection: r.loadMore } }, [e._v(" " + e._s(r.t("logreader", "Loading older log entries")) + " ")]) : t("span", [e._v(" " + e._s(r.t("logreader", "No older log entries available")) + " ")])], 1)]) : e._e()])])], 1);
+}, Xpe = [], eAe = mt(Kpe, Jpe, Xpe, !1, null, "9db8f912", null, null);
 const tAe = eAe.exports;
 const rAe = { __name: "App", setup(e) {
   const t = Jt(!1), r = Xo(), n = o1(), a = Gt(() => n.entries), s = () => {

diff --git a/js/index-46d64e17.mjs.map → js/index-e2e3db18.mjs.map b/js/index-46d64e17.mjs.map → js/index-e2e3db18.mjs.map
diff --git a/js/logreader-main.mjs b/js/logreader-main.mjs
@@ -1,12 +1,8 @@
-import "./index-46d64e17.mjs";
+import "./index-e2e3db18.mjs";
 /**
  * @name logreader
  * @license
- * @version  (generated 2023-07-21)
+ * @version  (generated 2023-07-24)
  *
  * Included dependencies:
- *
- * json-string-splitter
- * version: 1.0.0
- * license: LGPL-2.1+
  */
diff --git a/js/logreader-main.mjs.map b/js/logreader-main.mjs.map
diff --git a/src/components/table/LogTable.vue b/src/components/table/LogTable.vue
@@ -39,7 +39,8 @@
 					:key="rowNumber"
 					:row="row"
 					@show-details="showDetailsForRow" />
-
+			</tbody>
+			<tfoot>
 				<tr v-if="sortedByTime !== 'ascending'">
 					<td colspan="5" class="log-table__load-more">
 						<IntersectionObserver v-if="logStore.hasRemainingEntries" @intersection="loadMore">
@@ -50,7 +51,7 @@
 						</span>
 					</td>
 				</tr>
-			</tbody>
+			</tfoot>
 		</table>
 	</div>
 </template>