EXTERN: MR 116 Changes

This is a pipeline dummy for https://gitlab.com/linkahead/linkahead-webui/-/merge_requests/116. All Review and discussions happen on gitlab.com.

See #367.

src/core/js/ext_cosmetics.js

@@ -29,7 +29,7 @@
  *
  * @author Timm Fitschen
  */
-var cosmetics = new function () {
+var cosmetics = new function() {
 
     /**
      * Cut-off length of links. When linkify processes the links any href
@@ -38,8 +38,8 @@ var cosmetics = new function () {
      */
     var _link_cut_off_length = 40;
 
-    var _custom_datetime = function () {
-        $('.caosdb-f-property-datetime-value').each(function (index) {
+    var _custom_datetime = function() {
+        $('.caosdb-f-property-datetime-value').each(function(index) {
             if (!($(this).hasClass("caosdb-v-property-datetime-customized"))) {
                 var result = this.innerText.replace(/T/, " ").replace(/\+.*/, "");
                 result = `<span class="caosdb-v-property-datetime-customized-newvalue">${result}</span>`;
@@ -55,11 +55,10 @@ var cosmetics = new function () {
     /**
      * Remove all the custom datetime elements again, for example when entering the edit mode.
      */
-    var _custom_datetime_clear = function () {
-        $('.caosdb-v-property-datetime-customized-newvalue').each(function () {
+    var _custom_datetime_clear = function() {
+        $('.caosdb-v-property-datetime-customized-newvalue').each(function() {
             $(this).remove();
-        }
-        )
+        })
     }
 
     /**
@@ -72,7 +71,7 @@ var cosmetics = new function () {
         // https://regexr.com helps you design regex
         const match_url_regex = /https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.?[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/g
 
-        return text.replace(match_url_regex, function (href) {
+        return text.replace(match_url_regex, function(href) {
             var link_text = href;
             if (_link_cut_off_length > 4 && link_text.length > _link_cut_off_length) {
                 link_text = link_text.substring(0, _link_cut_off_length - 5) + "[...]";
@@ -85,8 +84,8 @@ var cosmetics = new function () {
     /**
      * Turn all URLs in .caosdb-f-property-text-value DOM elements into actual links
      */
-    var _linkify_all_text_values = function () {
-        $('.caosdb-f-property-text-value').each(function (index) {
+    var _linkify_all_text_values = function() {
+        $('.caosdb-f-property-text-value').each(function(index) {
             if (!($(this).hasClass("caosdb-v-property-linkified")) && (/https?:\/\//.test(this.innerText))) {
                 var linkified_text_value = linkify_string(this.innerText);
                 // add class to highlight that this has been linkified already
@@ -104,7 +103,7 @@ var cosmetics = new function () {
      *
      * A listener detects edit-mode changes and previews
      */
-    var linkify = function () {
+    var linkify = function() {
         _linkify_all_text_values();
 
         // edit-mode-listener
@@ -118,7 +117,7 @@ var cosmetics = new function () {
      *
      * A listener detects edit-mode changes and previews
      */
-    var custom_datetime = function () {
+    var custom_datetime = function() {
         _custom_datetime();
 
         // edit-mode-listener to delete replacement
@@ -129,7 +128,31 @@ var cosmetics = new function () {
         document.body.addEventListener(preview.previewReadyEvent.type, _custom_datetime, true);
     }
 
-    this.init = function () {
+    /**
+     * Prettify double values for display purposes.
+     */
+    const prettify_double_values = () => {
+        $('.caosdb-f-property-double-value').each(function(index) {
+            if (!$(this).hasClass("caosdb-v-property-double-prettified")) {
+                let value = parseFloat(this.innerText);
+                let prettified_value = "";
+
+                if (Math.abs(value) > 1e6 || Math.abs(value) < 1e-6) {
+                    // Use scientific notation for very large or very small values
+                    prettified_value = value.toExponential(1);
+                } else {
+                    // Otherwise, display with up to 12 significant digits
+                    prettified_value = value.toPrecision(12).replace(/\.?0+$/, '');
+                }
+
+                $(this).addClass("caosdb-v-property-double-prettified");
+                $(this).hide();
+                $(this).after(`<span class="caosdb-v-property-double-prettified-newvalue">${prettified_value}</span>`);
+            }
+        });
+    };
+
+    this.init = function() {
         this.custom_datetime = custom_datetime;
         if ("${BUILD_MODULE_EXT_COSMETICS_CUSTOMDATETIME}" == "ENABLED") {
             custom_datetime();
@@ -138,10 +161,14 @@ var cosmetics = new function () {
         if ("${BUILD_MODULE_EXT_COSMETICS_LINKIFY}" == "ENABLED") {
             linkify();
         }
+        this.prettify_double_values = prettify_double_values;
+        if ("${BUILD_MODULE_EXT_COSMETICS_PRETTIFY_DOUBLES}" === "ENABLED") {
+            prettify_double_values();
+        }
     }
 }
 
 
-$(document).ready(function () {
+$(document).ready(function() {
     caosdb_modules.register(cosmetics);
 });