REL: Release v0.14.0

See merge request !139

CHANGELOG.md

@@ -4,6 +4,25 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.14.0] - 2024-07-25 ##
+
+### Added ###
+
+- GRPC Entity Service can be enabled with
+  `BUILD_MODULE_EXT_GRPC_ENTIY_SERVICE=ENABLED`. Defaults to
+  `DISABLED`. More info on this module under
+  `src/doc/extension/grpc-entity-service.rst`. <https://docs.indiscale.com/caosdb-webui/extension/grpc-entity-service.html>
+
+### Fixed ###
+
+- [#252](https://gitlab.com/linkahead/linkahead-webui/-/issues/252) Make
+  different link to parent dir more visible.
+- [#255](https://gitlab.com/linkahead/linkahead-webui/-/issues/255) Remove
+  disabled scroll bar under property names that would show on some browsers.
+- [#258](https://gitlab.com/linkahead/linkahead-webui/-/issues/258)
+  Ignore `auto_focus` when `create_show_form_callback` is called on an
+  element without HTML `form` elements.
+
 ## [0.13.3 - 2024-04-23] ##
 
 ### Fixed ###

CITATION.cff

@@ -20,6 +20,6 @@ authors:
     given-names: Stefan
     orcid: https://orcid.org/0000-0001-7214-8125
 title: LinkAhead - WebUI
-version: 0.13.2
+version: 0.14.0
 doi: 10.3390/data4020083
-date-released: 2024-02-20
+date-released: 2024-07-25

build.properties.d/00_default.properties

@@ -58,6 +58,7 @@ BUILD_MODULE_SHOW_ID_IN_LABEL=DISABLED
 BUILD_MODULE_LEGACY_QUERY_FORM=DISABLED
 BUILD_MODULE_LEGACY_MAP=ENABLED
 BUILD_MODULE_EXT_FILE_UPLOAD=ENABLED
+BUILD_MODULE_EXT_GRPC_ENTITY_SERVICE=DISABLED
 
 BUILD_MODULE_USER_MANAGEMENT=ENABLED
 BUILD_MODULE_USER_MANAGEMENT_CHANGE_OWN_PASSWORD_REALM=CaosDB

src/core/css/webcaosdb.css

@@ -249,7 +249,7 @@ h5 {
 .caosdb-v-property-left-col {
     min-height: 30px;
     display: inline-block;
-    overflow-x: scroll;
+    overflow-x: auto;
 }
 
 .caosdb-v-property-left-col > * {
@@ -872,7 +872,7 @@ details p {
 }
 
 .caosdb-select-table > .card-body {
-    overflow-x: scroll;
+    overflow-x: auto;
 }
 
 .caosdb-f-property-value .caosdb-value-list details summary::after {
@@ -898,6 +898,11 @@ details p {
   max-width: 80vw;
 }
 
+/* Make different link to parent dir more visible. */
+.caosdb-entity-heading-attr a {
+  margin-right: .75em;
+}
+
 @media (min-width: 576px) {
   .caosdb-f-property-value .caosdb-value-list details[open] {
     max-width: 200px;

src/core/js/ext_bookmarks.js

@@ -115,6 +115,7 @@ var ext_bookmarks = function ($, logger, config) {
     const set_export_button_click = config["set_export_button_click"] || function (cb) {
         $("#caosdb-f-bookmarks-export-link")
             .toggleClass("disabled", !cb)
+            .off("click") // remove old click handler
             .on("click", cb);
     }
 

src/core/js/form_panel.js

@@ -104,15 +104,16 @@ var form_panel = new function () {
                 );
             }
             if (typeof auto_focus === "undefined" || !!auto_focus === true) {
-                if (panel.find("form")[0].length>0) {
+                if (panel.find("form").length > 0 && panel.find("form")[0].length > 0) {
                     panel.find("form")[0][0].focus();
+                } else {
+                    logger.debug("create_show_form_callback was called with auto_focus = true (default), but no form is given.");
                 }
             }
         }
     };
 
-    this.init = function () {
-    }
+    this.init = function() {}
 }
 
 $(document).ready(function() {

src/doc/conf.py

@@ -26,9 +26,9 @@ copyright = '2022 - 2024, IndiScale GmbH'
 author = 'Daniel Hornung'
 
 # The short X.Y version
-version = '0.13.3'
+version = '0.14.0'
 # The full version, including alpha/beta/rc tags
-release = '0.13.3'
+release = '0.14.0'
 
 
 # -- General configuration ---------------------------------------------------

src/doc/extension/grpc-entity-service.rst

+Enable GRPC Entity Service
+==========================
+
+You code against the LinkAhead GRPC API via the grpc-entity-service module.
+
+Enable it via the build variable:
+
+.. code-block::
+
+    BUILD_MODULE_EXT_GRPC_ENTITY_SERVICE=ENABLED
+
+You can, among other things,
+
+1. create a new TransactionService:
+
+.. code-block:: javascript
+
+    var service = new window.entityService.TransactionService(
+        window.connection.getBasePath() + "api");
+
+2. execute a query:
+
+.. code-block:: javascript
+
+    var response = await service.executeQuery("FIND Something");
+
+3. Use the Entity class to wrapp the "Entity" WebGRPC-Message:
+
+.. code-block:: javascript
+
+    var entity = new windown.entityService.Entity(
+        response.getResponsesList()[0]
+                .getRetrieveResponse()
+                .getFindQueryResult()
+                .getResultSetList()[0]
+                .getEntityResponse()
+                .getEntity());
+
+
+More information on the TransactionService class: https://gitlab.indiscale.com/caosdb/src/caosdb-webui-entity-service/-/blob/main/src/TransactionService.js
+
+More information on the API: https://docs.indiscale.com/caosdb-proto/packages/caosdb.entity.v1.html#caosdb-entity-v1-main-proto

test/core/js/modules/form_panel.js.js

@@ -26,8 +26,7 @@ QUnit.module("form_panel.js", {
     before: function(assert) {
 
     },
-    after: function (assert) {
-    }
+    after: function(assert) {}
 });
 
 QUnit.test("availability", function(assert) {
@@ -80,3 +79,37 @@ QUnit.test("create_show_form_callback ", function (assert) {
 });
 
 
+QUnit.test("autofocus_without_form", function(assert) {
+    const title = "My not-form title";
+    const id = "not_form_id";
+    // callback function that creates a "form" without HTML form
+    // elements.  Trivial here, but could be e.g., the file upload
+    // from LinkAhead WebUI Core Components.
+    const init_not_form_field = () => {
+        const container = $(`<div class="row"/>`);
+        return container[0];
+    };
+    // This should always work
+    cb_without_autofocus = form_panel.create_show_form_callback(
+        id,
+        title,
+        undefined,
+        init_not_form_field,
+        false
+    );
+    const nav = document.createElement("nav");
+    document.body.appendChild(nav);
+    cb_without_autofocus();
+    assert.ok(document.querySelector(`#${id}`), "Callback was called without autofocus.");
+    $(`#${id}`).remove();
+
+    cb_with_autofocus = form_panel.create_show_form_callback(
+        id,
+        title,
+        undefined,
+        init_not_form_field,
+        true
+    );
+    cb_with_autofocus();
+    assert.ok(document.querySelector(`#${id}`), "Callback was called with autofocus, bt still okay.");
+});