From c29e9f26233c8ebf8ebded9f78b96e065f602e7a Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Thu, 1 Dec 2022 11:21:52 +0000
Subject: [PATCH 01/50] UI to edit text and numeric properties done.

---
 .../Configuration/Configuration.cs            |  15 +--
 .../app/dashboard/dashboard.css               |  28 +++--
 .../app/scripts/renderers/objectrenderer.js   |  55 ++++++++-
 .../renderers/propertyvaluerenderer.js        | 107 ++++++++++++++++--
 4 files changed, 173 insertions(+), 32 deletions(-)

diff --git a/src/UIHelpers/Modules/ViewAllMetadata/Configuration/Configuration.cs b/src/UIHelpers/Modules/ViewAllMetadata/Configuration/Configuration.cs
index 59da8d7..0849b5f 100644
--- a/src/UIHelpers/Modules/ViewAllMetadata/Configuration/Configuration.cs
+++ b/src/UIHelpers/Modules/ViewAllMetadata/Configuration/Configuration.cs
@@ -1,3 +1,4 @@
+using MFiles.VAF.Configuration;
 using System.Runtime.Serialization;
 using UIHelpers.Modules.Base;
 
@@ -9,13 +10,13 @@ namespace UIHelpers.Modules.ViewAllMetadata
     public class Configuration
         : ConfigurationBase<AdvancedConfiguration, Translation>
     {
-        // TODO: Editing
-        //[DataMember]
-        //[JsonConfEditor
-        //(
-        //    Label = ResourceMarker.Id + nameof(Resources.Configuration.EnableEditing_Label),
-        //    DefaultValue = false
-        //)]
+       [DataMember]
+       [JsonConfEditor
+       (
+           Label = ResourceMarker.Id + nameof(Resources.Configuration.EnableEditing_Label),
+           DefaultValue = false,
+           Hidden = true
+       )]
         public bool EnableEditing { get; set; }
     }
 }
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
index 2d65fd5..5902aab 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
@@ -33,12 +33,11 @@ ol.properties {
     margin: 10px 0px;
 }
 ol.properties li {
-    padding: 5px;
     position: relative;
     padding-left: 195px;
     break-inside: avoid;
     padding-right: 20px;
-    line-height: 21px;
+    height: 28px;
 }
 ol.properties li:hover {
     background-color: #F4F4F4;
@@ -60,6 +59,7 @@ ol.properties label {
     vertical-align: top;
     position: absolute;
     left: 5px;
+    top: 4px;
 }
 
 ol.properties label.mandatory span::after {
@@ -73,6 +73,8 @@ ol.properties li .read-only-value {
     vertical-align: top;
     display: inline-block;
     white-space: pre-line;
+    position: relative;
+    top: 4px;
 }
 ol.properties li.mfdatatype-13 {
     min-height: 56px;
@@ -102,14 +104,20 @@ ol.properties li.editable.editing .editing-value {
     display: block;
 }
 /* make text, real and integer input boxes full width */
-    ol.properties li.mfdatatype-1.editable.editing input,
-    ol.properties li.mfdatatype-2.editable.editing input,
-    ol.properties li.mfdatatype-3.editable.editing input {
-        display: inline-block;
-        width: 100%;
-        height: 14px;
-        border: 1px solid #767676;
-    }
+ol.properties li.mfdatatype-1.editable.editing input,
+ol.properties li.mfdatatype-2.editable.editing input,
+ol.properties li.mfdatatype-3.editable.editing input {
+    display: inline-block;
+    width: 100%;
+    height: 21px;
+    border: 1px solid #767676;
+    position: relative;
+    top: 2px;
+}
+ol.properties li.invalid-value input
+{
+    border-color: red !important;
+}
 
 /* more columns on wider screens */
 
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
index 89dc59a..1005778 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
@@ -115,13 +115,47 @@ function ObjectRenderer(dashboard)
             propertyValueRenderers.push(propertyValueRenderer);
         }
     }
+    function canSave()
+    {
+        for (var i = 0; i < propertyValueRenderers.length; i++)
+        {
+            // Is it valid?
+            if (!propertyValueRenderers[i].isValidValue())
+                return false;
+        }
+        return true;
+    }
 
-    // When the body is clicked, undo any editing.
-    $("body").click(function ()
+    // When the body is clicked, exit editing mode.
+    var $body = $("body");
+    $body.click(function ()
     {
+        var changedProperties = [];
+        var erroredProperties = [];
         for (var i = 0; i < propertyValueRenderers.length; i++)
         {
-            propertyValueRenderers[i].exitEditMode();
+            // Attempt to exit edit mode.
+            var renderer = propertyValueRenderers[i];
+            renderer.exitEditMode();
+
+            // Should we enable buttons and things?
+            if (renderer.hasChanged())
+                changedProperties.push(renderer);
+            if (!renderer.isValidValue())
+                erroredProperties.push(renderer);
+        }
+
+        // Update the body with flags.
+        $body
+            .removeClass("changed")
+            .removeClass("has-errors");
+        $("#btnSave").removeAttr("disabled");
+        if (changedProperties.length > 0)
+            $body.addClass("changed");
+        if (erroredProperties.length > 0)
+        {
+            $body.addClass("errors");
+            $("#btnSave").attr("disabled", "disabled");
         }
     });
 
@@ -134,16 +168,27 @@ function ObjectRenderer(dashboard)
             dashboard.Window.Close();
     }).text(dashboard.CustomData.configuration.ResourceStrings.Buttons_Close || "Close");
 
+    renderer.saveChanges = function ()
+    {
+        if (!canSave())
+            return false;
+        alert("Save not done yet.");
+    }
+
     // Configure the save button.
     $("#btnSave").click(function ()
     {
-        alert("Save not done yet.");
+        renderer.saveChanges();
     }).text(dashboard.CustomData.configuration.ResourceStrings.Buttons_Save || "Save");
 
+    renderer.discardChanges = function ()
+    {
+        renderer.render(renderer.originalObject);
+    }
     // Configure the discard button.
     $("#btnDiscard").click(function ()
     {
-        renderer.render(renderer.originalObject);
+        renderer.discardChanges();
     }).text(dashboard.CustomData.configuration.ResourceStrings.Buttons_Discard || "Discard");
 
     // Configure the locations buttons
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index 7a0b199..bb7d285 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -2,6 +2,62 @@
 {
     var renderer = this;
     var $listItem = null;
+    var originalValue = getCurrentValue();
+    renderer.getPropertyDef = function () { return propertyDef; }
+    function getCurrentValue()
+    {
+        switch (propertyDef.DataType)
+        {
+            case MFDatatypeText:
+                return null == $listItem
+                    ? propertyValue.Value.DisplayValue
+                    : $(".auto-select", $listItem).val() + "";
+            case MFDatatypeInteger:
+            case MFDatatypeFloating:
+                return null == $listItem
+                    ? propertyValue.Value.DisplayValue
+                    : parseFloat($(".auto-select", $listItem).val() + "");
+                break;
+            default:
+                return propertyValue.Value.DisplayValue;
+        }
+    }
+    renderer.hasChanged = function ()
+    {
+        switch (propertyDef.DataType)
+        {
+            case MFDatatypeText:
+            case MFDatatypeInteger:
+            case MFDatatypeFloating:
+                return getCurrentValue() != originalValue;
+                break;
+            default:
+                return false;
+        }
+    }
+    renderer.isValidValue = function()
+    {
+        var currentValue = getCurrentValue();
+
+        switch (propertyDef.DataType)
+        {
+            case MFDatatypeText:
+            case MFDatatypeMultiLineText:
+                if ((currentValue + "").length == 0 && isRequired)
+                    return false;
+                break;
+            case MFDatatypeInteger:
+            case MFDatatypeFloating:
+                if ((currentValue + "").length == 0 && isRequired)
+                    return false;
+                if (isNaN(parseFloat(currentValue)))
+                    return false;
+                break;
+            default:
+                return true;
+        }
+        return true;
+    }
 
     function renderLabel($parent)
     {
@@ -65,11 +121,29 @@
         switch (propertyDef.DataType)
         {
             case MFDatatypeText:
+            case MFDatatypeInteger:
+            case MFDatatypeFloating:
                 var $input = $("<input type='text' />").addClass("auto-select");
                 $input.val(propertyValue.Value.DisplayValue);
                 $input.blur(function () { renderer.exitEditMode(); });
                 $value.append($input);
+
+                // If it's a number then set the input mode
+                if (propertyDef.DataType != MFDatatypeText)
+                {
+                    $input.val(parseFloat(propertyValue.Value.DisplayValue));
+                    $input.attr("inputmode", "numeric");
+                    var pattern = "[0-9]*"; // Default to allowing just numbers.
+                    if (propertyDef.DataType == MFDatatypeFloating)
+                    {
+                        pattern = "[0=9\.\,]*"; // Allow decimal separators too.
+                    }
+                    $input.attr("pattern", pattern);
+                }
+
                 break;
+            default:
+                return null;
         }
 
         // Add to a parent if we can.
@@ -98,10 +172,25 @@
         switch (propertyDef.DataType)
         {
             case MFDatatypeText:
-                var value = $(".auto-select", $listItem).val() + "";
+            case MFDatatypeInteger:
+            case MFDatatypeFloating:
+                // If it's invalid then mark the list item.
+                if (!renderer.isValidValue())
+                {
+                    if (null != $listItem)
+                        $listItem.addClass("invalid-value")
+                    return false;
+                }
+
+                // We're good.
+                if (null != $listItem)
+                    $listItem.removeClass("invalid-value")
+
+                // Set the value.
+                var value = getCurrentValue();
 
                 // Update the property value in memory.
-                propertyValue.Value.SetValue(MFDatatypeText, value);
+                propertyValue.Value.SetValue(propertyDef.DataType, value);
 
                 // Update the UI.
                 if (value.length == 0)
@@ -110,6 +199,7 @@
                 break;
         }
         $listItem.removeClass("editing");
+        return true;
     }
 
     renderer.render = function ()
@@ -133,15 +223,12 @@
             // Is the property editable?
             if (propertyDef.AutomaticValueType == MFAutomaticValueTypeNone)
             {
-                // Mark it as editable.
-                $listItem.addClass("editable");
-
-                // For now only deal with text properties, as that's all we support.
-                if (propertyDef.DataType == 1)
+                // Attempt to create the editable value.
+                var $editableValue = renderEditableValue($listItem);
+                if (null != $editableValue)
                 {
-
-                    // Create the editable value.
-                    renderEditableValue($listItem);
+                    // Mark it as editable.
+                    $listItem.addClass("editable");
 
                     // Add the handler to allow editing.
                     $listItem.click(function (e)

From 2ea7824e46085df5a67268308cd7d69db58c658c Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Thu, 1 Dec 2022 12:15:44 +0000
Subject: [PATCH 02/50] Editing and saving of single-line-text and numeric
 properties works.

---
 src/Common/src/dashboards/base-dashboard.css  | 23 ++++++-----
 src/UIHelpers/install-application.ps1         |  2 +-
 .../app/dashboard/dashboard.css               | 15 ++++---
 .../app/scripts/renderers/objectrenderer.js   | 39 ++++++++++++++++++-
 .../renderers/propertyvaluerenderer.js        | 19 +++++++--
 5 files changed, 78 insertions(+), 20 deletions(-)

diff --git a/src/Common/src/dashboards/base-dashboard.css b/src/Common/src/dashboards/base-dashboard.css
index d631cf6..f38ea8b 100644
--- a/src/Common/src/dashboards/base-dashboard.css
+++ b/src/Common/src/dashboards/base-dashboard.css
@@ -72,16 +72,21 @@ button {
     text-align: center;
 }
 
-    button:hover, button:active, button.save:active, button.save:hover {
-        border-color: #318CCC;
-        background-color: #318CCC;
-        color: white;
-    }
+button:hover, button:active, button.save:active, button.save:hover {
+    border-color: #318CCC;
+    background-color: #318CCC;
+    color: white;
+}
 
-    button.save {
-        border-color: #318CCC;
-        color: #318CCC;
-    }
+button.save {
+    border-color: #318CCC;
+    color: #318CCC;
+}
+button.save:disabled, button.save[disabled] {
+    color: #CCC;
+    border-color: #CCC;
+    cursor: not-allowed;
+}
 
 .buttonGroup.top {
     position: fixed;
diff --git a/src/UIHelpers/install-application.ps1 b/src/UIHelpers/install-application.ps1
index d39a281..37f18aa 100644
--- a/src/UIHelpers/install-application.ps1
+++ b/src/UIHelpers/install-application.ps1
@@ -1,4 +1,4 @@
-exit;
+#exit;
 
 param(
 
diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
index 5902aab..135a01f 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
@@ -94,19 +94,22 @@ ol.properties li.editable:hover {
     background-repeat: no-repeat;
     background-position: 170px 6px;
 }
-ol.properties li.editable .editing-value{
+ol.properties li.editable .editing-value
+{
     display: none;
 }
-ol.properties li.editable.editing .read-only-value {
+ol.properties li.editable.editing .read-only-value,
+ol.properties li.invalid-value .read-only-value {
     display: none;
 }
-ol.properties li.editable.editing .editing-value {
+ol.properties li.editable.editing .editing-value,
+ol.properties li.invalid-value .editing-value {
     display: block;
 }
 /* make text, real and integer input boxes full width */
-ol.properties li.mfdatatype-1.editable.editing input,
-ol.properties li.mfdatatype-2.editable.editing input,
-ol.properties li.mfdatatype-3.editable.editing input {
+ol.properties li.mfdatatype-1.editable input,
+ol.properties li.mfdatatype-2.editable input,
+ol.properties li.mfdatatype-3.editable input {
     display: inline-block;
     width: 100%;
     height: 21px;
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
index 1005778..a819715 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
@@ -172,7 +172,44 @@ function ObjectRenderer(dashboard)
     {
         if (!canSave())
             return false;
-        alert("Save not done yet.");
+        var vault = dashboard.Vault;
+
+        function getPropertyValueFromRenderer(propertyDef)
+        {
+            for (var i = 0; i < propertyValueRenderers.length; i++)
+            {
+                if (propertyValueRenderers[i].getPropertyDef().ID == propertyDef)
+                    return propertyValueRenderers[i].getPropertyValue();
+            }
+            return null;
+
+        }
+
+        // Gather the properties.
+        var propertyValues = new MFiles.PropertyValues();
+        for (var i = 0; i < renderer.originalObject.Properties.Count; i++)
+        {
+            // Get the value for this property.
+            var pvValue = getPropertyValueFromRenderer(renderer.originalObject.Properties[i].PropertyDef)
+                || renderer.originalObject.Properties[i];
+
+            // Add it.
+            propertyValues.Add(-1, pvValue);
+        }
+
+        // Update the properties.
+        try
+        {
+            // Set all the properties and update our cache.
+            renderer.originalObject = vault.ObjectPropertyOperations.SetAllProperties(renderer.originalObject.VersionData.ObjVer, true, propertyValues);
+
+            // By discarding the changes we'll revert to the (new) original object data.
+            renderer.discardChanges();
+        }
+        catch (e)
+        {
+            MFiles.ReportException(e);
+        }
     }
 
     // Configure the save button.
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index bb7d285..70af83e 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -22,6 +22,22 @@
                 return propertyValue.Value.DisplayValue;
         }
     }
+    renderer.getPropertyValue = function ()
+    {
+        switch (propertyDef.DataType)
+        {
+            case MFDatatypeText:
+            case MFDatatypeInteger:
+            case MFDatatypeFloating:
+                var pv = new MFiles.PropertyValue();
+                pv.PropertyDef = propertyDef.ID;
+                pv.Value.SetValue(propertyDef.DataType, getCurrentValue());
+                return pv;
+                break;
+            default:
+                return propertyValue;
+        }
+    }
     renderer.hasChanged = function ()
     {
         switch (propertyDef.DataType)
@@ -189,9 +205,6 @@
                 // Set the value.
                 var value = getCurrentValue();
 
-                // Update the property value in memory.
-                propertyValue.Value.SetValue(propertyDef.DataType, value);
-
                 // Update the UI.
                 if (value.length == 0)
                     value = "---";

From b8007959455ddf330eb06d64bff8fdfbc5cbc770 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Thu, 1 Dec 2022 12:17:23 +0000
Subject: [PATCH 03/50] Limited text property entry to 100 chars.

---
 .../app/scripts/renderers/propertyvaluerenderer.js              | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index 70af83e..7f10c71 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -139,7 +139,7 @@
             case MFDatatypeText:
             case MFDatatypeInteger:
             case MFDatatypeFloating:
-                var $input = $("<input type='text' />").addClass("auto-select");
+                var $input = $("<input type='text' maxlength='100' />").addClass("auto-select");
                 $input.val(propertyValue.Value.DisplayValue);
                 $input.blur(function () { renderer.exitEditMode(); });
                 $value.append($input);

From a60396eb8381fec156e00f0681e0f889b689040d Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Thu, 1 Dec 2022 12:18:22 +0000
Subject: [PATCH 04/50] Comments.  Regex fix.

---
 .../app/scripts/renderers/propertyvaluerenderer.js           | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index 7f10c71..81b3b57 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -144,7 +144,8 @@
                 $input.blur(function () { renderer.exitEditMode(); });
                 $value.append($input);
 
-                // If it's a number then set the input mode
+                // If it's a number then set the input mode.
+                // Note: this doesn't do anything currently, but maybe in the future...
                 if (propertyDef.DataType != MFDatatypeText)
                 {
                     $input.val(parseFloat(propertyValue.Value.DisplayValue));
@@ -152,7 +153,7 @@
                     var pattern = "[0-9]*"; // Default to allowing just numbers.
                     if (propertyDef.DataType == MFDatatypeFloating)
                     {
-                        pattern = "[0=9\.\,]*"; // Allow decimal separators too.
+                        pattern = "[0-9\.\,]*"; // Allow decimal separators too.
                     }
                     $input.attr("pattern", pattern);
                 }

From d6083e780c745e3e03ace83e153fe3de6ec1d247 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Thu, 1 Dec 2022 13:27:42 +0000
Subject: [PATCH 05/50] Better UI for when save is disabled. Some alignment
 changes in UI.

---
 src/Common/Common.csproj                      | 10 ++----
 src/Common/src/dashboards/base-dashboard.css  | 13 +++++---
 .../app/dashboard/dashboard.css               |  8 +++--
 .../renderers/propertyvaluerenderer.js        | 31 ++++++++++++++++---
 4 files changed, 42 insertions(+), 20 deletions(-)

diff --git a/src/Common/Common.csproj b/src/Common/Common.csproj
index 982cd12..e03f33c 100644
--- a/src/Common/Common.csproj
+++ b/src/Common/Common.csproj
@@ -1,4 +1,4 @@
-<Project ToolsVersion="14.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003" InitialTargets="CleanAll">
+<Project ToolsVersion="14.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
   <Import Project="$(MSBuildExtensionsPath)$(MSBuildToolsVersion)\Microsoft.Common.props" Condition="Exists('$(MSBuildExtensionsPath)$(MSBuildToolsVersion)\Microsoft.Common.props')" />
   <PropertyGroup>
     <_BundlerMinifierTaskAssembly Condition="'$(MSBuildRuntimeType)' == 'Core'">..\packages\BuildBundlerMinifier.3.2.449\tools\netstandard1.3\BundlerMinifier.dll</_BundlerMinifierTaskAssembly>
@@ -59,16 +59,12 @@
     <None Include="bundleconfig.json" />
     <None Include="packages.config" />
   </ItemGroup>
-  <Target Name="CleanAll">
+  <Target Name="Clean">
     <RemoveDir Directories="out;bin;obj;bundles" />
-    <BundlerMinifier.BundlerBuildTask FileName="$(MSBuildProjectDirectory)\bundleconfig.json" />
   </Target>
   <Target Name="Build">
+    <BundlerMinifier.BundlerBuildTask FileName="$(MSBuildProjectDirectory)\bundleconfig.json" />
   </Target>
-  <Target Name="BundleMinifyClean" AfterTargets="CoreClean">
-    <BundlerMinifier.BundlerCleanTask FileName="$(MSBuildProjectDirectory)\bundleconfig.json" />
-  </Target>
-  <Target Name="Rebuild" DependsOnTargets="CleanAll" />
   <!-- To modify your build process, add your task inside one of the targets below and uncomment it. 
        Other similar extension points exist, see Microsoft.Common.targets.
   <Target Name="BeforeBuild">
diff --git a/src/Common/src/dashboards/base-dashboard.css b/src/Common/src/dashboards/base-dashboard.css
index f38ea8b..422fa3c 100644
--- a/src/Common/src/dashboards/base-dashboard.css
+++ b/src/Common/src/dashboards/base-dashboard.css
@@ -82,11 +82,14 @@ button.save {
     border-color: #318CCC;
     color: #318CCC;
 }
-button.save:disabled, button.save[disabled] {
-    color: #CCC;
-    border-color: #CCC;
-    cursor: not-allowed;
-}
+    button.save:disabled, button.save[disabled],
+    button.save:disabled:active, button.save:disabled:hover,
+    button.save[disabled]:active, button.save[disabled]:hover {
+        color: #CCC;
+        border-color: #CCC;
+        cursor: not-allowed;
+        background-color: white;
+    }
 
 .buttonGroup.top {
     position: fixed;
diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
index 135a01f..5e52d80 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
@@ -37,7 +37,7 @@ ol.properties li {
     padding-left: 195px;
     break-inside: avoid;
     padding-right: 20px;
-    height: 28px;
+    min-height: 28px;
 }
 ol.properties li:hover {
     background-color: #F4F4F4;
@@ -73,8 +73,7 @@ ol.properties li .read-only-value {
     vertical-align: top;
     display: inline-block;
     white-space: pre-line;
-    position: relative;
-    top: 4px;
+    margin: 4px;
 }
 ol.properties li.mfdatatype-13 {
     min-height: 56px;
@@ -86,6 +85,9 @@ ol.properties li.mfdatatype-1 .read-only-value {
     overflow: hidden;
     text-overflow: ellipsis;
 }
+ol.properties li.mfdatatype-1.empty .read-only-value{
+    display: inline-block; /* otherwise incorrect height*/
+}
 ol.properties li.editable .read-only-value {
     cursor: text;
 }
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index 81b3b57..2c933e0 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -2,6 +2,7 @@
 {
     var renderer = this;
     var $listItem = null;
+    var supportsEditing = false;
     var originalValue = getCurrentValue();
     renderer.getPropertyDef = function () { return propertyDef; }
     function getCurrentValue()
@@ -9,14 +10,17 @@
         switch (propertyDef.DataType)
         {
             case MFDatatypeText:
-                return null == $listItem
+                return false == supportsEditing
                     ? propertyValue.Value.DisplayValue
                     : $(".auto-select", $listItem).val() + "";
             case MFDatatypeInteger:
             case MFDatatypeFloating:
-                return null == $listItem
+                var v = false == supportsEditing
                     ? propertyValue.Value.DisplayValue
-                    : parseFloat($(".auto-select", $listItem).val() + "");
+                    : $(".auto-select", $listItem).val() + "";
+                if ((v + "").length > 0)
+                    v = parseFloat(v);
+                return v;
                 break;
             default:
                 return propertyValue.Value.DisplayValue;
@@ -24,6 +28,8 @@
     }
     renderer.getPropertyValue = function ()
     {
+        if (false == supportsEditing)
+            return propertyValue;
         switch (propertyDef.DataType)
         {
             case MFDatatypeText:
@@ -59,14 +65,17 @@
         {
             case MFDatatypeText:
             case MFDatatypeMultiLineText:
+                // If it does not have a value but is required, die.
                 if ((currentValue + "").length == 0 && isRequired)
                     return false;
                 break;
             case MFDatatypeInteger:
             case MFDatatypeFloating:
+                // If it does not have a value but is required, die.
                 if ((currentValue + "").length == 0 && isRequired)
                     return false;
-                if (isNaN(parseFloat(currentValue)))
+                // If it's got a value, but not a number, die.
+                if ((currentValue + "").length > 0 && isNaN(parseFloat(currentValue)))
                     return false;
                 break;
             default:
@@ -98,7 +107,10 @@
         var $value = $("<span></span>").addClass("read-only-value");
         var value = propertyValue.Value.DisplayValue;
         if ((value + "").length == 0)
+        {
+            $listItem.addClass("empty");
             value = "---";
+        }
         $value.text(value);
 
         // Do any special processing for different data types.
@@ -207,12 +219,19 @@
                 var value = getCurrentValue();
 
                 // Update the UI.
+                if (null != $listItem)
+                    $listItem.removeClass("empty");
                 if (value.length == 0)
+                {
+                    if (null != $listItem)
+                        $listItem.addClass("empty");
                     value = "---";
+                }
                 $(".read-only-value", $listItem).text(value);
                 break;
         }
-        $listItem.removeClass("editing");
+        if (null != $listItem)
+            $listItem.removeClass("editing");
         return true;
     }
 
@@ -237,6 +256,8 @@
             // Is the property editable?
             if (propertyDef.AutomaticValueType == MFAutomaticValueTypeNone)
             {
+                supportsEditing = true;
+
                 // Attempt to create the editable value.
                 var $editableValue = renderEditableValue($listItem);
                 if (null != $editableValue)

From 1a69dcc5ffa544248dfac3c3f4f51286f9a86e09 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Thu, 1 Dec 2022 13:47:27 +0000
Subject: [PATCH 06/50] Fixes for logic around numeric values.

---
 .../renderers/propertyvaluerenderer.js        | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index 2c933e0..b232c7d 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -19,9 +19,12 @@
                     ? propertyValue.Value.DisplayValue
                     : $(".auto-select", $listItem).val() + "";
                 if ((v + "").length > 0)
-                    v = parseFloat(v);
+                {
+                    var x = parseFloat(v);
+                    if (!isNaN(x))
+                        v = x;
+                }
                 return v;
-                break;
             default:
                 return propertyValue.Value.DisplayValue;
         }
@@ -71,12 +74,15 @@
                 break;
             case MFDatatypeInteger:
             case MFDatatypeFloating:
-                // If it does not have a value but is required, die.
-                if ((currentValue + "").length == 0 && isRequired)
-                    return false;
+                // If it's empty then just check whether it's required.
+                if ((currentValue + "").length == 0)
+                    return !isRequired;
+
                 // If it's got a value, but not a number, die.
-                if ((currentValue + "").length > 0 && isNaN(parseFloat(currentValue)))
+                currentValue = parseFloat(currentValue);
+                if (isNaN(currentValue))
                     return false;
+
                 break;
             default:
                 return true;
@@ -160,7 +166,7 @@
                 // Note: this doesn't do anything currently, but maybe in the future...
                 if (propertyDef.DataType != MFDatatypeText)
                 {
-                    $input.val(parseFloat(propertyValue.Value.DisplayValue));
+                    $input.val(propertyValue.Value.DisplayValue);
                     $input.attr("inputmode", "numeric");
                     var pattern = "[0-9]*"; // Default to allowing just numbers.
                     if (propertyDef.DataType == MFDatatypeFloating)

From 9c0e70e457929e5442f5a4500b85c0ca0e5253c9 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Thu, 1 Dec 2022 16:33:08 +0000
Subject: [PATCH 07/50] Booleans editable

---
 .../app/dashboard/dashboard.css               |  2 +
 .../renderers/propertyvaluerenderer.js        | 90 +++++++++++++++++--
 2 files changed, 87 insertions(+), 5 deletions(-)

diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
index 5e52d80..98fa72f 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
@@ -84,6 +84,8 @@ ol.properties li.mfdatatype-1 .read-only-value {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    padding-top: 4px;
+    margin: 0px;
 }
 ol.properties li.mfdatatype-1.empty .read-only-value{
     display: inline-block; /* otherwise incorrect height*/
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index b232c7d..599e4cf 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -9,6 +9,22 @@
     {
         switch (propertyDef.DataType)
         {
+            case MFDatatypeBoolean:
+                var v = false == supportsEditing
+                    ? propertyValue.Value.DisplayValue
+                    : $(".auto-select", $listItem).val();
+                switch ((v + "").toLowerCase())
+                {
+                    case "true":
+                    case "yes":
+                        return true;
+                    case "false":
+                    case "no":
+                        return false;
+                    default:
+                        // No value.
+                        return "";
+                }
             case MFDatatypeText:
                 return false == supportsEditing
                     ? propertyValue.Value.DisplayValue
@@ -35,6 +51,19 @@
             return propertyValue;
         switch (propertyDef.DataType)
         {
+            case MFDatatypeBoolean:
+                var currentValue = getCurrentValue();
+                var pv = new MFiles.PropertyValue();
+                pv.PropertyDef = propertyDef.ID;
+                if ((currentValue + "").length == 0)
+                {
+                    pv.Value.SetValue(propertyDef.DataType, null);
+                }
+                else
+                {
+                    pv.Value.SetValue(propertyDef.DataType, currentValue);
+                }
+                return pv;
             case MFDatatypeText:
             case MFDatatypeInteger:
             case MFDatatypeFloating:
@@ -42,7 +71,6 @@
                 pv.PropertyDef = propertyDef.ID;
                 pv.Value.SetValue(propertyDef.DataType, getCurrentValue());
                 return pv;
-                break;
             default:
                 return propertyValue;
         }
@@ -51,10 +79,11 @@
     {
         switch (propertyDef.DataType)
         {
+            case MFDatatypeBoolean:
             case MFDatatypeText:
             case MFDatatypeInteger:
             case MFDatatypeFloating:
-                return getCurrentValue() != originalValue;
+                return getCurrentValue() !== originalValue;
                 break;
             default:
                 return false;
@@ -66,6 +95,16 @@
 
         switch (propertyDef.DataType)
         {
+            case MFDatatypeBoolean:
+                switch ((currentValue + "").toLowerCase())
+                {
+                    case "true":
+                    case "false":
+                    case "":
+                        return true;
+                    default:
+                        return !isRequired;
+                }
             case MFDatatypeText:
             case MFDatatypeMultiLineText:
                 // If it does not have a value but is required, die.
@@ -154,6 +193,28 @@
         // Render each data type.
         switch (propertyDef.DataType)
         {
+            case MFDatatypeBoolean:
+                var $select = $("<select></select>").addClass("auto-select");
+                var $emptyOption = $("<option></option>").val("").text("");
+                var $yesOption = $("<option></option>").val("Yes").text("Yes");
+                var $noOption = $("<option></option>").val("No").text("No");
+                switch ((propertyValue.Value.DisplayValue + "").toLowerCase())
+                {
+                    case "true":
+                    case "yes":
+                        $yesOption.attr("selected", "selected");
+                        break;
+                    case "false":
+                    case "no":
+                        $noOption.attr("selected", "selected");
+                        break;
+                }
+                $select.append($emptyOption);
+                $select.append($yesOption);
+                $select.append($noOption);
+                $select.change(function () { renderer.exitEditMode(); });
+                $value.append($select);
+                break;
             case MFDatatypeText:
             case MFDatatypeInteger:
             case MFDatatypeFloating:
@@ -206,6 +267,7 @@
             return;
         switch (propertyDef.DataType)
         {
+            case MFDatatypeBoolean:
             case MFDatatypeText:
             case MFDatatypeInteger:
             case MFDatatypeFloating:
@@ -224,10 +286,28 @@
                 // Set the value.
                 var value = getCurrentValue();
 
+                // Format the value.
+                switch (propertyDef.DataType)
+                {
+                    case MFDatatypeBoolean:
+                        switch (value)
+                        {
+                            case true:
+                                value = "Yes";
+                                break;
+                            case false:
+                                value = "No";
+                                break;
+                            default:
+                                value = "";
+                        }
+                        break;
+                }
+
                 // Update the UI.
                 if (null != $listItem)
                     $listItem.removeClass("empty");
-                if (value.length == 0)
+                if ((value + "").length == 0)
                 {
                     if (null != $listItem)
                         $listItem.addClass("empty");
@@ -250,7 +330,7 @@
         $listItem.data("propertyValue", propertyValue);
 
         // Create the label.
-        renderLabel( $listItem);
+        renderLabel($listItem);
 
         // Create the read-only value.
         renderReadOnlyValue($listItem);
@@ -262,13 +342,13 @@
             // Is the property editable?
             if (propertyDef.AutomaticValueType == MFAutomaticValueTypeNone)
             {
-                supportsEditing = true;
 
                 // Attempt to create the editable value.
                 var $editableValue = renderEditableValue($listItem);
                 if (null != $editableValue)
                 {
                     // Mark it as editable.
+                    supportsEditing = true;
                     $listItem.addClass("editable");
 
                     // Add the handler to allow editing.

From 6319037449aba95c8becb14025a492e67104f04e Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Thu, 1 Dec 2022 17:02:27 +0000
Subject: [PATCH 08/50] Multi-line text properties work.

---
 .../app/dashboard/dashboard.css                 |  5 +++++
 .../scripts/renderers/propertyvaluerenderer.js  | 17 ++++++++++++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
index 98fa72f..bd8bdbb 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
@@ -121,6 +121,11 @@ ol.properties li.mfdatatype-3.editable input {
     position: relative;
     top: 2px;
 }
+ol.properties li.mfdatatype-13.editable textarea {
+    display: block;
+    width: 100%;
+    height: 200px;
+}
 ol.properties li.invalid-value input
 {
     border-color: red !important;
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index 599e4cf..621dad6 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -26,6 +26,7 @@
                         return "";
                 }
             case MFDatatypeText:
+            case MFDatatypeMultiLineText:
                 return false == supportsEditing
                     ? propertyValue.Value.DisplayValue
                     : $(".auto-select", $listItem).val() + "";
@@ -65,6 +66,7 @@
                 }
                 return pv;
             case MFDatatypeText:
+            case MFDatatypeMultiLineText:
             case MFDatatypeInteger:
             case MFDatatypeFloating:
                 var pv = new MFiles.PropertyValue();
@@ -81,6 +83,7 @@
         {
             case MFDatatypeBoolean:
             case MFDatatypeText:
+            case MFDatatypeMultiLineText:
             case MFDatatypeInteger:
             case MFDatatypeFloating:
                 return getCurrentValue() !== originalValue;
@@ -215,6 +218,12 @@
                 $select.change(function () { renderer.exitEditMode(); });
                 $value.append($select);
                 break;
+            case MFDatatypeMultiLineText:
+                var $textarea = $("<textarea></textarea>").addClass("auto-select");
+                $textarea.val(propertyValue.Value.DisplayValue);
+                $textarea.blur(function () { renderer.exitEditMode(); });
+                $value.append($textarea);
+                break;
             case MFDatatypeText:
             case MFDatatypeInteger:
             case MFDatatypeFloating:
@@ -257,6 +266,11 @@
             return;
         if (null == $listItem)
             return;
+        // Already editing?
+        if ($listItem.hasClass("editing"))
+            return;
+
+        // Start editing.
         $listItem.addClass("editing");
         $(".auto-select", $listItem).select();
     }
@@ -269,6 +283,7 @@
         {
             case MFDatatypeBoolean:
             case MFDatatypeText:
+            case MFDatatypeMultiLineText:
             case MFDatatypeInteger:
             case MFDatatypeFloating:
                 // If it's invalid then mark the list item.
@@ -351,7 +366,7 @@
                     supportsEditing = true;
                     $listItem.addClass("editable");
 
-                    // Add the handler to allow editing.
+                    // Add the handler to allow editing. }
                     $listItem.click(function (e)
                     {
                         $(".editing").removeClass("editing");

From be57977a89bb48caf59eb5baa433baac62e710e2 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Thu, 1 Dec 2022 17:35:50 +0000
Subject: [PATCH 09/50] Can tab through items. Buttons (save/discard) don't
 appear until body click though.

---
 .../app/dashboard/dashboard.css                |  2 ++
 .../scripts/renderers/propertyvaluerenderer.js | 18 ++++++++++++++----
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
index bd8bdbb..77c63f0 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
@@ -103,10 +103,12 @@ ol.properties li.editable .editing-value
     display: none;
 }
 ol.properties li.editable.editing .read-only-value,
+ol.properties li.editable:focus .read-only-value,
 ol.properties li.invalid-value .read-only-value {
     display: none;
 }
 ol.properties li.editable.editing .editing-value,
+ol.properties li.editable:focus .editing-value,
 ol.properties li.invalid-value .editing-value {
     display: block;
 }
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index 621dad6..4402277 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -79,15 +79,17 @@
     }
     renderer.hasChanged = function ()
     {
+        var currentValue = getCurrentValue();
         switch (propertyDef.DataType)
         {
             case MFDatatypeBoolean:
             case MFDatatypeText:
-            case MFDatatypeMultiLineText:
             case MFDatatypeInteger:
             case MFDatatypeFloating:
-                return getCurrentValue() !== originalValue;
-                break;
+                return currentValue !== originalValue;
+            case MFDatatypeMultiLineText:
+                // Line ending fun.
+                return (currentValue + "").replace(/\r\n/g, "\n") !== (originalValue + "").replace(/\r\n/g, "\n");
             default:
                 return false;
         }
@@ -340,6 +342,7 @@
     {
         // Create the (parent) list item.
         $listItem = $("<li></li>");
+        $listItem.attr("tabindex", "0");
         $listItem.addClass("mfdatatype-" + propertyDef.DataType.toString()); // Add a class for the data type
         $listItem.data("propertyDef", propertyDef);
         $listItem.data("propertyValue", propertyValue);
@@ -366,7 +369,7 @@
                     supportsEditing = true;
                     $listItem.addClass("editable");
 
-                    // Add the handler to allow editing. }
+                    // Add the handler to allow editing.
                     $listItem.click(function (e)
                     {
                         $(".editing").removeClass("editing");
@@ -374,6 +377,13 @@
                         e.stopPropagation();
                         return false;
                     });
+                    $listItem.focus(function (e)
+                    {
+                        $(".editing").removeClass("editing");
+                        renderer.enterEditMode();
+                        e.stopPropagation();
+                        return false;
+                    });
                 }
             }
 

From f8cd1450ca0468e5c7c850ad9391e681ba871e88 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Fri, 2 Dec 2022 10:33:31 +0000
Subject: [PATCH 10/50] Dates work.

---
 .../ViewAllMetadata.UIX.csproj                |   2 +
 .../app/dashboard/dashboard.html              |   2 +
 .../dashboard/jquery.datetimepicker.min.css   |   1 +
 .../scripts/jquery.datetimepicker.full.min.js |   1 +
 .../renderers/propertyvaluerenderer.js        | 252 +++++++++++++++++-
 5 files changed, 255 insertions(+), 3 deletions(-)
 create mode 100644 src/ViewAllMetadata.UIX/app/dashboard/jquery.datetimepicker.min.css
 create mode 100644 src/ViewAllMetadata.UIX/app/scripts/jquery.datetimepicker.full.min.js

diff --git a/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj b/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
index 2bf0e28..c0d46be 100644
--- a/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
+++ b/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
@@ -38,6 +38,8 @@
       <SubType>Designer</SubType>
     </Content>
     <Content Include="app\dashboard\dashboard.css" />
+    <Content Include="app\dashboard\jquery.datetimepicker.min.css" />
+    <Content Include="app\scripts\jquery.datetimepicker.full.min.js" />
     <Content Include="app\scripts\renderers\objectrenderer.js" />
     <Content Include="app\scripts\renderers\propertyvaluerenderer.js" />
     <Content Include="app\shellui.js" />
diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html
index 223db19..4977472 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html
@@ -9,6 +9,8 @@
     <script type="text/javascript" src="../scripts/renderers/propertyvaluerenderer.js"></script>
     <script type="text/javascript" src="dashboard.js"></script>
     <link rel="stylesheet" href="dashboard.css" type="text/css" />
+    <link rel="stylesheet" type="text/css" href="jquery.datetimepicker.min.css" />
+    <script src="../scripts/jquery.datetimepicker.full.min.js"></script>
 </head>
 
 <body>
diff --git a/src/ViewAllMetadata.UIX/app/dashboard/jquery.datetimepicker.min.css b/src/ViewAllMetadata.UIX/app/dashboard/jquery.datetimepicker.min.css
new file mode 100644
index 0000000..e3e02e2
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/dashboard/jquery.datetimepicker.min.css
@@ -0,0 +1 @@
+.xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,0.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:0}.xdsoft_datetimepicker button{border:none !important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:transparent}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;-ms-filter:"alpha(opacity=50)";outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1;-ms-filter:"alpha(opacity=100)"}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1.0}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none !important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;-ms-filter:"alpha(opacity=50)";cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"alpha(opacity=20)"}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#ff8000 !important;box-shadow:none !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#3af !important;box-shadow:#178fe5 0 1px 3px 0 inset !important;color:#fff !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000 !important;background:#007fff !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555 !important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333 !important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd !important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:"museo-sans","Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)}.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span{color:#454551;background:-moz-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#FFF));background:-webkit-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-o-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-ms-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)}
diff --git a/src/ViewAllMetadata.UIX/app/scripts/jquery.datetimepicker.full.min.js b/src/ViewAllMetadata.UIX/app/scripts/jquery.datetimepicker.full.min.js
new file mode 100644
index 0000000..7947c33
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/jquery.datetimepicker.full.min.js
@@ -0,0 +1 @@
+var DateFormatter;!function(){"use strict";var D,s,r,a,n;D=function(e,t){return"string"==typeof e&&"string"==typeof t&&e.toLowerCase()===t.toLowerCase()},s=function(e,t,a){var n=a||"0",r=e.toString();return r.length<t?s(n+r,t):r},r=function(e){var t,a;for(e=e||{},t=1;t<arguments.length;t++)if(a=arguments[t])for(var n in a)a.hasOwnProperty(n)&&("object"==typeof a[n]?r(e[n],a[n]):e[n]=a[n]);return e},a=function(e,t){for(var a=0;a<t.length;a++)if(t[a].toLowerCase()===e.toLowerCase())return a;return-1},n={dateSettings:{days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],daysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],meridiem:["AM","PM"],ordinal:function(e){var t=e%10,a={1:"st",2:"nd",3:"rd"};return 1!==Math.floor(e%100/10)&&a[t]?a[t]:"th"}},separators:/[ \-+\/\.T:@]/g,validParts:/[dDjlNSwzWFmMntLoYyaABgGhHisueTIOPZcrU]/g,intParts:/[djwNzmnyYhHgGis]/g,tzParts:/\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d{4})?)\b/g,tzClip:/[^-+\dA-Z]/g},(DateFormatter=function(e){var t=this,a=r(n,e);t.dateSettings=a.dateSettings,t.separators=a.separators,t.validParts=a.validParts,t.intParts=a.intParts,t.tzParts=a.tzParts,t.tzClip=a.tzClip}).prototype={constructor:DateFormatter,getMonth:function(e){var t;return 0===(t=a(e,this.dateSettings.monthsShort)+1)&&(t=a(e,this.dateSettings.months)+1),t},parseDate:function(e,t){var a,n,r,o,i,s,d,u,l,f,c=this,m=!1,h=!1,g=c.dateSettings,p={date:null,year:null,month:null,day:null,hour:0,min:0,sec:0};if(!e)return null;if(e instanceof Date)return e;if("U"===t)return(r=parseInt(e))?new Date(1e3*r):e;switch(typeof e){case"number":return new Date(e);case"string":break;default:return null}if(!(a=t.match(c.validParts))||0===a.length)throw new Error("Invalid date format definition.");for(n=e.replace(c.separators,"\0").split("\0"),r=0;r<n.length;r++)switch(o=n[r],i=parseInt(o),a[r]){case"y":case"Y":if(!i)return null;l=o.length,p.year=2===l?parseInt((i<70?"20":"19")+o):i,m=!0;break;case"m":case"n":case"M":case"F":if(isNaN(i)){if(!(0<(s=c.getMonth(o))))return null;p.month=s}else{if(!(1<=i&&i<=12))return null;p.month=i}m=!0;break;case"d":case"j":if(!(1<=i&&i<=31))return null;p.day=i,m=!0;break;case"g":case"h":if(f=n[d=-1<a.indexOf("a")?a.indexOf("a"):-1<a.indexOf("A")?a.indexOf("A"):-1],-1<d)u=D(f,g.meridiem[0])?0:D(f,g.meridiem[1])?12:-1,1<=i&&i<=12&&-1<u?p.hour=i+u-1:0<=i&&i<=23&&(p.hour=i);else{if(!(0<=i&&i<=23))return null;p.hour=i}h=!0;break;case"G":case"H":if(!(0<=i&&i<=23))return null;p.hour=i,h=!0;break;case"i":if(!(0<=i&&i<=59))return null;p.min=i,h=!0;break;case"s":if(!(0<=i&&i<=59))return null;p.sec=i,h=!0}if(!0===m&&p.year&&p.month&&p.day)p.date=new Date(p.year,p.month-1,p.day,p.hour,p.min,p.sec,0);else{if(!0!==h)return null;p.date=new Date(0,0,0,p.hour,p.min,p.sec,0)}return p.date},guessDate:function(e,t){if("string"!=typeof e)return e;var a,n,r,o,i,s,d=e.replace(this.separators,"\0").split("\0"),u=t.match(this.validParts),l=new Date,f=0;if(!/^[djmn]/g.test(u[0]))return e;for(r=0;r<d.length;r++){if(f=2,i=d[r],s=parseInt(i.substr(0,2)),isNaN(s))return null;switch(r){case 0:"m"===u[0]||"n"===u[0]?l.setMonth(s-1):l.setDate(s);break;case 1:"m"===u[0]||"n"===u[0]?l.setDate(s):l.setMonth(s-1);break;case 2:if(n=l.getFullYear(),f=(a=i.length)<4?a:4,!(n=parseInt(a<4?n.toString().substr(0,4-a)+i:i.substr(0,4))))return null;l.setFullYear(n);break;case 3:l.setHours(s);break;case 4:l.setMinutes(s);break;case 5:l.setSeconds(s)}0<(o=i.substr(f)).length&&d.splice(r+1,0,o)}return l},parseFormat:function(e,n){var a,t=this,r=t.dateSettings,o=/\\?(.?)/gi,i=function(e,t){return a[e]?a[e]():t};return a={d:function(){return s(a.j(),2)},D:function(){return r.daysShort[a.w()]},j:function(){return n.getDate()},l:function(){return r.days[a.w()]},N:function(){return a.w()||7},w:function(){return n.getDay()},z:function(){var e=new Date(a.Y(),a.n()-1,a.j()),t=new Date(a.Y(),0,1);return Math.round((e-t)/864e5)},W:function(){var e=new Date(a.Y(),a.n()-1,a.j()-a.N()+3),t=new Date(e.getFullYear(),0,4);return s(1+Math.round((e-t)/864e5/7),2)},F:function(){return r.months[n.getMonth()]},m:function(){return s(a.n(),2)},M:function(){return r.monthsShort[n.getMonth()]},n:function(){return n.getMonth()+1},t:function(){return new Date(a.Y(),a.n(),0).getDate()},L:function(){var e=a.Y();return e%4==0&&e%100!=0||e%400==0?1:0},o:function(){var e=a.n(),t=a.W();return a.Y()+(12===e&&t<9?1:1===e&&9<t?-1:0)},Y:function(){return n.getFullYear()},y:function(){return a.Y().toString().slice(-2)},a:function(){return a.A().toLowerCase()},A:function(){var e=a.G()<12?0:1;return r.meridiem[e]},B:function(){var e=3600*n.getUTCHours(),t=60*n.getUTCMinutes(),a=n.getUTCSeconds();return s(Math.floor((e+t+a+3600)/86.4)%1e3,3)},g:function(){return a.G()%12||12},G:function(){return n.getHours()},h:function(){return s(a.g(),2)},H:function(){return s(a.G(),2)},i:function(){return s(n.getMinutes(),2)},s:function(){return s(n.getSeconds(),2)},u:function(){return s(1e3*n.getMilliseconds(),6)},e:function(){return/\((.*)\)/.exec(String(n))[1]||"Coordinated Universal Time"},I:function(){return new Date(a.Y(),0)-Date.UTC(a.Y(),0)!=new Date(a.Y(),6)-Date.UTC(a.Y(),6)?1:0},O:function(){var e=n.getTimezoneOffset(),t=Math.abs(e);return(0<e?"-":"+")+s(100*Math.floor(t/60)+t%60,4)},P:function(){var e=a.O();return e.substr(0,3)+":"+e.substr(3,2)},T:function(){return(String(n).match(t.tzParts)||[""]).pop().replace(t.tzClip,"")||"UTC"},Z:function(){return 60*-n.getTimezoneOffset()},c:function(){return"Y-m-d\\TH:i:sP".replace(o,i)},r:function(){return"D, d M Y H:i:s O".replace(o,i)},U:function(){return n.getTime()/1e3||0}},i(e,e)},formatDate:function(e,t){var a,n,r,o,i,s="";if("string"==typeof e&&!(e=this.parseDate(e,t)))return null;if(e instanceof Date){for(r=t.length,a=0;a<r;a++)"S"!==(i=t.charAt(a))&&"\\"!==i&&(0<a&&"\\"===t.charAt(a-1)?s+=i:(o=this.parseFormat(i,e),a!==r-1&&this.intParts.test(i)&&"S"===t.charAt(a+1)&&(n=parseInt(o)||0,o+=this.dateSettings.ordinal(n)),s+=o));return s}return""}}}();var datetimepickerFactory=function(L){"use strict";var s={i18n:{ar:{months:["كانون الثاني","شباط","آذار","نيسان","مايو","حزيران","تموز","آب","أيلول","تشرين الأول","تشرين الثاني","كانون الأول"],dayOfWeekShort:["ن","ث","ع","خ","ج","س","ح"],dayOfWeek:["الأحد","الاثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت","الأحد"]},ro:{months:["Ianuarie","Februarie","Martie","Aprilie","Mai","Iunie","Iulie","August","Septembrie","Octombrie","Noiembrie","Decembrie"],dayOfWeekShort:["Du","Lu","Ma","Mi","Jo","Vi","Sâ"],dayOfWeek:["Duminică","Luni","Marţi","Miercuri","Joi","Vineri","Sâmbătă"]},id:{months:["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],dayOfWeekShort:["Min","Sen","Sel","Rab","Kam","Jum","Sab"],dayOfWeek:["Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu"]},is:{months:["Janúar","Febrúar","Mars","Apríl","Maí","Júní","Júlí","Ágúst","September","Október","Nóvember","Desember"],dayOfWeekShort:["Sun","Mán","Þrið","Mið","Fim","Fös","Lau"],dayOfWeek:["Sunnudagur","Mánudagur","Þriðjudagur","Miðvikudagur","Fimmtudagur","Föstudagur","Laugardagur"]},bg:{months:["Януари","Февруари","Март","Април","Май","Юни","Юли","Август","Септември","Октомври","Ноември","Декември"],dayOfWeekShort:["Нд","Пн","Вт","Ср","Чт","Пт","Сб"],dayOfWeek:["Неделя","Понеделник","Вторник","Сряда","Четвъртък","Петък","Събота"]},fa:{months:["فروردین","اردیبهشت","خرداد","تیر","مرداد","شهریور","مهر","آبان","آذر","دی","بهمن","اسفند"],dayOfWeekShort:["یکشنبه","دوشنبه","سه شنبه","چهارشنبه","پنجشنبه","جمعه","شنبه"],dayOfWeek:["یک‌شنبه","دوشنبه","سه‌شنبه","چهارشنبه","پنج‌شنبه","جمعه","شنبه","یک‌شنبه"]},ru:{months:["Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"],dayOfWeekShort:["Вс","Пн","Вт","Ср","Чт","Пт","Сб"],dayOfWeek:["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"]},uk:{months:["Січень","Лютий","Березень","Квітень","Травень","Червень","Липень","Серпень","Вересень","Жовтень","Листопад","Грудень"],dayOfWeekShort:["Нд","Пн","Вт","Ср","Чт","Пт","Сб"],dayOfWeek:["Неділя","Понеділок","Вівторок","Середа","Четвер","П'ятниця","Субота"]},en:{months:["January","February","March","April","May","June","July","August","September","October","November","December"],dayOfWeekShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayOfWeek:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},el:{months:["Ιανουάριος","Φεβρουάριος","Μάρτιος","Απρίλιος","Μάιος","Ιούνιος","Ιούλιος","Αύγουστος","Σεπτέμβριος","Οκτώβριος","Νοέμβριος","Δεκέμβριος"],dayOfWeekShort:["Κυρ","Δευ","Τρι","Τετ","Πεμ","Παρ","Σαβ"],dayOfWeek:["Κυριακή","Δευτέρα","Τρίτη","Τετάρτη","Πέμπτη","Παρασκευή","Σάββατο"]},de:{months:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],dayOfWeekShort:["So","Mo","Di","Mi","Do","Fr","Sa"],dayOfWeek:["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"]},nl:{months:["januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december"],dayOfWeekShort:["zo","ma","di","wo","do","vr","za"],dayOfWeek:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},tr:{months:["Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık"],dayOfWeekShort:["Paz","Pts","Sal","Çar","Per","Cum","Cts"],dayOfWeek:["Pazar","Pazartesi","Salı","Çarşamba","Perşembe","Cuma","Cumartesi"]},fr:{months:["Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre"],dayOfWeekShort:["Dim","Lun","Mar","Mer","Jeu","Ven","Sam"],dayOfWeek:["dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi"]},es:{months:["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],dayOfWeekShort:["Dom","Lun","Mar","Mié","Jue","Vie","Sáb"],dayOfWeek:["Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"]},th:{months:["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","พฤษภาคม","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],dayOfWeekShort:["อา.","จ.","อ.","พ.","พฤ.","ศ.","ส."],dayOfWeek:["อาทิตย์","จันทร์","อังคาร","พุธ","พฤหัส","ศุกร์","เสาร์","อาทิตย์"]},pl:{months:["styczeń","luty","marzec","kwiecień","maj","czerwiec","lipiec","sierpień","wrzesień","październik","listopad","grudzień"],dayOfWeekShort:["nd","pn","wt","śr","cz","pt","sb"],dayOfWeek:["niedziela","poniedziałek","wtorek","środa","czwartek","piątek","sobota"]},pt:{months:["Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"],dayOfWeekShort:["Dom","Seg","Ter","Qua","Qui","Sex","Sab"],dayOfWeek:["Domingo","Segunda","Terça","Quarta","Quinta","Sexta","Sábado"]},ch:{months:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],dayOfWeekShort:["日","一","二","三","四","五","六"]},se:{months:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],dayOfWeekShort:["Sön","Mån","Tis","Ons","Tor","Fre","Lör"]},km:{months:["មករា​","កុម្ភៈ","មិនា​","មេសា​","ឧសភា​","មិថុនា​","កក្កដា​","សីហា​","កញ្ញា​","តុលា​","វិច្ឆិកា","ធ្នូ​"],dayOfWeekShort:["អាទិ​","ច័ន្ទ​","អង្គារ​","ពុធ​","ព្រហ​​","សុក្រ​","សៅរ៍"],dayOfWeek:["អាទិត្យ​","ច័ន្ទ​","អង្គារ​","ពុធ​","ព្រហស្បតិ៍​","សុក្រ​","សៅរ៍"]},kr:{months:["1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월"],dayOfWeekShort:["일","월","화","수","목","금","토"],dayOfWeek:["일요일","월요일","화요일","수요일","목요일","금요일","토요일"]},it:{months:["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre"],dayOfWeekShort:["Dom","Lun","Mar","Mer","Gio","Ven","Sab"],dayOfWeek:["Domenica","Lunedì","Martedì","Mercoledì","Giovedì","Venerdì","Sabato"]},da:{months:["Januar","Februar","Marts","April","Maj","Juni","Juli","August","September","Oktober","November","December"],dayOfWeekShort:["Søn","Man","Tir","Ons","Tor","Fre","Lør"],dayOfWeek:["søndag","mandag","tirsdag","onsdag","torsdag","fredag","lørdag"]},no:{months:["Januar","Februar","Mars","April","Mai","Juni","Juli","August","September","Oktober","November","Desember"],dayOfWeekShort:["Søn","Man","Tir","Ons","Tor","Fre","Lør"],dayOfWeek:["Søndag","Mandag","Tirsdag","Onsdag","Torsdag","Fredag","Lørdag"]},ja:{months:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],dayOfWeekShort:["日","月","火","水","木","金","土"],dayOfWeek:["日曜","月曜","火曜","水曜","木曜","金曜","土曜"]},vi:{months:["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],dayOfWeekShort:["CN","T2","T3","T4","T5","T6","T7"],dayOfWeek:["Chủ nhật","Thứ hai","Thứ ba","Thứ tư","Thứ năm","Thứ sáu","Thứ bảy"]},sl:{months:["Januar","Februar","Marec","April","Maj","Junij","Julij","Avgust","September","Oktober","November","December"],dayOfWeekShort:["Ned","Pon","Tor","Sre","Čet","Pet","Sob"],dayOfWeek:["Nedelja","Ponedeljek","Torek","Sreda","Četrtek","Petek","Sobota"]},cs:{months:["Leden","Únor","Březen","Duben","Květen","Červen","Červenec","Srpen","Září","Říjen","Listopad","Prosinec"],dayOfWeekShort:["Ne","Po","Út","St","Čt","Pá","So"]},hu:{months:["Január","Február","Március","Április","Május","Június","Július","Augusztus","Szeptember","Október","November","December"],dayOfWeekShort:["Va","Hé","Ke","Sze","Cs","Pé","Szo"],dayOfWeek:["vasárnap","hétfő","kedd","szerda","csütörtök","péntek","szombat"]},az:{months:["Yanvar","Fevral","Mart","Aprel","May","Iyun","Iyul","Avqust","Sentyabr","Oktyabr","Noyabr","Dekabr"],dayOfWeekShort:["B","Be","Ça","Ç","Ca","C","Ş"],dayOfWeek:["Bazar","Bazar ertəsi","Çərşənbə axşamı","Çərşənbə","Cümə axşamı","Cümə","Şənbə"]},bs:{months:["Januar","Februar","Mart","April","Maj","Jun","Jul","Avgust","Septembar","Oktobar","Novembar","Decembar"],dayOfWeekShort:["Ned","Pon","Uto","Sri","Čet","Pet","Sub"],dayOfWeek:["Nedjelja","Ponedjeljak","Utorak","Srijeda","Četvrtak","Petak","Subota"]},ca:{months:["Gener","Febrer","Març","Abril","Maig","Juny","Juliol","Agost","Setembre","Octubre","Novembre","Desembre"],dayOfWeekShort:["Dg","Dl","Dt","Dc","Dj","Dv","Ds"],dayOfWeek:["Diumenge","Dilluns","Dimarts","Dimecres","Dijous","Divendres","Dissabte"]},"en-GB":{months:["January","February","March","April","May","June","July","August","September","October","November","December"],dayOfWeekShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayOfWeek:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},et:{months:["Jaanuar","Veebruar","Märts","Aprill","Mai","Juuni","Juuli","August","September","Oktoober","November","Detsember"],dayOfWeekShort:["P","E","T","K","N","R","L"],dayOfWeek:["Pühapäev","Esmaspäev","Teisipäev","Kolmapäev","Neljapäev","Reede","Laupäev"]},eu:{months:["Urtarrila","Otsaila","Martxoa","Apirila","Maiatza","Ekaina","Uztaila","Abuztua","Iraila","Urria","Azaroa","Abendua"],dayOfWeekShort:["Ig.","Al.","Ar.","Az.","Og.","Or.","La."],dayOfWeek:["Igandea","Astelehena","Asteartea","Asteazkena","Osteguna","Ostirala","Larunbata"]},fi:{months:["Tammikuu","Helmikuu","Maaliskuu","Huhtikuu","Toukokuu","Kesäkuu","Heinäkuu","Elokuu","Syyskuu","Lokakuu","Marraskuu","Joulukuu"],dayOfWeekShort:["Su","Ma","Ti","Ke","To","Pe","La"],dayOfWeek:["sunnuntai","maanantai","tiistai","keskiviikko","torstai","perjantai","lauantai"]},gl:{months:["Xan","Feb","Maz","Abr","Mai","Xun","Xul","Ago","Set","Out","Nov","Dec"],dayOfWeekShort:["Dom","Lun","Mar","Mer","Xov","Ven","Sab"],dayOfWeek:["Domingo","Luns","Martes","Mércores","Xoves","Venres","Sábado"]},hr:{months:["Siječanj","Veljača","Ožujak","Travanj","Svibanj","Lipanj","Srpanj","Kolovoz","Rujan","Listopad","Studeni","Prosinac"],dayOfWeekShort:["Ned","Pon","Uto","Sri","Čet","Pet","Sub"],dayOfWeek:["Nedjelja","Ponedjeljak","Utorak","Srijeda","Četvrtak","Petak","Subota"]},ko:{months:["1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월"],dayOfWeekShort:["일","월","화","수","목","금","토"],dayOfWeek:["일요일","월요일","화요일","수요일","목요일","금요일","토요일"]},lt:{months:["Sausio","Vasario","Kovo","Balandžio","Gegužės","Birželio","Liepos","Rugpjūčio","Rugsėjo","Spalio","Lapkričio","Gruodžio"],dayOfWeekShort:["Sek","Pir","Ant","Tre","Ket","Pen","Šeš"],dayOfWeek:["Sekmadienis","Pirmadienis","Antradienis","Trečiadienis","Ketvirtadienis","Penktadienis","Šeštadienis"]},lv:{months:["Janvāris","Februāris","Marts","Aprīlis ","Maijs","Jūnijs","Jūlijs","Augusts","Septembris","Oktobris","Novembris","Decembris"],dayOfWeekShort:["Sv","Pr","Ot","Tr","Ct","Pk","St"],dayOfWeek:["Svētdiena","Pirmdiena","Otrdiena","Trešdiena","Ceturtdiena","Piektdiena","Sestdiena"]},mk:{months:["јануари","февруари","март","април","мај","јуни","јули","август","септември","октомври","ноември","декември"],dayOfWeekShort:["нед","пон","вто","сре","чет","пет","саб"],dayOfWeek:["Недела","Понеделник","Вторник","Среда","Четврток","Петок","Сабота"]},mn:{months:["1-р сар","2-р сар","3-р сар","4-р сар","5-р сар","6-р сар","7-р сар","8-р сар","9-р сар","10-р сар","11-р сар","12-р сар"],dayOfWeekShort:["Дав","Мяг","Лха","Пүр","Бсн","Бям","Ням"],dayOfWeek:["Даваа","Мягмар","Лхагва","Пүрэв","Баасан","Бямба","Ням"]},"pt-BR":{months:["Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"],dayOfWeekShort:["Dom","Seg","Ter","Qua","Qui","Sex","Sáb"],dayOfWeek:["Domingo","Segunda","Terça","Quarta","Quinta","Sexta","Sábado"]},sk:{months:["Január","Február","Marec","Apríl","Máj","Jún","Júl","August","September","Október","November","December"],dayOfWeekShort:["Ne","Po","Ut","St","Št","Pi","So"],dayOfWeek:["Nedeľa","Pondelok","Utorok","Streda","Štvrtok","Piatok","Sobota"]},sq:{months:["Janar","Shkurt","Mars","Prill","Maj","Qershor","Korrik","Gusht","Shtator","Tetor","Nëntor","Dhjetor"],dayOfWeekShort:["Die","Hën","Mar","Mër","Enj","Pre","Shtu"],dayOfWeek:["E Diel","E Hënë","E Martē","E Mërkurë","E Enjte","E Premte","E Shtunë"]},"sr-YU":{months:["Januar","Februar","Mart","April","Maj","Jun","Jul","Avgust","Septembar","Oktobar","Novembar","Decembar"],dayOfWeekShort:["Ned","Pon","Uto","Sre","čet","Pet","Sub"],dayOfWeek:["Nedelja","Ponedeljak","Utorak","Sreda","Četvrtak","Petak","Subota"]},sr:{months:["јануар","фебруар","март","април","мај","јун","јул","август","септембар","октобар","новембар","децембар"],dayOfWeekShort:["нед","пон","уто","сре","чет","пет","суб"],dayOfWeek:["Недеља","Понедељак","Уторак","Среда","Четвртак","Петак","Субота"]},sv:{months:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],dayOfWeekShort:["Sön","Mån","Tis","Ons","Tor","Fre","Lör"],dayOfWeek:["Söndag","Måndag","Tisdag","Onsdag","Torsdag","Fredag","Lördag"]},"zh-TW":{months:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],dayOfWeekShort:["日","一","二","三","四","五","六"],dayOfWeek:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]},zh:{months:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],dayOfWeekShort:["日","一","二","三","四","五","六"],dayOfWeek:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]},ug:{months:["1-ئاي","2-ئاي","3-ئاي","4-ئاي","5-ئاي","6-ئاي","7-ئاي","8-ئاي","9-ئاي","10-ئاي","11-ئاي","12-ئاي"],dayOfWeek:["يەكشەنبە","دۈشەنبە","سەيشەنبە","چارشەنبە","پەيشەنبە","جۈمە","شەنبە"]},he:{months:["ינואר","פברואר","מרץ","אפריל","מאי","יוני","יולי","אוגוסט","ספטמבר","אוקטובר","נובמבר","דצמבר"],dayOfWeekShort:["א'","ב'","ג'","ד'","ה'","ו'","שבת"],dayOfWeek:["ראשון","שני","שלישי","רביעי","חמישי","שישי","שבת","ראשון"]},hy:{months:["Հունվար","Փետրվար","Մարտ","Ապրիլ","Մայիս","Հունիս","Հուլիս","Օգոստոս","Սեպտեմբեր","Հոկտեմբեր","Նոյեմբեր","Դեկտեմբեր"],dayOfWeekShort:["Կի","Երկ","Երք","Չոր","Հնգ","Ուրբ","Շբթ"],dayOfWeek:["Կիրակի","Երկուշաբթի","Երեքշաբթի","Չորեքշաբթի","Հինգշաբթի","Ուրբաթ","Շաբաթ"]},kg:{months:["Үчтүн айы","Бирдин айы","Жалган Куран","Чын Куран","Бугу","Кулжа","Теке","Баш Оона","Аяк Оона","Тогуздун айы","Жетинин айы","Бештин айы"],dayOfWeekShort:["Жек","Дүй","Шей","Шар","Бей","Жум","Ише"],dayOfWeek:["Жекшемб","Дүйшөмб","Шейшемб","Шаршемб","Бейшемби","Жума","Ишенб"]},rm:{months:["Schaner","Favrer","Mars","Avrigl","Matg","Zercladur","Fanadur","Avust","Settember","October","November","December"],dayOfWeekShort:["Du","Gli","Ma","Me","Gie","Ve","So"],dayOfWeek:["Dumengia","Glindesdi","Mardi","Mesemna","Gievgia","Venderdi","Sonda"]},ka:{months:["იანვარი","თებერვალი","მარტი","აპრილი","მაისი","ივნისი","ივლისი","აგვისტო","სექტემბერი","ოქტომბერი","ნოემბერი","დეკემბერი"],dayOfWeekShort:["კვ","ორშ","სამშ","ოთხ","ხუთ","პარ","შაბ"],dayOfWeek:["კვირა","ორშაბათი","სამშაბათი","ოთხშაბათი","ხუთშაბათი","პარასკევი","შაბათი"]},kk:{months:["Қаңтар","Ақпан","Наурыз","Сәуір","Мамыр","Маусым","Шілде","Тамыз","Қыркүйек","Қазан","Қараша","Желтоқсан"],dayOfWeekShort:["Жк","Дс","Сс","Ср","Бс","Жм","Сб"],dayOfWeek:["Жексенбі","Дүйсенбі","Сейсенбі","Сәрсенбі","Бейсенбі","Жұма","Сенбі"]}},ownerDocument:document,contentWindow:window,value:"",rtl:!1,format:"Y/m/d H:i",formatTime:"H:i",formatDate:"Y/m/d",startDate:!1,step:60,monthChangeSpinner:!0,closeOnDateSelect:!1,closeOnTimeSelect:!0,closeOnWithoutClick:!0,closeOnInputClick:!0,openOnFocus:!0,timepicker:!0,datepicker:!0,weeks:!1,defaultTime:!1,defaultDate:!1,minDate:!1,maxDate:!1,minTime:!1,maxTime:!1,minDateTime:!1,maxDateTime:!1,allowTimes:[],opened:!1,initTime:!0,inline:!1,theme:"",touchMovedThreshold:5,onSelectDate:function(){},onSelectTime:function(){},onChangeMonth:function(){},onGetWeekOfYear:function(){},onChangeYear:function(){},onChangeDateTime:function(){},onShow:function(){},onClose:function(){},onGenerate:function(){},withoutCopyright:!0,inverseButton:!1,hours12:!1,next:"xdsoft_next",prev:"xdsoft_prev",dayOfWeekStart:0,parentID:"body",timeHeightInTimePicker:25,timepickerScrollbar:!0,todayButton:!0,prevButton:!0,nextButton:!0,defaultSelect:!0,scrollMonth:!0,scrollTime:!0,scrollInput:!0,lazyInit:!1,mask:!1,validateOnBlur:!0,allowBlank:!0,yearStart:1950,yearEnd:2050,monthStart:0,monthEnd:11,style:"",id:"",fixed:!1,roundTime:"round",className:"",weekends:[],highlightedDates:[],highlightedPeriods:[],allowDates:[],allowDateRe:null,disabledDates:[],disabledWeekDays:[],yearOffset:0,beforeShowDay:null,enterLikeTab:!0,showApplyButton:!1,insideParent:!1},E=null,n=null,R="en",a={meridiem:["AM","PM"]},r=function(){var e=s.i18n[R],t={days:e.dayOfWeek,daysShort:e.dayOfWeekShort,months:e.months,monthsShort:L.map(e.months,function(e){return e.substring(0,3)})};"function"==typeof DateFormatter&&(E=n=new DateFormatter({dateSettings:L.extend({},a,t)}))},o={moment:{default_options:{format:"YYYY/MM/DD HH:mm",formatDate:"YYYY/MM/DD",formatTime:"HH:mm"},formatter:{parseDate:function(e,t){if(i(t))return n.parseDate(e,t);var a=moment(e,t);return!!a.isValid()&&a.toDate()},formatDate:function(e,t){return i(t)?n.formatDate(e,t):moment(e).format(t)},formatMask:function(e){return e.replace(/Y{4}/g,"9999").replace(/Y{2}/g,"99").replace(/M{2}/g,"19").replace(/D{2}/g,"39").replace(/H{2}/g,"29").replace(/m{2}/g,"59").replace(/s{2}/g,"59")}}}};L.datetimepicker={setLocale:function(e){var t=s.i18n[e]?e:"en";R!==t&&(R=t,r())},setDateFormatter:function(e){if("string"==typeof e&&o.hasOwnProperty(e)){var t=o[e];L.extend(s,t.default_options),E=t.formatter}else E=e}};var t={RFC_2822:"D, d M Y H:i:s O",ATOM:"Y-m-dTH:i:sP",ISO_8601:"Y-m-dTH:i:sO",RFC_822:"D, d M y H:i:s O",RFC_850:"l, d-M-y H:i:s T",RFC_1036:"D, d M y H:i:s O",RFC_1123:"D, d M Y H:i:s O",RSS:"D, d M Y H:i:s O",W3C:"Y-m-dTH:i:sP"},i=function(e){return-1!==Object.values(t).indexOf(e)};function m(e,t,a){this.date=e,this.desc=t,this.style=a}L.extend(L.datetimepicker,t),r(),window.getComputedStyle||(window.getComputedStyle=function(a){return this.el=a,this.getPropertyValue=function(e){var t=/(-([a-z]))/g;return"float"===e&&(e="styleFloat"),t.test(e)&&(e=e.replace(t,function(e,t,a){return a.toUpperCase()})),a.currentStyle[e]||null},this}),Array.prototype.indexOf||(Array.prototype.indexOf=function(e,t){var a,n;for(a=t||0,n=this.length;a<n;a+=1)if(this[a]===e)return a;return-1}),Date.prototype.countDaysInMonth=function(){return new Date(this.getFullYear(),this.getMonth()+1,0).getDate()},L.fn.xdsoftScroller=function(D,y){return this.each(function(){var o,i,s,d,u,l=L(this),a=function(e){var t,a={x:0,y:0};return"touchstart"===e.type||"touchmove"===e.type||"touchend"===e.type||"touchcancel"===e.type?(t=e.originalEvent.touches[0]||e.originalEvent.changedTouches[0],a.x=t.clientX,a.y=t.clientY):"mousedown"!==e.type&&"mouseup"!==e.type&&"mousemove"!==e.type&&"mouseover"!==e.type&&"mouseout"!==e.type&&"mouseenter"!==e.type&&"mouseleave"!==e.type||(a.x=e.clientX,a.y=e.clientY),a},f=0,c=100,n=!1,r=0,m=0,h=0,t=!1,g=0,p=function(){};"hide"!==y?(L(this).hasClass("xdsoft_scroller_box")||(o=l.children().eq(0),f=Math.abs(parseInt(o.css("marginTop"),10)),i=l[0].clientHeight,s=o[0].offsetHeight,d=L('<div class="xdsoft_scrollbar"></div>'),u=L('<div class="xdsoft_scroller"></div>'),d.append(u),l.addClass("xdsoft_scroller_box").append(d),p=function(e){var t=a(e).y-r+g;t<0&&(t=0),t+u[0].offsetHeight>h&&(t=h-u[0].offsetHeight),l.trigger("scroll_element.xdsoft_scroller",[c?t/c:0])},u.on("touchstart.xdsoft_scroller mousedown.xdsoft_scroller",function(e){i||l.trigger("resize_scroll.xdsoft_scroller",[y]),r=a(e).y,g=parseInt(u.css("marginTop"),10),h=d[0].offsetHeight,"mousedown"===e.type||"touchstart"===e.type?(D.ownerDocument&&L(D.ownerDocument.body).addClass("xdsoft_noselect"),L([D.ownerDocument.body,D.contentWindow]).on("touchend mouseup.xdsoft_scroller",function e(){L([D.ownerDocument.body,D.contentWindow]).off("touchend mouseup.xdsoft_scroller",e).off("mousemove.xdsoft_scroller",p).removeClass("xdsoft_noselect")}),L(D.ownerDocument.body).on("mousemove.xdsoft_scroller",p)):(t=!0,e.stopPropagation(),e.preventDefault())}).on("touchmove",function(e){t&&(e.preventDefault(),p(e))}).on("touchend touchcancel",function(){t=!1,g=0}),l.on("scroll_element.xdsoft_scroller",function(e,t){i||l.trigger("resize_scroll.xdsoft_scroller",[t,!0]),t=1<t?1:t<0||isNaN(t)?0:t,f=parseFloat(Math.abs((o[0].offsetHeight-i)*t).toFixed(4)),u.css("marginTop",c*t),o.css("marginTop",-f)}).on("resize_scroll.xdsoft_scroller",function(e,t,a){var n,r;i=l[0].clientHeight,s=o[0].offsetHeight,r=(n=i/s)*d[0].offsetHeight,1<n?u.hide():(u.show(),u.css("height",parseInt(10<r?r:10,10)),c=d[0].offsetHeight-u[0].offsetHeight,!0!==a&&l.trigger("scroll_element.xdsoft_scroller",[t||f/(s-i)]))}),l.on("mousewheel",function(e){var t,a,n=(t=e.originalEvent,a=0,"detail"in t&&(a=t.detail),"wheelDelta"in t&&(a=-t.wheelDelta/120),"wheelDeltaY"in t&&(a=-t.wheelDeltaY/120),"axis"in t&&t.axis===t.HORIZONTAL_AXIS&&(a=0),a*=10,"deltaY"in t&&(a=-t.deltaY),a&&t.deltaMode&&(1===t.deltaMode?a*=40:a*=800),a),r=Math.max(0,f-n);return l.trigger("scroll_element.xdsoft_scroller",[r/(s-i)]),e.stopPropagation(),!1}),l.on("touchstart",function(e){n=a(e),m=f}),l.on("touchmove",function(e){if(n){e.preventDefault();var t=a(e);l.trigger("scroll_element.xdsoft_scroller",[(m-(t.y-n.y))/(s-i)])}}),l.on("touchend touchcancel",function(){n=!1,m=0})),l.trigger("resize_scroll.xdsoft_scroller",[y])):l.find(".xdsoft_scrollbar").hide()})},L.fn.datetimepicker=function(H,a){var n,r,o=this,p=17,D=13,y=27,v=37,k=38,b=39,x=40,T=9,S=116,M=65,w=67,j=86,J=90,z=89,N=!1,I=L.isPlainObject(H)||!H?L.extend(!0,{},s,H):L.extend(!0,{},s),i=0;return n=function(O){var t,n,a,r,W,h,_=L('<div class="xdsoft_datetimepicker xdsoft_noselect"></div>'),e=L('<div class="xdsoft_copyright"><a target="_blank" href="http://xdsoft.net/jqplugins/datetimepicker/">xdsoft.net</a></div>'),g=L('<div class="xdsoft_datepicker active"></div>'),F=L('<div class="xdsoft_monthpicker"><button type="button" class="xdsoft_prev"></button><button type="button" class="xdsoft_today_button"></button><div class="xdsoft_label xdsoft_month"><span></span><i></i></div><div class="xdsoft_label xdsoft_year"><span></span><i></i></div><button type="button" class="xdsoft_next"></button></div>'),C=L('<div class="xdsoft_calendar"></div>'),o=L('<div class="xdsoft_timepicker active"><button type="button" class="xdsoft_prev"></button><div class="xdsoft_time_box"></div><button type="button" class="xdsoft_next"></button></div>'),u=o.find(".xdsoft_time_box").eq(0),P=L('<div class="xdsoft_time_variant"></div>'),i=L('<button type="button" class="xdsoft_save_selected blue-gradient-button">Save Selected</button>'),Y=L('<div class="xdsoft_select xdsoft_monthselect"><div></div></div>'),A=L('<div class="xdsoft_select xdsoft_yearselect"><div></div></div>'),s=!1,d=0;I.id&&_.attr("id",I.id),I.style&&_.attr("style",I.style),I.weeks&&_.addClass("xdsoft_showweeks"),I.rtl&&_.addClass("xdsoft_rtl"),_.addClass("xdsoft_"+I.theme),_.addClass(I.className),F.find(".xdsoft_month span").after(Y),F.find(".xdsoft_year span").after(A),F.find(".xdsoft_month,.xdsoft_year").on("touchstart mousedown.xdsoft",function(e){var t,a,n=L(this).find(".xdsoft_select").eq(0),r=0,o=0,i=n.is(":visible");for(F.find(".xdsoft_select").hide(),W.currentTime&&(r=W.currentTime[L(this).hasClass("xdsoft_month")?"getMonth":"getFullYear"]()),n[i?"hide":"show"](),t=n.find("div.xdsoft_option"),a=0;a<t.length&&t.eq(a).data("value")!==r;a+=1)o+=t[0].offsetHeight;return n.xdsoftScroller(I,o/(n.children()[0].offsetHeight-n[0].clientHeight)),e.stopPropagation(),!1});var l=function(e){var t=e.originalEvent,a=t.touches?t.touches[0]:t;this.touchStartPosition=this.touchStartPosition||a;var n=Math.abs(this.touchStartPosition.clientX-a.clientX),r=Math.abs(this.touchStartPosition.clientY-a.clientY);Math.sqrt(n*n+r*r)>I.touchMovedThreshold&&(this.touchMoved=!0)};function f(){var e,t=!1;return I.startDate?t=W.strToDate(I.startDate):(t=I.value||(O&&O.val&&O.val()?O.val():""))?(t=W.strToDateTime(t),I.yearOffset&&(t=new Date(t.getFullYear()-I.yearOffset,t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()))):I.defaultDate&&(t=W.strToDateTime(I.defaultDate),I.defaultTime&&(e=W.strtotime(I.defaultTime),t.setHours(e.getHours()),t.setMinutes(e.getMinutes()))),t&&W.isValidDate(t)?_.data("changed",!0):t="",t||0}function c(m){var h=function(e,t){var a=e.replace(/([\[\]\/\{\}\(\)\-\.\+]{1})/g,"\\$1").replace(/_/g,"{digit+}").replace(/([0-9]{1})/g,"{digit$1}").replace(/\{digit([0-9]{1})\}/g,"[0-$1_]{1}").replace(/\{digit[\+]\}/g,"[0-9_]{1}");return new RegExp(a).test(t)},g=function(e,t){if(!(e="string"==typeof e||e instanceof String?m.ownerDocument.getElementById(e):e))return!1;if(e.createTextRange){var a=e.createTextRange();return a.collapse(!0),a.moveEnd("character",t),a.moveStart("character",t),a.select(),!0}return!!e.setSelectionRange&&(e.setSelectionRange(t,t),!0)};m.mask&&O.off("keydown.xdsoft"),!0===m.mask&&(E.formatMask?m.mask=E.formatMask(m.format):m.mask=m.format.replace(/Y/g,"9999").replace(/F/g,"9999").replace(/m/g,"19").replace(/d/g,"39").replace(/H/g,"29").replace(/i/g,"59").replace(/s/g,"59")),"string"===L.type(m.mask)&&(h(m.mask,O.val())||(O.val(m.mask.replace(/[0-9]/g,"_")),g(O[0],0)),O.on("paste.xdsoft",function(e){var t=(e.clipboardData||e.originalEvent.clipboardData||window.clipboardData).getData("text"),a=this.value,n=this.selectionStart;return a=a.substr(0,n)+t+a.substr(n+t.length),n+=t.length,h(m.mask,a)?(this.value=a,g(this,n)):""===L.trim(a)?this.value=m.mask.replace(/[0-9]/g,"_"):O.trigger("error_input.xdsoft"),e.preventDefault(),!1}),O.on("keydown.xdsoft",function(e){var t,a=this.value,n=e.which,r=this.selectionStart,o=this.selectionEnd,i=r!==o;if(48<=n&&n<=57||96<=n&&n<=105||8===n||46===n){for(t=8===n||46===n?"_":String.fromCharCode(96<=n&&n<=105?n-48:n),8===n&&r&&!i&&(r-=1);;){var s=m.mask.substr(r,1),d=r<m.mask.length,u=0<r;if(!(/[^0-9_]/.test(s)&&d&&u))break;r+=8!==n||i?1:-1}if(e.metaKey&&(i=!(r=0)),i){var l=o-r,f=m.mask.replace(/[0-9]/g,"_"),c=f.substr(r,l).substr(1);a=a.substr(0,r)+(t+c)+a.substr(r+l)}else{a=a.substr(0,r)+t+a.substr(r+1)}if(""===L.trim(a))a=f;else if(r===m.mask.length)return e.preventDefault(),!1;for(r+=8===n?0:1;/[^0-9_]/.test(m.mask.substr(r,1))&&r<m.mask.length&&0<r;)r+=8===n?0:1;h(m.mask,a)?(this.value=a,g(this,r)):""===L.trim(a)?this.value=m.mask.replace(/[0-9]/g,"_"):O.trigger("error_input.xdsoft")}else if(-1!==[M,w,j,J,z].indexOf(n)&&N||-1!==[y,k,x,v,b,S,p,T,D].indexOf(n))return!0;return e.preventDefault(),!1}))}F.find(".xdsoft_select").xdsoftScroller(I).on("touchstart mousedown.xdsoft",function(e){var t=e.originalEvent;this.touchMoved=!1,this.touchStartPosition=t.touches?t.touches[0]:t,e.stopPropagation(),e.preventDefault()}).on("touchmove",".xdsoft_option",l).on("touchend mousedown.xdsoft",".xdsoft_option",function(){if(!this.touchMoved){void 0!==W.currentTime&&null!==W.currentTime||(W.currentTime=W.now());var e=W.currentTime.getFullYear();W&&W.currentTime&&W.currentTime[L(this).parent().parent().hasClass("xdsoft_monthselect")?"setMonth":"setFullYear"](L(this).data("value")),L(this).parent().parent().hide(),_.trigger("xchange.xdsoft"),I.onChangeMonth&&L.isFunction(I.onChangeMonth)&&I.onChangeMonth.call(_,W.currentTime,_.data("input")),e!==W.currentTime.getFullYear()&&L.isFunction(I.onChangeYear)&&I.onChangeYear.call(_,W.currentTime,_.data("input"))}}),_.getValue=function(){return W.getCurrentTime()},_.setOptions=function(e){var l={};I=L.extend(!0,{},I,e),e.allowTimes&&L.isArray(e.allowTimes)&&e.allowTimes.length&&(I.allowTimes=L.extend(!0,[],e.allowTimes)),e.weekends&&L.isArray(e.weekends)&&e.weekends.length&&(I.weekends=L.extend(!0,[],e.weekends)),e.allowDates&&L.isArray(e.allowDates)&&e.allowDates.length&&(I.allowDates=L.extend(!0,[],e.allowDates)),e.allowDateRe&&"[object String]"===Object.prototype.toString.call(e.allowDateRe)&&(I.allowDateRe=new RegExp(e.allowDateRe)),e.highlightedDates&&L.isArray(e.highlightedDates)&&e.highlightedDates.length&&(L.each(e.highlightedDates,function(e,t){var a,n=L.map(t.split(","),L.trim),r=new m(E.parseDate(n[0],I.formatDate),n[1],n[2]),o=E.formatDate(r.date,I.formatDate);void 0!==l[o]?(a=l[o].desc)&&a.length&&r.desc&&r.desc.length&&(l[o].desc=a+"\n"+r.desc):l[o]=r}),I.highlightedDates=L.extend(!0,[],l)),e.highlightedPeriods&&L.isArray(e.highlightedPeriods)&&e.highlightedPeriods.length&&(l=L.extend(!0,[],I.highlightedDates),L.each(e.highlightedPeriods,function(e,t){var a,n,r,o,i,s,d;if(L.isArray(t))a=t[0],n=t[1],r=t[2],d=t[3];else{var u=L.map(t.split(","),L.trim);a=E.parseDate(u[0],I.formatDate),n=E.parseDate(u[1],I.formatDate),r=u[2],d=u[3]}for(;a<=n;)o=new m(a,r,d),i=E.formatDate(a,I.formatDate),a.setDate(a.getDate()+1),void 0!==l[i]?(s=l[i].desc)&&s.length&&o.desc&&o.desc.length&&(l[i].desc=s+"\n"+o.desc):l[i]=o}),I.highlightedDates=L.extend(!0,[],l)),e.disabledDates&&L.isArray(e.disabledDates)&&e.disabledDates.length&&(I.disabledDates=L.extend(!0,[],e.disabledDates)),e.disabledWeekDays&&L.isArray(e.disabledWeekDays)&&e.disabledWeekDays.length&&(I.disabledWeekDays=L.extend(!0,[],e.disabledWeekDays)),!I.open&&!I.opened||I.inline||O.trigger("open.xdsoft"),I.inline&&(s=!0,_.addClass("xdsoft_inline"),O.after(_).hide()),I.inverseButton&&(I.next="xdsoft_prev",I.prev="xdsoft_next"),I.datepicker?g.addClass("active"):g.removeClass("active"),I.timepicker?o.addClass("active"):o.removeClass("active"),I.value&&(W.setCurrentTime(I.value),O&&O.val&&O.val(W.str)),isNaN(I.dayOfWeekStart)?I.dayOfWeekStart=0:I.dayOfWeekStart=parseInt(I.dayOfWeekStart,10)%7,I.timepickerScrollbar||u.xdsoftScroller(I,"hide"),I.minDate&&/^[\+\-](.*)$/.test(I.minDate)&&(I.minDate=E.formatDate(W.strToDateTime(I.minDate),I.formatDate)),I.maxDate&&/^[\+\-](.*)$/.test(I.maxDate)&&(I.maxDate=E.formatDate(W.strToDateTime(I.maxDate),I.formatDate)),I.minDateTime&&/^\+(.*)$/.test(I.minDateTime)&&(I.minDateTime=W.strToDateTime(I.minDateTime).dateFormat(I.formatDate)),I.maxDateTime&&/^\+(.*)$/.test(I.maxDateTime)&&(I.maxDateTime=W.strToDateTime(I.maxDateTime).dateFormat(I.formatDate)),i.toggle(I.showApplyButton),F.find(".xdsoft_today_button").css("visibility",I.todayButton?"visible":"hidden"),F.find("."+I.prev).css("visibility",I.prevButton?"visible":"hidden"),F.find("."+I.next).css("visibility",I.nextButton?"visible":"hidden"),c(I),I.validateOnBlur&&O.off("blur.xdsoft").on("blur.xdsoft",function(){if(I.allowBlank&&(!L.trim(L(this).val()).length||"string"==typeof I.mask&&L.trim(L(this).val())===I.mask.replace(/[0-9]/g,"_")))L(this).val(null),_.data("xdsoft_datetime").empty();else{var e=E.parseDate(L(this).val(),I.format);if(e)L(this).val(E.formatDate(e,I.format));else{var t=+[L(this).val()[0],L(this).val()[1]].join(""),a=+[L(this).val()[2],L(this).val()[3]].join("");!I.datepicker&&I.timepicker&&0<=t&&t<24&&0<=a&&a<60?L(this).val([t,a].map(function(e){return 9<e?e:"0"+e}).join(":")):L(this).val(E.formatDate(W.now(),I.format))}_.data("xdsoft_datetime").setCurrentTime(L(this).val())}_.trigger("changedatetime.xdsoft"),_.trigger("close.xdsoft")}),I.dayOfWeekStartPrev=0===I.dayOfWeekStart?6:I.dayOfWeekStart-1,_.trigger("xchange.xdsoft").trigger("afterOpen.xdsoft")},_.data("options",I).on("touchstart mousedown.xdsoft",function(e){return e.stopPropagation(),e.preventDefault(),A.hide(),Y.hide(),!1}),u.append(P),u.xdsoftScroller(I),_.on("afterOpen.xdsoft",function(){u.xdsoftScroller(I)}),_.append(g).append(o),!0!==I.withoutCopyright&&_.append(e),g.append(F).append(C).append(i),I.insideParent?L(O).parent().append(_):L(I.parentID).append(_),W=new function(){var r=this;r.now=function(e){var t,a,n=new Date;return!e&&I.defaultDate&&(t=r.strToDateTime(I.defaultDate),n.setFullYear(t.getFullYear()),n.setMonth(t.getMonth()),n.setDate(t.getDate())),n.setFullYear(n.getFullYear()),!e&&I.defaultTime&&(a=r.strtotime(I.defaultTime),n.setHours(a.getHours()),n.setMinutes(a.getMinutes()),n.setSeconds(a.getSeconds()),n.setMilliseconds(a.getMilliseconds())),n},r.isValidDate=function(e){return"[object Date]"===Object.prototype.toString.call(e)&&!isNaN(e.getTime())},r.setCurrentTime=function(e,t){"string"==typeof e?r.currentTime=r.strToDateTime(e):r.isValidDate(e)?r.currentTime=e:e||t||!I.allowBlank||I.inline?r.currentTime=r.now():r.currentTime=null,_.trigger("xchange.xdsoft")},r.empty=function(){r.currentTime=null},r.getCurrentTime=function(){return r.currentTime},r.nextMonth=function(){void 0!==r.currentTime&&null!==r.currentTime||(r.currentTime=r.now());var e,t=r.currentTime.getMonth()+1;return 12===t&&(r.currentTime.setFullYear(r.currentTime.getFullYear()+1),t=0),e=r.currentTime.getFullYear(),r.currentTime.setDate(Math.min(new Date(r.currentTime.getFullYear(),t+1,0).getDate(),r.currentTime.getDate())),r.currentTime.setMonth(t),I.onChangeMonth&&L.isFunction(I.onChangeMonth)&&I.onChangeMonth.call(_,W.currentTime,_.data("input")),e!==r.currentTime.getFullYear()&&L.isFunction(I.onChangeYear)&&I.onChangeYear.call(_,W.currentTime,_.data("input")),_.trigger("xchange.xdsoft"),t},r.prevMonth=function(){void 0!==r.currentTime&&null!==r.currentTime||(r.currentTime=r.now());var e=r.currentTime.getMonth()-1;return-1===e&&(r.currentTime.setFullYear(r.currentTime.getFullYear()-1),e=11),r.currentTime.setDate(Math.min(new Date(r.currentTime.getFullYear(),e+1,0).getDate(),r.currentTime.getDate())),r.currentTime.setMonth(e),I.onChangeMonth&&L.isFunction(I.onChangeMonth)&&I.onChangeMonth.call(_,W.currentTime,_.data("input")),_.trigger("xchange.xdsoft"),e},r.getWeekOfYear=function(e){if(I.onGetWeekOfYear&&L.isFunction(I.onGetWeekOfYear)){var t=I.onGetWeekOfYear.call(_,e);if(void 0!==t)return t}var a=new Date(e.getFullYear(),0,1);return 4!==a.getDay()&&a.setMonth(0,1+(4-a.getDay()+7)%7),Math.ceil(((e-a)/864e5+a.getDay()+1)/7)},r.strToDateTime=function(e){var t,a,n=[];return e&&e instanceof Date&&r.isValidDate(e)?e:((n=/^([+-]{1})(.*)$/.exec(e))&&(n[2]=E.parseDate(n[2],I.formatDate)),a=n&&n[2]?(t=n[2].getTime()-6e4*n[2].getTimezoneOffset(),new Date(r.now(!0).getTime()+parseInt(n[1]+"1",10)*t)):e?E.parseDate(e,I.format):r.now(),r.isValidDate(a)||(a=r.now()),a)},r.strToDate=function(e){if(e&&e instanceof Date&&r.isValidDate(e))return e;var t=e?E.parseDate(e,I.formatDate):r.now(!0);return r.isValidDate(t)||(t=r.now(!0)),t},r.strtotime=function(e){if(e&&e instanceof Date&&r.isValidDate(e))return e;var t=e?E.parseDate(e,I.formatTime):r.now(!0);return r.isValidDate(t)||(t=r.now(!0)),t},r.str=function(){var e=I.format;return I.yearOffset&&(e=(e=e.replace("Y",r.currentTime.getFullYear()+I.yearOffset)).replace("y",String(r.currentTime.getFullYear()+I.yearOffset).substring(2,4))),E.formatDate(r.currentTime,e)},r.currentTime=this.now()},i.on("touchend click",function(e){e.preventDefault(),_.data("changed",!0),W.setCurrentTime(f()),O.val(W.str()),_.trigger("close.xdsoft")}),F.find(".xdsoft_today_button").on("touchend mousedown.xdsoft",function(){_.data("changed",!0),W.setCurrentTime(0,!0),_.trigger("afterOpen.xdsoft")}).on("dblclick.xdsoft",function(){var e,t,a=W.getCurrentTime();a=new Date(a.getFullYear(),a.getMonth(),a.getDate()),e=W.strToDate(I.minDate),a<(e=new Date(e.getFullYear(),e.getMonth(),e.getDate()))||(t=W.strToDate(I.maxDate),(t=new Date(t.getFullYear(),t.getMonth(),t.getDate()))<a||(O.val(W.str()),O.trigger("change"),_.trigger("close.xdsoft")))}),F.find(".xdsoft_prev,.xdsoft_next").on("touchend mousedown.xdsoft",function(){var a=L(this),n=0,r=!1;!function e(t){a.hasClass(I.next)?W.nextMonth():a.hasClass(I.prev)&&W.prevMonth(),I.monthChangeSpinner&&(r||(n=setTimeout(e,t||100)))}(500),L([I.ownerDocument.body,I.contentWindow]).on("touchend mouseup.xdsoft",function e(){clearTimeout(n),r=!0,L([I.ownerDocument.body,I.contentWindow]).off("touchend mouseup.xdsoft",e)})}),o.find(".xdsoft_prev,.xdsoft_next").on("touchend mousedown.xdsoft",function(){var o=L(this),i=0,s=!1,d=110;!function e(t){var a=u[0].clientHeight,n=P[0].offsetHeight,r=Math.abs(parseInt(P.css("marginTop"),10));r<I.timeHeightInTimePicker?r=I.timeHeightInTimePicker:o.hasClass(I.next)&&n-a<r&&P.css("marginTop","-"+n+"px"),o.hasClass(I.next)&&r<n-a?P.css("marginTop","-"+(r+I.timeHeightInTimePicker)+"px"):o.hasClass(I.prev)&&0<=r-I.timeHeightInTimePicker&&P.css("marginTop","-"+(r-I.timeHeightInTimePicker)+"px"),u.trigger("scroll_element.xdsoft_scroller",[Math.abs(parseInt(P[0].style.marginTop,10)/(n-a))]),d=10<d?10:d-10,s||(i=setTimeout(e,t||d))}(500),L([I.ownerDocument.body,I.contentWindow]).on("touchend mouseup.xdsoft",function e(){clearTimeout(i),s=!0,L([I.ownerDocument.body,I.contentWindow]).off("touchend mouseup.xdsoft",e)})}),t=0,_.on("xchange.xdsoft",function(e){clearTimeout(t),t=setTimeout(function(){(void 0===W.currentTime||null===W.currentTime||isNaN(W.currentTime.getTime()))&&(W.currentTime=W.now());for(var e,t,a,n,r,o,i,s,d,u,l="",f=new Date(W.currentTime.getFullYear(),W.currentTime.getMonth(),1,12,0,0),c=0,m=W.now(),h=!1,g=!1,p=!1,D=!1,y=[],v=!0,k="";f.getDay()!==I.dayOfWeekStart;)f.setDate(f.getDate()-1);for(l+="<table><thead><tr>",I.weeks&&(l+="<th></th>"),e=0;e<7;e+=1)l+="<th>"+I.i18n[R].dayOfWeekShort[(e+I.dayOfWeekStart)%7]+"</th>";for(l+="</tr></thead>",l+="<tbody>",!1!==I.maxDate&&(h=W.strToDate(I.maxDate),h=new Date(h.getFullYear(),h.getMonth(),h.getDate(),23,59,59,999)),!1!==I.minDate&&(g=W.strToDate(I.minDate),g=new Date(g.getFullYear(),g.getMonth(),g.getDate())),!1!==I.minDateTime&&(p=W.strToDate(I.minDateTime),p=new Date(p.getFullYear(),p.getMonth(),p.getDate(),p.getHours(),p.getMinutes(),p.getSeconds())),!1!==I.maxDateTime&&(D=W.strToDate(I.maxDateTime),D=new Date(D.getFullYear(),D.getMonth(),D.getDate(),D.getHours(),D.getMinutes(),D.getSeconds())),!1!==D&&(u=31*(12*D.getFullYear()+D.getMonth())+D.getDate());c<W.currentTime.countDaysInMonth()||f.getDay()!==I.dayOfWeekStart||W.currentTime.getMonth()===f.getMonth();){y=[],c+=1,a=f.getDay(),n=f.getDate(),r=f.getFullYear(),M=f.getMonth(),o=W.getWeekOfYear(f),d="",y.push("xdsoft_date"),i=I.beforeShowDay&&L.isFunction(I.beforeShowDay.call)?I.beforeShowDay.call(_,f):null,I.allowDateRe&&"[object RegExp]"===Object.prototype.toString.call(I.allowDateRe)&&(I.allowDateRe.test(E.formatDate(f,I.formatDate))||y.push("xdsoft_disabled")),I.allowDates&&0<I.allowDates.length&&-1===I.allowDates.indexOf(E.formatDate(f,I.formatDate))&&y.push("xdsoft_disabled");var b=31*(12*f.getFullYear()+f.getMonth())+f.getDate();(!1!==h&&h<f||!1!==p&&f<p||!1!==g&&f<g||!1!==D&&u<b||i&&!1===i[0])&&y.push("xdsoft_disabled"),-1!==I.disabledDates.indexOf(E.formatDate(f,I.formatDate))&&y.push("xdsoft_disabled"),-1!==I.disabledWeekDays.indexOf(a)&&y.push("xdsoft_disabled"),O.is("[disabled]")&&y.push("xdsoft_disabled"),i&&""!==i[1]&&y.push(i[1]),W.currentTime.getMonth()!==M&&y.push("xdsoft_other_month"),(I.defaultSelect||_.data("changed"))&&E.formatDate(W.currentTime,I.formatDate)===E.formatDate(f,I.formatDate)&&y.push("xdsoft_current"),E.formatDate(m,I.formatDate)===E.formatDate(f,I.formatDate)&&y.push("xdsoft_today"),0!==f.getDay()&&6!==f.getDay()&&-1===I.weekends.indexOf(E.formatDate(f,I.formatDate))||y.push("xdsoft_weekend"),void 0!==I.highlightedDates[E.formatDate(f,I.formatDate)]&&(t=I.highlightedDates[E.formatDate(f,I.formatDate)],y.push(void 0===t.style?"xdsoft_highlighted_default":t.style),d=void 0===t.desc?"":t.desc),I.beforeShowDay&&L.isFunction(I.beforeShowDay)&&y.push(I.beforeShowDay(f)),v&&(l+="<tr>",v=!1,I.weeks&&(l+="<th>"+o+"</th>")),l+='<td data-date="'+n+'" data-month="'+M+'" data-year="'+r+'" class="xdsoft_date xdsoft_day_of_week'+f.getDay()+" "+y.join(" ")+'" title="'+d+'"><div>'+n+"</div></td>",f.getDay()===I.dayOfWeekStartPrev&&(l+="</tr>",v=!0),f.setDate(n+1)}l+="</tbody></table>",C.html(l),F.find(".xdsoft_label span").eq(0).text(I.i18n[R].months[W.currentTime.getMonth()]),F.find(".xdsoft_label span").eq(1).text(W.currentTime.getFullYear()+I.yearOffset),M=k="";var x=0;if(!1!==I.minTime){var T=W.strtotime(I.minTime);x=60*T.getHours()+T.getMinutes()}var S=1440;if(!1!==I.maxTime){T=W.strtotime(I.maxTime);S=60*T.getHours()+T.getMinutes()}if(!1!==I.minDateTime){T=W.strToDateTime(I.minDateTime);if(E.formatDate(W.currentTime,I.formatDate)===E.formatDate(T,I.formatDate)){var M=60*T.getHours()+T.getMinutes();x<M&&(x=M)}}if(!1!==I.maxDateTime){T=W.strToDateTime(I.maxDateTime);if(E.formatDate(W.currentTime,I.formatDate)===E.formatDate(T,I.formatDate))(M=60*T.getHours()+T.getMinutes())<S&&(S=M)}if(s=function(e,t){var a,n=W.now(),r=I.allowTimes&&L.isArray(I.allowTimes)&&I.allowTimes.length;n.setHours(e),e=parseInt(n.getHours(),10),n.setMinutes(t),t=parseInt(n.getMinutes(),10),y=[];var o=60*e+t;(O.is("[disabled]")||S<=o||o<x)&&y.push("xdsoft_disabled"),(a=new Date(W.currentTime)).setHours(parseInt(W.currentTime.getHours(),10)),r||a.setMinutes(Math[I.roundTime](W.currentTime.getMinutes()/I.step)*I.step),(I.initTime||I.defaultSelect||_.data("changed"))&&a.getHours()===parseInt(e,10)&&(!r&&59<I.step||a.getMinutes()===parseInt(t,10))&&(I.defaultSelect||_.data("changed")?y.push("xdsoft_current"):I.initTime&&y.push("xdsoft_init_time")),parseInt(m.getHours(),10)===parseInt(e,10)&&parseInt(m.getMinutes(),10)===parseInt(t,10)&&y.push("xdsoft_today"),k+='<div class="xdsoft_time '+y.join(" ")+'" data-hour="'+e+'" data-minute="'+t+'">'+E.formatDate(n,I.formatTime)+"</div>"},I.allowTimes&&L.isArray(I.allowTimes)&&I.allowTimes.length)for(c=0;c<I.allowTimes.length;c+=1)s(W.strtotime(I.allowTimes[c]).getHours(),M=W.strtotime(I.allowTimes[c]).getMinutes());else for(e=c=0;c<(I.hours12?12:24);c+=1)for(e=0;e<60;e+=I.step){var w=60*c+e;w<x||(S<=w||s((c<10?"0":"")+c,M=(e<10?"0":"")+e))}for(P.html(k),H="",c=parseInt(I.yearStart,10);c<=parseInt(I.yearEnd,10);c+=1)H+='<div class="xdsoft_option '+(W.currentTime.getFullYear()===c?"xdsoft_current":"")+'" data-value="'+c+'">'+(c+I.yearOffset)+"</div>";for(A.children().eq(0).html(H),c=parseInt(I.monthStart,10),H="";c<=parseInt(I.monthEnd,10);c+=1)H+='<div class="xdsoft_option '+(W.currentTime.getMonth()===c?"xdsoft_current":"")+'" data-value="'+c+'">'+I.i18n[R].months[c]+"</div>";Y.children().eq(0).html(H),L(_).trigger("generate.xdsoft")},10),e.stopPropagation()}).on("afterOpen.xdsoft",function(){var e,t,a,n;I.timepicker&&(P.find(".xdsoft_current").length?e=".xdsoft_current":P.find(".xdsoft_init_time").length&&(e=".xdsoft_init_time"),e?(t=u[0].clientHeight,(a=P[0].offsetHeight)-t<(n=P.find(e).index()*I.timeHeightInTimePicker+1)&&(n=a-t),u.trigger("scroll_element.xdsoft_scroller",[parseInt(n,10)/(a-t)])):u.trigger("scroll_element.xdsoft_scroller",[0]))}),n=0,C.on("touchend click.xdsoft","td",function(e){e.stopPropagation(),n+=1;var t=L(this),a=W.currentTime;if(null==a&&(W.currentTime=W.now(),a=W.currentTime),t.hasClass("xdsoft_disabled"))return!1;a.setDate(1),a.setFullYear(t.data("year")),a.setMonth(t.data("month")),a.setDate(t.data("date")),_.trigger("select.xdsoft",[a]),O.val(W.str()),I.onSelectDate&&L.isFunction(I.onSelectDate)&&I.onSelectDate.call(_,W.currentTime,_.data("input"),e),_.data("changed",!0),_.trigger("xchange.xdsoft"),_.trigger("changedatetime.xdsoft"),(1<n||!0===I.closeOnDateSelect||!1===I.closeOnDateSelect&&!I.timepicker)&&!I.inline&&_.trigger("close.xdsoft"),setTimeout(function(){n=0},200)}),P.on("touchstart","div",function(e){this.touchMoved=!1}).on("touchmove","div",l).on("touchend click.xdsoft","div",function(e){if(!this.touchMoved){e.stopPropagation();var t=L(this),a=W.currentTime;if(null==a&&(W.currentTime=W.now(),a=W.currentTime),t.hasClass("xdsoft_disabled"))return!1;a.setHours(t.data("hour")),a.setMinutes(t.data("minute")),_.trigger("select.xdsoft",[a]),_.data("input").val(W.str()),I.onSelectTime&&L.isFunction(I.onSelectTime)&&I.onSelectTime.call(_,W.currentTime,_.data("input"),e),_.data("changed",!0),_.trigger("xchange.xdsoft"),_.trigger("changedatetime.xdsoft"),!0!==I.inline&&!0===I.closeOnTimeSelect&&_.trigger("close.xdsoft")}}),g.on("mousewheel.xdsoft",function(e){return!I.scrollMonth||(e.deltaY<0?W.nextMonth():W.prevMonth(),!1)}),O.on("mousewheel.xdsoft",function(e){return!I.scrollInput||(!I.datepicker&&I.timepicker?(0<=(a=P.find(".xdsoft_current").length?P.find(".xdsoft_current").eq(0).index():0)+e.deltaY&&a+e.deltaY<P.children().length&&(a+=e.deltaY),P.children().eq(a).length&&P.children().eq(a).trigger("mousedown"),!1):I.datepicker&&!I.timepicker?(g.trigger(e,[e.deltaY,e.deltaX,e.deltaY]),O.val&&O.val(W.str()),_.trigger("changedatetime.xdsoft"),!1):void 0)}),_.on("changedatetime.xdsoft",function(e){if(I.onChangeDateTime&&L.isFunction(I.onChangeDateTime)){var t=_.data("input");I.onChangeDateTime.call(_,W.currentTime,t,e),delete I.value,t.trigger("change")}}).on("generate.xdsoft",function(){I.onGenerate&&L.isFunction(I.onGenerate)&&I.onGenerate.call(_,W.currentTime,_.data("input")),s&&(_.trigger("afterOpen.xdsoft"),s=!1)}).on("click.xdsoft",function(e){e.stopPropagation()}),a=0,h=function(e,t){do{if(!(e=e.parentNode)||!1===t(e))break}while("HTML"!==e.nodeName)},r=function(){var e,t,a,n,r,o,i,s,d,u,l,f,c;if(e=(s=_.data("input")).offset(),t=s[0],u="top",a=e.top+t.offsetHeight-1,n=e.left,r="absolute",d=L(I.contentWindow).width(),f=L(I.contentWindow).height(),c=L(I.contentWindow).scrollTop(),I.ownerDocument.documentElement.clientWidth-e.left<g.parent().outerWidth(!0)){var m=g.parent().outerWidth(!0)-t.offsetWidth;n-=m}"rtl"===s.parent().css("direction")&&(n-=_.outerWidth()-s.outerWidth()),I.fixed?(a-=c,n-=L(I.contentWindow).scrollLeft(),r="fixed"):(i=!1,h(t,function(e){return null!==e&&("fixed"===I.contentWindow.getComputedStyle(e).getPropertyValue("position")?!(i=!0):void 0)}),i&&!I.insideParent?(r="fixed",a+_.outerHeight()>f+c?(u="bottom",a=f+c-e.top):a-=c):a+_[0].offsetHeight>f+c&&(a=e.top-_[0].offsetHeight+1),a<0&&(a=0),n+t.offsetWidth>d&&(n=d-t.offsetWidth)),o=_[0],h(o,function(e){if("relative"===I.contentWindow.getComputedStyle(e).getPropertyValue("position")&&d>=e.offsetWidth)return n-=(d-e.offsetWidth)/2,!1}),l={position:r,left:I.insideParent?t.offsetLeft:n,top:"",bottom:""},I.insideParent?l[u]=t.offsetTop+t.offsetHeight:l[u]=a,_.css(l)},_.on("open.xdsoft",function(e){var t=!0;I.onShow&&L.isFunction(I.onShow)&&(t=I.onShow.call(_,W.currentTime,_.data("input"),e)),!1!==t&&(_.show(),r(),L(I.contentWindow).off("resize.xdsoft",r).on("resize.xdsoft",r),I.closeOnWithoutClick&&L([I.ownerDocument.body,I.contentWindow]).on("touchstart mousedown.xdsoft",function e(){_.trigger("close.xdsoft"),L([I.ownerDocument.body,I.contentWindow]).off("touchstart mousedown.xdsoft",e)}))}).on("close.xdsoft",function(e){var t=!0;F.find(".xdsoft_month,.xdsoft_year").find(".xdsoft_select").hide(),I.onClose&&L.isFunction(I.onClose)&&(t=I.onClose.call(_,W.currentTime,_.data("input"),e)),!1===t||I.opened||I.inline||_.hide(),e.stopPropagation()}).on("toggle.xdsoft",function(){_.is(":visible")?_.trigger("close.xdsoft"):_.trigger("open.xdsoft")}).data("input",O),d=0,_.data("xdsoft_datetime",W),_.setOptions(I),W.setCurrentTime(f()),O.data("xdsoft_datetimepicker",_).on("open.xdsoft focusin.xdsoft mousedown.xdsoft touchstart",function(){O.is(":disabled")||O.data("xdsoft_datetimepicker").is(":visible")&&I.closeOnInputClick||I.openOnFocus&&(clearTimeout(d),d=setTimeout(function(){O.is(":disabled")||(s=!0,W.setCurrentTime(f(),!0),I.mask&&c(I),_.trigger("open.xdsoft"))},100))}).on("keydown.xdsoft",function(e){var t,a=e.which;return-1!==[D].indexOf(a)&&I.enterLikeTab?(t=L("input:visible,textarea:visible,button:visible,a:visible"),_.trigger("close.xdsoft"),t.eq(t.index(this)+1).focus(),!1):-1!==[T].indexOf(a)?(_.trigger("close.xdsoft"),!0):void 0}).on("blur.xdsoft",function(){_.trigger("close.xdsoft")})},r=function(e){var t=e.data("xdsoft_datetimepicker");t&&(t.data("xdsoft_datetime",null),t.remove(),e.data("xdsoft_datetimepicker",null).off(".xdsoft"),L(I.contentWindow).off("resize.xdsoft"),L([I.contentWindow,I.ownerDocument.body]).off("mousedown.xdsoft touchstart"),e.unmousewheel&&e.unmousewheel())},L(I.ownerDocument).off("keydown.xdsoftctrl keyup.xdsoftctrl").off("keydown.xdsoftcmd keyup.xdsoftcmd").on("keydown.xdsoftctrl",function(e){e.keyCode===p&&(N=!0)}).on("keyup.xdsoftctrl",function(e){e.keyCode===p&&(N=!1)}).on("keydown.xdsoftcmd",function(e){91===e.keyCode&&!0}).on("keyup.xdsoftcmd",function(e){91===e.keyCode&&!1}),this.each(function(){var t,e=L(this).data("xdsoft_datetimepicker");if(e){if("string"===L.type(H))switch(H){case"show":L(this).select().focus(),e.trigger("open.xdsoft");break;case"hide":e.trigger("close.xdsoft");break;case"toggle":e.trigger("toggle.xdsoft");break;case"destroy":r(L(this));break;case"reset":this.value=this.defaultValue,this.value&&e.data("xdsoft_datetime").isValidDate(E.parseDate(this.value,I.format))||e.data("changed",!1),e.data("xdsoft_datetime").setCurrentTime(this.value);break;case"validate":e.data("input").trigger("blur.xdsoft");break;default:e[H]&&L.isFunction(e[H])&&(o=e[H](a))}else e.setOptions(H);return 0}"string"!==L.type(H)&&(!I.lazyInit||I.open||I.inline?n(L(this)):(t=L(this)).on("open.xdsoft focusin.xdsoft mousedown.xdsoft touchstart",function e(){t.is(":disabled")||t.data("xdsoft_datetimepicker")||(clearTimeout(i),i=setTimeout(function(){t.data("xdsoft_datetimepicker")||n(t),t.off("open.xdsoft focusin.xdsoft mousedown.xdsoft touchstart",e).trigger("open.xdsoft")},100))}))}),o},L.fn.datetimepicker.defaults=s};!function(e){"function"==typeof define&&define.amd?define(["jquery","jquery-mousewheel"],e):"object"==typeof exports?module.exports=e(require("jquery")):e(jQuery)}(datetimepickerFactory),function(e){"function"==typeof define&&define.amd?define(["jquery"],e):"object"==typeof exports?module.exports=e:e(jQuery)}(function(c){var m,h,e=["wheel","mousewheel","DOMMouseScroll","MozMousePixelScroll"],t="onwheel"in document||9<=document.documentMode?["wheel"]:["mousewheel","DomMouseScroll","MozMousePixelScroll"],g=Array.prototype.slice;if(c.event.fixHooks)for(var a=e.length;a;)c.event.fixHooks[e[--a]]=c.event.mouseHooks;var p=c.event.special.mousewheel={version:"3.1.12",setup:function(){if(this.addEventListener)for(var e=t.length;e;)this.addEventListener(t[--e],n,!1);else this.onmousewheel=n;c.data(this,"mousewheel-line-height",p.getLineHeight(this)),c.data(this,"mousewheel-page-height",p.getPageHeight(this))},teardown:function(){if(this.removeEventListener)for(var e=t.length;e;)this.removeEventListener(t[--e],n,!1);else this.onmousewheel=null;c.removeData(this,"mousewheel-line-height"),c.removeData(this,"mousewheel-page-height")},getLineHeight:function(e){var t=c(e),a=t["offsetParent"in c.fn?"offsetParent":"parent"]();return a.length||(a=c("body")),parseInt(a.css("fontSize"),10)||parseInt(t.css("fontSize"),10)||16},getPageHeight:function(e){return c(e).height()},settings:{adjustOldDeltas:!0,normalizeOffset:!0}};function n(e){var t,a=e||window.event,n=g.call(arguments,1),r=0,o=0,i=0,s=0,d=0;if((e=c.event.fix(a)).type="mousewheel","detail"in a&&(i=-1*a.detail),"wheelDelta"in a&&(i=a.wheelDelta),"wheelDeltaY"in a&&(i=a.wheelDeltaY),"wheelDeltaX"in a&&(o=-1*a.wheelDeltaX),"axis"in a&&a.axis===a.HORIZONTAL_AXIS&&(o=-1*i,i=0),r=0===i?o:i,"deltaY"in a&&(r=i=-1*a.deltaY),"deltaX"in a&&(o=a.deltaX,0===i&&(r=-1*o)),0!==i||0!==o){if(1===a.deltaMode){var u=c.data(this,"mousewheel-line-height");r*=u,i*=u,o*=u}else if(2===a.deltaMode){var l=c.data(this,"mousewheel-page-height");r*=l,i*=l,o*=l}if(t=Math.max(Math.abs(i),Math.abs(o)),(!h||t<h)&&y(a,h=t)&&(h/=40),y(a,t)&&(r/=40,o/=40,i/=40),r=Math[1<=r?"floor":"ceil"](r/h),o=Math[1<=o?"floor":"ceil"](o/h),i=Math[1<=i?"floor":"ceil"](i/h),p.settings.normalizeOffset&&this.getBoundingClientRect){var f=this.getBoundingClientRect();s=e.clientX-f.left,d=e.clientY-f.top}return e.deltaX=o,e.deltaY=i,e.deltaFactor=h,e.offsetX=s,e.offsetY=d,e.deltaMode=0,n.unshift(e,r,o,i),m&&clearTimeout(m),m=setTimeout(D,200),(c.event.dispatch||c.event.handle).apply(this,n)}}function D(){h=null}function y(e,t){return p.settings.adjustOldDeltas&&"mousewheel"===e.type&&t%120==0}c.fn.extend({mousewheel:function(e){return e?this.bind("mousewheel",e):this.trigger("mousewheel")},unmousewheel:function(e){return this.unbind("mousewheel",e)}})});
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index 4402277..c3a81a4 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -1,4 +1,227 @@
-function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired, $parent)
+function getLocaleDateString()
+{
+    const formats = {
+        "af-ZA": "Y/m/d",
+        "am-ET": "d/M/Y",
+        "ar-AE": "d/m/Y",
+        "ar-BH": "d/m/Y",
+        "ar-DZ": "d-m-Y",
+        "ar-EG": "d/m/Y",
+        "ar-IQ": "d/m/Y",
+        "ar-JO": "d/m/Y",
+        "ar-KW": "d/m/Y",
+        "ar-LB": "d/m/Y",
+        "ar-LY": "d/m/Y",
+        "ar-MA": "d-m-Y",
+        "ar-OM": "d/m/Y",
+        "ar-QA": "d/m/Y",
+        "ar-SA": "d/m/yy",
+        "ar-SY": "d/m/Y",
+        "ar-TN": "d-m-Y",
+        "ar-YE": "d/m/Y",
+        "arn-CL": "d-m-Y",
+        "as-IN": "d-m-Y",
+        "az-Cyrl-AZ": "d.m.Y",
+        "az-Latn-AZ": "d.m.Y",
+        "ba-RU": "d.m.yy",
+        "be-BY": "d.m.Y",
+        "bg-BG": "d.M.Y",
+        "bn-BD": "d-m-yy",
+        "bn-IN": "d-m-yy",
+        "bo-CN": "Y/M/d",
+        "br-FR": "d/m/Y",
+        "bs-Cyrl-BA": "d.M.Y",
+        "bs-Latn-BA": "d.M.Y",
+        "ca-ES": "d/m/Y",
+        "co-FR": "d/m/Y",
+        "cs-CZ": "d.M.Y",
+        "cy-GB": "d/m/Y",
+        "da-DK": "d-m-Y",
+        "de-AT": "d.m.Y",
+        "de-CH": "d.m.Y",
+        "de-DE": "d.m.Y",
+        "de-LI": "d.m.Y",
+        "de-LU": "d.m.Y",
+        "dsb-DE": "d. M. Y",
+        "dv-MV": "d/m/yy",
+        "el-GR": "d/M/Y",
+        "en-029": "m/d/Y",
+        "en-AU": "d/m/Y",
+        "en-BZ": "d/m/Y",
+        "en-CA": "d/m/Y",
+        "en-GB": "d/m/Y",
+        "en-IE": "d/m/Y",
+        "en-IN": "d-m-Y",
+        "en-JM": "d/m/Y",
+        "en-MY": "d/M/Y",
+        "en-NZ": "d/m/Y",
+        "en-PH": "M/d/Y",
+        "en-SG": "d/M/Y",
+        "en-TT": "d/m/Y",
+        "en-US": "M/d/Y",
+        "en-ZA": "Y/m/d",
+        "en-ZW": "M/d/Y",
+        "es-AR": "d/m/Y",
+        "es-BO": "d/m/Y",
+        "es-CL": "d-m-Y",
+        "es-CO": "d/m/Y",
+        "es-CR": "d/m/Y",
+        "es-DO": "d/m/Y",
+        "es-EC": "d/m/Y",
+        "es-ES": "d/m/Y",
+        "es-GT": "d/m/Y",
+        "es-HN": "d/m/Y",
+        "es-MX": "d/m/Y",
+        "es-NI": "d/m/Y",
+        "es-PA": "m/d/Y",
+        "es-PE": "d/m/Y",
+        "es-PR": "d/m/Y",
+        "es-PY": "d/m/Y",
+        "es-SV": "d/m/Y",
+        "es-US": "M/d/Y",
+        "es-UY": "d/m/Y",
+        "es-VE": "d/m/Y",
+        "et-EE": "d.m.Y",
+        "eu-ES": "Y/m/d",
+        "fa-IR": "m/d/Y",
+        "fi-FI": "d.M.Y",
+        "fil-PH": "M/d/Y",
+        "fo-FO": "d-m-Y",
+        "fr-BE": "d/m/Y",
+        "fr-CA": "Y-m-d",
+        "fr-CH": "d.m.Y",
+        "fr-FR": "d/m/Y",
+        "fr-LU": "d/m/Y",
+        "fr-MC": "d/m/Y",
+        "fy-NL": "d-M-Y",
+        "ga-IE": "d/m/Y",
+        "gd-GB": "d/m/Y",
+        "gl-ES": "d/m/yy",
+        "gsw-FR": "d/m/Y",
+        "gu-IN": "d-m-yy",
+        "ha-Latn-NG": "d/M/Y",
+        "he-IL": "d/m/Y",
+        "hi-IN": "d-m-Y",
+        "hr-BA": "d.M.Y.",
+        "hr-HR": "d.M.Y",
+        "hsb-DE": "d. M. Y",
+        "hu-HU": "Y. m. d.",
+        "hy-AM": "d.m.Y",
+        "id-ID": "d/m/Y",
+        "ig-NG": "d/M/Y",
+        "ii-CN": "Y/M/d",
+        "is-IS": "d.M.Y",
+        "it-CH": "d.m.Y",
+        "it-IT": "d/m/Y",
+        "iu-Cans-CA": "d/M/Y",
+        "iu-Latn-CA": "d/m/Y",
+        "ja-JP": "Y/m/d",
+        "ka-GE": "d.m.Y",
+        "kk-KZ": "d.m.Y",
+        "kl-GL": "d-m-Y",
+        "km-KH": "Y-m-d",
+        "kn-IN": "d-m-yy",
+        "ko-KR": "Y. m. d",
+        "kok-IN": "d-m-Y",
+        "ky-KG": "d.m.yy",
+        "lb-LU": "d/m/Y",
+        "lo-LA": "d/m/Y",
+        "lt-LT": "Y.m.d",
+        "lv-LV": "Y.m.d.",
+        "mi-NZ": "d/m/Y",
+        "mk-MK": "d.m.Y",
+        "ml-IN": "d-m-yy",
+        "mn-MN": "yy.m.d",
+        "mn-Mong-CN": "Y/M/d",
+        "moh-CA": "M/d/Y",
+        "mr-IN": "d-m-Y",
+        "ms-BN": "d/m/Y",
+        "ms-MY": "d/m/Y",
+        "mt-MT": "d/m/Y",
+        "nb-NO": "d.m.Y",
+        "ne-NP": "M/d/Y",
+        "nl-BE": "d/m/Y",
+        "nl-NL": "d-M-Y",
+        "nn-NO": "d.m.Y",
+        "nso-ZA": "Y/m/d",
+        "oc-FR": "d/m/Y",
+        "or-IN": "d-m-yy",
+        "pa-IN": "d-m-yy",
+        "pl-PL": "d.m.Y",
+        "prs-AF": "d/m/yy",
+        "ps-AF": "d/m/yy",
+        "pt-BR": "d/M/Y",
+        "pt-PT": "d-m-Y",
+        "qut-GT": "d/m/Y",
+        "quz-BO": "d/m/Y",
+        "quz-EC": "d/m/Y",
+        "quz-PE": "d/m/Y",
+        "rm-CH": "d/m/Y",
+        "ro-RO": "d.m.Y",
+        "ru-RU": "d.m.Y",
+        "rw-RW": "M/d/Y",
+        "sa-IN": "d-m-Y",
+        "sah-RU": "m.d.Y",
+        "se-FI": "d.M.Y",
+        "se-NO": "d.m.Y",
+        "se-SE": "Y-m-d",
+        "si-LK": "Y-m-d",
+        "sk-SK": "d. M. Y",
+        "sl-SI": "d.M.Y",
+        "sma-NO": "d.m.Y",
+        "sma-SE": "Y-m-d",
+        "smj-NO": "d.m.Y",
+        "smj-SE": "Y-m-d",
+        "smn-FI": "d.M.Y",
+        "sms-FI": "d.M.Y",
+        "sq-AL": "Y-m-d",
+        "sr-Cyrl-BA": "d.M.Y",
+        "sr-Cyrl-CS": "d.M.Y",
+        "sr-Cyrl-ME": "d.M.Y",
+        "sr-Cyrl-RS": "d.M.Y",
+        "sr-Latn-BA": "d.M.Y",
+        "sr-Latn-CS": "d.M.Y",
+        "sr-Latn-ME": "d.M.Y",
+        "sr-Latn-RS": "d.M.Y",
+        "sv-FI": "d.M.Y",
+        "sv-SE": "Y-m-d",
+        "sw-KE": "M/d/Y",
+        "syr-SY": "d/m/Y",
+        "ta-IN": "d-m-Y",
+        "te-IN": "d-m-yy",
+        "tg-Cyrl-TJ": "d.m.yy",
+        "th-TH": "d/M/Y",
+        "tk-TM": "d.m.yy",
+        "tn-ZA": "Y/m/d",
+        "tr-TR": "d.m.Y",
+        "tt-RU": "d.m.Y",
+        "tzm-Latn-DZ": "d-m-Y",
+        "ug-CN": "Y-M-d",
+        "uk-UA": "d.m.Y",
+        "ur-PK": "d/m/Y",
+        "uz-Cyrl-UZ": "d.m.Y",
+        "uz-Latn-UZ": "d/m Y",
+        "vi-VN": "d/m/Y",
+        "wo-SN": "d/m/Y",
+        "xh-ZA": "Y/m/d",
+        "yo-NG": "d/M/Y",
+        "zh-CN": "Y/M/d",
+        "zh-HK": "d/M/Y",
+        "zh-MO": "d/M/Y",
+        "zh-SG": "d/M/Y",
+        "zh-TW": "Y/M/d",
+        "zu-ZA": "Y/m/d",
+    };
+
+    var l = navigator.language;
+    try
+    {
+        l = (new Intl.DateTimeFormat().resolvedOptions()).locale;
+    }
+    catch (e) { }
+    return formats[l] || "dd/MM/yyyy";
+}
+function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired, $parent)
 {
     var renderer = this;
     var $listItem = null;
@@ -9,6 +232,10 @@
     {
         switch (propertyDef.DataType)
         {
+            case MFDatatypeDate:
+                return false == supportsEditing
+                    ? propertyValue.Value.DisplayValue
+                    : $(".auto-select", $listItem).val();
             case MFDatatypeBoolean:
                 var v = false == supportsEditing
                     ? propertyValue.Value.DisplayValue
@@ -52,6 +279,7 @@
             return propertyValue;
         switch (propertyDef.DataType)
         {
+            case MFDatatypeDate:
             case MFDatatypeBoolean:
                 var currentValue = getCurrentValue();
                 var pv = new MFiles.PropertyValue();
@@ -82,6 +310,7 @@
         var currentValue = getCurrentValue();
         switch (propertyDef.DataType)
         {
+            case MFDatatypeDate:
             case MFDatatypeBoolean:
             case MFDatatypeText:
             case MFDatatypeInteger:
@@ -229,14 +458,16 @@
             case MFDatatypeText:
             case MFDatatypeInteger:
             case MFDatatypeFloating:
+            case MFDatatypeDate:
                 var $input = $("<input type='text' maxlength='100' />").addClass("auto-select");
                 $input.val(propertyValue.Value.DisplayValue);
-                $input.blur(function () { renderer.exitEditMode(); });
+                //$input.blur(function () { renderer.exitEditMode(); });
                 $value.append($input);
 
                 // If it's a number then set the input mode.
                 // Note: this doesn't do anything currently, but maybe in the future...
-                if (propertyDef.DataType != MFDatatypeText)
+                if (propertyDef.DataType == MFDatatypeInteger
+                    || propertyDef.DataType == MFDatatypeFloating)
                 {
                     $input.val(propertyValue.Value.DisplayValue);
                     $input.attr("inputmode", "numeric");
@@ -248,6 +479,20 @@
                     $input.attr("pattern", pattern);
                 }
 
+                // If it's a date then set up the picker.
+                if (propertyDef.DataType == MFDatatypeDate)
+                {
+                    var format = getLocaleDateString();
+                    $input.datetimepicker
+                        (
+                            {
+                                timepicker: false,
+                                value: propertyValue.Value.DisplayValue,
+                                format: format
+                            }
+                        );
+                }
+
                 break;
             default:
                 return null;
@@ -283,6 +528,7 @@
             return;
         switch (propertyDef.DataType)
         {
+            case MFDatatypeDate:
             case MFDatatypeBoolean:
             case MFDatatypeText:
             case MFDatatypeMultiLineText:

From 1debf73000cf38677e0b3eb9bf23b73c5bd39031 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Fri, 2 Dec 2022 10:58:22 +0000
Subject: [PATCH 11/50] Times work.

---
 .../renderers/propertyvaluerenderer.js        | 38 ++++++++++++++-----
 1 file changed, 28 insertions(+), 10 deletions(-)

diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index c3a81a4..22926da 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -233,6 +233,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
         switch (propertyDef.DataType)
         {
             case MFDatatypeDate:
+            case MFDatatypeTime:
                 return false == supportsEditing
                     ? propertyValue.Value.DisplayValue
                     : $(".auto-select", $listItem).val();
@@ -279,6 +280,11 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
             return propertyValue;
         switch (propertyDef.DataType)
         {
+            case MFDatatypeText:
+            case MFDatatypeMultiLineText:
+            case MFDatatypeInteger:
+            case MFDatatypeFloating:
+            case MFDatatypeTime:
             case MFDatatypeDate:
             case MFDatatypeBoolean:
                 var currentValue = getCurrentValue();
@@ -293,14 +299,6 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
                     pv.Value.SetValue(propertyDef.DataType, currentValue);
                 }
                 return pv;
-            case MFDatatypeText:
-            case MFDatatypeMultiLineText:
-            case MFDatatypeInteger:
-            case MFDatatypeFloating:
-                var pv = new MFiles.PropertyValue();
-                pv.PropertyDef = propertyDef.ID;
-                pv.Value.SetValue(propertyDef.DataType, getCurrentValue());
-                return pv;
             default:
                 return propertyValue;
         }
@@ -310,6 +308,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
         var currentValue = getCurrentValue();
         switch (propertyDef.DataType)
         {
+            case MFDatatypeTime:
             case MFDatatypeDate:
             case MFDatatypeBoolean:
             case MFDatatypeText:
@@ -455,10 +454,11 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
                 $textarea.blur(function () { renderer.exitEditMode(); });
                 $value.append($textarea);
                 break;
+            case MFDatatypeTime:
+            case MFDatatypeDate:
             case MFDatatypeText:
             case MFDatatypeInteger:
             case MFDatatypeFloating:
-            case MFDatatypeDate:
                 var $input = $("<input type='text' maxlength='100' />").addClass("auto-select");
                 $input.val(propertyValue.Value.DisplayValue);
                 //$input.blur(function () { renderer.exitEditMode(); });
@@ -488,7 +488,24 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
                             {
                                 timepicker: false,
                                 value: propertyValue.Value.DisplayValue,
-                                format: format
+                                format: format,
+                                mask: true
+                            }
+                        );
+                }
+
+                // If it's time then set up the picker.
+                if (propertyDef.DataType == MFDatatypeTime)
+                {
+                    $input.datetimepicker
+                        (
+                            {
+                                datepicker: false,
+                                timepicker: false,
+                                value: propertyValue.Value.DisplayValue,
+                                mask: true,
+                                format: 'H:i:s',
+                                step: 1
                             }
                         );
                 }
@@ -528,6 +545,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
             return;
         switch (propertyDef.DataType)
         {
+            case MFDatatypeTime:
             case MFDatatypeDate:
             case MFDatatypeBoolean:
             case MFDatatypeText:

From ec05b42d3b69a803bb78f7c8bcf95513582384db Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Fri, 2 Dec 2022 11:10:40 +0000
Subject: [PATCH 12/50] Required simple properties now validated. Fix for an
 issue where time values are shown as their mask.

---
 .../app/scripts/renderers/propertyvaluerenderer.js         | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index 22926da..dea9a5f 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -234,9 +234,12 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
         {
             case MFDatatypeDate:
             case MFDatatypeTime:
-                return false == supportsEditing
+                var v = false == supportsEditing
                     ? propertyValue.Value.DisplayValue
                     : $(".auto-select", $listItem).val();
+                if (v == "__:__:__") // Happens when tabbing through the time field; just get the mask.
+                    v = "";
+                return v;
             case MFDatatypeBoolean:
                 var v = false == supportsEditing
                     ? propertyValue.Value.DisplayValue
@@ -357,7 +360,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
 
                 break;
             default:
-                return true;
+                return !isRequired;
         }
         return true;
     }

From 0ddea2c4cfd7e12e92f9f9d34f857276281d6034 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Fri, 2 Dec 2022 11:20:54 +0000
Subject: [PATCH 13/50] Timestamps work. Fix to the previous hasty "isRequired"
 change.

---
 .../renderers/propertyvaluerenderer.js        | 36 +++++++++++++------
 1 file changed, 26 insertions(+), 10 deletions(-)

diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index dea9a5f..a5daf8f 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -232,7 +232,11 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
     {
         switch (propertyDef.DataType)
         {
+            case MFDatatypeTimestamp:
             case MFDatatypeDate:
+                return false == supportsEditing
+                    ? propertyValue.Value.DisplayValue
+                    : $(".auto-select", $listItem).val();
             case MFDatatypeTime:
                 var v = false == supportsEditing
                     ? propertyValue.Value.DisplayValue
@@ -283,13 +287,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
             return propertyValue;
         switch (propertyDef.DataType)
         {
-            case MFDatatypeText:
-            case MFDatatypeMultiLineText:
-            case MFDatatypeInteger:
-            case MFDatatypeFloating:
-            case MFDatatypeTime:
-            case MFDatatypeDate:
-            case MFDatatypeBoolean:
+            default:
                 var currentValue = getCurrentValue();
                 var pv = new MFiles.PropertyValue();
                 pv.PropertyDef = propertyDef.ID;
@@ -302,8 +300,6 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
                     pv.Value.SetValue(propertyDef.DataType, currentValue);
                 }
                 return pv;
-            default:
-                return propertyValue;
         }
     }
     renderer.hasChanged = function ()
@@ -311,6 +307,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
         var currentValue = getCurrentValue();
         switch (propertyDef.DataType)
         {
+            case MFDatatypeTimestamp:
             case MFDatatypeTime:
             case MFDatatypeDate:
             case MFDatatypeBoolean:
@@ -360,7 +357,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
 
                 break;
             default:
-                return !isRequired;
+                return (isRequired && (currentValue + "").length > 0) || !isRequired;
         }
         return true;
     }
@@ -457,6 +454,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
                 $textarea.blur(function () { renderer.exitEditMode(); });
                 $value.append($textarea);
                 break;
+            case MFDatatypeTimestamp:
             case MFDatatypeTime:
             case MFDatatypeDate:
             case MFDatatypeText:
@@ -513,6 +511,23 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
                         );
                 }
 
+                // If it's time then set up the picker.
+                if (propertyDef.DataType == MFDatatypeTimestamp)
+                {
+                    var format = getLocaleDateString() + " H:i:s";
+                    $input.datetimepicker
+                        (
+                            {
+                                datepicker: true,
+                                timepicker: true,
+                                value: propertyValue.Value.DisplayValue,
+                                mask: true,
+                                format: format,
+                                step: 1
+                            }
+                        );
+                }
+
                 break;
             default:
                 return null;
@@ -548,6 +563,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
             return;
         switch (propertyDef.DataType)
         {
+            case MFDatatypeTimestamp:
             case MFDatatypeTime:
             case MFDatatypeDate:
             case MFDatatypeBoolean:

From c801a244a03bae92ef4182608d82140929b6c11a Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Fri, 2 Dec 2022 11:22:52 +0000
Subject: [PATCH 14/50] Showed time picker for time values.

---
 .../app/scripts/renderers/propertyvaluerenderer.js              | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index a5daf8f..e7719b1 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -502,7 +502,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
                         (
                             {
                                 datepicker: false,
-                                timepicker: false,
+                                timepicker: true,
                                 value: propertyValue.Value.DisplayValue,
                                 mask: true,
                                 format: 'H:i:s',

From 6ec690cd9b9fadd419b0ba8674bb9fc070744bd6 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Fri, 2 Dec 2022 11:33:14 +0000
Subject: [PATCH 15/50] Removed seconds from time due to formatting issues.

---
 .../app/scripts/renderers/propertyvaluerenderer.js            | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index e7719b1..05ea854 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -505,7 +505,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
                                 timepicker: true,
                                 value: propertyValue.Value.DisplayValue,
                                 mask: true,
-                                format: 'H:i:s',
+                                format: 'H:i',
                                 step: 1
                             }
                         );
@@ -514,7 +514,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
                 // If it's time then set up the picker.
                 if (propertyDef.DataType == MFDatatypeTimestamp)
                 {
-                    var format = getLocaleDateString() + " H:i:s";
+                    var format = getLocaleDateString() + " H:i";
                     $input.datetimepicker
                         (
                             {

From 51e010248e14a2968aabf3b7dd6bf23b3d179b32 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Fri, 2 Dec 2022 17:14:00 +0000
Subject: [PATCH 16/50] First attempt at dealing with date formatting and
 timezones.

---
 .../ViewAllMetadata.UIX.csproj                |   4 +
 .../app/dashboard/dashboard.html              |   7 +-
 .../app/dashboard/dashboard.js                |   5 +
 .../app/scripts/dayjs/customParseFormat.js    |   1 +
 .../app/scripts/dayjs/dayjs.min.js            |   1 +
 .../app/scripts/dayjs/localizedFormat.js      |   1 +
 .../app/scripts/dayjs/utc.js                  |   1 +
 .../renderers/propertyvaluerenderer.js        | 471 +++++++++---------
 8 files changed, 267 insertions(+), 224 deletions(-)
 create mode 100644 src/ViewAllMetadata.UIX/app/scripts/dayjs/customParseFormat.js
 create mode 100644 src/ViewAllMetadata.UIX/app/scripts/dayjs/dayjs.min.js
 create mode 100644 src/ViewAllMetadata.UIX/app/scripts/dayjs/localizedFormat.js
 create mode 100644 src/ViewAllMetadata.UIX/app/scripts/dayjs/utc.js

diff --git a/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj b/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
index c0d46be..44ea2c3 100644
--- a/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
+++ b/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
@@ -39,6 +39,10 @@
     </Content>
     <Content Include="app\dashboard\dashboard.css" />
     <Content Include="app\dashboard\jquery.datetimepicker.min.css" />
+    <Content Include="app\scripts\dayjs\customParseFormat.js" />
+    <Content Include="app\scripts\dayjs\dayjs.min.js" />
+    <Content Include="app\scripts\dayjs\localizedFormat.js" />
+    <Content Include="app\scripts\dayjs\utc.js" />
     <Content Include="app\scripts\jquery.datetimepicker.full.min.js" />
     <Content Include="app\scripts\renderers\objectrenderer.js" />
     <Content Include="app\scripts\renderers\propertyvaluerenderer.js" />
diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html
index 4977472..4d1eb94 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html
@@ -7,10 +7,15 @@
     <script src="common-dashboard.js"></script>
     <script type="text/javascript" src="../scripts/renderers/objectrenderer.js"></script>
     <script type="text/javascript" src="../scripts/renderers/propertyvaluerenderer.js"></script>
-    <script type="text/javascript" src="dashboard.js"></script>
     <link rel="stylesheet" href="dashboard.css" type="text/css" />
     <link rel="stylesheet" type="text/css" href="jquery.datetimepicker.min.css" />
     <script src="../scripts/jquery.datetimepicker.full.min.js"></script>
+    <script src="../scripts/dayjs/dayjs.min.js"></script>
+    <script src="../scripts/dayjs/customParseFormat.js"></script>
+    <script src="../scripts/dayjs/localizedFormat.js"></script>
+    <script src="../scripts/dayjs/utc.js"></script>
+
+    <script type="text/javascript" src="dashboard.js"></script>
 </head>
 
 <body>
diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.js b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.js
index ba9e39a..6dcbd4c 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.js
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.js
@@ -1,5 +1,10 @@
 "use strict";
 
+dayjs.extend(window.dayjs_plugin_utc);
+dayjs.extend(window.dayjs_plugin_customParseFormat);
+dayjs.extend(window.dayjs_plugin_localizedFormat);
+dayjs().utcOffset(new Date().getTimezoneOffset());
+
 (function ()
 {
 
diff --git a/src/ViewAllMetadata.UIX/app/scripts/dayjs/customParseFormat.js b/src/ViewAllMetadata.UIX/app/scripts/dayjs/customParseFormat.js
new file mode 100644
index 0000000..66d6089
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/dayjs/customParseFormat.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).dayjs_plugin_customParseFormat=t()}(this,(function(){"use strict";var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d\d/,r=/\d\d?/,i=/\d*[^-_:/,()\s\d]+/,o={},s=function(e){return(e=+e)+(e>68?1900:2e3)};var a=function(e){return function(t){this[e]=+t}},f=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var t=e.match(/([+-]|\d\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:"+"===t[0]?-n:n}(e)}],h=function(e){var t=o[e];return t&&(t.indexOf?t:t.s.concat(t.f))},u=function(e,t){var n,r=o.meridiem;if(r){for(var i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?"pm":"PM");return n},d={A:[i,function(e){this.afternoon=u(e,!1)}],a:[i,function(e){this.afternoon=u(e,!0)}],S:[/\d/,function(e){this.milliseconds=100*+e}],SS:[n,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[r,a("seconds")],ss:[r,a("seconds")],m:[r,a("minutes")],mm:[r,a("minutes")],H:[r,a("hours")],h:[r,a("hours")],HH:[r,a("hours")],hh:[r,a("hours")],D:[r,a("day")],DD:[n,a("day")],Do:[i,function(e){var t=o.ordinal,n=e.match(/\d+/);if(this.day=n[0],t)for(var r=1;r<=31;r+=1)t(r).replace(/\[|\]/g,"")===e&&(this.day=r)}],M:[r,a("month")],MM:[n,a("month")],MMM:[i,function(e){var t=h("months"),n=(h("monthsShort")||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n}],MMMM:[i,function(e){var t=h("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\d+/,a("year")],YY:[n,function(e){this.year=s(e)}],YYYY:[/\d{4}/,a("year")],Z:f,ZZ:f};function c(n){var r,i;r=n,i=o&&o.formats;for(var s=(n=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var o=r&&r.toUpperCase();return n||i[r]||e[r]||i[o].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}))).match(t),a=s.length,f=0;f<a;f+=1){var h=s[f],u=d[h],c=u&&u[0],l=u&&u[1];s[f]=l?{regex:c,parser:l}:h.replace(/^\[|\]$/g,"")}return function(e){for(var t={},n=0,r=0;n<a;n+=1){var i=s[n];if("string"==typeof i)r+=i.length;else{var o=i.regex,f=i.parser,h=e.slice(r),u=o.exec(h)[0];f.call(t,u),e=e.replace(u,"")}}return function(e){var t=e.afternoon;if(void 0!==t){var n=e.hours;t?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon}}(t),t}}return function(e,t,n){n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(s=e.parseTwoDigitYear);var r=t.prototype,i=r.parse;r.parse=function(e){var t=e.date,r=e.utc,s=e.args;this.$u=r;var a=s[1];if("string"==typeof a){var f=!0===s[2],h=!0===s[3],u=f||h,d=s[2];h&&(d=s[2]),o=this.$locale(),!f&&d&&(o=n.Ls[d]),this.$d=function(e,t,n){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var r=c(t)(e),i=r.year,o=r.month,s=r.day,a=r.hours,f=r.minutes,h=r.seconds,u=r.milliseconds,d=r.zone,l=new Date,m=s||(i||o?1:l.getDate()),M=i||l.getFullYear(),Y=0;i&&!o||(Y=o>0?o-1:l.getMonth());var p=a||0,v=f||0,D=h||0,g=u||0;return d?new Date(Date.UTC(M,Y,m,p,v,D,g+60*d.offset*1e3)):n?new Date(Date.UTC(M,Y,m,p,v,D,g)):new Date(M,Y,m,p,v,D,g)}catch(e){return new Date("")}}(t,a,r),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),u&&t!=this.format(a)&&(this.$d=new Date("")),o={}}else if(a instanceof Array)for(var l=a.length,m=1;m<=l;m+=1){s[1]=a[m-1];var M=n.apply(this,s);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===l&&(this.$d=new Date(""))}else i.call(this,e)}}}));
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/dayjs/dayjs.min.js b/src/ViewAllMetadata.UIX/app/scripts/dayjs/dayjs.min.js
new file mode 100644
index 0000000..ba16e65
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/dayjs/dayjs.min.js
@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).dayjs=e()}(this,(function(){"use strict";var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return"["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return!r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return(e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return-t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return+(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p=function(t){return t instanceof _},S=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else{var a=e.name;D[a]=e,i=a}return!r&&i&&(g=i),i||!r&&g},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=v;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t)}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init()},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},m.$utils=function(){return O},m.isValid=function(){return!(this.$d.toString()===l)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),l=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(h){case c:return r?l(1,0):l(31,11);case f:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),l=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,l=this;r=Number(r);var $=O.p(h),y=function(t){var e=w(l);return O.w(e.date(e.date()+Math.round(t*r)),l)};if($===f)return this.set(f,this.$M+r);if($===c)return this.set(c,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},$={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||$[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,v=this-M,g=O.m(this,M);return g=($={},$[c]=g/12,$[f]=g,$[h]=g/3,$[o]=(v-m)/6048e5,$[a]=(v-m)/864e5,$[u]=v/n,$[s]=v/e,$[i]=v/t,$)[y]||v,l?g:O.a(g)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),T=_.prototype;return w.prototype=T,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){T[t[1]]=function(e){return this.$g(e,t[0],t[1])}})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[g],w.Ls=D,w.p={},w}));
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/dayjs/localizedFormat.js b/src/ViewAllMetadata.UIX/app/scripts/dayjs/localizedFormat.js
new file mode 100644
index 0000000..2aa4665
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/dayjs/localizedFormat.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).dayjs_plugin_localizedFormat=t()}(this,(function(){"use strict";var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};return function(t,o,n){var r=o.prototype,i=r.format;n.en.formats=e,r.format=function(t){void 0===t&&(t="YYYY-MM-DDTHH:mm:ssZ");var o=this.$locale().formats,n=function(t,o){return t.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var i=r&&r.toUpperCase();return n||o[r]||e[r]||o[i].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,o){return t||o.slice(1)}))}))}(t,void 0===o?{}:o);return i.call(this,n)}}}));
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/dayjs/utc.js b/src/ViewAllMetadata.UIX/app/scripts/dayjs/utc.js
new file mode 100644
index 0000000..af07564
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/dayjs/utc.js
@@ -0,0 +1 @@
+!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(t="undefined"!=typeof globalThis?globalThis:t||self).dayjs_plugin_utc=i()}(this,(function(){"use strict";var t="minute",i=/[+-]\d\d(?::?\d\d)?/g,e=/([+-]|\d\d)/g;return function(s,f,n){var u=f.prototype;n.utc=function(t){var i={date:t,utc:!0,args:arguments};return new f(i)},u.utc=function(i){var e=n(this.toDate(),{locale:this.$L,utc:!0});return i?e.add(this.utcOffset(),t):e},u.local=function(){return n(this.toDate(),{locale:this.$L,utc:!1})};var o=u.parse;u.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),o.call(this,t)};var r=u.init;u.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds()}else r.call(this)};var a=u.utcOffset;u.utcOffset=function(s,f){var n=this.$utils().u;if(n(s))return this.$u?0:n(this.$offset)?a.call(this):this.$offset;if("string"==typeof s&&(s=function(t){void 0===t&&(t="");var s=t.match(i);if(!s)return null;var f=(""+s[0]).match(e)||["-",0,0],n=f[0],u=60*+f[1]+ +f[2];return 0===u?0:"+"===n?u:-u}(s),null===s))return this;var u=Math.abs(s)<=16?60*s:s,o=this;if(f)return o.$offset=u,o.$u=0===s,o;if(0!==s){var r=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(o=this.local().add(u+r,t)).$offset=u,o.$x.$localOffset=r}else o=this.utc();return o};var h=u.format;u.format=function(t){var i=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return h.call(this,i)},u.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},u.isUTC=function(){return!!this.$u},u.toISOString=function(){return this.toDate().toISOString()},u.toString=function(){return this.toDate().toUTCString()};var l=u.toDate;u.toDate=function(t){return"s"===t&&this.$offset?n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():l.call(this)};var c=u.diff;u.diff=function(t,i,e){if(t&&this.$u===t.$u)return c.call(this,t,i,e);var s=this.local(),f=n(t).local();return c.call(s,f,i,e)}}}));
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index 05ea854..b05e5d9 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -1,216 +1,216 @@
-function getLocaleDateString()
+function getLocaleDateString(forPlugin)
 {
     const formats = {
-        "af-ZA": "Y/m/d",
-        "am-ET": "d/M/Y",
-        "ar-AE": "d/m/Y",
-        "ar-BH": "d/m/Y",
-        "ar-DZ": "d-m-Y",
-        "ar-EG": "d/m/Y",
-        "ar-IQ": "d/m/Y",
-        "ar-JO": "d/m/Y",
-        "ar-KW": "d/m/Y",
-        "ar-LB": "d/m/Y",
-        "ar-LY": "d/m/Y",
-        "ar-MA": "d-m-Y",
-        "ar-OM": "d/m/Y",
-        "ar-QA": "d/m/Y",
-        "ar-SA": "d/m/yy",
-        "ar-SY": "d/m/Y",
-        "ar-TN": "d-m-Y",
-        "ar-YE": "d/m/Y",
-        "arn-CL": "d-m-Y",
-        "as-IN": "d-m-Y",
-        "az-Cyrl-AZ": "d.m.Y",
-        "az-Latn-AZ": "d.m.Y",
-        "ba-RU": "d.m.yy",
-        "be-BY": "d.m.Y",
-        "bg-BG": "d.M.Y",
-        "bn-BD": "d-m-yy",
-        "bn-IN": "d-m-yy",
-        "bo-CN": "Y/M/d",
-        "br-FR": "d/m/Y",
-        "bs-Cyrl-BA": "d.M.Y",
-        "bs-Latn-BA": "d.M.Y",
-        "ca-ES": "d/m/Y",
-        "co-FR": "d/m/Y",
-        "cs-CZ": "d.M.Y",
-        "cy-GB": "d/m/Y",
-        "da-DK": "d-m-Y",
-        "de-AT": "d.m.Y",
-        "de-CH": "d.m.Y",
-        "de-DE": "d.m.Y",
-        "de-LI": "d.m.Y",
-        "de-LU": "d.m.Y",
-        "dsb-DE": "d. M. Y",
-        "dv-MV": "d/m/yy",
-        "el-GR": "d/M/Y",
-        "en-029": "m/d/Y",
-        "en-AU": "d/m/Y",
-        "en-BZ": "d/m/Y",
-        "en-CA": "d/m/Y",
-        "en-GB": "d/m/Y",
-        "en-IE": "d/m/Y",
-        "en-IN": "d-m-Y",
-        "en-JM": "d/m/Y",
-        "en-MY": "d/M/Y",
-        "en-NZ": "d/m/Y",
-        "en-PH": "M/d/Y",
-        "en-SG": "d/M/Y",
-        "en-TT": "d/m/Y",
-        "en-US": "M/d/Y",
-        "en-ZA": "Y/m/d",
-        "en-ZW": "M/d/Y",
-        "es-AR": "d/m/Y",
-        "es-BO": "d/m/Y",
-        "es-CL": "d-m-Y",
-        "es-CO": "d/m/Y",
-        "es-CR": "d/m/Y",
-        "es-DO": "d/m/Y",
-        "es-EC": "d/m/Y",
-        "es-ES": "d/m/Y",
-        "es-GT": "d/m/Y",
-        "es-HN": "d/m/Y",
-        "es-MX": "d/m/Y",
-        "es-NI": "d/m/Y",
-        "es-PA": "m/d/Y",
-        "es-PE": "d/m/Y",
-        "es-PR": "d/m/Y",
-        "es-PY": "d/m/Y",
-        "es-SV": "d/m/Y",
-        "es-US": "M/d/Y",
-        "es-UY": "d/m/Y",
-        "es-VE": "d/m/Y",
-        "et-EE": "d.m.Y",
-        "eu-ES": "Y/m/d",
-        "fa-IR": "m/d/Y",
-        "fi-FI": "d.M.Y",
-        "fil-PH": "M/d/Y",
-        "fo-FO": "d-m-Y",
-        "fr-BE": "d/m/Y",
-        "fr-CA": "Y-m-d",
-        "fr-CH": "d.m.Y",
-        "fr-FR": "d/m/Y",
-        "fr-LU": "d/m/Y",
-        "fr-MC": "d/m/Y",
-        "fy-NL": "d-M-Y",
-        "ga-IE": "d/m/Y",
-        "gd-GB": "d/m/Y",
-        "gl-ES": "d/m/yy",
-        "gsw-FR": "d/m/Y",
-        "gu-IN": "d-m-yy",
-        "ha-Latn-NG": "d/M/Y",
-        "he-IL": "d/m/Y",
-        "hi-IN": "d-m-Y",
-        "hr-BA": "d.M.Y.",
-        "hr-HR": "d.M.Y",
-        "hsb-DE": "d. M. Y",
-        "hu-HU": "Y. m. d.",
-        "hy-AM": "d.m.Y",
-        "id-ID": "d/m/Y",
-        "ig-NG": "d/M/Y",
-        "ii-CN": "Y/M/d",
-        "is-IS": "d.M.Y",
-        "it-CH": "d.m.Y",
-        "it-IT": "d/m/Y",
-        "iu-Cans-CA": "d/M/Y",
-        "iu-Latn-CA": "d/m/Y",
-        "ja-JP": "Y/m/d",
-        "ka-GE": "d.m.Y",
-        "kk-KZ": "d.m.Y",
-        "kl-GL": "d-m-Y",
-        "km-KH": "Y-m-d",
-        "kn-IN": "d-m-yy",
-        "ko-KR": "Y. m. d",
-        "kok-IN": "d-m-Y",
-        "ky-KG": "d.m.yy",
-        "lb-LU": "d/m/Y",
-        "lo-LA": "d/m/Y",
-        "lt-LT": "Y.m.d",
-        "lv-LV": "Y.m.d.",
-        "mi-NZ": "d/m/Y",
-        "mk-MK": "d.m.Y",
-        "ml-IN": "d-m-yy",
-        "mn-MN": "yy.m.d",
-        "mn-Mong-CN": "Y/M/d",
-        "moh-CA": "M/d/Y",
-        "mr-IN": "d-m-Y",
-        "ms-BN": "d/m/Y",
-        "ms-MY": "d/m/Y",
-        "mt-MT": "d/m/Y",
-        "nb-NO": "d.m.Y",
-        "ne-NP": "M/d/Y",
-        "nl-BE": "d/m/Y",
-        "nl-NL": "d-M-Y",
-        "nn-NO": "d.m.Y",
-        "nso-ZA": "Y/m/d",
-        "oc-FR": "d/m/Y",
-        "or-IN": "d-m-yy",
-        "pa-IN": "d-m-yy",
-        "pl-PL": "d.m.Y",
-        "prs-AF": "d/m/yy",
-        "ps-AF": "d/m/yy",
-        "pt-BR": "d/M/Y",
-        "pt-PT": "d-m-Y",
-        "qut-GT": "d/m/Y",
-        "quz-BO": "d/m/Y",
-        "quz-EC": "d/m/Y",
-        "quz-PE": "d/m/Y",
-        "rm-CH": "d/m/Y",
-        "ro-RO": "d.m.Y",
-        "ru-RU": "d.m.Y",
-        "rw-RW": "M/d/Y",
-        "sa-IN": "d-m-Y",
-        "sah-RU": "m.d.Y",
-        "se-FI": "d.M.Y",
-        "se-NO": "d.m.Y",
-        "se-SE": "Y-m-d",
-        "si-LK": "Y-m-d",
-        "sk-SK": "d. M. Y",
-        "sl-SI": "d.M.Y",
-        "sma-NO": "d.m.Y",
-        "sma-SE": "Y-m-d",
-        "smj-NO": "d.m.Y",
-        "smj-SE": "Y-m-d",
-        "smn-FI": "d.M.Y",
-        "sms-FI": "d.M.Y",
-        "sq-AL": "Y-m-d",
-        "sr-Cyrl-BA": "d.M.Y",
-        "sr-Cyrl-CS": "d.M.Y",
-        "sr-Cyrl-ME": "d.M.Y",
-        "sr-Cyrl-RS": "d.M.Y",
-        "sr-Latn-BA": "d.M.Y",
-        "sr-Latn-CS": "d.M.Y",
-        "sr-Latn-ME": "d.M.Y",
-        "sr-Latn-RS": "d.M.Y",
-        "sv-FI": "d.M.Y",
-        "sv-SE": "Y-m-d",
-        "sw-KE": "M/d/Y",
-        "syr-SY": "d/m/Y",
-        "ta-IN": "d-m-Y",
-        "te-IN": "d-m-yy",
-        "tg-Cyrl-TJ": "d.m.yy",
-        "th-TH": "d/M/Y",
-        "tk-TM": "d.m.yy",
-        "tn-ZA": "Y/m/d",
-        "tr-TR": "d.m.Y",
-        "tt-RU": "d.m.Y",
-        "tzm-Latn-DZ": "d-m-Y",
-        "ug-CN": "Y-M-d",
-        "uk-UA": "d.m.Y",
-        "ur-PK": "d/m/Y",
-        "uz-Cyrl-UZ": "d.m.Y",
-        "uz-Latn-UZ": "d/m Y",
-        "vi-VN": "d/m/Y",
-        "wo-SN": "d/m/Y",
-        "xh-ZA": "Y/m/d",
-        "yo-NG": "d/M/Y",
-        "zh-CN": "Y/M/d",
-        "zh-HK": "d/M/Y",
-        "zh-MO": "d/M/Y",
-        "zh-SG": "d/M/Y",
-        "zh-TW": "Y/M/d",
-        "zu-ZA": "Y/m/d",
+        "af-ZA": "yyyy/MM/dd",
+        "am-ET": "d/M/yyyy",
+        "ar-AE": "dd/MM/yyyy",
+        "ar-BH": "dd/MM/yyyy",
+        "ar-DZ": "dd-MM-yyyy",
+        "ar-EG": "dd/MM/yyyy",
+        "ar-IQ": "dd/MM/yyyy",
+        "ar-JO": "dd/MM/yyyy",
+        "ar-KW": "dd/MM/yyyy",
+        "ar-LB": "dd/MM/yyyy",
+        "ar-LY": "dd/MM/yyyy",
+        "ar-MA": "dd-MM-yyyy",
+        "ar-OM": "dd/MM/yyyy",
+        "ar-QA": "dd/MM/yyyy",
+        "ar-SA": "dd/MM/yy",
+        "ar-SY": "dd/MM/yyyy",
+        "ar-TN": "dd-MM-yyyy",
+        "ar-YE": "dd/MM/yyyy",
+        "arn-CL": "dd-MM-yyyy",
+        "as-IN": "dd-MM-yyyy",
+        "az-Cyrl-AZ": "dd.MM.yyyy",
+        "az-Latn-AZ": "dd.MM.yyyy",
+        "ba-RU": "dd.MM.yy",
+        "be-BY": "dd.MM.yyyy",
+        "bg-BG": "dd.M.yyyy",
+        "bn-BD": "dd-MM-yy",
+        "bn-IN": "dd-MM-yy",
+        "bo-CN": "yyyy/M/d",
+        "br-FR": "dd/MM/yyyy",
+        "bs-Cyrl-BA": "d.M.yyyy",
+        "bs-Latn-BA": "d.M.yyyy",
+        "ca-ES": "dd/MM/yyyy",
+        "co-FR": "dd/MM/yyyy",
+        "cs-CZ": "d.M.yyyy",
+        "cy-GB": "dd/MM/yyyy",
+        "da-DK": "dd-MM-yyyy",
+        "de-AT": "dd.MM.yyyy",
+        "de-CH": "dd.MM.yyyy",
+        "de-DE": "dd.MM.yyyy",
+        "de-LI": "dd.MM.yyyy",
+        "de-LU": "dd.MM.yyyy",
+        "dsb-DE": "d. M. yyyy",
+        "dv-MV": "dd/MM/yy",
+        "el-GR": "d/M/yyyy",
+        "en-029": "MM/dd/yyyy",
+        "en-AU": "d/MM/yyyy",
+        "en-BZ": "dd/MM/yyyy",
+        "en-CA": "dd/MM/yyyy",
+        "en-GB": "dd/MM/yyyy",
+        "en-IE": "dd/MM/yyyy",
+        "en-IN": "dd-MM-yyyy",
+        "en-JM": "dd/MM/yyyy",
+        "en-MY": "d/M/yyyy",
+        "en-NZ": "d/MM/yyyy",
+        "en-PH": "M/d/yyyy",
+        "en-SG": "d/M/yyyy",
+        "en-TT": "dd/MM/yyyy",
+        "en-US": "M/d/yyyy",
+        "en-ZA": "yyyy/MM/dd",
+        "en-ZW": "M/d/yyyy",
+        "es-AR": "dd/MM/yyyy",
+        "es-BO": "dd/MM/yyyy",
+        "es-CL": "dd-MM-yyyy",
+        "es-CO": "dd/MM/yyyy",
+        "es-CR": "dd/MM/yyyy",
+        "es-DO": "dd/MM/yyyy",
+        "es-EC": "dd/MM/yyyy",
+        "es-ES": "dd/MM/yyyy",
+        "es-GT": "dd/MM/yyyy",
+        "es-HN": "dd/MM/yyyy",
+        "es-MX": "dd/MM/yyyy",
+        "es-NI": "dd/MM/yyyy",
+        "es-PA": "MM/dd/yyyy",
+        "es-PE": "dd/MM/yyyy",
+        "es-PR": "dd/MM/yyyy",
+        "es-PY": "dd/MM/yyyy",
+        "es-SV": "dd/MM/yyyy",
+        "es-US": "M/d/yyyy",
+        "es-UY": "dd/MM/yyyy",
+        "es-VE": "dd/MM/yyyy",
+        "et-EE": "d.MM.yyyy",
+        "eu-ES": "yyyy/MM/dd",
+        "fa-IR": "MM/dd/yyyy",
+        "fi-FI": "d.M.yyyy",
+        "fil-PH": "M/d/yyyy",
+        "fo-FO": "dd-MM-yyyy",
+        "fr-BE": "d/MM/yyyy",
+        "fr-CA": "yyyy-MM-dd",
+        "fr-CH": "dd.MM.yyyy",
+        "fr-FR": "dd/MM/yyyy",
+        "fr-LU": "dd/MM/yyyy",
+        "fr-MC": "dd/MM/yyyy",
+        "fy-NL": "d-M-yyyy",
+        "ga-IE": "dd/MM/yyyy",
+        "gd-GB": "dd/MM/yyyy",
+        "gl-ES": "dd/MM/yy",
+        "gsw-FR": "dd/MM/yyyy",
+        "gu-IN": "dd-MM-yy",
+        "ha-Latn-NG": "d/M/yyyy",
+        "he-IL": "dd/MM/yyyy",
+        "hi-IN": "dd-MM-yyyy",
+        "hr-BA": "d.M.yyyy.",
+        "hr-HR": "d.M.yyyy",
+        "hsb-DE": "d. M. yyyy",
+        "hu-HU": "yyyy. MM. dd.",
+        "hy-AM": "dd.MM.yyyy",
+        "id-ID": "dd/MM/yyyy",
+        "ig-NG": "d/M/yyyy",
+        "ii-CN": "yyyy/M/d",
+        "is-IS": "d.M.yyyy",
+        "it-CH": "dd.MM.yyyy",
+        "it-IT": "dd/MM/yyyy",
+        "iu-Cans-CA": "d/M/yyyy",
+        "iu-Latn-CA": "d/MM/yyyy",
+        "ja-JP": "yyyy/MM/dd",
+        "ka-GE": "dd.MM.yyyy",
+        "kk-KZ": "dd.MM.yyyy",
+        "kl-GL": "dd-MM-yyyy",
+        "km-KH": "yyyy-MM-dd",
+        "kn-IN": "dd-MM-yy",
+        "ko-KR": "yyyy. MM. dd",
+        "kok-IN": "dd-MM-yyyy",
+        "ky-KG": "dd.MM.yy",
+        "lb-LU": "dd/MM/yyyy",
+        "lo-LA": "dd/MM/yyyy",
+        "lt-LT": "yyyy.MM.dd",
+        "lv-LV": "yyyy.MM.dd.",
+        "mi-NZ": "dd/MM/yyyy",
+        "mk-MK": "dd.MM.yyyy",
+        "ml-IN": "dd-MM-yy",
+        "mn-MN": "yy.MM.dd",
+        "mn-Mong-CN": "yyyy/M/d",
+        "moh-CA": "M/d/yyyy",
+        "mr-IN": "dd-MM-yyyy",
+        "ms-BN": "dd/MM/yyyy",
+        "ms-MY": "dd/MM/yyyy",
+        "mt-MT": "dd/MM/yyyy",
+        "nb-NO": "dd.MM.yyyy",
+        "ne-NP": "M/d/yyyy",
+        "nl-BE": "d/MM/yyyy",
+        "nl-NL": "d-M-yyyy",
+        "nn-NO": "dd.MM.yyyy",
+        "nso-ZA": "yyyy/MM/dd",
+        "oc-FR": "dd/MM/yyyy",
+        "or-IN": "dd-MM-yy",
+        "pa-IN": "dd-MM-yy",
+        "pl-PL": "dd.MM.yyyy",
+        "prs-AF": "dd/MM/yy",
+        "ps-AF": "dd/MM/yy",
+        "pt-BR": "d/M/yyyy",
+        "pt-PT": "dd-MM-yyyy",
+        "qut-GT": "dd/MM/yyyy",
+        "quz-BO": "dd/MM/yyyy",
+        "quz-EC": "dd/MM/yyyy",
+        "quz-PE": "dd/MM/yyyy",
+        "rm-CH": "dd/MM/yyyy",
+        "ro-RO": "dd.MM.yyyy",
+        "ru-RU": "dd.MM.yyyy",
+        "rw-RW": "M/d/yyyy",
+        "sa-IN": "dd-MM-yyyy",
+        "sah-RU": "MM.dd.yyyy",
+        "se-FI": "d.M.yyyy",
+        "se-NO": "dd.MM.yyyy",
+        "se-SE": "yyyy-MM-dd",
+        "si-LK": "yyyy-MM-dd",
+        "sk-SK": "d. M. yyyy",
+        "sl-SI": "d.M.yyyy",
+        "sma-NO": "dd.MM.yyyy",
+        "sma-SE": "yyyy-MM-dd",
+        "smj-NO": "dd.MM.yyyy",
+        "smj-SE": "yyyy-MM-dd",
+        "smn-FI": "d.M.yyyy",
+        "sms-FI": "d.M.yyyy",
+        "sq-AL": "yyyy-MM-dd",
+        "sr-Cyrl-BA": "d.M.yyyy",
+        "sr-Cyrl-CS": "d.M.yyyy",
+        "sr-Cyrl-ME": "d.M.yyyy",
+        "sr-Cyrl-RS": "d.M.yyyy",
+        "sr-Latn-BA": "d.M.yyyy",
+        "sr-Latn-CS": "d.M.yyyy",
+        "sr-Latn-ME": "d.M.yyyy",
+        "sr-Latn-RS": "d.M.yyyy",
+        "sv-FI": "d.M.yyyy",
+        "sv-SE": "yyyy-MM-dd",
+        "sw-KE": "M/d/yyyy",
+        "syr-SY": "dd/MM/yyyy",
+        "ta-IN": "dd-MM-yyyy",
+        "te-IN": "dd-MM-yy",
+        "tg-Cyrl-TJ": "dd.MM.yy",
+        "th-TH": "d/M/yyyy",
+        "tk-TM": "dd.MM.yy",
+        "tn-ZA": "yyyy/MM/dd",
+        "tr-TR": "dd.MM.yyyy",
+        "tt-RU": "dd.MM.yyyy",
+        "tzm-Latn-DZ": "dd-MM-yyyy",
+        "ug-CN": "yyyy-M-d",
+        "uk-UA": "dd.MM.yyyy",
+        "ur-PK": "dd/MM/yyyy",
+        "uz-Cyrl-UZ": "dd.MM.yyyy",
+        "uz-Latn-UZ": "dd/MM yyyy",
+        "vi-VN": "dd/MM/yyyy",
+        "wo-SN": "dd/MM/yyyy",
+        "xh-ZA": "yyyy/MM/dd",
+        "yo-NG": "d/M/yyyy",
+        "zh-CN": "yyyy/M/d",
+        "zh-HK": "d/M/yyyy",
+        "zh-MO": "d/M/yyyy",
+        "zh-SG": "d/M/yyyy",
+        "zh-TW": "yyyy/M/d",
+        "zu-ZA": "yyyy/MM/dd",
     };
 
     var l = navigator.language;
@@ -219,7 +219,13 @@
         l = (new Intl.DateTimeFormat().resolvedOptions()).locale;
     }
     catch (e) { }
-    return formats[l] || "dd/MM/yyyy";
+    var format = formats[l] || "dd/MM/yyyy";
+    return forPlugin
+        ? format.replace("dd", "d")
+            .replace("MM", "M")
+            .replace("M", "m")
+            .replace("yyyy", "Y")
+        : format.toUpperCase();
 }
 function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired, $parent)
 {
@@ -285,22 +291,41 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
     {
         if (false == supportsEditing)
             return propertyValue;
+
+        var currentValue = getCurrentValue();
         switch (propertyDef.DataType)
         {
-            default:
-                var currentValue = getCurrentValue();
-                var pv = new MFiles.PropertyValue();
-                pv.PropertyDef = propertyDef.ID;
-                if ((currentValue + "").length == 0)
+            case MFDatatypeDate:
+                if ((currentValue + "").length > 0)
                 {
-                    pv.Value.SetValue(propertyDef.DataType, null);
+                    currentValue = dayjs(currentValue, getLocaleDateString(false)).utc().format("YYYY-MM-DD")
                 }
-                else
+                break;
+            case MFDatatypeTimestamp:
+                if ((currentValue + "").length > 0)
                 {
-                    pv.Value.SetValue(propertyDef.DataType, currentValue);
+                    currentValue = dayjs(currentValue, getLocaleDateString(false) + " HH:mm").utc().format("YYYY-MM-DD HH:mm:ss")
                 }
-                return pv;
+                break;
+        }
+        var pv = new MFiles.PropertyValue();
+        pv.PropertyDef = propertyDef.ID;
+        if ((currentValue + "").length == 0)
+        {
+            pv.Value.SetValue(propertyDef.DataType, null);
+        }
+        else
+        {
+            try
+            {
+                pv.Value.SetValue(propertyDef.DataType, currentValue);
+            }
+            catch (e)
+            {
+                alert("Could not set value of " + currentValue + " for property " + propertyDef.Name);
+            }
         }
+        return pv;
     }
     renderer.hasChanged = function ()
     {
@@ -483,7 +508,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
                 // If it's a date then set up the picker.
                 if (propertyDef.DataType == MFDatatypeDate)
                 {
-                    var format = getLocaleDateString();
+                    var format = getLocaleDateString(true);
                     $input.datetimepicker
                         (
                             {
@@ -514,7 +539,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
                 // If it's time then set up the picker.
                 if (propertyDef.DataType == MFDatatypeTimestamp)
                 {
-                    var format = getLocaleDateString() + " H:i";
+                    var format = getLocaleDateString(true) + " H:i";
                     $input.datetimepicker
                         (
                             {

From 4407a23df36c2c6d5d0dbf88f8df0145955f1ed5 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Mon, 5 Dec 2022 09:15:46 +0000
Subject: [PATCH 17/50] Exposed some methods on property value renderer

---
 .../app/scripts/renderers/objectrenderer.js   |  22 +-
 .../renderers/propertyvaluerenderer.js        | 502 +++++++++---------
 2 files changed, 268 insertions(+), 256 deletions(-)

diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
index a819715..ef53ac1 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
@@ -111,7 +111,9 @@ function ObjectRenderer(dashboard)
                 property.isRequired,
                 $propertiesList
             );
-            propertyValueRenderer.render();
+            var $listItem = propertyValueRenderer.render();
+            if (null != $listItem)
+                $listItem.focus(updateUI);
             propertyValueRenderers.push(propertyValueRenderer);
         }
     }
@@ -126,19 +128,21 @@ function ObjectRenderer(dashboard)
         return true;
     }
 
-    // When the body is clicked, exit editing mode.
-    var $body = $("body");
-    $body.click(function ()
+    // Update the UI re: save/errors.
+    function updateUI()
     {
+        // Stop any editing.
+        $(".editing").removeClass("editing");
+
         var changedProperties = [];
         var erroredProperties = [];
         for (var i = 0; i < propertyValueRenderers.length; i++)
         {
             // Attempt to exit edit mode.
-            var renderer = propertyValueRenderers[i];
-            renderer.exitEditMode();
+            //renderer.exitEditMode();
 
             // Should we enable buttons and things?
+            var renderer = propertyValueRenderers[i];
             if (renderer.hasChanged())
                 changedProperties.push(renderer);
             if (!renderer.isValidValue())
@@ -157,7 +161,11 @@ function ObjectRenderer(dashboard)
             $body.addClass("errors");
             $("#btnSave").attr("disabled", "disabled");
         }
-    });
+    }
+
+    // When the body is clicked, exit editing mode.
+    var $body = $("body");
+    $body.click(updateUI);
 
     // Configure the close button.
     $("#btnClose").click(function ()
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index b05e5d9..13c4d6d 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -1,241 +1,247 @@
-function getLocaleDateString(forPlugin)
-{
-    const formats = {
-        "af-ZA": "yyyy/MM/dd",
-        "am-ET": "d/M/yyyy",
-        "ar-AE": "dd/MM/yyyy",
-        "ar-BH": "dd/MM/yyyy",
-        "ar-DZ": "dd-MM-yyyy",
-        "ar-EG": "dd/MM/yyyy",
-        "ar-IQ": "dd/MM/yyyy",
-        "ar-JO": "dd/MM/yyyy",
-        "ar-KW": "dd/MM/yyyy",
-        "ar-LB": "dd/MM/yyyy",
-        "ar-LY": "dd/MM/yyyy",
-        "ar-MA": "dd-MM-yyyy",
-        "ar-OM": "dd/MM/yyyy",
-        "ar-QA": "dd/MM/yyyy",
-        "ar-SA": "dd/MM/yy",
-        "ar-SY": "dd/MM/yyyy",
-        "ar-TN": "dd-MM-yyyy",
-        "ar-YE": "dd/MM/yyyy",
-        "arn-CL": "dd-MM-yyyy",
-        "as-IN": "dd-MM-yyyy",
-        "az-Cyrl-AZ": "dd.MM.yyyy",
-        "az-Latn-AZ": "dd.MM.yyyy",
-        "ba-RU": "dd.MM.yy",
-        "be-BY": "dd.MM.yyyy",
-        "bg-BG": "dd.M.yyyy",
-        "bn-BD": "dd-MM-yy",
-        "bn-IN": "dd-MM-yy",
-        "bo-CN": "yyyy/M/d",
-        "br-FR": "dd/MM/yyyy",
-        "bs-Cyrl-BA": "d.M.yyyy",
-        "bs-Latn-BA": "d.M.yyyy",
-        "ca-ES": "dd/MM/yyyy",
-        "co-FR": "dd/MM/yyyy",
-        "cs-CZ": "d.M.yyyy",
-        "cy-GB": "dd/MM/yyyy",
-        "da-DK": "dd-MM-yyyy",
-        "de-AT": "dd.MM.yyyy",
-        "de-CH": "dd.MM.yyyy",
-        "de-DE": "dd.MM.yyyy",
-        "de-LI": "dd.MM.yyyy",
-        "de-LU": "dd.MM.yyyy",
-        "dsb-DE": "d. M. yyyy",
-        "dv-MV": "dd/MM/yy",
-        "el-GR": "d/M/yyyy",
-        "en-029": "MM/dd/yyyy",
-        "en-AU": "d/MM/yyyy",
-        "en-BZ": "dd/MM/yyyy",
-        "en-CA": "dd/MM/yyyy",
-        "en-GB": "dd/MM/yyyy",
-        "en-IE": "dd/MM/yyyy",
-        "en-IN": "dd-MM-yyyy",
-        "en-JM": "dd/MM/yyyy",
-        "en-MY": "d/M/yyyy",
-        "en-NZ": "d/MM/yyyy",
-        "en-PH": "M/d/yyyy",
-        "en-SG": "d/M/yyyy",
-        "en-TT": "dd/MM/yyyy",
-        "en-US": "M/d/yyyy",
-        "en-ZA": "yyyy/MM/dd",
-        "en-ZW": "M/d/yyyy",
-        "es-AR": "dd/MM/yyyy",
-        "es-BO": "dd/MM/yyyy",
-        "es-CL": "dd-MM-yyyy",
-        "es-CO": "dd/MM/yyyy",
-        "es-CR": "dd/MM/yyyy",
-        "es-DO": "dd/MM/yyyy",
-        "es-EC": "dd/MM/yyyy",
-        "es-ES": "dd/MM/yyyy",
-        "es-GT": "dd/MM/yyyy",
-        "es-HN": "dd/MM/yyyy",
-        "es-MX": "dd/MM/yyyy",
-        "es-NI": "dd/MM/yyyy",
-        "es-PA": "MM/dd/yyyy",
-        "es-PE": "dd/MM/yyyy",
-        "es-PR": "dd/MM/yyyy",
-        "es-PY": "dd/MM/yyyy",
-        "es-SV": "dd/MM/yyyy",
-        "es-US": "M/d/yyyy",
-        "es-UY": "dd/MM/yyyy",
-        "es-VE": "dd/MM/yyyy",
-        "et-EE": "d.MM.yyyy",
-        "eu-ES": "yyyy/MM/dd",
-        "fa-IR": "MM/dd/yyyy",
-        "fi-FI": "d.M.yyyy",
-        "fil-PH": "M/d/yyyy",
-        "fo-FO": "dd-MM-yyyy",
-        "fr-BE": "d/MM/yyyy",
-        "fr-CA": "yyyy-MM-dd",
-        "fr-CH": "dd.MM.yyyy",
-        "fr-FR": "dd/MM/yyyy",
-        "fr-LU": "dd/MM/yyyy",
-        "fr-MC": "dd/MM/yyyy",
-        "fy-NL": "d-M-yyyy",
-        "ga-IE": "dd/MM/yyyy",
-        "gd-GB": "dd/MM/yyyy",
-        "gl-ES": "dd/MM/yy",
-        "gsw-FR": "dd/MM/yyyy",
-        "gu-IN": "dd-MM-yy",
-        "ha-Latn-NG": "d/M/yyyy",
-        "he-IL": "dd/MM/yyyy",
-        "hi-IN": "dd-MM-yyyy",
-        "hr-BA": "d.M.yyyy.",
-        "hr-HR": "d.M.yyyy",
-        "hsb-DE": "d. M. yyyy",
-        "hu-HU": "yyyy. MM. dd.",
-        "hy-AM": "dd.MM.yyyy",
-        "id-ID": "dd/MM/yyyy",
-        "ig-NG": "d/M/yyyy",
-        "ii-CN": "yyyy/M/d",
-        "is-IS": "d.M.yyyy",
-        "it-CH": "dd.MM.yyyy",
-        "it-IT": "dd/MM/yyyy",
-        "iu-Cans-CA": "d/M/yyyy",
-        "iu-Latn-CA": "d/MM/yyyy",
-        "ja-JP": "yyyy/MM/dd",
-        "ka-GE": "dd.MM.yyyy",
-        "kk-KZ": "dd.MM.yyyy",
-        "kl-GL": "dd-MM-yyyy",
-        "km-KH": "yyyy-MM-dd",
-        "kn-IN": "dd-MM-yy",
-        "ko-KR": "yyyy. MM. dd",
-        "kok-IN": "dd-MM-yyyy",
-        "ky-KG": "dd.MM.yy",
-        "lb-LU": "dd/MM/yyyy",
-        "lo-LA": "dd/MM/yyyy",
-        "lt-LT": "yyyy.MM.dd",
-        "lv-LV": "yyyy.MM.dd.",
-        "mi-NZ": "dd/MM/yyyy",
-        "mk-MK": "dd.MM.yyyy",
-        "ml-IN": "dd-MM-yy",
-        "mn-MN": "yy.MM.dd",
-        "mn-Mong-CN": "yyyy/M/d",
-        "moh-CA": "M/d/yyyy",
-        "mr-IN": "dd-MM-yyyy",
-        "ms-BN": "dd/MM/yyyy",
-        "ms-MY": "dd/MM/yyyy",
-        "mt-MT": "dd/MM/yyyy",
-        "nb-NO": "dd.MM.yyyy",
-        "ne-NP": "M/d/yyyy",
-        "nl-BE": "d/MM/yyyy",
-        "nl-NL": "d-M-yyyy",
-        "nn-NO": "dd.MM.yyyy",
-        "nso-ZA": "yyyy/MM/dd",
-        "oc-FR": "dd/MM/yyyy",
-        "or-IN": "dd-MM-yy",
-        "pa-IN": "dd-MM-yy",
-        "pl-PL": "dd.MM.yyyy",
-        "prs-AF": "dd/MM/yy",
-        "ps-AF": "dd/MM/yy",
-        "pt-BR": "d/M/yyyy",
-        "pt-PT": "dd-MM-yyyy",
-        "qut-GT": "dd/MM/yyyy",
-        "quz-BO": "dd/MM/yyyy",
-        "quz-EC": "dd/MM/yyyy",
-        "quz-PE": "dd/MM/yyyy",
-        "rm-CH": "dd/MM/yyyy",
-        "ro-RO": "dd.MM.yyyy",
-        "ru-RU": "dd.MM.yyyy",
-        "rw-RW": "M/d/yyyy",
-        "sa-IN": "dd-MM-yyyy",
-        "sah-RU": "MM.dd.yyyy",
-        "se-FI": "d.M.yyyy",
-        "se-NO": "dd.MM.yyyy",
-        "se-SE": "yyyy-MM-dd",
-        "si-LK": "yyyy-MM-dd",
-        "sk-SK": "d. M. yyyy",
-        "sl-SI": "d.M.yyyy",
-        "sma-NO": "dd.MM.yyyy",
-        "sma-SE": "yyyy-MM-dd",
-        "smj-NO": "dd.MM.yyyy",
-        "smj-SE": "yyyy-MM-dd",
-        "smn-FI": "d.M.yyyy",
-        "sms-FI": "d.M.yyyy",
-        "sq-AL": "yyyy-MM-dd",
-        "sr-Cyrl-BA": "d.M.yyyy",
-        "sr-Cyrl-CS": "d.M.yyyy",
-        "sr-Cyrl-ME": "d.M.yyyy",
-        "sr-Cyrl-RS": "d.M.yyyy",
-        "sr-Latn-BA": "d.M.yyyy",
-        "sr-Latn-CS": "d.M.yyyy",
-        "sr-Latn-ME": "d.M.yyyy",
-        "sr-Latn-RS": "d.M.yyyy",
-        "sv-FI": "d.M.yyyy",
-        "sv-SE": "yyyy-MM-dd",
-        "sw-KE": "M/d/yyyy",
-        "syr-SY": "dd/MM/yyyy",
-        "ta-IN": "dd-MM-yyyy",
-        "te-IN": "dd-MM-yy",
-        "tg-Cyrl-TJ": "dd.MM.yy",
-        "th-TH": "d/M/yyyy",
-        "tk-TM": "dd.MM.yy",
-        "tn-ZA": "yyyy/MM/dd",
-        "tr-TR": "dd.MM.yyyy",
-        "tt-RU": "dd.MM.yyyy",
-        "tzm-Latn-DZ": "dd-MM-yyyy",
-        "ug-CN": "yyyy-M-d",
-        "uk-UA": "dd.MM.yyyy",
-        "ur-PK": "dd/MM/yyyy",
-        "uz-Cyrl-UZ": "dd.MM.yyyy",
-        "uz-Latn-UZ": "dd/MM yyyy",
-        "vi-VN": "dd/MM/yyyy",
-        "wo-SN": "dd/MM/yyyy",
-        "xh-ZA": "yyyy/MM/dd",
-        "yo-NG": "d/M/yyyy",
-        "zh-CN": "yyyy/M/d",
-        "zh-HK": "d/M/yyyy",
-        "zh-MO": "d/M/yyyy",
-        "zh-SG": "d/M/yyyy",
-        "zh-TW": "yyyy/M/d",
-        "zu-ZA": "yyyy/MM/dd",
-    };
-
-    var l = navigator.language;
-    try
-    {
-        l = (new Intl.DateTimeFormat().resolvedOptions()).locale;
-    }
-    catch (e) { }
-    var format = formats[l] || "dd/MM/yyyy";
-    return forPlugin
-        ? format.replace("dd", "d")
-            .replace("MM", "M")
-            .replace("M", "m")
-            .replace("yyyy", "Y")
-        : format.toUpperCase();
-}
-function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired, $parent)
+function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired, $parent)
 {
     var renderer = this;
     var $listItem = null;
     var supportsEditing = false;
     var originalValue = getCurrentValue();
     renderer.getPropertyDef = function () { return propertyDef; }
-    function getCurrentValue()
+
+    renderer.getLocaleDateString = function(forPlugin)
+    {
+        const formats = {
+            "af-ZA": "yyyy/MM/dd",
+            "am-ET": "d/M/yyyy",
+            "ar-AE": "dd/MM/yyyy",
+            "ar-BH": "dd/MM/yyyy",
+            "ar-DZ": "dd-MM-yyyy",
+            "ar-EG": "dd/MM/yyyy",
+            "ar-IQ": "dd/MM/yyyy",
+            "ar-JO": "dd/MM/yyyy",
+            "ar-KW": "dd/MM/yyyy",
+            "ar-LB": "dd/MM/yyyy",
+            "ar-LY": "dd/MM/yyyy",
+            "ar-MA": "dd-MM-yyyy",
+            "ar-OM": "dd/MM/yyyy",
+            "ar-QA": "dd/MM/yyyy",
+            "ar-SA": "dd/MM/yy",
+            "ar-SY": "dd/MM/yyyy",
+            "ar-TN": "dd-MM-yyyy",
+            "ar-YE": "dd/MM/yyyy",
+            "arn-CL": "dd-MM-yyyy",
+            "as-IN": "dd-MM-yyyy",
+            "az-Cyrl-AZ": "dd.MM.yyyy",
+            "az-Latn-AZ": "dd.MM.yyyy",
+            "ba-RU": "dd.MM.yy",
+            "be-BY": "dd.MM.yyyy",
+            "bg-BG": "dd.M.yyyy",
+            "bn-BD": "dd-MM-yy",
+            "bn-IN": "dd-MM-yy",
+            "bo-CN": "yyyy/M/d",
+            "br-FR": "dd/MM/yyyy",
+            "bs-Cyrl-BA": "d.M.yyyy",
+            "bs-Latn-BA": "d.M.yyyy",
+            "ca-ES": "dd/MM/yyyy",
+            "co-FR": "dd/MM/yyyy",
+            "cs-CZ": "d.M.yyyy",
+            "cy-GB": "dd/MM/yyyy",
+            "da-DK": "dd-MM-yyyy",
+            "de-AT": "dd.MM.yyyy",
+            "de-CH": "dd.MM.yyyy",
+            "de-DE": "dd.MM.yyyy",
+            "de-LI": "dd.MM.yyyy",
+            "de-LU": "dd.MM.yyyy",
+            "dsb-DE": "d. M. yyyy",
+            "dv-MV": "dd/MM/yy",
+            "el-GR": "d/M/yyyy",
+            "en-029": "MM/dd/yyyy",
+            "en-AU": "d/MM/yyyy",
+            "en-BZ": "dd/MM/yyyy",
+            "en-CA": "dd/MM/yyyy",
+            "en-GB": "dd/MM/yyyy",
+            "en-IE": "dd/MM/yyyy",
+            "en-IN": "dd-MM-yyyy",
+            "en-JM": "dd/MM/yyyy",
+            "en-MY": "d/M/yyyy",
+            "en-NZ": "d/MM/yyyy",
+            "en-PH": "M/d/yyyy",
+            "en-SG": "d/M/yyyy",
+            "en-TT": "dd/MM/yyyy",
+            "en-US": "M/d/yyyy",
+            "en-ZA": "yyyy/MM/dd",
+            "en-ZW": "M/d/yyyy",
+            "es-AR": "dd/MM/yyyy",
+            "es-BO": "dd/MM/yyyy",
+            "es-CL": "dd-MM-yyyy",
+            "es-CO": "dd/MM/yyyy",
+            "es-CR": "dd/MM/yyyy",
+            "es-DO": "dd/MM/yyyy",
+            "es-EC": "dd/MM/yyyy",
+            "es-ES": "dd/MM/yyyy",
+            "es-GT": "dd/MM/yyyy",
+            "es-HN": "dd/MM/yyyy",
+            "es-MX": "dd/MM/yyyy",
+            "es-NI": "dd/MM/yyyy",
+            "es-PA": "MM/dd/yyyy",
+            "es-PE": "dd/MM/yyyy",
+            "es-PR": "dd/MM/yyyy",
+            "es-PY": "dd/MM/yyyy",
+            "es-SV": "dd/MM/yyyy",
+            "es-US": "M/d/yyyy",
+            "es-UY": "dd/MM/yyyy",
+            "es-VE": "dd/MM/yyyy",
+            "et-EE": "d.MM.yyyy",
+            "eu-ES": "yyyy/MM/dd",
+            "fa-IR": "MM/dd/yyyy",
+            "fi-FI": "d.M.yyyy",
+            "fil-PH": "M/d/yyyy",
+            "fo-FO": "dd-MM-yyyy",
+            "fr-BE": "d/MM/yyyy",
+            "fr-CA": "yyyy-MM-dd",
+            "fr-CH": "dd.MM.yyyy",
+            "fr-FR": "dd/MM/yyyy",
+            "fr-LU": "dd/MM/yyyy",
+            "fr-MC": "dd/MM/yyyy",
+            "fy-NL": "d-M-yyyy",
+            "ga-IE": "dd/MM/yyyy",
+            "gd-GB": "dd/MM/yyyy",
+            "gl-ES": "dd/MM/yy",
+            "gsw-FR": "dd/MM/yyyy",
+            "gu-IN": "dd-MM-yy",
+            "ha-Latn-NG": "d/M/yyyy",
+            "he-IL": "dd/MM/yyyy",
+            "hi-IN": "dd-MM-yyyy",
+            "hr-BA": "d.M.yyyy.",
+            "hr-HR": "d.M.yyyy",
+            "hsb-DE": "d. M. yyyy",
+            "hu-HU": "yyyy. MM. dd.",
+            "hy-AM": "dd.MM.yyyy",
+            "id-ID": "dd/MM/yyyy",
+            "ig-NG": "d/M/yyyy",
+            "ii-CN": "yyyy/M/d",
+            "is-IS": "d.M.yyyy",
+            "it-CH": "dd.MM.yyyy",
+            "it-IT": "dd/MM/yyyy",
+            "iu-Cans-CA": "d/M/yyyy",
+            "iu-Latn-CA": "d/MM/yyyy",
+            "ja-JP": "yyyy/MM/dd",
+            "ka-GE": "dd.MM.yyyy",
+            "kk-KZ": "dd.MM.yyyy",
+            "kl-GL": "dd-MM-yyyy",
+            "km-KH": "yyyy-MM-dd",
+            "kn-IN": "dd-MM-yy",
+            "ko-KR": "yyyy. MM. dd",
+            "kok-IN": "dd-MM-yyyy",
+            "ky-KG": "dd.MM.yy",
+            "lb-LU": "dd/MM/yyyy",
+            "lo-LA": "dd/MM/yyyy",
+            "lt-LT": "yyyy.MM.dd",
+            "lv-LV": "yyyy.MM.dd.",
+            "mi-NZ": "dd/MM/yyyy",
+            "mk-MK": "dd.MM.yyyy",
+            "ml-IN": "dd-MM-yy",
+            "mn-MN": "yy.MM.dd",
+            "mn-Mong-CN": "yyyy/M/d",
+            "moh-CA": "M/d/yyyy",
+            "mr-IN": "dd-MM-yyyy",
+            "ms-BN": "dd/MM/yyyy",
+            "ms-MY": "dd/MM/yyyy",
+            "mt-MT": "dd/MM/yyyy",
+            "nb-NO": "dd.MM.yyyy",
+            "ne-NP": "M/d/yyyy",
+            "nl-BE": "d/MM/yyyy",
+            "nl-NL": "d-M-yyyy",
+            "nn-NO": "dd.MM.yyyy",
+            "nso-ZA": "yyyy/MM/dd",
+            "oc-FR": "dd/MM/yyyy",
+            "or-IN": "dd-MM-yy",
+            "pa-IN": "dd-MM-yy",
+            "pl-PL": "dd.MM.yyyy",
+            "prs-AF": "dd/MM/yy",
+            "ps-AF": "dd/MM/yy",
+            "pt-BR": "d/M/yyyy",
+            "pt-PT": "dd-MM-yyyy",
+            "qut-GT": "dd/MM/yyyy",
+            "quz-BO": "dd/MM/yyyy",
+            "quz-EC": "dd/MM/yyyy",
+            "quz-PE": "dd/MM/yyyy",
+            "rm-CH": "dd/MM/yyyy",
+            "ro-RO": "dd.MM.yyyy",
+            "ru-RU": "dd.MM.yyyy",
+            "rw-RW": "M/d/yyyy",
+            "sa-IN": "dd-MM-yyyy",
+            "sah-RU": "MM.dd.yyyy",
+            "se-FI": "d.M.yyyy",
+            "se-NO": "dd.MM.yyyy",
+            "se-SE": "yyyy-MM-dd",
+            "si-LK": "yyyy-MM-dd",
+            "sk-SK": "d. M. yyyy",
+            "sl-SI": "d.M.yyyy",
+            "sma-NO": "dd.MM.yyyy",
+            "sma-SE": "yyyy-MM-dd",
+            "smj-NO": "dd.MM.yyyy",
+            "smj-SE": "yyyy-MM-dd",
+            "smn-FI": "d.M.yyyy",
+            "sms-FI": "d.M.yyyy",
+            "sq-AL": "yyyy-MM-dd",
+            "sr-Cyrl-BA": "d.M.yyyy",
+            "sr-Cyrl-CS": "d.M.yyyy",
+            "sr-Cyrl-ME": "d.M.yyyy",
+            "sr-Cyrl-RS": "d.M.yyyy",
+            "sr-Latn-BA": "d.M.yyyy",
+            "sr-Latn-CS": "d.M.yyyy",
+            "sr-Latn-ME": "d.M.yyyy",
+            "sr-Latn-RS": "d.M.yyyy",
+            "sv-FI": "d.M.yyyy",
+            "sv-SE": "yyyy-MM-dd",
+            "sw-KE": "M/d/yyyy",
+            "syr-SY": "dd/MM/yyyy",
+            "ta-IN": "dd-MM-yyyy",
+            "te-IN": "dd-MM-yy",
+            "tg-Cyrl-TJ": "dd.MM.yy",
+            "th-TH": "d/M/yyyy",
+            "tk-TM": "dd.MM.yy",
+            "tn-ZA": "yyyy/MM/dd",
+            "tr-TR": "dd.MM.yyyy",
+            "tt-RU": "dd.MM.yyyy",
+            "tzm-Latn-DZ": "dd-MM-yyyy",
+            "ug-CN": "yyyy-M-d",
+            "uk-UA": "dd.MM.yyyy",
+            "ur-PK": "dd/MM/yyyy",
+            "uz-Cyrl-UZ": "dd.MM.yyyy",
+            "uz-Latn-UZ": "dd/MM yyyy",
+            "vi-VN": "dd/MM/yyyy",
+            "wo-SN": "dd/MM/yyyy",
+            "xh-ZA": "yyyy/MM/dd",
+            "yo-NG": "d/M/yyyy",
+            "zh-CN": "yyyy/M/d",
+            "zh-HK": "d/M/yyyy",
+            "zh-MO": "d/M/yyyy",
+            "zh-SG": "d/M/yyyy",
+            "zh-TW": "yyyy/M/d",
+            "zu-ZA": "yyyy/MM/dd",
+        };
+
+        var l = navigator.language;
+        try
+        {
+            l = (new Intl.DateTimeFormat().resolvedOptions()).locale;
+        }
+        catch (e) { }
+        var format = formats[l] || "dd/MM/yyyy";
+        return forPlugin
+            ? format.replace("dd", "d")
+                .replace("MM", "M")
+                .replace("M", "m")
+                .replace("yyyy", "Y")
+            : format.toUpperCase();
+    }
+
+    renderer.getCurrentValue = function()
     {
+        return false == supportsEditing
+            ? propertyValue.Value.DisplayValue
+            : $(".auto-select", $listItem).val() + "";
+
         switch (propertyDef.DataType)
         {
             case MFDatatypeTimestamp:
@@ -292,19 +298,19 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
         if (false == supportsEditing)
             return propertyValue;
 
-        var currentValue = getCurrentValue();
+        var currentValue = renderer.getCurrentValue();
         switch (propertyDef.DataType)
         {
             case MFDatatypeDate:
                 if ((currentValue + "").length > 0)
                 {
-                    currentValue = dayjs(currentValue, getLocaleDateString(false)).utc().format("YYYY-MM-DD")
+                    currentValue = dayjs(currentValue, renderer.getLocaleDateString(false)).utc().format("YYYY-MM-DD")
                 }
                 break;
             case MFDatatypeTimestamp:
                 if ((currentValue + "").length > 0)
                 {
-                    currentValue = dayjs(currentValue, getLocaleDateString(false) + " HH:mm").utc().format("YYYY-MM-DD HH:mm:ss")
+                    currentValue = dayjs(currentValue, renderer.getLocaleDateString(false) + " HH:mm").utc().format("YYYY-MM-DD HH:mm:ss")
                 }
                 break;
         }
@@ -329,7 +335,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
     }
     renderer.hasChanged = function ()
     {
-        var currentValue = getCurrentValue();
+        var currentValue = renderer.getCurrentValue();
         switch (propertyDef.DataType)
         {
             case MFDatatypeTimestamp:
@@ -349,7 +355,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
     }
     renderer.isValidValue = function()
     {
-        var currentValue = getCurrentValue();
+        var currentValue = renderer.getCurrentValue();
 
         switch (propertyDef.DataType)
         {
@@ -387,7 +393,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
         return true;
     }
 
-    function renderLabel($parent)
+    renderer.renderLabel = function($parent)
     {
         // Create the label for the PV.
         var $label = $("<label></label>");
@@ -403,7 +409,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
 
         return $label;
     }
-    function renderReadOnlyValue($parent)
+    renderer.renderReadOnlyValue = function($parent)
     {
 
         // Create the value for the PV.
@@ -442,7 +448,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
         return $value
 
     }
-    function renderEditableValue($parent)
+    renderer.renderEditableValue = function($parent)
     {
 
         // Create the value for the PV.
@@ -470,13 +476,13 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
                 $select.append($emptyOption);
                 $select.append($yesOption);
                 $select.append($noOption);
-                $select.change(function () { renderer.exitEditMode(); });
+                //$select.change(function () { renderer.exitEditMode(); });
                 $value.append($select);
                 break;
             case MFDatatypeMultiLineText:
                 var $textarea = $("<textarea></textarea>").addClass("auto-select");
                 $textarea.val(propertyValue.Value.DisplayValue);
-                $textarea.blur(function () { renderer.exitEditMode(); });
+                //$textarea.blur(function () { renderer.exitEditMode(); });
                 $value.append($textarea);
                 break;
             case MFDatatypeTimestamp:
@@ -508,7 +514,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
                 // If it's a date then set up the picker.
                 if (propertyDef.DataType == MFDatatypeDate)
                 {
-                    var format = getLocaleDateString(true);
+                    var format = renderer.getLocaleDateString(true);
                     $input.datetimepicker
                         (
                             {
@@ -539,7 +545,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
                 // If it's time then set up the picker.
                 if (propertyDef.DataType == MFDatatypeTimestamp)
                 {
-                    var format = getLocaleDateString(true) + " H:i";
+                    var format = renderer.getLocaleDateString(true) + " H:i";
                     $input.datetimepicker
                         (
                             {
@@ -609,7 +615,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
                     $listItem.removeClass("invalid-value")
 
                 // Set the value.
-                var value = getCurrentValue();
+                var value = renderer.getCurrentValue();
 
                 // Format the value.
                 switch (propertyDef.DataType)
@@ -656,10 +662,10 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
         $listItem.data("propertyValue", propertyValue);
 
         // Create the label.
-        renderLabel($listItem);
+        renderer.renderLabel($listItem);
 
         // Create the read-only value.
-        renderReadOnlyValue($listItem);
+        renderer.renderReadOnlyValue($listItem);
 
         // Is editing enabled?
         if (dashboard.CustomData.configuration.EnableEditing)
@@ -670,7 +676,7 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
             {
 
                 // Attempt to create the editable value.
-                var $editableValue = renderEditableValue($listItem);
+                var $editableValue = renderer.renderEditableValue($listItem);
                 if (null != $editableValue)
                 {
                     // Mark it as editable.
@@ -680,14 +686,12 @@ function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired
                     // Add the handler to allow editing.
                     $listItem.click(function (e)
                     {
-                        $(".editing").removeClass("editing");
                         renderer.enterEditMode();
                         e.stopPropagation();
                         return false;
                     });
                     $listItem.focus(function (e)
                     {
-                        $(".editing").removeClass("editing");
                         renderer.enterEditMode();
                         e.stopPropagation();
                         return false;

From a9cb9be8599570774040672be133383cce8911e4 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Mon, 5 Dec 2022 16:48:16 +0000
Subject: [PATCH 18/50] Lookups working.

---
 src/Common/Common.csproj                      |   1 +
 .../images/arrow_drop_down_s1_grey.png        | Bin 0 -> 239 bytes
 .../app/dashboard/dashboard.css               |  77 +++++-
 .../app/scripts/renderers/objectrenderer.js   |  25 +-
 .../renderers/propertyvaluerenderer.js        | 224 +++++++++++++++++-
 5 files changed, 302 insertions(+), 25 deletions(-)
 create mode 100644 src/Common/src/dashboards/images/arrow_drop_down_s1_grey.png

diff --git a/src/Common/Common.csproj b/src/Common/Common.csproj
index e03f33c..796c46d 100644
--- a/src/Common/Common.csproj
+++ b/src/Common/Common.csproj
@@ -40,6 +40,7 @@
     </Content>
     <Content Include="src\dashboards\base-dashboard.css" />
     <Content Include="src\ConfigurationManager.js" />
+    <Content Include="src\dashboards\images\arrow_drop_down_s1_grey.png" />
     <Content Include="src\dashboards\scripts\console-dashboard.js" />
     <Content Include="src\console-shellui.js" />
     <Content Include="src\dashboards\scripts\Dashboard.js" />
diff --git a/src/Common/src/dashboards/images/arrow_drop_down_s1_grey.png b/src/Common/src/dashboards/images/arrow_drop_down_s1_grey.png
new file mode 100644
index 0000000000000000000000000000000000000000..c2491dbd74500647e8e3be86b8bd28b4be59e047
GIT binary patch
literal 239
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBev7AzV@L(#+y1k>4GKJN3xzG37N20VYLe#Q
zjQ(KUrTl_z-2o+*(+68Jt~P%>=Is&vBTiUibxqs!X2WId4L?0Q47t{R_0l_G@mx&j
zZts4rr7o3>&sm<=91!BLd~mzsq_E?&z4^gj(%XC$xiwQQ(i@{DH2=8%aK=V?&7Y##
gZ>R9D{&Sjd`wI0fQx9I92XqgEr>mdKI;Vst01ymQ#Q*>R

literal 0
HcmV?d00001

diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
index 77c63f0..4767ad6 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
@@ -32,7 +32,7 @@ ol.properties {
     column-gap: 10px;
     margin: 10px 0px;
 }
-ol.properties li {
+ol.properties > li {
     position: relative;
     padding-left: 195px;
     break-inside: avoid;
@@ -73,7 +73,7 @@ ol.properties li .read-only-value {
     vertical-align: top;
     display: inline-block;
     white-space: pre-line;
-    margin: 4px;
+    margin: 4px 0px;
 }
 ol.properties li.mfdatatype-13 {
     min-height: 56px;
@@ -113,16 +113,18 @@ ol.properties li.invalid-value .editing-value {
     display: block;
 }
 /* make text, real and integer input boxes full width */
-ol.properties li.mfdatatype-1.editable input,
-ol.properties li.mfdatatype-2.editable input,
-ol.properties li.mfdatatype-3.editable input {
-    display: inline-block;
-    width: 100%;
-    height: 21px;
-    border: 1px solid #767676;
-    position: relative;
-    top: 2px;
-}
+    ol.properties li.mfdatatype-1.editable input,
+    ol.properties li.mfdatatype-2.editable input,
+    ol.properties li.mfdatatype-3.editable input,
+    ol.properties li.mfdatatype-9.editable input,
+    ol.properties li.mfdatatype-10.editable input {
+        display: inline-block;
+        width: 100%;
+        height: 21px;
+        border: 1px solid #767676;
+        position: relative;
+        top: 2px;
+    }
 ol.properties li.mfdatatype-13.editable textarea {
     display: block;
     width: 100%;
@@ -133,8 +135,57 @@ ol.properties li.invalid-value input
     border-color: red !important;
 }
 
-/* more columns on wider screens */
+/* lookups have more UI components */
+    ol.properties li.mfdatatype-9 {
+        padding-right: 4px;
+    }
+    ol.properties li.mfdatatype-9 a.dropdown,
+    ol.properties li.mfdatatype-10 a.dropdown {
+        display: inline-block;
+        position: absolute;
+        right: 1px;
+        top: 3px;
+        cursor: pointer;
+        background-color: #EEE;
+        height: 22px;
+        width: 22px;
+        background-position: center center;
+        background-repeat: no-repeat;
+        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACESURBVHgB7Y/NDYAgDEahEziCo8gGOoIbCAlb8DOKI+gGrsAiBMvBhGjVg/HGS0hb+F4TGKt8hpeDMaYHgPlJiDEKrfVKLsg45xYs3Y2/KqVEeQHnBOd8wBIIOeDbeMkTQea9b1NKG7ZNIQspZThngVqQg/jX4ZixHyn5FWvtlA+r/MsOt6gntJXB1Z4AAAAASUVORK5CYII=");
+    }
+    ol.properties li.mfdatatype-9 div.select,
+    ol.properties li.mfdatatype-10 div.select {
+        position: absolute;
+        top: 26px;
+        left: 195px;
+        right: 0px;
+        border: 1px solid #767676;
+        background-color: #FFF;
+        max-height: 100px;
+        overflow-y: scroll;
+        z-index: 1000;
+        display: none;
+    }
+        ol.properties li.mfdatatype-9.options-expanded div.select,
+        ol.properties li.mfdatatype-10.options-expanded div.select {
+            display: block;
+        }
+    ol.properties li.mfdatatype-9 ol, ol.properties li.mfdatatype-9 ol li,
+    ol.properties li.mfdatatype-10 ol, ol.properties li.mfdatatype-10 ol li {
+        margin: 0px;
+        padding: 0px;
+    }
+        li.caption{
+            background-color: #EEE;
+            font-size: 0.8em;
+        }
+        ol.properties li.mfdatatype-9 ol li,
+        ol.properties li.mfdatatype-10 ol li {
+            padding: 2px 5px;
+            cursor: pointer;
+        }
 
+/* more columns on wider screens */
 @media screen and (min-width: 900px) {
     ol.properties {
         column-count: 2;
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
index ef53ac1..7f4a3f7 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
@@ -1,5 +1,4 @@
-
-function ObjectRenderer(dashboard)
+function ObjectRenderer(dashboard)
 {
     var renderer = this;
     renderer.dashboard = dashboard;
@@ -53,18 +52,29 @@ function ObjectRenderer(dashboard)
         // Return the array of properties to render.
         return properties;
     }
-    var originalObject = null;
+    renderer.getObjectBeingRendered = function () { return renderer.originalObject; }
     renderer.render = function (selectedItem)
     {
-        renderer.originalObject = selectedItem;
 
         // Sanity.
         if (null == selectedItem)
         {
+            renderer.originalObject = null;
             // Close it.
             dashboard.CustomData.tabClosedCallback(false);
             return;
         }
+
+        // Is it the same object?
+        if (renderer.originalObject != null)
+        {
+            // If it's the same object then don't refresh.
+            if (selectedItem.VersionData.ObjVer.ID == renderer.originalObject.VersionData.ObjVer.ID
+                && selectedItem.VersionData.ObjVer.Type == renderer.originalObject.VersionData.ObjVer.Type
+                && selectedItem.VersionData.ObjVer.Version == renderer.originalObject.VersionData.ObjVer.Version)
+                return;
+        }
+
         renderer.originalObject = selectedItem.Clone();
 
         // Are we editing?
@@ -106,6 +116,7 @@ function ObjectRenderer(dashboard)
             var propertyValueRenderer = new PropertyValueRenderer
                 (
                 dashboard,
+                renderer,
                 propertyDef,
                 propertyValue,
                 property.isRequired,
@@ -133,13 +144,12 @@ function ObjectRenderer(dashboard)
     {
         // Stop any editing.
         $(".editing").removeClass("editing");
+        $(".options-expanded").removeClass("options-expanded");
 
         var changedProperties = [];
         var erroredProperties = [];
         for (var i = 0; i < propertyValueRenderers.length; i++)
         {
-            // Attempt to exit edit mode.
-            //renderer.exitEditMode();
 
             // Should we enable buttons and things?
             var renderer = propertyValueRenderers[i];
@@ -147,6 +157,9 @@ function ObjectRenderer(dashboard)
                 changedProperties.push(renderer);
             if (!renderer.isValidValue())
                 erroredProperties.push(renderer);
+
+            // Attempt to exit edit mode.
+            renderer.exitEditMode();
         }
 
         // Update the body with flags.
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index 13c4d6d..2d59904 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -1,9 +1,8 @@
-function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired, $parent)
+function PropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
 {
     var renderer = this;
     var $listItem = null;
     var supportsEditing = false;
-    var originalValue = getCurrentValue();
     renderer.getPropertyDef = function () { return propertyDef; }
 
     renderer.getLocaleDateString = function(forPlugin)
@@ -238,12 +237,26 @@
 
     renderer.getCurrentValue = function()
     {
-        return false == supportsEditing
-            ? propertyValue.Value.DisplayValue
-            : $(".auto-select", $listItem).val() + "";
-
         switch (propertyDef.DataType)
         {
+            case MFDatatypeLookup:
+                if (false == supportsEditing)
+                {
+                    if ((propertyValue.Value.IsNULL() ? "" : propertyValue.Value.GetLookupID()))
+                        return "";
+                    return {
+                        id: propertyValue.Value.GetLookupID(),
+                        displayValue: propertyValue.Value.DisplayValue
+                    };
+                }
+                var v = $(".text-entry", $listItem).data("id");
+                if (isNaN(v) || v == 0)
+                    return "";
+                return {
+                        id: v,
+                        displayValue: $(".text-entry", $listItem).data("displayValue")
+                    };
+                return v;
             case MFDatatypeTimestamp:
             case MFDatatypeDate:
                 return false == supportsEditing
@@ -293,6 +306,7 @@
                 return propertyValue.Value.DisplayValue;
         }
     }
+    var originalValue = renderer.getCurrentValue();
     renderer.getPropertyValue = function ()
     {
         if (false == supportsEditing)
@@ -301,6 +315,12 @@
         var currentValue = renderer.getCurrentValue();
         switch (propertyDef.DataType)
         {
+            case MFDatatypeLookup:
+                if (currentValue != "")
+                {
+                    currentValue = currentValue.id;
+                }
+                break;
             case MFDatatypeDate:
                 if ((currentValue + "").length > 0)
                 {
@@ -338,6 +358,12 @@
         var currentValue = renderer.getCurrentValue();
         switch (propertyDef.DataType)
         {
+            case MFDatatypeLookup:
+                if (typeof currentValue != typeof originalValue)
+                    return true;
+                if (currentValue == "" && originalValue == "")
+                    return true;
+                return (currentValue.id != originalValue.id);
             case MFDatatypeTimestamp:
             case MFDatatypeTime:
             case MFDatatypeDate:
@@ -375,6 +401,10 @@
                 if ((currentValue + "").length == 0 && isRequired)
                     return false;
                 break;
+            case MFDatatypeLookup:
+                if (currentValue == "")
+                    return !isRequired;
+                return currentValue.id > 0;
             case MFDatatypeInteger:
             case MFDatatypeFloating:
                 // If it's empty then just check whether it's required.
@@ -457,6 +487,157 @@
         // Render each data type.
         switch (propertyDef.DataType)
         {
+            case MFDatatypeLookup:
+                var $textInput = $("<input type='text' maxlength='100' />")
+                    .addClass("text-entry");
+                var $select = $("<div></div>").addClass("select")
+                    .append($("<ol></ol>"));
+
+                function sortItems(obj)
+                {
+                    // Convert to a JS array.
+                    var arr = [];
+                    for (var i = 0; i < obj.Count; i++) {
+                        arr.push(obj[i]);
+                    }
+                    arr.sort(function (a, b)
+                    {
+                        return a.Name == b.Name ? 0
+                            : (a.Name < b.Name)
+                                ? propertyDef.SortAscending ? -1 : 1
+                                : propertyDef.SortAscending ? 1 : -1;
+                    });
+                    return arr;
+                }
+
+                function populateLookupOptions()
+                {
+                    // Is this class?
+                    if (propertyDef.ID == 100)
+                    {
+                        // Get the object type
+                        var objectType = objectRenderer.getObjectBeingRendered().VersionData.ObjVer.Type;
+
+                        // Search.
+                        dashboard.Vault.Async.ClassOperations.GetObjectClasses
+                            (
+                                objectType,
+                                function (results)
+                                {
+                                    // Empty the select.
+                                    var $ol = $("ol", $select);
+                                    $ol.empty();
+
+                                    // Add an item for each one.
+                                    var arr = sortItems(results);
+                                    for (var i = 0; i < arr.length; i++)
+                                    {
+                                        var item = arr[i];
+                                        var $li = $("<li></li>")
+                                            .text(item.Name)
+                                            .data("id", item.ID)
+                                            .data("displayValue", item.Name);
+                                        $li.click(function ()
+                                        {
+                                            var $this = $(this);
+                                            var id = $this.data("id");
+                                            var displayValue = $this.data("displayValue");
+                                            $textInput.val(displayValue);
+                                            $textInput.data("displayValue", displayValue);
+                                            $textInput.data("id", id);
+                                            $listItem.removeClass("options-expanded");
+                                        });
+                                        $ol.append($li);
+                                    }
+                                },
+                                function (shorterror, longerror, errorobj)
+                                {
+                                    // Error checking permissions.
+                                    MFiles.ReportException(errorobj);
+                                }
+                            );
+
+                        return;
+                    }
+
+                    // It's another property.
+
+                    // Build up the search conditions.
+                    var searchConditions = new MFiles.SearchConditions();
+
+                    // Search.
+                    dashboard.Vault.Async.ValueListItemOperations.SearchForValueListItemsEx2
+                        (
+                            propertyDef.ValueList,
+                            searchConditions,
+                            false,
+                            MFExternalDBRefreshTypeNone,
+                            true,
+                            propertyDef.ID,
+                            50,
+                            function (results)
+                            {
+                                // Empty the select.
+                                var $ol = $("ol", $select);
+                                $ol.empty();
+
+                                // Are there more?
+                                if (results.MoreResults)
+                                {
+                                    $ol.append("<li class='caption'>First 50 values</li>");
+                                }
+
+                                // Add an item for each one.
+                                var arr = sortItems(results);
+                                for (var i = 0; i < arr.length; i++)
+                                {
+                                    var item = arr[i];
+                                    var $li = $("<li></li>")
+                                        .text(item.Name)
+                                        .data("id", item.ID)
+                                        .data("displayValue", item.Name);
+                                    $li.click(function ()
+                                    {
+                                        var $this = $(this);
+                                        var id = $this.data("id");
+                                        var displayValue = $this.data("displayValue");
+                                        $textInput.val(displayValue);
+                                        $textInput.data("displayValue", displayValue);
+                                        $textInput.data("id", id);
+                                        $listItem.removeClass("options-expanded");
+                                    });
+                                    $ol.append($li);
+                                }
+                            },
+                            function (shorterror, longerror, errorobj)
+                            {
+                                // Error checking permissions.
+                                MFiles.ReportException(errorobj);
+                            }
+                        );
+                }
+                $textInput.change(populateLookupOptions);
+
+                var $dropdown = $("<a />")
+                    .addClass("dropdown")
+                    .click(function ()
+                {
+                    // Toggle options.
+                        $listItem.addClass("options-expanded");
+                        populateLookupOptions();
+                    return false;
+                });
+
+                $value.append($textInput);
+                $value.append($select);
+                $value.append($dropdown);
+                if (!propertyValue.Value.IsNull())
+                {
+                    $textInput.val(propertyValue.Value.DisplayValue);
+                    $textInput.data("id", propertyValue.Value.GetLookupID());
+                    $textInput.data("displayValue", propertyValue.Value.DisplayValue);
+                }
+                break;
             case MFDatatypeBoolean:
                 var $select = $("<select></select>").addClass("auto-select");
                 var $emptyOption = $("<option></option>").val("").text("");
@@ -579,6 +760,10 @@
             return;
         if (null == $listItem)
             return;
+
+        // Hide options.
+        $(".options-expanded").removeClass("options-expanded");
+
         // Already editing?
         if ($listItem.hasClass("editing"))
             return;
@@ -594,6 +779,33 @@
             return;
         switch (propertyDef.DataType)
         {
+            case MFDatatypeLookup:
+                // If it's invalid then mark the list item.
+                if (!renderer.isValidValue())
+                {
+                    if (null != $listItem)
+                        $listItem.addClass("invalid-value")
+                    return false;
+                }
+
+                // We're good.
+                if (null != $listItem)
+                    $listItem.removeClass("invalid-value")
+
+                // Set the value.
+                var value = renderer.getCurrentValue();
+
+                // Update the UI.
+                if (null != $listItem)
+                    $listItem.removeClass("empty");
+                if ((value + "").length == 0)
+                {
+                    if (null != $listItem)
+                        $listItem.addClass("empty");
+                    value = "---";
+                }
+                $(".read-only-value", $listItem).text(value.displayValue);
+                break;
             case MFDatatypeTimestamp:
             case MFDatatypeTime:
             case MFDatatypeDate:

From ae6f1c468e66ac4defdd8abce4b184a5da47b2f1 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Mon, 5 Dec 2022 17:30:50 +0000
Subject: [PATCH 19/50] Some fixes.

---
 .../app/dashboard/dashboard.css               |  5 +-
 .../renderers/propertyvaluerenderer.js        | 69 ++++++++++++++++---
 2 files changed, 61 insertions(+), 13 deletions(-)

diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
index 4767ad6..44380ec 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
@@ -147,8 +147,9 @@ ol.properties li.invalid-value input
         top: 3px;
         cursor: pointer;
         background-color: #EEE;
-        height: 22px;
+        height: 23px;
         width: 22px;
+        border-left: 1px solid #767676;
         background-position: center center;
         background-repeat: no-repeat;
         background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACESURBVHgB7Y/NDYAgDEahEziCo8gGOoIbCAlb8DOKI+gGrsAiBMvBhGjVg/HGS0hb+F4TGKt8hpeDMaYHgPlJiDEKrfVKLsg45xYs3Y2/KqVEeQHnBOd8wBIIOeDbeMkTQea9b1NKG7ZNIQspZThngVqQg/jX4ZixHyn5FWvtlA+r/MsOt6gntJXB1Z4AAAAASUVORK5CYII=");
@@ -162,7 +163,7 @@ ol.properties li.invalid-value input
         border: 1px solid #767676;
         background-color: #FFF;
         max-height: 100px;
-        overflow-y: scroll;
+        overflow-y: auto;
         z-index: 1000;
         display: none;
     }
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index 2d59904..e34e8f3 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -242,23 +242,29 @@
             case MFDatatypeLookup:
                 if (false == supportsEditing)
                 {
-                    if ((propertyValue.Value.IsNULL() ? "" : propertyValue.Value.GetLookupID()))
+                    if (propertyValue.Value.IsNULL())
                         return "";
                     return {
                         id: propertyValue.Value.GetLookupID(),
                         displayValue: propertyValue.Value.DisplayValue
                     };
                 }
-                var v = $(".text-entry", $listItem).data("id");
+                var $textEntry = $(".text-entry", $listItem);
+                if (($textEntry.val() + "").length == 0)
+                {
+                    $textEntry.data("id", "");
+                    $textEntry.data("displayValue", "");
+                    return "";
+                }
+                var v = $textEntry.data("id");
                 if (isNaN(v) || v == 0)
                     return "";
                 return {
                         id: v,
-                        displayValue: $(".text-entry", $listItem).data("displayValue")
+                    displayValue: $textEntry.data("displayValue")
                     };
                 return v;
             case MFDatatypeTimestamp:
-            case MFDatatypeDate:
                 return false == supportsEditing
                     ? propertyValue.Value.DisplayValue
                     : $(".auto-select", $listItem).val();
@@ -269,6 +275,13 @@
                 if (v == "__:__:__") // Happens when tabbing through the time field; just get the mask.
                     v = "";
                 return v;
+            case MFDatatypeDate:
+                var v = false == supportsEditing
+                    ? propertyValue.Value.DisplayValue
+                    : $(".auto-select", $listItem).val();
+                if (v == "__/__/____") // Happens when tabbing through the time field; just get the mask.
+                    v = "";
+                return v;
             case MFDatatypeBoolean:
                 var v = false == supportsEditing
                     ? propertyValue.Value.DisplayValue
@@ -502,16 +515,19 @@
                     }
                     arr.sort(function (a, b)
                     {
-                        return a.Name == b.Name ? 0
-                            : (a.Name < b.Name)
-                                ? propertyDef.SortAscending ? -1 : 1
-                                : propertyDef.SortAscending ? 1 : -1;
+                        var x = a.Name == b.Name ? 0
+                            : a.Name.localeCompare(b.Name);
+                        if (!propertyDef.SortAscending)
+                            x = x * -1;
+                        return x;
                     });
                     return arr;
                 }
 
                 function populateLookupOptions()
                 {
+                    $listItem.addClass("options-expanded");
+
                     // Is this class?
                     if (propertyDef.ID == 100)
                     {
@@ -528,11 +544,20 @@
                                     var $ol = $("ol", $select);
                                     $ol.empty();
 
+                                    // What's typed in?
+                                    var val = ($textInput.val() + "").toLowerCase();
+
                                     // Add an item for each one.
                                     var arr = sortItems(results);
                                     for (var i = 0; i < arr.length; i++)
                                     {
                                         var item = arr[i];
+
+                                        // We can't filter classes by name, so let's filter now.
+                                        if(val.length > 0)
+                                            if (item.Name.toLowerCase().indexOf(val) == -1)
+                                                continue;
+
                                         var $li = $("<li></li>")
                                             .text(item.Name)
                                             .data("id", item.ID)
@@ -565,6 +590,23 @@
                     // Build up the search conditions.
                     var searchConditions = new MFiles.SearchConditions();
 
+                    // Add condition to search by name.
+                    if (($textInput.val() + "").length > 0)
+                    {
+                        var nameCondition = new MFiles.SearchCondition();
+                        nameCondition.Expression.SetValueListItemExpression(2, 0, new MFiles.DataFunctionCall());
+                        nameCondition.ConditionType = MFConditionTypeStartsWith;
+                        nameCondition.TypedValue.SetValue(MFDatatypeText, $textInput.val());
+                        searchConditions.Add(-1, nameCondition);
+                    }
+
+                    // Filter out deleted items.
+                    var deletedItemsCondition = new MFiles.SearchCondition();
+                    deletedItemsCondition.Expression.SetValueListItemExpression(5, 0, new MFiles.DataFunctionCall());
+                    deletedItemsCondition.ConditionType = MFConditionTypeEqual;
+                    deletedItemsCondition.TypedValue.SetValue(MFDatatypeBoolean, false);
+                    searchConditions.Add(-1, deletedItemsCondition);
+
                     // Search.
                     dashboard.Vault.Async.ValueListItemOperations.SearchForValueListItemsEx2
                         (
@@ -616,7 +658,9 @@
                             }
                         );
                 }
-                $textInput.change(populateLookupOptions);
+                $textInput.click(populateLookupOptions);
+                $textInput.keyup(populateLookupOptions);
+                $textInput.focus(populateLookupOptions);
 
                 var $dropdown = $("<a />")
                     .addClass("dropdown")
@@ -802,8 +846,11 @@
                 {
                     if (null != $listItem)
                         $listItem.addClass("empty");
-                    value = "---";
+                    $(".read-only-value", $listItem).text("---");
+                    return;
                 }
+
+                // Set the display value.
                 $(".read-only-value", $listItem).text(value.displayValue);
                 break;
             case MFDatatypeTimestamp:
@@ -856,7 +903,7 @@
                         $listItem.addClass("empty");
                     value = "---";
                 }
-                $(".read-only-value", $listItem).text(value);
+                $(".read-only-value", $listItem).text(value.displayValue);
                 break;
         }
         if (null != $listItem)

From 78d3eefca144ffec754059ba3b42b8493779b073 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Tue, 6 Dec 2022 09:40:23 +0000
Subject: [PATCH 20/50] Started splitting property value rendering logic. Fix
 for lookup "hasChanged" functionality stopping discarding working.

---
 .../ViewAllMetadata.UIX.csproj                |   2 +-
 .../app/dashboard/dashboard.html              |   2 +-
 .../app/scripts/renderers/objectrenderer.js   |   8 +-
 ...erenderer.js => propertyvaluerenderers.js} | 208 +++++++++++++-----
 4 files changed, 161 insertions(+), 59 deletions(-)
 rename src/ViewAllMetadata.UIX/app/scripts/renderers/{propertyvaluerenderer.js => propertyvaluerenderers.js} (83%)

diff --git a/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj b/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
index 44ea2c3..e642600 100644
--- a/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
+++ b/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
@@ -45,7 +45,7 @@
     <Content Include="app\scripts\dayjs\utc.js" />
     <Content Include="app\scripts\jquery.datetimepicker.full.min.js" />
     <Content Include="app\scripts\renderers\objectrenderer.js" />
-    <Content Include="app\scripts\renderers\propertyvaluerenderer.js" />
+    <Content Include="app\scripts\renderers\propertyvaluerenderers.js" />
     <Content Include="app\shellui.js" />
     <Content Include="app\dashboard\dashboard.html" />
     <Content Include="app\dashboard\dashboard.js" />
diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html
index 4d1eb94..5b6d267 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html
@@ -6,7 +6,7 @@
     <title></title>
     <script src="common-dashboard.js"></script>
     <script type="text/javascript" src="../scripts/renderers/objectrenderer.js"></script>
-    <script type="text/javascript" src="../scripts/renderers/propertyvaluerenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/propertyvaluerenderers.js"></script>
     <link rel="stylesheet" href="dashboard.css" type="text/css" />
     <link rel="stylesheet" type="text/css" href="jquery.datetimepicker.min.css" />
     <script src="../scripts/jquery.datetimepicker.full.min.js"></script>
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
index 7f4a3f7..c3eac01 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
@@ -53,7 +53,7 @@
         return properties;
     }
     renderer.getObjectBeingRendered = function () { return renderer.originalObject; }
-    renderer.render = function (selectedItem)
+    renderer.render = function (selectedItem, force)
     {
 
         // Sanity.
@@ -66,7 +66,7 @@
         }
 
         // Is it the same object?
-        if (renderer.originalObject != null)
+        if (renderer.originalObject != null && !force)
         {
             // If it's the same object then don't refresh.
             if (selectedItem.VersionData.ObjVer.ID == renderer.originalObject.VersionData.ObjVer.ID
@@ -113,7 +113,7 @@
             var propertyValue = selectedItem.Properties[propertyIndex - 1];
 
             // Render.
-            var propertyValueRenderer = new PropertyValueRenderer
+            var propertyValueRenderer = PropertyValueRenderer.create
                 (
                 dashboard,
                 renderer,
@@ -241,7 +241,7 @@
 
     renderer.discardChanges = function ()
     {
-        renderer.render(renderer.originalObject);
+        renderer.render(renderer.originalObject, true);
     }
     // Configure the discard button.
     $("#btnDiscard").click(function ()
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderers.js
similarity index 83%
rename from src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
rename to src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderers.js
index e34e8f3..a517b2b 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderers.js
@@ -3,9 +3,10 @@
     var renderer = this;
     var $listItem = null;
     var supportsEditing = false;
-    renderer.getPropertyDef = function () { return propertyDef; }
+    this.getPropertyDef = function () { return propertyDef; }
+    this.getListItem = function () { return $listItem; }
 
-    renderer.getLocaleDateString = function(forPlugin)
+    this.getLocaleDateString = function(forPlugin)
     {
         const formats = {
             "af-ZA": "yyyy/MM/dd",
@@ -235,7 +236,7 @@
             : format.toUpperCase();
     }
 
-    renderer.getCurrentValue = function()
+    this.getCurrentValue = function()
     {
         switch (propertyDef.DataType)
         {
@@ -319,13 +320,13 @@
                 return propertyValue.Value.DisplayValue;
         }
     }
-    var originalValue = renderer.getCurrentValue();
-    renderer.getPropertyValue = function ()
+    var originalValue = this.getCurrentValue();
+    this.getPropertyValue = function ()
     {
         if (false == supportsEditing)
             return propertyValue;
 
-        var currentValue = renderer.getCurrentValue();
+        var currentValue = this.getCurrentValue();
         switch (propertyDef.DataType)
         {
             case MFDatatypeLookup:
@@ -337,13 +338,13 @@
             case MFDatatypeDate:
                 if ((currentValue + "").length > 0)
                 {
-                    currentValue = dayjs(currentValue, renderer.getLocaleDateString(false)).utc().format("YYYY-MM-DD")
+                    currentValue = dayjs(currentValue, this.getLocaleDateString(false)).utc().format("YYYY-MM-DD")
                 }
                 break;
             case MFDatatypeTimestamp:
                 if ((currentValue + "").length > 0)
                 {
-                    currentValue = dayjs(currentValue, renderer.getLocaleDateString(false) + " HH:mm").utc().format("YYYY-MM-DD HH:mm:ss")
+                    currentValue = dayjs(currentValue, this.getLocaleDateString(false) + " HH:mm").utc().format("YYYY-MM-DD HH:mm:ss")
                 }
                 break;
         }
@@ -366,16 +367,16 @@
         }
         return pv;
     }
-    renderer.hasChanged = function ()
+    this.hasChanged = function ()
     {
-        var currentValue = renderer.getCurrentValue();
+        var currentValue = this.getCurrentValue();
         switch (propertyDef.DataType)
         {
             case MFDatatypeLookup:
                 if (typeof currentValue != typeof originalValue)
                     return true;
                 if (currentValue == "" && originalValue == "")
-                    return true;
+                    return false;
                 return (currentValue.id != originalValue.id);
             case MFDatatypeTimestamp:
             case MFDatatypeTime:
@@ -392,9 +393,9 @@
                 return false;
         }
     }
-    renderer.isValidValue = function()
+    this.isValidValue = function()
     {
-        var currentValue = renderer.getCurrentValue();
+        var currentValue = this.getCurrentValue();
 
         switch (propertyDef.DataType)
         {
@@ -436,7 +437,7 @@
         return true;
     }
 
-    renderer.renderLabel = function($parent)
+    this.renderLabel = function($parent)
     {
         // Create the label for the PV.
         var $label = $("<label></label>");
@@ -452,12 +453,12 @@
 
         return $label;
     }
-    renderer.renderReadOnlyValue = function($parent)
+    this.renderReadOnlyValue = function($parent)
     {
 
         // Create the value for the PV.
         var $value = $("<span></span>").addClass("read-only-value");
-        var value = propertyValue.Value.DisplayValue;
+        var value = this.getCurrentValue();
         if ((value + "").length == 0)
         {
             $listItem.addClass("empty");
@@ -465,25 +466,6 @@
         }
         $value.text(value);
 
-        // Do any special processing for different data types.
-        switch (propertyDef.DataType)
-        {
-            case MFDatatypeMultiSelectLookup:
-                // Get the data out the lookups.
-                var lookups = propertyValue.Value.GetValueAsLookups();
-                // Only replace the value if we have something (otherwise leave as "---").
-                if (lookups.Count > 0)
-                {
-                    value = $("<div></div>");
-                    for (var i = 0; i < lookups.Count; i++)
-                    {
-                        value.append($("<div></div>").text(lookups[i].DisplayValue));
-                    }
-                    $value.empty().append(value);
-                }
-                break;
-        }
-
         // Add to a parent if we can.
         if (null != $parent)
             $parent.append($value);
@@ -491,9 +473,8 @@
         return $value
 
     }
-    renderer.renderEditableValue = function($parent)
+    this.renderEditableValue = function($parent)
     {
-
         // Create the value for the PV.
         var $value = $("<span></span>").addClass("editing-value");
 
@@ -701,13 +682,13 @@
                 $select.append($emptyOption);
                 $select.append($yesOption);
                 $select.append($noOption);
-                //$select.change(function () { renderer.exitEditMode(); });
+                //$select.change(function () { this.exitEditMode(); });
                 $value.append($select);
                 break;
             case MFDatatypeMultiLineText:
                 var $textarea = $("<textarea></textarea>").addClass("auto-select");
                 $textarea.val(propertyValue.Value.DisplayValue);
-                //$textarea.blur(function () { renderer.exitEditMode(); });
+                //$textarea.blur(function () { this.exitEditMode(); });
                 $value.append($textarea);
                 break;
             case MFDatatypeTimestamp:
@@ -718,7 +699,7 @@
             case MFDatatypeFloating:
                 var $input = $("<input type='text' maxlength='100' />").addClass("auto-select");
                 $input.val(propertyValue.Value.DisplayValue);
-                //$input.blur(function () { renderer.exitEditMode(); });
+                //$input.blur(function () { this.exitEditMode(); });
                 $value.append($input);
 
                 // If it's a number then set the input mode.
@@ -739,7 +720,7 @@
                 // If it's a date then set up the picker.
                 if (propertyDef.DataType == MFDatatypeDate)
                 {
-                    var format = renderer.getLocaleDateString(true);
+                    var format = this.getLocaleDateString(true);
                     $input.datetimepicker
                         (
                             {
@@ -770,7 +751,7 @@
                 // If it's time then set up the picker.
                 if (propertyDef.DataType == MFDatatypeTimestamp)
                 {
-                    var format = renderer.getLocaleDateString(true) + " H:i";
+                    var format = this.getLocaleDateString(true) + " H:i";
                     $input.datetimepicker
                         (
                             {
@@ -797,7 +778,7 @@
 
     }
 
-    renderer.enterEditMode = function ()
+    this.enterEditMode = function ()
     {
         // No editing?  Die.
         if (!dashboard.CustomData.configuration.EnableEditing)
@@ -816,7 +797,7 @@
         $listItem.addClass("editing");
         $(".auto-select", $listItem).select();
     }
-    renderer.exitEditMode = function ()
+    this.exitEditMode = function ()
     {
         // No editing?  Die.
         if (!dashboard.CustomData.configuration.EnableEditing)
@@ -825,7 +806,7 @@
         {
             case MFDatatypeLookup:
                 // If it's invalid then mark the list item.
-                if (!renderer.isValidValue())
+                if (!this.isValidValue())
                 {
                     if (null != $listItem)
                         $listItem.addClass("invalid-value")
@@ -837,7 +818,7 @@
                     $listItem.removeClass("invalid-value")
 
                 // Set the value.
-                var value = renderer.getCurrentValue();
+                var value = this.getCurrentValue();
 
                 // Update the UI.
                 if (null != $listItem)
@@ -862,7 +843,7 @@
             case MFDatatypeInteger:
             case MFDatatypeFloating:
                 // If it's invalid then mark the list item.
-                if (!renderer.isValidValue())
+                if (!this.isValidValue())
                 {
                     if (null != $listItem)
                         $listItem.addClass("invalid-value")
@@ -874,7 +855,7 @@
                     $listItem.removeClass("invalid-value")
 
                 // Set the value.
-                var value = renderer.getCurrentValue();
+                var value = this.getCurrentValue();
 
                 // Format the value.
                 switch (propertyDef.DataType)
@@ -911,7 +892,7 @@
         return true;
     }
 
-    renderer.render = function ()
+    this.render = function ()
     {
         // Create the (parent) list item.
         $listItem = $("<li></li>");
@@ -921,10 +902,10 @@
         $listItem.data("propertyValue", propertyValue);
 
         // Create the label.
-        renderer.renderLabel($listItem);
+        this.renderLabel($listItem);
 
         // Create the read-only value.
-        renderer.renderReadOnlyValue($listItem);
+        this.renderReadOnlyValue($listItem);
 
         // Is editing enabled?
         if (dashboard.CustomData.configuration.EnableEditing)
@@ -935,7 +916,7 @@
             {
 
                 // Attempt to create the editable value.
-                var $editableValue = renderer.renderEditableValue($listItem);
+                var $editableValue = this.renderEditableValue($listItem);
                 if (null != $editableValue)
                 {
                     // Mark it as editable.
@@ -968,5 +949,126 @@
         return $listItem;
     }
 
-    return renderer;
+    return this;
+}
+function SingleLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+}
+function MultiLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+}
+function BooleanPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+}
+function IntegerPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+}
+function FloatingPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+}
+function DatePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+}
+function TimestampPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+}
+function TimePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+}
+
+function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+    var base =
+    {
+        renderReadOnlyValue: this.renderReadOnlyValue
+    };
+    this.renderReadOnlyValue = function ($parent)
+    {
+        var $listItem = this.getListItem();
+        var $value = base.renderReadOnlyValue.apply(this, [$parent]);
+        var value = this.getCurrentValue();
+        if ((value + "").length == 0)
+        {
+            $listItem.addClass("empty");
+            $value.text("---");
+            return $value;
+        }
+        $value.text(value.displayValue);
+        return $value;
+    }
+}
+
+function MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+    var base =
+    {
+        renderReadOnlyValue: this.renderReadOnlyValue
+    };
+    this.renderReadOnlyValue = function ($parent)
+    {
+        var $listItem = this.getListItem();
+        var $value = base.renderReadOnlyValue.apply(this, [$parent]);
+        var value = this.getCurrentValue();
+
+        // Get the data out the lookups.
+        var lookups = propertyValue.Value.GetValueAsLookups();
+
+        // Only replace the value if we have something (otherwise leave as "---").
+        if (lookups.Count > 0)
+        {
+            value = $("<div></div>");
+            for (var i = 0; i < lookups.Count; i++)
+            {
+                value.append($("<div></div>").text(lookups[i].DisplayValue));
+            }
+            $value.empty().append(value);
+        }
+        else
+        {
+            $listItem.addClass("empty");
+        }
+
+        return $value;
+
+    }
+}
+
+PropertyValueRenderer.create = function (dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    switch (propertyDef.DataType)
+    {
+        case MFDatatypeMultiSelectLookup:
+            return new MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        case MFDatatypeLookup:
+            return new LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        case MFDatatypeTimestamp:
+            return new TimestampPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        case MFDatatypeTime:
+            return new TimePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        case MFDatatypeDate:
+            return new DatePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        case MFDatatypeBoolean:
+            return new BooleanPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        case MFDatatypeInteger:
+            return new IntegerPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        case MFDatatypeFloating:
+            return new FloatingPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        case MFDatatypeMultiLineText:
+            return new MultiLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        case MFDatatypeText:
+            return new SingleLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        default:
+            alert("Property datatype " + propertyDef.DataType + " not handled; rendering may fail.");
+            return new PropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+    }
 }
\ No newline at end of file

From c5edb0828ce6d1e227be81baed3fd12a615e40ec Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Tue, 6 Dec 2022 09:54:31 +0000
Subject: [PATCH 21/50] Split renderers into different files.

---
 .../ViewAllMetadata.UIX.csproj                | 12 ++-
 .../app/dashboard/dashboard.html              | 12 ++-
 .../renderers/BooleanPropertyValueRenderer.js |  5 +
 .../renderers/DatePropertyValueRenderer.js    |  5 +
 .../FloatingPropertyValueRenderer.js          |  5 +
 .../renderers/IntegerPropertyValueRenderer.js |  5 +
 .../renderers/LookupPropertyValueRenderer.js  | 41 ++++++++
 .../MultiLineTextPropertyValueRenderer.js     |  5 +
 .../MultiSelectLookupPropertyValueRenderer.js | 66 +++++++++++++
 .../SingleLineTextPropertyValueRenderer.js    |  5 +
 .../renderers/TimePropertyValueRenderer.js    |  5 +
 .../TimestampPropertyValueRenderer.js         |  5 +
 ...erenderers.js => propertyvaluerenderer.js} | 98 -------------------
 13 files changed, 169 insertions(+), 100 deletions(-)
 create mode 100644 src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
 create mode 100644 src/ViewAllMetadata.UIX/app/scripts/renderers/DatePropertyValueRenderer.js
 create mode 100644 src/ViewAllMetadata.UIX/app/scripts/renderers/FloatingPropertyValueRenderer.js
 create mode 100644 src/ViewAllMetadata.UIX/app/scripts/renderers/IntegerPropertyValueRenderer.js
 create mode 100644 src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
 create mode 100644 src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
 create mode 100644 src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
 create mode 100644 src/ViewAllMetadata.UIX/app/scripts/renderers/SingleLineTextPropertyValueRenderer.js
 create mode 100644 src/ViewAllMetadata.UIX/app/scripts/renderers/TimePropertyValueRenderer.js
 create mode 100644 src/ViewAllMetadata.UIX/app/scripts/renderers/TimestampPropertyValueRenderer.js
 rename src/ViewAllMetadata.UIX/app/scripts/renderers/{propertyvaluerenderers.js => propertyvaluerenderer.js} (91%)

diff --git a/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj b/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
index e642600..0a43fd7 100644
--- a/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
+++ b/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
@@ -45,7 +45,17 @@
     <Content Include="app\scripts\dayjs\utc.js" />
     <Content Include="app\scripts\jquery.datetimepicker.full.min.js" />
     <Content Include="app\scripts\renderers\objectrenderer.js" />
-    <Content Include="app\scripts\renderers\propertyvaluerenderers.js" />
+    <Content Include="app\scripts\renderers\BooleanPropertyValueRenderer.js" />
+    <Content Include="app\scripts\renderers\IntegerPropertyValueRenderer.js" />
+    <Content Include="app\scripts\renderers\FloatingPropertyValueRenderer.js" />
+    <Content Include="app\scripts\renderers\DatePropertyValueRenderer.js" />
+    <Content Include="app\scripts\renderers\TimePropertyValueRenderer.js" />
+    <Content Include="app\scripts\renderers\TimestampPropertyValueRenderer.js" />
+    <Content Include="app\scripts\renderers\LookupPropertyValueRenderer.js" />
+    <Content Include="app\scripts\renderers\MultiSelectLookupPropertyValueRenderer.js" />
+    <Content Include="app\scripts\renderers\MultiLineTextPropertyValueRenderer.js" />
+    <Content Include="app\scripts\renderers\SingleLineTextPropertyValueRenderer.js" />
+    <Content Include="app\scripts\renderers\propertyvaluerenderer.js" />
     <Content Include="app\shellui.js" />
     <Content Include="app\dashboard\dashboard.html" />
     <Content Include="app\dashboard\dashboard.js" />
diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html
index 5b6d267..dfd0bc5 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html
@@ -6,7 +6,17 @@
     <title></title>
     <script src="common-dashboard.js"></script>
     <script type="text/javascript" src="../scripts/renderers/objectrenderer.js"></script>
-    <script type="text/javascript" src="../scripts/renderers/propertyvaluerenderers.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/propertyvaluerenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/BooleanPropertyValueRenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/DatePropertyValueRenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/FloatingPropertyValueRenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/IntegerPropertyValueRenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/LookupPropertyValueRenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/MultiLineTextPropertyValueRenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/MultiSelectLookupPropertyValueRenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/SingleLineTextPropertyValueRenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/TimePropertyValueRenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/TimestampPropertyValueRenderer.js"></script>
     <link rel="stylesheet" href="dashboard.css" type="text/css" />
     <link rel="stylesheet" type="text/css" href="jquery.datetimepicker.min.css" />
     <script src="../scripts/jquery.datetimepicker.full.min.js"></script>
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
new file mode 100644
index 0000000..cb721b4
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
@@ -0,0 +1,5 @@
+
+function BooleanPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+}
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/DatePropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/DatePropertyValueRenderer.js
new file mode 100644
index 0000000..6fe7561
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/DatePropertyValueRenderer.js
@@ -0,0 +1,5 @@
+
+function DatePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+}
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/FloatingPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/FloatingPropertyValueRenderer.js
new file mode 100644
index 0000000..8eb0dde
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/FloatingPropertyValueRenderer.js
@@ -0,0 +1,5 @@
+
+function FloatingPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+}
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/IntegerPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/IntegerPropertyValueRenderer.js
new file mode 100644
index 0000000..1f39d38
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/IntegerPropertyValueRenderer.js
@@ -0,0 +1,5 @@
+
+function IntegerPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+}
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
new file mode 100644
index 0000000..bb16df4
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
@@ -0,0 +1,41 @@
+
+function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+    var base =
+    {
+        renderReadOnlyValue: this.renderReadOnlyValue,
+        getPropertyValue: this.getPropertyValue
+    };
+    this.renderReadOnlyValue = function ($parent)
+    {
+        var $listItem = this.getListItem();
+        var $value = base.renderReadOnlyValue.apply(this, [$parent]);
+        var value = this.getCurrentValue();
+        if ((value + "").length == 0)
+        {
+            $listItem.addClass("empty");
+            $value.text("---");
+            return $value;
+        }
+        $value.text(value.displayValue);
+        return $value;
+    }
+    this.getPropertyValue = function ()
+    {
+        if (false == supportsEditing)
+            return propertyValue;
+
+        var pv = base.getPropertyValue.apply(this, []);
+        var currentValue = this.getCurrentValue();
+
+        if (typeof currentValue != "object")
+        {
+            pv.Value.SetValue(propertyDef.DataType, null);
+        } else
+        {
+            pv.Value.SetValue(propertyDef.DataType, currentValue.id);
+        }
+        return pv;
+    }
+}
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
new file mode 100644
index 0000000..8cca8d9
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
@@ -0,0 +1,5 @@
+
+function MultiLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+}
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
new file mode 100644
index 0000000..1c69b9b
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
@@ -0,0 +1,66 @@
+
+function MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+    var base =
+    {
+        renderReadOnlyValue: this.renderReadOnlyValue
+    };
+    this.renderReadOnlyValue = function ($parent)
+    {
+        var $listItem = this.getListItem();
+        var $value = base.renderReadOnlyValue.apply(this, [$parent]);
+        var value = this.getCurrentValue();
+
+        // Get the data out the lookups.
+        var lookups = propertyValue.Value.GetValueAsLookups();
+
+        // Only replace the value if we have something (otherwise leave as "---").
+        if (lookups.Count > 0)
+        {
+            value = $("<div></div>");
+            for (var i = 0; i < lookups.Count; i++)
+            {
+                value.append($("<div></div>").text(lookups[i].DisplayValue));
+            }
+            $value.empty().append(value);
+        }
+        else
+        {
+            $listItem.addClass("empty");
+        }
+
+        return $value;
+
+    }
+}
+
+PropertyValueRenderer.create = function (dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    switch (propertyDef.DataType)
+    {
+        case MFDatatypeMultiSelectLookup:
+            return new MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        case MFDatatypeLookup:
+            return new LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        case MFDatatypeTimestamp:
+            return new TimestampPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        case MFDatatypeTime:
+            return new TimePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        case MFDatatypeDate:
+            return new DatePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        case MFDatatypeBoolean:
+            return new BooleanPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        case MFDatatypeInteger:
+            return new IntegerPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        case MFDatatypeFloating:
+            return new FloatingPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        case MFDatatypeMultiLineText:
+            return new MultiLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        case MFDatatypeText:
+            return new SingleLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+        default:
+            alert("Property datatype " + propertyDef.DataType + " not handled; rendering may fail.");
+            return new PropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+    }
+}
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/SingleLineTextPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/SingleLineTextPropertyValueRenderer.js
new file mode 100644
index 0000000..881ef9a
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/SingleLineTextPropertyValueRenderer.js
@@ -0,0 +1,5 @@
+
+function SingleLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+}
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/TimePropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimePropertyValueRenderer.js
new file mode 100644
index 0000000..80b0668
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimePropertyValueRenderer.js
@@ -0,0 +1,5 @@
+
+function TimePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+}
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/TimestampPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimestampPropertyValueRenderer.js
new file mode 100644
index 0000000..6b70a2d
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimestampPropertyValueRenderer.js
@@ -0,0 +1,5 @@
+
+function TimestampPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+{
+    PropertyValueRenderer.apply(this, arguments);
+}
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderers.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
similarity index 91%
rename from src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderers.js
rename to src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index a517b2b..b4506e5 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderers.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -329,12 +329,6 @@
         var currentValue = this.getCurrentValue();
         switch (propertyDef.DataType)
         {
-            case MFDatatypeLookup:
-                if (currentValue != "")
-                {
-                    currentValue = currentValue.id;
-                }
-                break;
             case MFDatatypeDate:
                 if ((currentValue + "").length > 0)
                 {
@@ -951,98 +945,6 @@
 
     return this;
 }
-function SingleLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
-{
-    PropertyValueRenderer.apply(this, arguments);
-}
-function MultiLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
-{
-    PropertyValueRenderer.apply(this, arguments);
-}
-function BooleanPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
-{
-    PropertyValueRenderer.apply(this, arguments);
-}
-function IntegerPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
-{
-    PropertyValueRenderer.apply(this, arguments);
-}
-function FloatingPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
-{
-    PropertyValueRenderer.apply(this, arguments);
-}
-function DatePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
-{
-    PropertyValueRenderer.apply(this, arguments);
-}
-function TimestampPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
-{
-    PropertyValueRenderer.apply(this, arguments);
-}
-function TimePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
-{
-    PropertyValueRenderer.apply(this, arguments);
-}
-
-function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
-{
-    PropertyValueRenderer.apply(this, arguments);
-    var base =
-    {
-        renderReadOnlyValue: this.renderReadOnlyValue
-    };
-    this.renderReadOnlyValue = function ($parent)
-    {
-        var $listItem = this.getListItem();
-        var $value = base.renderReadOnlyValue.apply(this, [$parent]);
-        var value = this.getCurrentValue();
-        if ((value + "").length == 0)
-        {
-            $listItem.addClass("empty");
-            $value.text("---");
-            return $value;
-        }
-        $value.text(value.displayValue);
-        return $value;
-    }
-}
-
-function MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
-{
-    PropertyValueRenderer.apply(this, arguments);
-    var base =
-    {
-        renderReadOnlyValue: this.renderReadOnlyValue
-    };
-    this.renderReadOnlyValue = function ($parent)
-    {
-        var $listItem = this.getListItem();
-        var $value = base.renderReadOnlyValue.apply(this, [$parent]);
-        var value = this.getCurrentValue();
-
-        // Get the data out the lookups.
-        var lookups = propertyValue.Value.GetValueAsLookups();
-
-        // Only replace the value if we have something (otherwise leave as "---").
-        if (lookups.Count > 0)
-        {
-            value = $("<div></div>");
-            for (var i = 0; i < lookups.Count; i++)
-            {
-                value.append($("<div></div>").text(lookups[i].DisplayValue));
-            }
-            $value.empty().append(value);
-        }
-        else
-        {
-            $listItem.addClass("empty");
-        }
-
-        return $value;
-
-    }
-}
-
 PropertyValueRenderer.create = function (dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
 {
     switch (propertyDef.DataType)

From f9cc5a3f3459f584487b73cdb43add9f4aa29d1c Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Tue, 6 Dec 2022 13:34:59 +0000
Subject: [PATCH 22/50] Moved methods out from PropertyValueRenderer
 getCurrentValue getPropertyValue Added setOriginalValue and called from
 property value renderers. Added events into renderers and object renderer now
 reacts to those events.

---
 .../renderers/BooleanPropertyValueRenderer.js |  36 ++++
 .../renderers/DatePropertyValueRenderer.js    |  45 +++++
 .../FloatingPropertyValueRenderer.js          |  33 ++++
 .../renderers/IntegerPropertyValueRenderer.js |  16 +-
 .../renderers/LookupPropertyValueRenderer.js  |  61 +++++-
 .../MultiLineTextPropertyValueRenderer.js     |   7 +-
 .../MultiSelectLookupPropertyValueRenderer.js |  31 +--
 .../SingleLineTextPropertyValueRenderer.js    |  24 ++-
 .../renderers/TimePropertyValueRenderer.js    |  14 ++
 .../TimestampPropertyValueRenderer.js         |  43 +++++
 .../app/scripts/renderers/objectrenderer.js   |   5 +
 .../renderers/propertyvaluerenderer.js        | 178 ++++--------------
 12 files changed, 311 insertions(+), 182 deletions(-)

diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
index cb721b4..1657108 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
@@ -2,4 +2,40 @@
 function BooleanPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
 {
     PropertyValueRenderer.apply(this, arguments);
+    var base = this.getBase();
+
+    this.getCurrentValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+        var v = false == supportsEditing
+            ? propertyValue.Value.DisplayValue
+            : $(".auto-select", $listItem).val();
+        switch ((v + "").toLowerCase())
+        {
+            case "true":
+            case "yes":
+                return true;
+            case "false":
+            case "no":
+                return false;
+            default:
+                // No value.
+                return "";
+        }
+    }
+    this.isValidValue = function ()
+    {
+        var currentValue = this.getCurrentValue();
+        switch ((currentValue + "").toLowerCase())
+        {
+            case "true":
+            case "false":
+            case "":
+                return true;
+            default:
+                return !isRequired;
+        }
+    }
+    this.setOriginalValue();
 }
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/DatePropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/DatePropertyValueRenderer.js
index 6fe7561..3a09233 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/DatePropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/DatePropertyValueRenderer.js
@@ -2,4 +2,49 @@
 function DatePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
 {
     PropertyValueRenderer.apply(this, arguments);
+    var base = this.getBase();
+
+    this.getCurrentValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+        var v = false == supportsEditing
+            ? propertyValue.Value.DisplayValue
+            : $(".auto-select", $listItem).val();
+        if (v == "__/__/____") // Happens when tabbing through the field; just get the mask.
+            v = "";
+        return v;
+    }
+    this.getPropertyValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        if (false == supportsEditing)
+            return propertyValue;
+
+        var currentValue = this.getCurrentValue();
+        if ((currentValue + "").length > 0)
+        {
+            currentValue = dayjs(currentValue, this.getLocaleDateString(false)).utc().format("YYYY-MM-DD")
+        }
+
+        var pv = new MFiles.PropertyValue();
+        pv.PropertyDef = propertyDef.ID;
+        if ((currentValue + "").length == 0)
+        {
+            pv.Value.SetValue(propertyDef.DataType, null);
+        }
+        else
+        {
+            try
+            {
+                pv.Value.SetValue(propertyDef.DataType, currentValue);
+            }
+            catch (e)
+            {
+                alert("Could not set value of " + currentValue + " for property " + propertyDef.Name);
+            }
+        }
+        return pv;
+    }
+    this.setOriginalValue();
 }
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/FloatingPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/FloatingPropertyValueRenderer.js
index 8eb0dde..9ac52a6 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/FloatingPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/FloatingPropertyValueRenderer.js
@@ -2,4 +2,37 @@
 function FloatingPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
 {
     PropertyValueRenderer.apply(this, arguments);
+    var base = this.getBase();
+
+    this.getCurrentValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+        var v = false == supportsEditing
+            ? propertyValue.Value.DisplayValue
+            : $(".auto-select", $listItem).val() + "";
+        if ((v + "").length > 0)
+        {
+            var x = parseFloat(v);
+            if (!isNaN(x))
+                v = x;
+        }
+        return v;
+    }
+    this.isValidValue = function ()
+    {
+        var currentValue = this.getCurrentValue();
+
+        // If it's empty then just check whether it's required.
+        if ((currentValue + "").length == 0)
+            return !isRequired;
+
+        // If it's got a value, but not a number, die.
+        currentValue = parseFloat(currentValue);
+        if (isNaN(currentValue))
+            return false;
+
+        return true;
+    }
+    this.setOriginalValue();
 }
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/IntegerPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/IntegerPropertyValueRenderer.js
index 1f39d38..53fac76 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/IntegerPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/IntegerPropertyValueRenderer.js
@@ -1,5 +1,19 @@
 
 function IntegerPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
 {
-    PropertyValueRenderer.apply(this, arguments);
+    FloatingPropertyValueRenderer.apply(this, arguments);
+    var base = this.getBase();
+
+    this.getCurrentValue = function ()
+    {
+        var v = base.getCurrentValue.apply(this, []);
+        if ((v + "").length > 0)
+        {
+            var x = parseInt(v);
+            if (!isNaN(x))
+                v = x;
+        }
+        return v;
+    }
+    this.setOriginalValue();
 }
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
index bb16df4..6207604 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
@@ -1,12 +1,10 @@
 
 function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
 {
+    // Set up the base object.
     PropertyValueRenderer.apply(this, arguments);
-    var base =
-    {
-        renderReadOnlyValue: this.renderReadOnlyValue,
-        getPropertyValue: this.getPropertyValue
-    };
+    var base = this.getBase();
+
     this.renderReadOnlyValue = function ($parent)
     {
         var $listItem = this.getListItem();
@@ -23,10 +21,13 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
     }
     this.getPropertyValue = function ()
     {
+        var supportsEditing = this.getSupportsEditing();
         if (false == supportsEditing)
             return propertyValue;
 
-        var pv = base.getPropertyValue.apply(this, []);
+        var pv = new MFiles.PropertyValue();
+        pv.PropertyDef = propertyDef.ID;
+
         var currentValue = this.getCurrentValue();
 
         if (typeof currentValue != "object")
@@ -34,8 +35,54 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
             pv.Value.SetValue(propertyDef.DataType, null);
         } else
         {
-            pv.Value.SetValue(propertyDef.DataType, currentValue.id);
+            currentValue = currentValue.id;
+
+            try
+            {
+                pv.Value.SetValue(propertyDef.DataType, currentValue);
+            }
+            catch (e)
+            {
+                alert("Could not set value of " + currentValue + " for property " + propertyDef.Name);
+            }
         }
         return pv;
     }
+    this.getCurrentValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+        if (false == supportsEditing)
+        {
+            if (propertyValue.Value.IsNULL())
+                return "";
+            return {
+                id: propertyValue.Value.GetLookupID(),
+                displayValue: propertyValue.Value.DisplayValue
+            };
+        }
+        var $textEntry = $(".text-entry", $listItem);
+        if (($textEntry.val() + "").length == 0)
+        {
+            $textEntry.data("id", "");
+            $textEntry.data("displayValue", "");
+            return "";
+        }
+        var v = $textEntry.data("id");
+        if (isNaN(v) || v == 0)
+            return "";
+        return {
+            id: v,
+            displayValue: $textEntry.data("displayValue")
+        };
+    }
+    this.isValidValue = function ()
+    {
+        var currentValue = this.getCurrentValue();
+
+        if (currentValue == "")
+            return !isRequired;
+        return currentValue.id > 0;
+    }
+    this.setOriginalValue();
 }
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
index 8cca8d9..8a253f9 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
@@ -1,5 +1,6 @@
-
-function MultiLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+function MultiLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
 {
-    PropertyValueRenderer.apply(this, arguments);
+    SingleLineTextPropertyValueRenderer.apply(this, arguments);
+    var base = this.getBase();
+    this.setOriginalValue();
 }
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
index 1c69b9b..f299413 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
@@ -33,34 +33,5 @@ function MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, prope
         return $value;
 
     }
+    this.setOriginalValue();
 }
-
-PropertyValueRenderer.create = function (dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
-{
-    switch (propertyDef.DataType)
-    {
-        case MFDatatypeMultiSelectLookup:
-            return new MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
-        case MFDatatypeLookup:
-            return new LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
-        case MFDatatypeTimestamp:
-            return new TimestampPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
-        case MFDatatypeTime:
-            return new TimePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
-        case MFDatatypeDate:
-            return new DatePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
-        case MFDatatypeBoolean:
-            return new BooleanPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
-        case MFDatatypeInteger:
-            return new IntegerPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
-        case MFDatatypeFloating:
-            return new FloatingPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
-        case MFDatatypeMultiLineText:
-            return new MultiLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
-        case MFDatatypeText:
-            return new SingleLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
-        default:
-            alert("Property datatype " + propertyDef.DataType + " not handled; rendering may fail.");
-            return new PropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
-    }
-}
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/SingleLineTextPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/SingleLineTextPropertyValueRenderer.js
index 881ef9a..4fb1fa4 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/SingleLineTextPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/SingleLineTextPropertyValueRenderer.js
@@ -1,5 +1,25 @@
-
-function SingleLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+function SingleLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
 {
     PropertyValueRenderer.apply(this, arguments);
+    var base = this.getBase();
+
+    this.getCurrentValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+        return false == supportsEditing
+            ? propertyValue.Value.DisplayValue
+            : $(".auto-select", $listItem).val() + "";
+    }
+    this.isValidValue = function ()
+    {
+        var currentValue = this.getCurrentValue();
+
+        // If it does not have a value but is required, die.
+        if ((currentValue + "").length == 0 && isRequired)
+            return false;
+
+        return true;
+    }
+    this.setOriginalValue();
 }
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/TimePropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimePropertyValueRenderer.js
index 80b0668..423f150 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/TimePropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimePropertyValueRenderer.js
@@ -2,4 +2,18 @@
 function TimePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
 {
     PropertyValueRenderer.apply(this, arguments);
+    var base = this.getBase();
+
+    this.getCurrentValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+        var v = false == supportsEditing
+            ? propertyValue.Value.DisplayValue
+            : $(".auto-select", $listItem).val();
+        if (v == "__:__:__") // Happens when tabbing through the field; just get the mask.
+            v = "";
+        return v;
+    }
+    this.setOriginalValue();
 }
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/TimestampPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimestampPropertyValueRenderer.js
index 6b70a2d..4e2f087 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/TimestampPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimestampPropertyValueRenderer.js
@@ -2,4 +2,47 @@
 function TimestampPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
 {
     PropertyValueRenderer.apply(this, arguments);
+
+    var base = this.getBase();
+
+    this.getCurrentValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+        return false == supportsEditing
+            ? propertyValue.Value.DisplayValue
+            : $(".auto-select", $listItem).val();
+    }
+    this.getPropertyValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        if (false == supportsEditing)
+            return propertyValue;
+
+        var currentValue = this.getCurrentValue();
+        if ((currentValue + "").length > 0)
+        {
+            currentValue = dayjs(currentValue, this.getLocaleDateString(false) + " HH:mm").utc().format("YYYY-MM-DD HH:mm:ss")
+        }
+
+        var pv = new MFiles.PropertyValue();
+        pv.PropertyDef = propertyDef.ID;
+        if ((currentValue + "").length == 0)
+        {
+            pv.Value.SetValue(propertyDef.DataType, null);
+        }
+        else
+        {
+            try
+            {
+                pv.Value.SetValue(propertyDef.DataType, currentValue);
+            }
+            catch (e)
+            {
+                alert("Could not set value of " + currentValue + " for property " + propertyDef.Name);
+            }
+        }
+        return pv;
+    }
+    this.setOriginalValue();
 }
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
index c3eac01..19f28e0 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
@@ -122,6 +122,11 @@
                 property.isRequired,
                 $propertiesList
             );
+            propertyValueRenderer.addEventListener
+                (
+                    PropertyValueRenderer.EventTypes.PropertyValueChanged,
+                    updateUI
+                );
             var $listItem = propertyValueRenderer.render();
             if (null != $listItem)
                 $listItem.focus(updateUI);
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index b4506e5..43ff5be 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -3,8 +3,24 @@
     var renderer = this;
     var $listItem = null;
     var supportsEditing = false;
+    this.getSupportsEditing = function () { return supportsEditing; }
+
+    var events = new Events();
+    this.addEventListener = events.addEventListener;
+    this.dispatchEvent = events.dispatchEvent;
+
     this.getPropertyDef = function () { return propertyDef; }
     this.getListItem = function () { return $listItem; }
+    this.getBase = function ()
+    {
+        var base = {}
+        for (var p in this)
+        {
+            if (typeof this[p] == "function")
+                base[p] = this[p];
+        }
+        return base;
+    }
 
     this.getLocaleDateString = function(forPlugin)
     {
@@ -236,112 +252,19 @@
             : format.toUpperCase();
     }
 
-    this.getCurrentValue = function()
+    this.getCurrentValue = function ()
     {
-        switch (propertyDef.DataType)
-        {
-            case MFDatatypeLookup:
-                if (false == supportsEditing)
-                {
-                    if (propertyValue.Value.IsNULL())
-                        return "";
-                    return {
-                        id: propertyValue.Value.GetLookupID(),
-                        displayValue: propertyValue.Value.DisplayValue
-                    };
-                }
-                var $textEntry = $(".text-entry", $listItem);
-                if (($textEntry.val() + "").length == 0)
-                {
-                    $textEntry.data("id", "");
-                    $textEntry.data("displayValue", "");
-                    return "";
-                }
-                var v = $textEntry.data("id");
-                if (isNaN(v) || v == 0)
-                    return "";
-                return {
-                        id: v,
-                    displayValue: $textEntry.data("displayValue")
-                    };
-                return v;
-            case MFDatatypeTimestamp:
-                return false == supportsEditing
-                    ? propertyValue.Value.DisplayValue
-                    : $(".auto-select", $listItem).val();
-            case MFDatatypeTime:
-                var v = false == supportsEditing
-                    ? propertyValue.Value.DisplayValue
-                    : $(".auto-select", $listItem).val();
-                if (v == "__:__:__") // Happens when tabbing through the time field; just get the mask.
-                    v = "";
-                return v;
-            case MFDatatypeDate:
-                var v = false == supportsEditing
-                    ? propertyValue.Value.DisplayValue
-                    : $(".auto-select", $listItem).val();
-                if (v == "__/__/____") // Happens when tabbing through the time field; just get the mask.
-                    v = "";
-                return v;
-            case MFDatatypeBoolean:
-                var v = false == supportsEditing
-                    ? propertyValue.Value.DisplayValue
-                    : $(".auto-select", $listItem).val();
-                switch ((v + "").toLowerCase())
-                {
-                    case "true":
-                    case "yes":
-                        return true;
-                    case "false":
-                    case "no":
-                        return false;
-                    default:
-                        // No value.
-                        return "";
-                }
-            case MFDatatypeText:
-            case MFDatatypeMultiLineText:
-                return false == supportsEditing
-                    ? propertyValue.Value.DisplayValue
-                    : $(".auto-select", $listItem).val() + "";
-            case MFDatatypeInteger:
-            case MFDatatypeFloating:
-                var v = false == supportsEditing
-                    ? propertyValue.Value.DisplayValue
-                    : $(".auto-select", $listItem).val() + "";
-                if ((v + "").length > 0)
-                {
-                    var x = parseFloat(v);
-                    if (!isNaN(x))
-                        v = x;
-                }
-                return v;
-            default:
-                return propertyValue.Value.DisplayValue;
-        }
+        return propertyValue.Value.DisplayValue;
     }
     var originalValue = this.getCurrentValue();
+    this.setOriginalValue = function (v) { originalValue = v || this.getCurrentValue(); }
     this.getPropertyValue = function ()
     {
         if (false == supportsEditing)
             return propertyValue;
 
         var currentValue = this.getCurrentValue();
-        switch (propertyDef.DataType)
-        {
-            case MFDatatypeDate:
-                if ((currentValue + "").length > 0)
-                {
-                    currentValue = dayjs(currentValue, this.getLocaleDateString(false)).utc().format("YYYY-MM-DD")
-                }
-                break;
-            case MFDatatypeTimestamp:
-                if ((currentValue + "").length > 0)
-                {
-                    currentValue = dayjs(currentValue, this.getLocaleDateString(false) + " HH:mm").utc().format("YYYY-MM-DD HH:mm:ss")
-                }
-                break;
-        }
+
         var pv = new MFiles.PropertyValue();
         pv.PropertyDef = propertyDef.ID;
         if ((currentValue + "").length == 0)
@@ -361,6 +284,7 @@
         }
         return pv;
     }
+
     this.hasChanged = function ()
     {
         var currentValue = this.getCurrentValue();
@@ -391,44 +315,7 @@
     {
         var currentValue = this.getCurrentValue();
 
-        switch (propertyDef.DataType)
-        {
-            case MFDatatypeBoolean:
-                switch ((currentValue + "").toLowerCase())
-                {
-                    case "true":
-                    case "false":
-                    case "":
-                        return true;
-                    default:
-                        return !isRequired;
-                }
-            case MFDatatypeText:
-            case MFDatatypeMultiLineText:
-                // If it does not have a value but is required, die.
-                if ((currentValue + "").length == 0 && isRequired)
-                    return false;
-                break;
-            case MFDatatypeLookup:
-                if (currentValue == "")
-                    return !isRequired;
-                return currentValue.id > 0;
-            case MFDatatypeInteger:
-            case MFDatatypeFloating:
-                // If it's empty then just check whether it's required.
-                if ((currentValue + "").length == 0)
-                    return !isRequired;
-
-                // If it's got a value, but not a number, die.
-                currentValue = parseFloat(currentValue);
-                if (isNaN(currentValue))
-                    return false;
-
-                break;
-            default:
-                return (isRequired && (currentValue + "").length > 0) || !isRequired;
-        }
-        return true;
+        return (isRequired && (currentValue + "").length > 0) || !isRequired;
     }
 
     this.renderLabel = function($parent)
@@ -622,6 +509,7 @@
                                         $textInput.data("displayValue", displayValue);
                                         $textInput.data("id", id);
                                         $listItem.removeClass("options-expanded");
+                                        renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged)
                                     });
                                     $ol.append($li);
                                 }
@@ -676,13 +564,19 @@
                 $select.append($emptyOption);
                 $select.append($yesOption);
                 $select.append($noOption);
-                //$select.change(function () { this.exitEditMode(); });
+                $select.change(function ()
+                {
+                    renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
+                });
                 $value.append($select);
                 break;
             case MFDatatypeMultiLineText:
                 var $textarea = $("<textarea></textarea>").addClass("auto-select");
                 $textarea.val(propertyValue.Value.DisplayValue);
-                //$textarea.blur(function () { this.exitEditMode(); });
+                $textarea.blur(function ()
+                {
+                    renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
+                });
                 $value.append($textarea);
                 break;
             case MFDatatypeTimestamp:
@@ -693,7 +587,10 @@
             case MFDatatypeFloating:
                 var $input = $("<input type='text' maxlength='100' />").addClass("auto-select");
                 $input.val(propertyValue.Value.DisplayValue);
-                //$input.blur(function () { this.exitEditMode(); });
+                $input.blur(function ()
+                {
+                    renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
+                });
                 $value.append($input);
 
                 // If it's a number then set the input mode.
@@ -878,7 +775,7 @@
                         $listItem.addClass("empty");
                     value = "---";
                 }
-                $(".read-only-value", $listItem).text(value.displayValue);
+                $(".read-only-value", $listItem).text(value);
                 break;
         }
         if (null != $listItem)
@@ -945,6 +842,9 @@
 
     return this;
 }
+PropertyValueRenderer.EventTypes = {
+    PropertyValueChanged: 1
+};
 PropertyValueRenderer.create = function (dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
 {
     switch (propertyDef.DataType)

From fcf0b662ebcde4f84ccf6caea3390434158dd0a3 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Tue, 6 Dec 2022 15:11:45 +0000
Subject: [PATCH 23/50] PropertyValueRenderer now correctly overridden by the
 specific type implementations.

---
 .../renderers/BooleanPropertyValueRenderer.js |  90 ++++
 .../renderers/DatePropertyValueRenderer.js    |  21 +
 .../FloatingPropertyValueRenderer.js          |  13 +
 .../renderers/IntegerPropertyValueRenderer.js |  13 +
 .../renderers/LookupPropertyValueRenderer.js  | 253 ++++++++++
 .../MultiLineTextPropertyValueRenderer.js     |  31 ++
 .../MultiSelectLookupPropertyValueRenderer.js |   5 +
 .../renderers/TimePropertyValueRenderer.js    |  22 +
 .../TimestampPropertyValueRenderer.js         |  23 +
 .../renderers/propertyvaluerenderer.js        | 435 ++----------------
 10 files changed, 503 insertions(+), 403 deletions(-)

diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
index 1657108..23a0cc0 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
@@ -38,4 +38,94 @@ function BooleanPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pr
         }
     }
     this.setOriginalValue();
+    this.exitEditMode = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+
+        // No editing?  Die.
+        if (!dashboard.CustomData.configuration.EnableEditing || !supportsEditing)
+            return;
+
+        // If it's invalid then mark the list item.
+        if (!this.isValidValue())
+        {
+            if (null != $listItem)
+                $listItem.addClass("invalid-value")
+            return false;
+        }
+
+        // We're good.
+        if (null != $listItem)
+            $listItem.removeClass("invalid-value")
+
+        // Set the value.
+        var value = this.getCurrentValue();
+        switch (value)
+        {
+            case true:
+                value = "Yes";
+                break;
+            case false:
+                value = "No";
+                break;
+            default:
+                value = "";
+        }
+
+        // Update the UI.
+        if (null != $listItem)
+            $listItem.removeClass("empty");
+        if ((value + "").length == 0)
+        {
+            if (null != $listItem)
+                $listItem.addClass("empty");
+            value = "---";
+        }
+        $(".read-only-value", $listItem).text(value);
+
+        if (null != $listItem)
+            $listItem.removeClass("editing");
+        return true;
+    }
+    this.renderEditableValue = function ($parent)
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+
+        // Create the value for the PV.
+        var $value = $("<span></span>").addClass("editing-value");
+
+        var $select = $("<select></select>").addClass("auto-select");
+        var $emptyOption = $("<option></option>").val("").text("");
+        var $yesOption = $("<option></option>").val("Yes").text("Yes");
+        var $noOption = $("<option></option>").val("No").text("No");
+        switch ((propertyValue.Value.DisplayValue + "").toLowerCase())
+        {
+            case "true":
+            case "yes":
+                $yesOption.attr("selected", "selected");
+                break;
+            case "false":
+            case "no":
+                $noOption.attr("selected", "selected");
+                break;
+        }
+        $select.append($emptyOption);
+        $select.append($yesOption);
+        $select.append($noOption);
+        $select.change(function ()
+        {
+            renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
+        });
+        $value.append($select);
+
+        // Add to a parent if we can.
+        if (null != $parent)
+            $parent.append($value);
+
+        return $value
+
+    }
+
 }
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/DatePropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/DatePropertyValueRenderer.js
index 3a09233..0a5eff0 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/DatePropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/DatePropertyValueRenderer.js
@@ -47,4 +47,25 @@ function DatePropertyValueRenderer(dashboard, objectRenderer, propertyDef, prope
         return pv;
     }
     this.setOriginalValue();
+
+    this.renderEditableValue = function ($parent)
+    {
+        var $value = base.renderEditableValue.call(this, $parent);
+        if (null == $value)
+            return $value;
+        var $input = $(".auto-select", $value);
+
+        var format = this.getLocaleDateString(true);
+        $input.datetimepicker
+            (
+                {
+                    timepicker: false,
+                    value: propertyValue.Value.DisplayValue,
+                    format: format,
+                    mask: true
+                }
+            );
+
+        return $value
+    }
 }
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/FloatingPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/FloatingPropertyValueRenderer.js
index 9ac52a6..413c1f1 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/FloatingPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/FloatingPropertyValueRenderer.js
@@ -35,4 +35,17 @@ function FloatingPropertyValueRenderer(dashboard, objectRenderer, propertyDef, p
         return true;
     }
     this.setOriginalValue();
+
+    this.renderEditableValue = function ($parent)
+    {
+        var $value = base.renderEditableValue.call(this, $parent);
+        if (null == $value)
+            return $value;
+        var $input = $(".auto-select", $value);
+
+        $input.attr("inputmode", "numeric");
+        $input.attr("pattern", "[0-9\.\,]*"); // Allow decimal separators too.
+
+        return $value
+    }
 }
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/IntegerPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/IntegerPropertyValueRenderer.js
index 53fac76..8f6dd52 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/IntegerPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/IntegerPropertyValueRenderer.js
@@ -16,4 +16,17 @@ function IntegerPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pr
         return v;
     }
     this.setOriginalValue();
+
+    this.renderEditableValue = function ($parent)
+    {
+        var $value = base.renderEditableValue.call(this, $parent);
+        if (null == $value)
+            return $value;
+        var $input = $(".auto-select", $value);
+
+        // Set the pattern to just allow integers.
+        $input.attr("pattern", "[0-9]*");
+
+        return $value
+    }
 }
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
index 6207604..acf499b 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
@@ -2,6 +2,7 @@
 function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
 {
     // Set up the base object.
+    var renderer = this;
     PropertyValueRenderer.apply(this, arguments);
     var base = this.getBase();
 
@@ -85,4 +86,256 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
         return currentValue.id > 0;
     }
     this.setOriginalValue();
+    this.hasChanged = function ()
+    {
+        var currentValue = this.getCurrentValue();
+        var originalValue = this.getOriginalValue();
+
+        if (typeof currentValue != typeof originalValue)
+            return true;
+        if (currentValue == "" && originalValue == "")
+            return false;
+        return (currentValue.id != originalValue.id);
+    }
+    this.exitEditMode = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+
+        // No editing?  Die.
+        if (!dashboard.CustomData.configuration.EnableEditing || !supportsEditing)
+            return;
+
+        // If it's invalid then mark the list item.
+        if (!this.isValidValue())
+        {
+            if (null != $listItem)
+                $listItem.addClass("invalid-value")
+            return false;
+        }
+
+        // We're good.
+        if (null != $listItem)
+            $listItem.removeClass("invalid-value")
+
+        // Set the value.
+        var value = this.getCurrentValue();
+
+        // Update the UI.
+        if (null != $listItem)
+            $listItem.removeClass("empty");
+        if ((value + "").length == 0)
+        {
+            if (null != $listItem)
+                $listItem.addClass("empty");
+            $(".read-only-value", $listItem).text("---");
+            return;
+        }
+
+        // Set the display value.
+        $(".read-only-value", $listItem).text(value.displayValue);
+
+        if (null != $listItem)
+            $listItem.removeClass("editing");
+        return true;
+    }
+
+    this.renderEditableValue = function ($parent)
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+
+        // Create the value for the PV.
+        var $value = $("<span></span>").addClass("editing-value");
+
+                var $textInput = $("<input type='text' maxlength='100' />")
+                    .addClass("text-entry");
+                var $select = $("<div></div>").addClass("select")
+                    .append($("<ol></ol>"));
+
+                function sortItems(obj)
+                {
+                    // Convert to a JS array.
+                    var arr = [];
+                    for (var i = 0; i < obj.Count; i++)
+                    {
+                        arr.push(obj[i]);
+                    }
+                    arr.sort(function (a, b)
+                    {
+                        var x = a.Name == b.Name ? 0
+                            : a.Name.localeCompare(b.Name);
+                        if (!propertyDef.SortAscending)
+                            x = x * -1;
+                        return x;
+                    });
+                    return arr;
+                }
+
+                function populateLookupOptions()
+                {
+                    $listItem.addClass("options-expanded");
+
+                    // Is this class?
+                    if (propertyDef.ID == 100)
+                    {
+                        // Get the object type
+                        var objectType = objectRenderer.getObjectBeingRendered().VersionData.ObjVer.Type;
+
+                        // Search.
+                        dashboard.Vault.Async.ClassOperations.GetObjectClasses
+                            (
+                                objectType,
+                                function (results)
+                                {
+                                    // Empty the select.
+                                    var $ol = $("ol", $select);
+                                    $ol.empty();
+
+                                    // What's typed in?
+                                    var val = ($textInput.val() + "").toLowerCase();
+
+                                    // Add an item for each one.
+                                    var arr = sortItems(results);
+                                    for (var i = 0; i < arr.length; i++)
+                                    {
+                                        var item = arr[i];
+
+                                        // We can't filter classes by name, so let's filter now.
+                                        if (val.length > 0)
+                                            if (item.Name.toLowerCase().indexOf(val) == -1)
+                                                continue;
+
+                                        var $li = $("<li></li>")
+                                            .text(item.Name)
+                                            .data("id", item.ID)
+                                            .data("displayValue", item.Name);
+                                        $li.click(function ()
+                                        {
+                                            var $this = $(this);
+                                            var id = $this.data("id");
+                                            var displayValue = $this.data("displayValue");
+                                            $textInput.val(displayValue);
+                                            $textInput.data("displayValue", displayValue);
+                                            $textInput.data("id", id);
+                                            $listItem.removeClass("options-expanded");
+                                        });
+                                        $ol.append($li);
+                                    }
+                                },
+                                function (shorterror, longerror, errorobj)
+                                {
+                                    // Error checking permissions.
+                                    MFiles.ReportException(errorobj);
+                                }
+                            );
+
+                        return;
+                    }
+
+                    // It's another property.
+
+                    // Build up the search conditions.
+                    var searchConditions = new MFiles.SearchConditions();
+
+                    // Add condition to search by name.
+                    if (($textInput.val() + "").length > 0)
+                    {
+                        var nameCondition = new MFiles.SearchCondition();
+                        nameCondition.Expression.SetValueListItemExpression(2, 0, new MFiles.DataFunctionCall());
+                        nameCondition.ConditionType = MFConditionTypeStartsWith;
+                        nameCondition.TypedValue.SetValue(MFDatatypeText, $textInput.val());
+                        searchConditions.Add(-1, nameCondition);
+                    }
+
+                    // Filter out deleted items.
+                    var deletedItemsCondition = new MFiles.SearchCondition();
+                    deletedItemsCondition.Expression.SetValueListItemExpression(5, 0, new MFiles.DataFunctionCall());
+                    deletedItemsCondition.ConditionType = MFConditionTypeEqual;
+                    deletedItemsCondition.TypedValue.SetValue(MFDatatypeBoolean, false);
+                    searchConditions.Add(-1, deletedItemsCondition);
+
+                    // Search.
+                    dashboard.Vault.Async.ValueListItemOperations.SearchForValueListItemsEx2
+                        (
+                            propertyDef.ValueList,
+                            searchConditions,
+                            false,
+                            MFExternalDBRefreshTypeNone,
+                            true,
+                            propertyDef.ID,
+                            50,
+                            function (results)
+                            {
+                                // Empty the select.
+                                var $ol = $("ol", $select);
+                                $ol.empty();
+
+                                // Are there more?
+                                if (results.MoreResults)
+                                {
+                                    $ol.append("<li class='caption'>First 50 values</li>");
+                                }
+
+                                // Add an item for each one.
+                                var arr = sortItems(results);
+                                for (var i = 0; i < arr.length; i++)
+                                {
+                                    var item = arr[i];
+                                    var $li = $("<li></li>")
+                                        .text(item.Name)
+                                        .data("id", item.ID)
+                                        .data("displayValue", item.Name);
+                                    $li.click(function ()
+                                    {
+                                        var $this = $(this);
+                                        var id = $this.data("id");
+                                        var displayValue = $this.data("displayValue");
+                                        $textInput.val(displayValue);
+                                        $textInput.data("displayValue", displayValue);
+                                        $textInput.data("id", id);
+                                        $listItem.removeClass("options-expanded");
+                                        renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged)
+                                    });
+                                    $ol.append($li);
+                                }
+                            },
+                            function (shorterror, longerror, errorobj)
+                            {
+                                // Error checking permissions.
+                                MFiles.ReportException(errorobj);
+                            }
+                        );
+                }
+                $textInput.click(populateLookupOptions);
+                $textInput.keyup(populateLookupOptions);
+                $textInput.focus(populateLookupOptions);
+
+                var $dropdown = $("<a />")
+                    .addClass("dropdown")
+                    .click(function ()
+                    {
+                        // Toggle options.
+                        $listItem.addClass("options-expanded");
+                        populateLookupOptions();
+                        return false;
+                    });
+
+                $value.append($textInput);
+                $value.append($select);
+                $value.append($dropdown);
+        if (!propertyValue.Value.IsNull())
+        {
+            $textInput.val(propertyValue.Value.DisplayValue);
+            $textInput.data("id", propertyValue.Value.GetLookupID());
+            $textInput.data("displayValue", propertyValue.Value.DisplayValue);
+        }
+
+        // Add to a parent if we can.
+        if (null != $parent)
+            $parent.append($value);
+
+        return $value
+
+    }
 }
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
index 8a253f9..07760b8 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
@@ -3,4 +3,35 @@
     SingleLineTextPropertyValueRenderer.apply(this, arguments);
     var base = this.getBase();
     this.setOriginalValue();
+    this.hasChanged = function ()
+    {
+        // Line ending fun.
+        return (this.getCurrentValue() + "").replace(/\r\n/g, "\n")
+            !== (this.getOriginalValue() + "").replace(/\r\n/g, "\n");
+    }
+
+    this.renderEditableValue = function ($parent)
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+
+        // Create the value for the PV.
+        var $value = $("<span></span>").addClass("editing-value");
+
+        var $textarea = $("<textarea></textarea>").addClass("auto-select");
+        $textarea.val(propertyValue.Value.DisplayValue);
+        $textarea.blur(function ()
+        {
+            renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
+        });
+        $value.append($textarea);
+
+        // Add to a parent if we can.
+        if (null != $parent)
+            $parent.append($value);
+
+        return $value
+
+    }
+
 }
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
index f299413..b91fdd8 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
@@ -34,4 +34,9 @@ function MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, prope
 
     }
     this.setOriginalValue();
+    this.exitEditMode = function () { };
+    this.getPropertyValue = function ()
+    {
+        return propertyValue;
+    }
 }
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/TimePropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimePropertyValueRenderer.js
index 423f150..0850748 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/TimePropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimePropertyValueRenderer.js
@@ -16,4 +16,26 @@ function TimePropertyValueRenderer(dashboard, objectRenderer, propertyDef, prope
         return v;
     }
     this.setOriginalValue();
+
+    this.renderEditableValue = function ($parent)
+    {
+        var $value = base.renderEditableValue.call(this, $parent);
+        if (null == $value)
+            return $value;
+        var $input = $(".auto-select", $value);
+
+        $input.datetimepicker
+            (
+                {
+                    datepicker: false,
+                    timepicker: true,
+                    value: propertyValue.Value.DisplayValue,
+                    mask: true,
+                    format: 'H:i',
+                    step: 1
+                }
+            );
+
+        return $value
+    }
 }
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/TimestampPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimestampPropertyValueRenderer.js
index 4e2f087..1ecf4eb 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/TimestampPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimestampPropertyValueRenderer.js
@@ -45,4 +45,27 @@ function TimestampPropertyValueRenderer(dashboard, objectRenderer, propertyDef,
         return pv;
     }
     this.setOriginalValue();
+
+    this.renderEditableValue = function ($parent)
+    {
+        var $value = base.renderEditableValue.call(this, $parent);
+        if (null == $value)
+            return $value;
+        var $input = $(".auto-select", $value);
+
+        var format = this.getLocaleDateString(true) + " H:i";
+        $input.datetimepicker
+            (
+                {
+                    datepicker: true,
+                    timepicker: true,
+                    value: propertyValue.Value.DisplayValue,
+                    mask: true,
+                    format: format,
+                    step: 1
+                }
+            );
+
+        return $value
+    }
 }
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index 43ff5be..99f26c0 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -258,6 +258,7 @@
     }
     var originalValue = this.getCurrentValue();
     this.setOriginalValue = function (v) { originalValue = v || this.getCurrentValue(); }
+    this.getOriginalValue = function () { return originalValue; }
     this.getPropertyValue = function ()
     {
         if (false == supportsEditing)
@@ -287,29 +288,7 @@
 
     this.hasChanged = function ()
     {
-        var currentValue = this.getCurrentValue();
-        switch (propertyDef.DataType)
-        {
-            case MFDatatypeLookup:
-                if (typeof currentValue != typeof originalValue)
-                    return true;
-                if (currentValue == "" && originalValue == "")
-                    return false;
-                return (currentValue.id != originalValue.id);
-            case MFDatatypeTimestamp:
-            case MFDatatypeTime:
-            case MFDatatypeDate:
-            case MFDatatypeBoolean:
-            case MFDatatypeText:
-            case MFDatatypeInteger:
-            case MFDatatypeFloating:
-                return currentValue !== originalValue;
-            case MFDatatypeMultiLineText:
-                // Line ending fun.
-                return (currentValue + "").replace(/\r\n/g, "\n") !== (originalValue + "").replace(/\r\n/g, "\n");
-            default:
-                return false;
-        }
+        return this.getCurrentValue() !== originalValue;
     }
     this.isValidValue = function()
     {
@@ -354,312 +333,20 @@
         return $value
 
     }
+
     this.renderEditableValue = function($parent)
     {
         // Create the value for the PV.
         var $value = $("<span></span>").addClass("editing-value");
 
-        // Render each data type.
-        switch (propertyDef.DataType)
+        // Create a standard input.
+        var $input = $("<input type='text' maxlength='100' />").addClass("auto-select");
+        $input.val(propertyValue.Value.DisplayValue);
+        $input.blur(function ()
         {
-            case MFDatatypeLookup:
-                var $textInput = $("<input type='text' maxlength='100' />")
-                    .addClass("text-entry");
-                var $select = $("<div></div>").addClass("select")
-                    .append($("<ol></ol>"));
-
-                function sortItems(obj)
-                {
-                    // Convert to a JS array.
-                    var arr = [];
-                    for (var i = 0; i < obj.Count; i++) {
-                        arr.push(obj[i]);
-                    }
-                    arr.sort(function (a, b)
-                    {
-                        var x = a.Name == b.Name ? 0
-                            : a.Name.localeCompare(b.Name);
-                        if (!propertyDef.SortAscending)
-                            x = x * -1;
-                        return x;
-                    });
-                    return arr;
-                }
-
-                function populateLookupOptions()
-                {
-                    $listItem.addClass("options-expanded");
-
-                    // Is this class?
-                    if (propertyDef.ID == 100)
-                    {
-                        // Get the object type
-                        var objectType = objectRenderer.getObjectBeingRendered().VersionData.ObjVer.Type;
-
-                        // Search.
-                        dashboard.Vault.Async.ClassOperations.GetObjectClasses
-                            (
-                                objectType,
-                                function (results)
-                                {
-                                    // Empty the select.
-                                    var $ol = $("ol", $select);
-                                    $ol.empty();
-
-                                    // What's typed in?
-                                    var val = ($textInput.val() + "").toLowerCase();
-
-                                    // Add an item for each one.
-                                    var arr = sortItems(results);
-                                    for (var i = 0; i < arr.length; i++)
-                                    {
-                                        var item = arr[i];
-
-                                        // We can't filter classes by name, so let's filter now.
-                                        if(val.length > 0)
-                                            if (item.Name.toLowerCase().indexOf(val) == -1)
-                                                continue;
-
-                                        var $li = $("<li></li>")
-                                            .text(item.Name)
-                                            .data("id", item.ID)
-                                            .data("displayValue", item.Name);
-                                        $li.click(function ()
-                                        {
-                                            var $this = $(this);
-                                            var id = $this.data("id");
-                                            var displayValue = $this.data("displayValue");
-                                            $textInput.val(displayValue);
-                                            $textInput.data("displayValue", displayValue);
-                                            $textInput.data("id", id);
-                                            $listItem.removeClass("options-expanded");
-                                        });
-                                        $ol.append($li);
-                                    }
-                                },
-                                function (shorterror, longerror, errorobj)
-                                {
-                                    // Error checking permissions.
-                                    MFiles.ReportException(errorobj);
-                                }
-                            );
-
-                        return;
-                    }
-
-                    // It's another property.
-
-                    // Build up the search conditions.
-                    var searchConditions = new MFiles.SearchConditions();
-
-                    // Add condition to search by name.
-                    if (($textInput.val() + "").length > 0)
-                    {
-                        var nameCondition = new MFiles.SearchCondition();
-                        nameCondition.Expression.SetValueListItemExpression(2, 0, new MFiles.DataFunctionCall());
-                        nameCondition.ConditionType = MFConditionTypeStartsWith;
-                        nameCondition.TypedValue.SetValue(MFDatatypeText, $textInput.val());
-                        searchConditions.Add(-1, nameCondition);
-                    }
-
-                    // Filter out deleted items.
-                    var deletedItemsCondition = new MFiles.SearchCondition();
-                    deletedItemsCondition.Expression.SetValueListItemExpression(5, 0, new MFiles.DataFunctionCall());
-                    deletedItemsCondition.ConditionType = MFConditionTypeEqual;
-                    deletedItemsCondition.TypedValue.SetValue(MFDatatypeBoolean, false);
-                    searchConditions.Add(-1, deletedItemsCondition);
-
-                    // Search.
-                    dashboard.Vault.Async.ValueListItemOperations.SearchForValueListItemsEx2
-                        (
-                            propertyDef.ValueList,
-                            searchConditions,
-                            false,
-                            MFExternalDBRefreshTypeNone,
-                            true,
-                            propertyDef.ID,
-                            50,
-                            function (results)
-                            {
-                                // Empty the select.
-                                var $ol = $("ol", $select);
-                                $ol.empty();
-
-                                // Are there more?
-                                if (results.MoreResults)
-                                {
-                                    $ol.append("<li class='caption'>First 50 values</li>");
-                                }
-
-                                // Add an item for each one.
-                                var arr = sortItems(results);
-                                for (var i = 0; i < arr.length; i++)
-                                {
-                                    var item = arr[i];
-                                    var $li = $("<li></li>")
-                                        .text(item.Name)
-                                        .data("id", item.ID)
-                                        .data("displayValue", item.Name);
-                                    $li.click(function ()
-                                    {
-                                        var $this = $(this);
-                                        var id = $this.data("id");
-                                        var displayValue = $this.data("displayValue");
-                                        $textInput.val(displayValue);
-                                        $textInput.data("displayValue", displayValue);
-                                        $textInput.data("id", id);
-                                        $listItem.removeClass("options-expanded");
-                                        renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged)
-                                    });
-                                    $ol.append($li);
-                                }
-                            },
-                            function (shorterror, longerror, errorobj)
-                            {
-                                // Error checking permissions.
-                                MFiles.ReportException(errorobj);
-                            }
-                        );
-                }
-                $textInput.click(populateLookupOptions);
-                $textInput.keyup(populateLookupOptions);
-                $textInput.focus(populateLookupOptions);
-
-                var $dropdown = $("<a />")
-                    .addClass("dropdown")
-                    .click(function ()
-                {
-                    // Toggle options.
-                        $listItem.addClass("options-expanded");
-                        populateLookupOptions();
-                    return false;
-                });
-
-                $value.append($textInput);
-                $value.append($select);
-                $value.append($dropdown);
-                if (!propertyValue.Value.IsNull())
-                {
-                    $textInput.val(propertyValue.Value.DisplayValue);
-                    $textInput.data("id", propertyValue.Value.GetLookupID());
-                    $textInput.data("displayValue", propertyValue.Value.DisplayValue);
-                }
-                break;
-            case MFDatatypeBoolean:
-                var $select = $("<select></select>").addClass("auto-select");
-                var $emptyOption = $("<option></option>").val("").text("");
-                var $yesOption = $("<option></option>").val("Yes").text("Yes");
-                var $noOption = $("<option></option>").val("No").text("No");
-                switch ((propertyValue.Value.DisplayValue + "").toLowerCase())
-                {
-                    case "true":
-                    case "yes":
-                        $yesOption.attr("selected", "selected");
-                        break;
-                    case "false":
-                    case "no":
-                        $noOption.attr("selected", "selected");
-                        break;
-                }
-                $select.append($emptyOption);
-                $select.append($yesOption);
-                $select.append($noOption);
-                $select.change(function ()
-                {
-                    renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
-                });
-                $value.append($select);
-                break;
-            case MFDatatypeMultiLineText:
-                var $textarea = $("<textarea></textarea>").addClass("auto-select");
-                $textarea.val(propertyValue.Value.DisplayValue);
-                $textarea.blur(function ()
-                {
-                    renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
-                });
-                $value.append($textarea);
-                break;
-            case MFDatatypeTimestamp:
-            case MFDatatypeTime:
-            case MFDatatypeDate:
-            case MFDatatypeText:
-            case MFDatatypeInteger:
-            case MFDatatypeFloating:
-                var $input = $("<input type='text' maxlength='100' />").addClass("auto-select");
-                $input.val(propertyValue.Value.DisplayValue);
-                $input.blur(function ()
-                {
-                    renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
-                });
-                $value.append($input);
-
-                // If it's a number then set the input mode.
-                // Note: this doesn't do anything currently, but maybe in the future...
-                if (propertyDef.DataType == MFDatatypeInteger
-                    || propertyDef.DataType == MFDatatypeFloating)
-                {
-                    $input.val(propertyValue.Value.DisplayValue);
-                    $input.attr("inputmode", "numeric");
-                    var pattern = "[0-9]*"; // Default to allowing just numbers.
-                    if (propertyDef.DataType == MFDatatypeFloating)
-                    {
-                        pattern = "[0-9\.\,]*"; // Allow decimal separators too.
-                    }
-                    $input.attr("pattern", pattern);
-                }
-
-                // If it's a date then set up the picker.
-                if (propertyDef.DataType == MFDatatypeDate)
-                {
-                    var format = this.getLocaleDateString(true);
-                    $input.datetimepicker
-                        (
-                            {
-                                timepicker: false,
-                                value: propertyValue.Value.DisplayValue,
-                                format: format,
-                                mask: true
-                            }
-                        );
-                }
-
-                // If it's time then set up the picker.
-                if (propertyDef.DataType == MFDatatypeTime)
-                {
-                    $input.datetimepicker
-                        (
-                            {
-                                datepicker: false,
-                                timepicker: true,
-                                value: propertyValue.Value.DisplayValue,
-                                mask: true,
-                                format: 'H:i',
-                                step: 1
-                            }
-                        );
-                }
-
-                // If it's time then set up the picker.
-                if (propertyDef.DataType == MFDatatypeTimestamp)
-                {
-                    var format = this.getLocaleDateString(true) + " H:i";
-                    $input.datetimepicker
-                        (
-                            {
-                                datepicker: true,
-                                timepicker: true,
-                                value: propertyValue.Value.DisplayValue,
-                                mask: true,
-                                format: format,
-                                step: 1
-                            }
-                        );
-                }
-
-                break;
-            default:
-                return null;
-        }
+            renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
+        });
+        $value.append($input);
 
         // Add to a parent if we can.
         if (null != $parent)
@@ -693,91 +380,33 @@
         // No editing?  Die.
         if (!dashboard.CustomData.configuration.EnableEditing)
             return;
-        switch (propertyDef.DataType)
-        {
-            case MFDatatypeLookup:
-                // If it's invalid then mark the list item.
-                if (!this.isValidValue())
-                {
-                    if (null != $listItem)
-                        $listItem.addClass("invalid-value")
-                    return false;
-                }
-
-                // We're good.
-                if (null != $listItem)
-                    $listItem.removeClass("invalid-value")
-
-                // Set the value.
-                var value = this.getCurrentValue();
 
-                // Update the UI.
-                if (null != $listItem)
-                    $listItem.removeClass("empty");
-                if ((value + "").length == 0)
-                {
-                    if (null != $listItem)
-                        $listItem.addClass("empty");
-                    $(".read-only-value", $listItem).text("---");
-                    return;
-                }
-
-                // Set the display value.
-                $(".read-only-value", $listItem).text(value.displayValue);
-                break;
-            case MFDatatypeTimestamp:
-            case MFDatatypeTime:
-            case MFDatatypeDate:
-            case MFDatatypeBoolean:
-            case MFDatatypeText:
-            case MFDatatypeMultiLineText:
-            case MFDatatypeInteger:
-            case MFDatatypeFloating:
-                // If it's invalid then mark the list item.
-                if (!this.isValidValue())
-                {
-                    if (null != $listItem)
-                        $listItem.addClass("invalid-value")
-                    return false;
-                }
-
-                // We're good.
-                if (null != $listItem)
-                    $listItem.removeClass("invalid-value")
+        // If it's invalid then mark the list item.
+        if (!this.isValidValue())
+        {
+            if (null != $listItem)
+                $listItem.addClass("invalid-value")
+            return false;
+        }
 
-                // Set the value.
-                var value = this.getCurrentValue();
+        // We're good.
+        if (null != $listItem)
+            $listItem.removeClass("invalid-value")
 
-                // Format the value.
-                switch (propertyDef.DataType)
-                {
-                    case MFDatatypeBoolean:
-                        switch (value)
-                        {
-                            case true:
-                                value = "Yes";
-                                break;
-                            case false:
-                                value = "No";
-                                break;
-                            default:
-                                value = "";
-                        }
-                        break;
-                }
+        // Set the value.
+        var value = this.getCurrentValue();
 
-                // Update the UI.
-                if (null != $listItem)
-                    $listItem.removeClass("empty");
-                if ((value + "").length == 0)
-                {
-                    if (null != $listItem)
-                        $listItem.addClass("empty");
-                    value = "---";
-                }
-                $(".read-only-value", $listItem).text(value);
-                break;
+        // Update the UI.
+        if (null != $listItem)
+            $listItem.removeClass("empty");
+        if ((value + "").length == 0)
+        {
+            if (null != $listItem)
+                $listItem.addClass("empty");
+            value = "---";
         }
+        $(".read-only-value", $listItem).text(value);
+
         if (null != $listItem)
             $listItem.removeClass("editing");
         return true;

From 427754f2a24f7da3fcca8d95f6c0533d5e78435e Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Tue, 6 Dec 2022 15:13:17 +0000
Subject: [PATCH 24/50] Fix for multi-line text editor.

---
 .../app/scripts/renderers/MultiLineTextPropertyValueRenderer.js  | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
index 07760b8..e19104d 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
@@ -1,5 +1,6 @@
 function MultiLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
 {
+    var renderer = this;
     SingleLineTextPropertyValueRenderer.apply(this, arguments);
     var base = this.getBase();
     this.setOriginalValue();

From 5cc27df1cfd3c1af8024bf4126781a8d1158accb Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Tue, 6 Dec 2022 15:28:01 +0000
Subject: [PATCH 25/50] Stopped attempted render of MSLUs. Highlighted selected
 items in lookup dropdowns.

---
 .../app/dashboard/dashboard.css               |  10 +-
 .../renderers/LookupPropertyValueRenderer.js  | 348 +++++++++---------
 .../MultiSelectLookupPropertyValueRenderer.js |   4 +
 .../app/scripts/renderers/objectrenderer.js   |   3 +-
 4 files changed, 197 insertions(+), 168 deletions(-)

diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
index 44380ec..e245562 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
@@ -162,7 +162,7 @@ ol.properties li.invalid-value input
         right: 0px;
         border: 1px solid #767676;
         background-color: #FFF;
-        max-height: 100px;
+        max-height: 300px;
         overflow-y: auto;
         z-index: 1000;
         display: none;
@@ -180,6 +180,14 @@ ol.properties li.invalid-value input
             background-color: #EEE;
             font-size: 0.8em;
         }
+ol.properties li.mfdatatype-9.options-expanded li,
+ol.properties li.mfdatatype-10.options-expanded li {
+    padding: 3px 5px;
+}
+ol.properties li.mfdatatype-9.options-expanded li.current,
+ol.properties li.mfdatatype-10.options-expanded li.current {
+    background-color: #EEE;
+}
         ol.properties li.mfdatatype-9 ol li,
         ol.properties li.mfdatatype-10 ol li {
             padding: 2px 5px;
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
index acf499b..d0a83cb 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
@@ -148,182 +148,198 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
         // Create the value for the PV.
         var $value = $("<span></span>").addClass("editing-value");
 
-                var $textInput = $("<input type='text' maxlength='100' />")
-                    .addClass("text-entry");
-                var $select = $("<div></div>").addClass("select")
-                    .append($("<ol></ol>"));
-
-                function sortItems(obj)
-                {
-                    // Convert to a JS array.
-                    var arr = [];
-                    for (var i = 0; i < obj.Count; i++)
-                    {
-                        arr.push(obj[i]);
-                    }
-                    arr.sort(function (a, b)
-                    {
-                        var x = a.Name == b.Name ? 0
-                            : a.Name.localeCompare(b.Name);
-                        if (!propertyDef.SortAscending)
-                            x = x * -1;
-                        return x;
-                    });
-                    return arr;
-                }
-
-                function populateLookupOptions()
-                {
-                    $listItem.addClass("options-expanded");
-
-                    // Is this class?
-                    if (propertyDef.ID == 100)
-                    {
-                        // Get the object type
-                        var objectType = objectRenderer.getObjectBeingRendered().VersionData.ObjVer.Type;
-
-                        // Search.
-                        dashboard.Vault.Async.ClassOperations.GetObjectClasses
-                            (
-                                objectType,
-                                function (results)
-                                {
-                                    // Empty the select.
-                                    var $ol = $("ol", $select);
-                                    $ol.empty();
-
-                                    // What's typed in?
-                                    var val = ($textInput.val() + "").toLowerCase();
-
-                                    // Add an item for each one.
-                                    var arr = sortItems(results);
-                                    for (var i = 0; i < arr.length; i++)
-                                    {
-                                        var item = arr[i];
-
-                                        // We can't filter classes by name, so let's filter now.
-                                        if (val.length > 0)
-                                            if (item.Name.toLowerCase().indexOf(val) == -1)
-                                                continue;
-
-                                        var $li = $("<li></li>")
-                                            .text(item.Name)
-                                            .data("id", item.ID)
-                                            .data("displayValue", item.Name);
-                                        $li.click(function ()
-                                        {
-                                            var $this = $(this);
-                                            var id = $this.data("id");
-                                            var displayValue = $this.data("displayValue");
-                                            $textInput.val(displayValue);
-                                            $textInput.data("displayValue", displayValue);
-                                            $textInput.data("id", id);
-                                            $listItem.removeClass("options-expanded");
-                                        });
-                                        $ol.append($li);
-                                    }
-                                },
-                                function (shorterror, longerror, errorobj)
-                                {
-                                    // Error checking permissions.
-                                    MFiles.ReportException(errorobj);
-                                }
-                            );
+        var $textInput = $("<input type='text' maxlength='100' />")
+            .addClass("text-entry");
+        var $select = $("<div></div>").addClass("select")
+            .append($("<ol></ol>"));
 
-                        return;
-                    }
+        function sortItems(obj)
+        {
+            // Convert to a JS array.
+            var arr = [];
+            for (var i = 0; i < obj.Count; i++)
+            {
+                arr.push(obj[i]);
+            }
+            arr.sort(function (a, b)
+            {
+                var x = a.Name == b.Name ? 0
+                    : a.Name.localeCompare(b.Name);
+                if (!propertyDef.SortAscending)
+                    x = x * -1;
+                return x;
+            });
+            return arr;
+        }
 
-                    // It's another property.
+        function populateLookupOptions(restrictByEnteredText)
+        {
+            $listItem.addClass("options-expanded");
 
-                    // Build up the search conditions.
-                    var searchConditions = new MFiles.SearchConditions();
+            // Is this class?
+            if (propertyDef.ID == 100)
+            {
+                // Get the object type
+                var objectType = objectRenderer.getObjectBeingRendered().VersionData.ObjVer.Type;
+
+                // Search.
+                dashboard.Vault.Async.ClassOperations.GetObjectClasses
+                    (
+                        objectType,
+                        function (results)
+                        {
+                            // Empty the select.
+                            var $ol = $("ol", $select);
+                            $ol.empty();
+
+                            // What's typed in?
+                            var val = ($textInput.val() + "").toLowerCase();
+
+                            // What's the current value?
+                            var currentValue = renderer.getCurrentValue();
+
+                            // Add an item for each one.
+                            var arr = sortItems(results);
+                            for (var i = 0; i < arr.length; i++)
+                            {
+                                var item = arr[i];
 
-                    // Add condition to search by name.
-                    if (($textInput.val() + "").length > 0)
-                    {
-                        var nameCondition = new MFiles.SearchCondition();
-                        nameCondition.Expression.SetValueListItemExpression(2, 0, new MFiles.DataFunctionCall());
-                        nameCondition.ConditionType = MFConditionTypeStartsWith;
-                        nameCondition.TypedValue.SetValue(MFDatatypeText, $textInput.val());
-                        searchConditions.Add(-1, nameCondition);
-                    }
+                                // We can't filter classes by name, so let's filter now.
+                                if (restrictByEnteredText && val.length > 0)
+                                    if (item.Name.toLowerCase().indexOf(val) == -1)
+                                        continue;
 
-                    // Filter out deleted items.
-                    var deletedItemsCondition = new MFiles.SearchCondition();
-                    deletedItemsCondition.Expression.SetValueListItemExpression(5, 0, new MFiles.DataFunctionCall());
-                    deletedItemsCondition.ConditionType = MFConditionTypeEqual;
-                    deletedItemsCondition.TypedValue.SetValue(MFDatatypeBoolean, false);
-                    searchConditions.Add(-1, deletedItemsCondition);
-
-                    // Search.
-                    dashboard.Vault.Async.ValueListItemOperations.SearchForValueListItemsEx2
-                        (
-                            propertyDef.ValueList,
-                            searchConditions,
-                            false,
-                            MFExternalDBRefreshTypeNone,
-                            true,
-                            propertyDef.ID,
-                            50,
-                            function (results)
-                            {
-                                // Empty the select.
-                                var $ol = $("ol", $select);
-                                $ol.empty();
+                                var $li = $("<li></li>")
+                                    .text(item.Name)
+                                    .data("id", item.ID)
+                                    .data("displayValue", item.Name);
 
-                                // Are there more?
-                                if (results.MoreResults)
-                                {
-                                    $ol.append("<li class='caption'>First 50 values</li>");
-                                }
+                                // Mark the option as selected if it's the current one.
+                                if (typeof currentValue == "object" && currentValue.id == item.ID)
+                                    $li.addClass("current");
 
-                                // Add an item for each one.
-                                var arr = sortItems(results);
-                                for (var i = 0; i < arr.length; i++)
+                                $li.click(function ()
                                 {
-                                    var item = arr[i];
-                                    var $li = $("<li></li>")
-                                        .text(item.Name)
-                                        .data("id", item.ID)
-                                        .data("displayValue", item.Name);
-                                    $li.click(function ()
-                                    {
-                                        var $this = $(this);
-                                        var id = $this.data("id");
-                                        var displayValue = $this.data("displayValue");
-                                        $textInput.val(displayValue);
-                                        $textInput.data("displayValue", displayValue);
-                                        $textInput.data("id", id);
-                                        $listItem.removeClass("options-expanded");
-                                        renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged)
-                                    });
-                                    $ol.append($li);
-                                }
-                            },
-                            function (shorterror, longerror, errorobj)
-                            {
-                                // Error checking permissions.
-                                MFiles.ReportException(errorobj);
+                                    var $this = $(this);
+                                    var id = $this.data("id");
+                                    var displayValue = $this.data("displayValue");
+                                    $textInput.val(displayValue);
+                                    $textInput.data("displayValue", displayValue);
+                                    $textInput.data("id", id);
+                                    $listItem.removeClass("options-expanded");
+                                });
+                                $ol.append($li);
                             }
-                        );
-                }
-                $textInput.click(populateLookupOptions);
-                $textInput.keyup(populateLookupOptions);
-                $textInput.focus(populateLookupOptions);
-
-                var $dropdown = $("<a />")
-                    .addClass("dropdown")
-                    .click(function ()
+                        },
+                        function (shorterror, longerror, errorobj)
+                        {
+                            // Error checking permissions.
+                            MFiles.ReportException(errorobj);
+                        }
+                    );
+
+                return;
+            }
+
+            // It's another property.
+
+            // Build up the search conditions.
+            var searchConditions = new MFiles.SearchConditions();
+
+            // Add condition to search by name.
+            if (restrictByEnteredText && ($textInput.val() + "").length > 0)
+            {
+                var nameCondition = new MFiles.SearchCondition();
+                nameCondition.Expression.SetValueListItemExpression(2, 0, new MFiles.DataFunctionCall());
+                nameCondition.ConditionType = MFConditionTypeStartsWith;
+                nameCondition.TypedValue.SetValue(MFDatatypeText, $textInput.val());
+                searchConditions.Add(-1, nameCondition);
+            }
+
+            // Filter out deleted items.
+            var deletedItemsCondition = new MFiles.SearchCondition();
+            deletedItemsCondition.Expression.SetValueListItemExpression(5, 0, new MFiles.DataFunctionCall());
+            deletedItemsCondition.ConditionType = MFConditionTypeEqual;
+            deletedItemsCondition.TypedValue.SetValue(MFDatatypeBoolean, false);
+            searchConditions.Add(-1, deletedItemsCondition);
+
+            // Search.
+            dashboard.Vault.Async.ValueListItemOperations.SearchForValueListItemsEx2
+                (
+                    propertyDef.ValueList,
+                    searchConditions,
+                    false,
+                    MFExternalDBRefreshTypeNone,
+                    true,
+                    propertyDef.ID,
+                    50,
+                    function (results)
+                    {
+                        // Empty the select.
+                        var $ol = $("ol", $select);
+                        $ol.empty();
+
+                        // Are there more?
+                        if (results.MoreResults)
+                        {
+                            $ol.append("<li class='caption'>First 50 values</li>");
+                        }
+
+                        // What's the current value?
+                        var currentValue = renderer.getCurrentValue();
+
+                        // Add an item for each one.
+                        var arr = sortItems(results);
+                        for (var i = 0; i < arr.length; i++)
+                        {
+                            var item = arr[i];
+                            var $li = $("<li></li>")
+                                .text(item.Name)
+                                .data("id", item.ID)
+                                .data("displayValue", item.Name);
+
+                            // Mark the option as selected if it's the current one.
+                            if (typeof currentValue == "object" && currentValue.id == item.ID)
+                                $li.addClass("current");
+
+                            $li.click(function ()
+                            {
+                                var $this = $(this);
+                                var id = $this.data("id");
+                                var displayValue = $this.data("displayValue");
+                                $textInput.val(displayValue);
+                                $textInput.data("displayValue", displayValue);
+                                $textInput.data("id", id);
+                                $listItem.removeClass("options-expanded");
+                                renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged)
+                            });
+                            $ol.append($li);
+                        }
+                    },
+                    function (shorterror, longerror, errorobj)
                     {
-                        // Toggle options.
-                        $listItem.addClass("options-expanded");
-                        populateLookupOptions();
-                        return false;
-                    });
-
-                $value.append($textInput);
-                $value.append($select);
-                $value.append($dropdown);
+                        // Error checking permissions.
+                        MFiles.ReportException(errorobj);
+                    }
+                );
+        }
+        $textInput.click(function () { populateLookupOptions(true); });
+        $textInput.keyup(function () { populateLookupOptions(true); });
+        $textInput.focus(function () { populateLookupOptions(true); });
+
+        var $dropdown = $("<a />")
+            .addClass("dropdown")
+            .click(function ()
+            {
+                // Toggle options.
+                $listItem.addClass("options-expanded");
+                populateLookupOptions(false);
+                return false;
+            });
+
+        $value.append($textInput);
+        $value.append($select);
+        $value.append($dropdown);
         if (!propertyValue.Value.IsNull())
         {
             $textInput.val(propertyValue.Value.DisplayValue);
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
index b91fdd8..8d5ccbe 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
@@ -39,4 +39,8 @@ function MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, prope
     {
         return propertyValue;
     }
+    this.renderEditableValue = function ($parent)
+    {
+        return null;
+    }
 }
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
index 19f28e0..1caf7ed 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
@@ -183,7 +183,7 @@
 
     // When the body is clicked, exit editing mode.
     var $body = $("body");
-    $body.click(updateUI);
+    //$body.click(updateUI);
 
     // Configure the close button.
     $("#btnClose").click(function ()
@@ -247,6 +247,7 @@
     renderer.discardChanges = function ()
     {
         renderer.render(renderer.originalObject, true);
+        updateUI();
     }
     // Configure the discard button.
     $("#btnDiscard").click(function ()

From f54e81ac2cd305deb39826187a5e49b469d8eba5 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Tue, 6 Dec 2022 17:51:31 +0000
Subject: [PATCH 26/50] MSLU not quite there, but almost.

---
 .../renderers/BooleanPropertyValueRenderer.js |  37 +-
 .../renderers/LookupPropertyValueRenderer.js  | 407 +++++++++---------
 .../MultiSelectLookupPropertyValueRenderer.js | 136 +++++-
 .../renderers/propertyvaluerenderer.js        |  61 ++-
 4 files changed, 364 insertions(+), 277 deletions(-)

diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
index 23a0cc0..cc19638 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
@@ -1,6 +1,7 @@
 
 function BooleanPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
 {
+    var renderer = this;
     PropertyValueRenderer.apply(this, arguments);
     var base = this.getBase();
 
@@ -38,26 +39,10 @@ function BooleanPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pr
         }
     }
     this.setOriginalValue();
-    this.exitEditMode = function ()
+    this.renderReadOnlyValue = function ($parent)
     {
-        var supportsEditing = this.getSupportsEditing();
         var $listItem = this.getListItem();
-
-        // No editing?  Die.
-        if (!dashboard.CustomData.configuration.EnableEditing || !supportsEditing)
-            return;
-
-        // If it's invalid then mark the list item.
-        if (!this.isValidValue())
-        {
-            if (null != $listItem)
-                $listItem.addClass("invalid-value")
-            return false;
-        }
-
-        // We're good.
-        if (null != $listItem)
-            $listItem.removeClass("invalid-value")
+        var $value = base.renderReadOnlyValue.apply(this, [$parent]);
 
         // Set the value.
         var value = this.getCurrentValue();
@@ -73,20 +58,14 @@ function BooleanPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pr
                 value = "";
         }
 
-        // Update the UI.
-        if (null != $listItem)
-            $listItem.removeClass("empty");
         if ((value + "").length == 0)
         {
-            if (null != $listItem)
-                $listItem.addClass("empty");
-            value = "---";
+            $listItem.addClass("empty");
+            $value.text("---");
+            return $value;
         }
-        $(".read-only-value", $listItem).text(value);
-
-        if (null != $listItem)
-            $listItem.removeClass("editing");
-        return true;
+        $value.text(value);
+        return $value;
     }
     this.renderEditableValue = function ($parent)
     {
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
index d0a83cb..1a720a7 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
@@ -55,7 +55,7 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
         var $listItem = this.getListItem();
         if (false == supportsEditing)
         {
-            if (propertyValue.Value.IsNULL())
+            if (propertyValue.Value.IsNULL() || propertyDef.DataType != MFDatatypeLookup)
                 return "";
             return {
                 id: propertyValue.Value.GetLookupID(),
@@ -97,235 +97,192 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
             return false;
         return (currentValue.id != originalValue.id);
     }
-    this.exitEditMode = function ()
-    {
-        var supportsEditing = this.getSupportsEditing();
-        var $listItem = this.getListItem();
 
-        // No editing?  Die.
-        if (!dashboard.CustomData.configuration.EnableEditing || !supportsEditing)
-            return;
-
-        // If it's invalid then mark the list item.
-        if (!this.isValidValue())
+    this.sortItems = function (obj)
+    {
+        // Convert to a JS array.
+        var arr = [];
+        for (var i = 0; i < obj.Count; i++)
         {
-            if (null != $listItem)
-                $listItem.addClass("invalid-value")
-            return false;
+            arr.push(obj[i]);
         }
-
-        // We're good.
-        if (null != $listItem)
-            $listItem.removeClass("invalid-value")
-
-        // Set the value.
-        var value = this.getCurrentValue();
-
-        // Update the UI.
-        if (null != $listItem)
-            $listItem.removeClass("empty");
-        if ((value + "").length == 0)
+        arr.sort(function (a, b)
         {
-            if (null != $listItem)
-                $listItem.addClass("empty");
-            $(".read-only-value", $listItem).text("---");
-            return;
-        }
-
-        // Set the display value.
-        $(".read-only-value", $listItem).text(value.displayValue);
-
-        if (null != $listItem)
-            $listItem.removeClass("editing");
-        return true;
+            var x = a.Name == b.Name ? 0
+                : a.Name.localeCompare(b.Name);
+            if (!propertyDef.SortAscending)
+                x = x * -1;
+            return x;
+        });
+        return arr;
     }
-
-    this.renderEditableValue = function ($parent)
+    this.renderOptions = function ($listItem, $textInput, $select, restrictByEnteredText)
     {
-        var supportsEditing = this.getSupportsEditing();
-        var $listItem = this.getListItem();
-
-        // Create the value for the PV.
-        var $value = $("<span></span>").addClass("editing-value");
-
-        var $textInput = $("<input type='text' maxlength='100' />")
-            .addClass("text-entry");
-        var $select = $("<div></div>").addClass("select")
-            .append($("<ol></ol>"));
+        $listItem.addClass("options-expanded");
 
-        function sortItems(obj)
+        // Is this class?
+        if (propertyDef.ID == 100)
         {
-            // Convert to a JS array.
-            var arr = [];
-            for (var i = 0; i < obj.Count; i++)
-            {
-                arr.push(obj[i]);
-            }
-            arr.sort(function (a, b)
-            {
-                var x = a.Name == b.Name ? 0
-                    : a.Name.localeCompare(b.Name);
-                if (!propertyDef.SortAscending)
-                    x = x * -1;
-                return x;
-            });
-            return arr;
+            // Class is special.
+            renderer.renderClassOptions($listItem, $textInput, $select, restrictByEnteredText);
         }
-
-        function populateLookupOptions(restrictByEnteredText)
+        else
         {
-            $listItem.addClass("options-expanded");
+            renderer.renderLookupOptions($listItem, $textInput, $select, restrictByEnteredText);
+        }
+    }
+    this.renderClassOptions = function ($listItem, $textInput, $select, restrictByEnteredText)
+    {
+        // Get the object type
+        var objectType = objectRenderer.getObjectBeingRendered().VersionData.ObjVer.Type;
+
+        // Search.
+        dashboard.Vault.Async.ClassOperations.GetObjectClasses
+            (
+                objectType,
+                function (results)
+                {
+                    // Empty the select.
+                    var $ol = $("ol", $select);
+                    $ol.empty();
+
+                    // What's typed in?
+                    var val = ($textInput.val() + "").toLowerCase();
+
+                    // What's the current value?
+                    var currentValue = renderer.getCurrentValue();
+
+                    // Add an item for each one.
+                    var arr = renderer.sortItems(results);
+                    for (var i = 0; i < arr.length; i++)
+                    {
+                        var item = arr[i];
 
-            // Is this class?
-            if (propertyDef.ID == 100)
-            {
-                // Get the object type
-                var objectType = objectRenderer.getObjectBeingRendered().VersionData.ObjVer.Type;
-
-                // Search.
-                dashboard.Vault.Async.ClassOperations.GetObjectClasses
-                    (
-                        objectType,
-                        function (results)
-                        {
-                            // Empty the select.
-                            var $ol = $("ol", $select);
-                            $ol.empty();
-
-                            // What's typed in?
-                            var val = ($textInput.val() + "").toLowerCase();
-
-                            // What's the current value?
-                            var currentValue = renderer.getCurrentValue();
-
-                            // Add an item for each one.
-                            var arr = sortItems(results);
-                            for (var i = 0; i < arr.length; i++)
-                            {
-                                var item = arr[i];
-
-                                // We can't filter classes by name, so let's filter now.
-                                if (restrictByEnteredText && val.length > 0)
-                                    if (item.Name.toLowerCase().indexOf(val) == -1)
-                                        continue;
-
-                                var $li = $("<li></li>")
-                                    .text(item.Name)
-                                    .data("id", item.ID)
-                                    .data("displayValue", item.Name);
-
-                                // Mark the option as selected if it's the current one.
-                                if (typeof currentValue == "object" && currentValue.id == item.ID)
-                                    $li.addClass("current");
-
-                                $li.click(function ()
-                                {
-                                    var $this = $(this);
-                                    var id = $this.data("id");
-                                    var displayValue = $this.data("displayValue");
-                                    $textInput.val(displayValue);
-                                    $textInput.data("displayValue", displayValue);
-                                    $textInput.data("id", id);
-                                    $listItem.removeClass("options-expanded");
-                                });
-                                $ol.append($li);
-                            }
-                        },
-                        function (shorterror, longerror, errorobj)
-                        {
-                            // Error checking permissions.
-                            MFiles.ReportException(errorobj);
-                        }
-                    );
+                        // We can't filter classes by name, so let's filter now.
+                        if (restrictByEnteredText && val.length > 0)
+                            if (item.Name.toLowerCase().indexOf(val) == -1)
+                                continue;
 
-                return;
-            }
+                        var $li = $("<li></li>")
+                            .text(item.Name)
+                            .data("id", item.ID)
+                            .data("displayValue", item.Name);
 
-            // It's another property.
+                        // Mark the option as selected if it's the current one.
+                        if (typeof currentValue == "object" && currentValue.id == item.ID)
+                            $li.addClass("current");
 
-            // Build up the search conditions.
-            var searchConditions = new MFiles.SearchConditions();
+                        $li.click(function ()
+                        {
+                            var $this = $(this);
+                            var id = $this.data("id");
+                            var displayValue = $this.data("displayValue");
+                            $textInput.val(displayValue);
+                            $textInput.data("displayValue", displayValue);
+                            $textInput.data("id", id);
+                            $listItem.removeClass("options-expanded");
+                        });
+                        $ol.append($li);
+                    }
+                },
+                function (shorterror, longerror, errorobj)
+                {
+                    // Error checking permissions.
+                    MFiles.ReportException(errorobj);
+                }
+            );
+    }
+    this.renderLookupOptions = function ($listItem, $textInput, $select, restrictByEnteredText)
+    {
+        // Build up the search conditions.
+        var searchConditions = new MFiles.SearchConditions();
 
-            // Add condition to search by name.
-            if (restrictByEnteredText && ($textInput.val() + "").length > 0)
-            {
-                var nameCondition = new MFiles.SearchCondition();
-                nameCondition.Expression.SetValueListItemExpression(2, 0, new MFiles.DataFunctionCall());
-                nameCondition.ConditionType = MFConditionTypeStartsWith;
-                nameCondition.TypedValue.SetValue(MFDatatypeText, $textInput.val());
-                searchConditions.Add(-1, nameCondition);
-            }
+        // Add condition to search by name.
+        if (restrictByEnteredText && ($textInput.val() + "").length > 0)
+        {
+            var nameCondition = new MFiles.SearchCondition();
+            nameCondition.Expression.SetValueListItemExpression(2, 0, new MFiles.DataFunctionCall());
+            nameCondition.ConditionType = MFConditionTypeStartsWith;
+            nameCondition.TypedValue.SetValue(MFDatatypeText, $textInput.val());
+            searchConditions.Add(-1, nameCondition);
+        }
 
-            // Filter out deleted items.
-            var deletedItemsCondition = new MFiles.SearchCondition();
-            deletedItemsCondition.Expression.SetValueListItemExpression(5, 0, new MFiles.DataFunctionCall());
-            deletedItemsCondition.ConditionType = MFConditionTypeEqual;
-            deletedItemsCondition.TypedValue.SetValue(MFDatatypeBoolean, false);
-            searchConditions.Add(-1, deletedItemsCondition);
-
-            // Search.
-            dashboard.Vault.Async.ValueListItemOperations.SearchForValueListItemsEx2
-                (
-                    propertyDef.ValueList,
-                    searchConditions,
-                    false,
-                    MFExternalDBRefreshTypeNone,
-                    true,
-                    propertyDef.ID,
-                    50,
-                    function (results)
+        // Filter out deleted items.
+        var deletedItemsCondition = new MFiles.SearchCondition();
+        deletedItemsCondition.Expression.SetValueListItemExpression(5, 0, new MFiles.DataFunctionCall());
+        deletedItemsCondition.ConditionType = MFConditionTypeEqual;
+        deletedItemsCondition.TypedValue.SetValue(MFDatatypeBoolean, false);
+        searchConditions.Add(-1, deletedItemsCondition);
+
+        // Search.
+        dashboard.Vault.Async.ValueListItemOperations.SearchForValueListItemsEx2
+            (
+                propertyDef.ValueList,
+                searchConditions,
+                false,
+                MFExternalDBRefreshTypeNone,
+                true,
+                propertyDef.ID,
+                50,
+                function (results)
+                {
+                    // Empty the select.
+                    var $ol = $("ol", $select);
+                    $ol.empty();
+
+                    // Are there more?
+                    if (results.MoreResults)
                     {
-                        // Empty the select.
-                        var $ol = $("ol", $select);
-                        $ol.empty();
+                        $ol.append("<li class='caption'>First 50 values</li>");
+                    }
 
-                        // Are there more?
-                        if (results.MoreResults)
-                        {
-                            $ol.append("<li class='caption'>First 50 values</li>");
-                        }
+                    // What's the current value?
+                    var currentValue = renderer.getCurrentValue();
+
+                    // Add an item for each one.
+                    var arr = renderer.sortItems(results);
+                    for (var i = 0; i < arr.length; i++)
+                    {
+                        var item = arr[i];
+                        var $li = $("<li></li>")
+                            .text(item.Name)
+                            .data("id", item.ID)
+                            .data("displayValue", item.Name);
 
-                        // What's the current value?
-                        var currentValue = renderer.getCurrentValue();
+                        // Mark the option as selected if it's the current one.
+                        if (typeof currentValue == "object" && currentValue.id == item.ID)
+                            $li.addClass("current");
 
-                        // Add an item for each one.
-                        var arr = sortItems(results);
-                        for (var i = 0; i < arr.length; i++)
+                        $li.click(function ()
                         {
-                            var item = arr[i];
-                            var $li = $("<li></li>")
-                                .text(item.Name)
-                                .data("id", item.ID)
-                                .data("displayValue", item.Name);
-
-                            // Mark the option as selected if it's the current one.
-                            if (typeof currentValue == "object" && currentValue.id == item.ID)
-                                $li.addClass("current");
-
-                            $li.click(function ()
-                            {
-                                var $this = $(this);
-                                var id = $this.data("id");
-                                var displayValue = $this.data("displayValue");
-                                $textInput.val(displayValue);
-                                $textInput.data("displayValue", displayValue);
-                                $textInput.data("id", id);
-                                $listItem.removeClass("options-expanded");
-                                renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged)
-                            });
-                            $ol.append($li);
-                        }
-                    },
-                    function (shorterror, longerror, errorobj)
-                    {
-                        // Error checking permissions.
-                        MFiles.ReportException(errorobj);
+                            var $this = $(this);
+                            var id = $this.data("id");
+                            var displayValue = $this.data("displayValue");
+                            $textInput.val(displayValue);
+                            $textInput.data("displayValue", displayValue);
+                            $textInput.data("id", id);
+                            $listItem.removeClass("options-expanded");
+                            renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged)
+                        });
+                        $ol.append($li);
                     }
-                );
-        }
-        $textInput.click(function () { populateLookupOptions(true); });
-        $textInput.keyup(function () { populateLookupOptions(true); });
-        $textInput.focus(function () { populateLookupOptions(true); });
+                },
+                function (shorterror, longerror, errorobj)
+                {
+                    // Error checking permissions.
+                    MFiles.ReportException(errorobj);
+                }
+            );
+    }
+    this.renderSingleLookupOption = function ($listItem, $value, selectedItemId, selectedItemDisplayValue)
+    {
+        var $textInput = $("<input type='text' maxlength='100' />")
+            .addClass("text-entry");
+        var $select = $("<div></div>").addClass("select")
+            .append($("<ol></ol>"));
+        $textInput.click(function () { renderer.renderOptions($listItem, $textInput, $select, true); });
+        $textInput.keyup(function () { renderer.renderOptions($listItem, $textInput, $select, true); });
+        $textInput.focus(function () { renderer.renderOptions($listItem, $textInput, $select, true); });
 
         var $dropdown = $("<a />")
             .addClass("dropdown")
@@ -333,18 +290,18 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
             {
                 // Toggle options.
                 $listItem.addClass("options-expanded");
-                populateLookupOptions(false);
+                renderer.renderOptions($listItem, $textInput, $select, false);
                 return false;
             });
 
         $value.append($textInput);
         $value.append($select);
         $value.append($dropdown);
-        if (!propertyValue.Value.IsNull())
+        if (selectedItemId != null)
         {
-            $textInput.val(propertyValue.Value.DisplayValue);
-            $textInput.data("id", propertyValue.Value.GetLookupID());
-            $textInput.data("displayValue", propertyValue.Value.DisplayValue);
+            $textInput.val(selectedItemDisplayValue);
+            $textInput.data("id", selectedItemId);
+            $textInput.data("displayValue", selectedItemDisplayValue);
         }
 
         // Add to a parent if we can.
@@ -352,6 +309,30 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
             $parent.append($value);
 
         return $value
+    }
+
+    this.renderEditableValue = function ($parent)
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+
+        // Create the value for the PV.
+        var $value = $("<span></span>").addClass("editing-value");
+
+        // Render the single item.
+        renderer.renderSingleLookupOption
+            (
+                $listItem,
+                $value,
+                !propertyValue.Value.IsNull() ? propertyValue.Value.GetLookupID() : null,
+                !propertyValue.Value.IsNull() ? propertyValue.Value.DisplayValue : null
+            );
+
+        // Add to a parent if we can.
+        if (null != $parent)
+            $parent.append($value);
+
+        return $value
 
     }
 }
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
index 8d5ccbe..92c780d 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
@@ -1,7 +1,8 @@
 
 function MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
 {
-    PropertyValueRenderer.apply(this, arguments);
+    var renderer = this;
+    LookupPropertyValueRenderer.apply(this, arguments);
     var base =
     {
         renderReadOnlyValue: this.renderReadOnlyValue
@@ -34,13 +35,140 @@ function MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, prope
 
     }
     this.setOriginalValue();
-    this.exitEditMode = function () { };
+    this.getCurrentValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+        var arr = [];
+        if (false == supportsEditing)
+        {
+            if (propertyValue.Value.IsNULL())
+                return "";
+            var lookups = propertyValue.Value.GetValueAsLookups();
+            for (var i = 0; i < lookups.Count; i++) {
+                arr.push({
+                    id: lookups[i].Item,
+                    displayValue: lookups[i].DisplayValue || "(hidden)"
+                })
+            }
+            return arr;
+        }
+
+        // Get data from values.
+        var $textEntries = $(".text-entry", $listItem);
+        for (var i = 0; i < $textEntries.length; i++)
+        {
+            var $textEntry = $($textEntries.get(i));
+            if (($textEntry.val() + "").length == 0)
+            {
+                $textEntry.data("id", "");
+                $textEntry.data("displayValue", "");
+                continue;
+            }
+            var v = $textEntry.data("id");
+            if (isNaN(v) || v == 0)
+                continue;
+            arr.push( {
+                id: v,
+                displayValue: $textEntry.data("displayValue")
+            });
+        }
+        return arr;
+    }
+    this.setOriginalValue();
+    this.hasChanged = function ()
+    {
+        var currentValue = this.getCurrentValue();
+        var originalValue = this.getOriginalValue();
+
+        // TODO: Check arrays.
+        return true;
+    }
+    this.isValidValue = function ()
+    {
+        // If we have a value, awesome.
+        var currentValue = this.getCurrentValue();
+        if (currentValue.length > 0)
+            return true;
+
+        // Otherwise check isRequired.
+        return !isRequired;
+    }
     this.getPropertyValue = function ()
     {
-        return propertyValue;
+        var supportsEditing = this.getSupportsEditing();
+        if (false == supportsEditing)
+            return propertyValue;
+
+        var pv = new MFiles.PropertyValue();
+        pv.PropertyDef = propertyDef.ID;
+
+        var currentValue = this.getCurrentValue();
+
+        if (currentValue.length == 0)
+        {
+            pv.Value.SetValue(propertyDef.DataType, null);
+        }
+        else
+        {
+            var lookups = new MFiles.Lookups();
+            for (var i = 0; i < currentValue.length; i++)
+            {
+                var lookup = new MFiles.Lookup();
+                lookup.Item = currentValue[i].id;
+                lookups.Add(-1, lookup);
+            }
+
+            try
+            {
+                pv.Value.SetValueToMultiSelectLookup(lookups);
+            }
+            catch (e)
+            {
+                alert("Could not set value of " + lookups + " for property " + propertyDef.Name);
+            }
+        }
+        return pv;
     }
+
     this.renderEditableValue = function ($parent)
     {
-        return null;
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+
+        // Create the value for the PV.
+        var $value = $("<span></span>").addClass("editing-value");
+
+        // Render existing items.
+        var currentValue = this.getCurrentValue();
+        if (currentValue.length > 0)
+        {
+            for (var i = 0; i < currentValue.length; i++)
+            {
+                renderer.renderSingleLookupOption
+                    (
+                        $listItem,
+                        $value,
+                        currentValue[i].id,
+                        currentValue[i].displayValue
+                    );
+            }
+        }
+
+        // Render "add new" item.
+        renderer.renderSingleLookupOption
+            (
+                $listItem,
+                $value,
+                null,
+                null
+            );
+
+        // Add to a parent if we can.
+        if (null != $parent)
+            $parent.append($value);
+
+        return $value
+
     }
 }
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index 99f26c0..6f64b86 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -315,10 +315,31 @@
     }
     this.renderReadOnlyValue = function($parent)
     {
+        if (null == $parent)
+            return;
+
+        var $listItem = renderer.getListItem();
+
+        // If it's invalid then mark the list item.
+        if (!renderer.isValidValue())
+        {
+            if (null != $listItem)
+                $listItem.addClass("invalid-value")
+            return false;
+        }
+
+        // We're good.
+        if (null != $listItem)
+            $listItem.removeClass("invalid-value");
 
         // Create the value for the PV.
-        var $value = $("<span></span>").addClass("read-only-value");
-        var value = this.getCurrentValue();
+        var $value = $("span.read-only-value", renderer.getListItem());
+        if ($value.length == 0)
+        {
+            $value = $("<span></span>").addClass("read-only-value");
+            $parent.append($value);
+        }
+        var value = renderer.getCurrentValue();
         if ((value + "").length == 0)
         {
             $listItem.addClass("empty");
@@ -326,12 +347,7 @@
         }
         $value.text(value);
 
-        // Add to a parent if we can.
-        if (null != $parent)
-            $parent.append($value);
-
-        return $value
-
+        return $value;
     }
 
     this.renderEditableValue = function($parent)
@@ -381,34 +397,17 @@
         if (!dashboard.CustomData.configuration.EnableEditing)
             return;
 
-        // If it's invalid then mark the list item.
-        if (!this.isValidValue())
-        {
-            if (null != $listItem)
-                $listItem.addClass("invalid-value")
-            return false;
-        }
-
-        // We're good.
-        if (null != $listItem)
-            $listItem.removeClass("invalid-value")
-
-        // Set the value.
-        var value = this.getCurrentValue();
+        // If we aren't editing then die.
+        if (!$listItem.hasClass("editing"))
+            return;
 
         // Update the UI.
-        if (null != $listItem)
-            $listItem.removeClass("empty");
-        if ((value + "").length == 0)
-        {
-            if (null != $listItem)
-                $listItem.addClass("empty");
-            value = "---";
-        }
-        $(".read-only-value", $listItem).text(value);
+        renderer.renderReadOnlyValue($parent);
 
+        // We aren't editing.
         if (null != $listItem)
             $listItem.removeClass("editing");
+
         return true;
     }
 

From 77874d6b45162e1f83cbb8929f4805e9875ff51c Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Wed, 7 Dec 2022 09:03:14 +0000
Subject: [PATCH 27/50] MSLU functionality and UI working Still need to filter
 the dropdown, if possible.

---
 .../app/dashboard/dashboard.css               | 19 ++++---
 .../renderers/LookupPropertyValueRenderer.js  | 52 ++++++++++++-------
 .../MultiSelectLookupPropertyValueRenderer.js | 27 +++++++---
 3 files changed, 67 insertions(+), 31 deletions(-)

diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
index e245562..1286dec 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
@@ -143,7 +143,7 @@ ol.properties li.invalid-value input
     ol.properties li.mfdatatype-10 a.dropdown {
         display: inline-block;
         position: absolute;
-        right: 1px;
+        right: -3px;
         top: 3px;
         cursor: pointer;
         background-color: #EEE;
@@ -158,7 +158,7 @@ ol.properties li.invalid-value input
     ol.properties li.mfdatatype-10 div.select {
         position: absolute;
         top: 26px;
-        left: 195px;
+        left: 0px;
         right: 0px;
         border: 1px solid #767676;
         background-color: #FFF;
@@ -167,8 +167,8 @@ ol.properties li.invalid-value input
         z-index: 1000;
         display: none;
     }
-        ol.properties li.mfdatatype-9.options-expanded div.select,
-        ol.properties li.mfdatatype-10.options-expanded div.select {
+        ol.properties li.mfdatatype-9 div.lookup.options-expanded div.select,
+        ol.properties li.mfdatatype-10 div.lookup.options-expanded div.select {
             display: block;
         }
     ol.properties li.mfdatatype-9 ol, ol.properties li.mfdatatype-9 ol li,
@@ -176,7 +176,8 @@ ol.properties li.invalid-value input
         margin: 0px;
         padding: 0px;
     }
-        li.caption{
+        ol.properties li.mfdatatype-9.options-expanded li.caption,
+        ol.properties li.mfdatatype-10.options-expanded li.caption {
             background-color: #EEE;
             font-size: 0.8em;
         }
@@ -184,8 +185,12 @@ ol.properties li.mfdatatype-9.options-expanded li,
 ol.properties li.mfdatatype-10.options-expanded li {
     padding: 3px 5px;
 }
-ol.properties li.mfdatatype-9.options-expanded li.current,
-ol.properties li.mfdatatype-10.options-expanded li.current {
+ol.properties li.mfdatatype-9 div.lookup,
+ol.properties li.mfdatatype-10 div.lookup {
+    position: relative;
+}
+ol.properties li.mfdatatype-9 li.current,
+ol.properties li.mfdatatype-10 li.current {
     background-color: #EEE;
 }
         ol.properties li.mfdatatype-9 ol li,
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
index 1a720a7..63b0ff8 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
@@ -116,22 +116,22 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
         });
         return arr;
     }
-    this.renderOptions = function ($listItem, $textInput, $select, restrictByEnteredText)
+    this.renderOptions = function ($div, $textInput, $select, restrictByEnteredText)
     {
-        $listItem.addClass("options-expanded");
+        $div.addClass("options-expanded");
 
         // Is this class?
         if (propertyDef.ID == 100)
         {
             // Class is special.
-            renderer.renderClassOptions($listItem, $textInput, $select, restrictByEnteredText);
+            renderer.renderClassOptions($div, $textInput, $select, restrictByEnteredText);
         }
         else
         {
-            renderer.renderLookupOptions($listItem, $textInput, $select, restrictByEnteredText);
+            renderer.renderLookupOptions($div, $textInput, $select, restrictByEnteredText);
         }
     }
-    this.renderClassOptions = function ($listItem, $textInput, $select, restrictByEnteredText)
+    this.renderClassOptions = function ($div, $textInput, $select, restrictByEnteredText)
     {
         // Get the object type
         var objectType = objectRenderer.getObjectBeingRendered().VersionData.ObjVer.Type;
@@ -180,7 +180,7 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
                             $textInput.val(displayValue);
                             $textInput.data("displayValue", displayValue);
                             $textInput.data("id", id);
-                            $listItem.removeClass("options-expanded");
+                            $div.removeClass("options-expanded");
                         });
                         $ol.append($li);
                     }
@@ -192,7 +192,7 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
                 }
             );
     }
-    this.renderLookupOptions = function ($listItem, $textInput, $select, restrictByEnteredText)
+    this.renderLookupOptions = function ($div, $textInput, $select, restrictByEnteredText)
     {
         // Build up the search conditions.
         var searchConditions = new MFiles.SearchConditions();
@@ -261,7 +261,7 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
                             $textInput.val(displayValue);
                             $textInput.data("displayValue", displayValue);
                             $textInput.data("id", id);
-                            $listItem.removeClass("options-expanded");
+                            $div.removeClass("options-expanded");
                             renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged)
                         });
                         $ol.append($li);
@@ -274,29 +274,46 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
                 }
             );
     }
-    this.renderSingleLookupOption = function ($listItem, $value, selectedItemId, selectedItemDisplayValue)
+    this.renderSingleLookupOption = function ($value, selectedItemId, selectedItemDisplayValue)
     {
+        var $div = $("<div></div>").addClass("lookup");
         var $textInput = $("<input type='text' maxlength='100' />")
             .addClass("text-entry");
         var $select = $("<div></div>").addClass("select")
             .append($("<ol></ol>"));
-        $textInput.click(function () { renderer.renderOptions($listItem, $textInput, $select, true); });
-        $textInput.keyup(function () { renderer.renderOptions($listItem, $textInput, $select, true); });
-        $textInput.focus(function () { renderer.renderOptions($listItem, $textInput, $select, true); });
+        $textInput.click(function (e)
+        {
+            renderer.renderOptions($div, $textInput, $select, true);
+            e.stopPropagation();
+            return false;
+        });
+        $textInput.keyup(function (e)
+        {
+            renderer.renderOptions($div, $textInput, $select, true);
+            e.stopPropagation();
+            return false;
+        });
+        $textInput.focus(function (e)
+        {
+            renderer.renderOptions($div, $textInput, $select, true);
+            e.stopPropagation();
+            return false;
+        });
 
         var $dropdown = $("<a />")
             .addClass("dropdown")
             .click(function ()
             {
                 // Toggle options.
-                $listItem.addClass("options-expanded");
-                renderer.renderOptions($listItem, $textInput, $select, false);
+                $div.addClass("options-expanded");
+                renderer.renderOptions($div, $textInput, $select, false);
                 return false;
             });
 
-        $value.append($textInput);
-        $value.append($select);
-        $value.append($dropdown);
+        $div.append($textInput);
+        $div.append($select);
+        $div.append($dropdown);
+        $value.append($div);
         if (selectedItemId != null)
         {
             $textInput.val(selectedItemDisplayValue);
@@ -322,7 +339,6 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
         // Render the single item.
         renderer.renderSingleLookupOption
             (
-                $listItem,
                 $value,
                 !propertyValue.Value.IsNull() ? propertyValue.Value.GetLookupID() : null,
                 !propertyValue.Value.IsNull() ? propertyValue.Value.DisplayValue : null
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
index 92c780d..6b51fa6 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
@@ -34,7 +34,6 @@ function MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, prope
         return $value;
 
     }
-    this.setOriginalValue();
     this.getCurrentValue = function ()
     {
         var supportsEditing = this.getSupportsEditing();
@@ -43,7 +42,7 @@ function MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, prope
         if (false == supportsEditing)
         {
             if (propertyValue.Value.IsNULL())
-                return "";
+                return arr;
             var lookups = propertyValue.Value.GetValueAsLookups();
             for (var i = 0; i < lookups.Count; i++) {
                 arr.push({
@@ -81,8 +80,26 @@ function MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, prope
         var currentValue = this.getCurrentValue();
         var originalValue = this.getOriginalValue();
 
-        // TODO: Check arrays.
-        return true;
+        if (currentValue.length != originalValue.length)
+            return true;
+
+        // Check arrays.
+        for (var i = 0; i < currentValue.length; i++) {
+            var toFind = currentValue[i];
+            var found = false;
+            for (var j = 0; j < originalValue.length; j++)
+            {
+                if (originalValue[j].id == toFind.id)
+                {
+                    found = true;
+                    break;
+                }
+            }
+            if (false == found)
+                return true;
+        }
+
+        return false;
     }
     this.isValidValue = function ()
     {
@@ -147,7 +164,6 @@ function MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, prope
             {
                 renderer.renderSingleLookupOption
                     (
-                        $listItem,
                         $value,
                         currentValue[i].id,
                         currentValue[i].displayValue
@@ -158,7 +174,6 @@ function MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, prope
         // Render "add new" item.
         renderer.renderSingleLookupOption
             (
-                $listItem,
                 $value,
                 null,
                 null

From be5f53738b9c855f38431dc163ad54aec3f4c4c8 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Wed, 7 Dec 2022 10:23:25 +0000
Subject: [PATCH 28/50] MSLU filtering works.

---
 src/Common/src/VaultStructureManager.js       | 27 +++++-
 .../ViewAllMetadata.UIX.csproj                |  4 +
 .../app/dashboard/dashboard.css               | 12 +--
 .../renderers/LookupPropertyValueRenderer.js  | 93 +++++++++++++++----
 .../MultiSelectLookupPropertyValueRenderer.js | 14 ++-
 .../app/scripts/renderers/objectrenderer.js   | 20 ++++
 .../renderers/propertyvaluerenderer.js        |  9 +-
 7 files changed, 139 insertions(+), 40 deletions(-)

diff --git a/src/Common/src/VaultStructureManager.js b/src/Common/src/VaultStructureManager.js
index c002614..203db66 100644
--- a/src/Common/src/VaultStructureManager.js
+++ b/src/Common/src/VaultStructureManager.js
@@ -10,8 +10,14 @@
 
 	var propertyDefinitions = {};
 	var classes = {};
+	var valueLists = {};
 
-	t.getPropertyDefinition = function(propertyDefId)
+	t.getValueList = function (valueListId)
+	{
+		return valueLists[valueListId];
+	}
+
+	t.getPropertyDefinition = function (propertyDefId)
 	{
 		return propertyDefinitions[propertyDefId];
 	}
@@ -59,6 +65,25 @@
 					// Error checking permissions.
 					MFiles.ReportException(errorobj);
 				}
+		);
+
+		// Load all the value lists.
+		shellUI.Vault.Async.ValueListOperations.GetValueLists
+			(
+				function (output)
+				{
+					valueLists = {};
+					for (var i = 0; i < output.Count; i++)
+					{
+						var pd = output[i];
+						valueLists[pd.ID] = pd;
+					}
+				},
+				function (shorterror, longerror, errorobj)
+				{
+					// Error checking permissions.
+					MFiles.ReportException(errorobj);
+				}
 			);
     }
 
diff --git a/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj b/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
index 0a43fd7..682bacf 100644
--- a/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
+++ b/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
@@ -31,6 +31,10 @@
     <Content Include="..\Common\bundles\common-shellui.js">
       <Link>app\common-shellui.js</Link>
     </Content>
+    <Content Include="..\Common\bundles\common-shellui.min.js">
+      <Link>app\common-shellui.min.js</Link>
+      <DependentUpon>common-shellui.js</DependentUpon>
+    </Content>
     <Content Include="..\Common\src\dashboards\images\icon-edit.png">
       <Link>app\images\icon-edit.png</Link>
     </Content>
diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
index 1286dec..b438a0e 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
@@ -167,8 +167,8 @@ ol.properties li.invalid-value input
         z-index: 1000;
         display: none;
     }
-        ol.properties li.mfdatatype-9 div.lookup.options-expanded div.select,
-        ol.properties li.mfdatatype-10 div.lookup.options-expanded div.select {
+        ol.properties li.mfdatatype-9 .options-expanded div.select,
+        ol.properties li.mfdatatype-10 .options-expanded div.select {
             display: block;
         }
     ol.properties li.mfdatatype-9 ol, ol.properties li.mfdatatype-9 ol li,
@@ -176,13 +176,13 @@ ol.properties li.invalid-value input
         margin: 0px;
         padding: 0px;
     }
-        ol.properties li.mfdatatype-9.options-expanded li.caption,
-        ol.properties li.mfdatatype-10.options-expanded li.caption {
+        ol.properties li.mfdatatype-9 .options-expanded li.caption,
+        ol.properties li.mfdatatype-10 .options-expanded li.caption {
             background-color: #EEE;
             font-size: 0.8em;
         }
-ol.properties li.mfdatatype-9.options-expanded li,
-ol.properties li.mfdatatype-10.options-expanded li {
+ol.properties li.mfdatatype-9 .options-expanded li,
+ol.properties li.mfdatatype-10 .options-expanded li {
     padding: 3px 5px;
 }
 ol.properties li.mfdatatype-9 div.lookup,
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
index 63b0ff8..b8b4ddc 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
@@ -214,6 +214,69 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
         deletedItemsCondition.TypedValue.SetValue(MFDatatypeBoolean, false);
         searchConditions.Add(-1, deletedItemsCondition);
 
+        var filterString = "";
+
+        // Does the property definition need filtering?
+        if (propertyDef.DependencyRelation == 2 && propertyDef.DependencyPD > 0)
+        {
+            // Get the values for the dependency condition.
+            var dependencyPropertyValue = objectRenderer.getPropertyValue(propertyDef.DependencyPD);
+            var propertyDefValueList = dashboard.CustomData.vaultStructureManager.getValueList(propertyDef.ValueList);
+            var dependencyPropertyDefValueList = dashboard.CustomData.vaultStructureManager.getValueList
+                (
+                    dashboard.CustomData.vaultStructureManager.getPropertyDefinition(propertyDef.DependencyPD).ValueList
+            );
+            if (null != dependencyPropertyValue
+                && !dependencyPropertyValue.Value.IsNULL()
+                && dependencyPropertyDefValueList != null
+                && propertyDefValueList != null)
+            {
+                // Get the values.
+                var dependencyLookupValues = dependencyPropertyValue.Value.GetValueAsLookups();
+
+                // Set up the filter string.
+                filterString = dependencyPropertyDefValueList.NameSingular + ": ";
+                for (var i = 0; i < dependencyLookupValues.Count; i++) 
+                {
+                    if (i > 0)
+                        filterString += ";";
+                    filterString += dependencyLookupValues[i].DisplayValue;
+                }
+
+                var dependencyCondition = new MFiles.SearchCondition();
+
+                // If the dependency ID is the owner of this list then set it as an owner relationship.
+                if (propertyDefValueList.HasOwnerType
+                    && propertyDefValueList.OwnerType > 0
+                    && propertyDefValueList.OwnerType == dependencyPropertyDefValueList.ID)
+                {
+
+                    // It is an owner relationship.
+                    dependencyCondition.Expression.SetValueListItemExpression
+                        (
+                            MFValueListItemPropertyDefOwner,
+                            MFParentChildBehaviorNone,
+                            new MFiles.DataFunctionCall()
+                        );
+                }
+                else
+                {
+                    // It's not an owner relationship.
+                    dependencyCondition.Expression.SetTypedValueExpression
+                        (
+                            MFDatatypeLookup,
+                            dependencyPropertyDefValueList.ID,
+                            MFParentChildBehaviorNone,
+                            new MFiles.DataFunctionCall()
+                        );
+                }
+
+                dependencyCondition.ConditionType = MFConditionTypeEqual;
+                dependencyCondition.TypedValue.SetValueToMultiSelectLookup(dependencyLookupValues);
+                searchConditions.Add(-1, dependencyCondition);
+            }
+        }
+
         // Search.
         dashboard.Vault.Async.ValueListItemOperations.SearchForValueListItemsEx2
             (
@@ -230,6 +293,12 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
                     var $ol = $("ol", $select);
                     $ol.empty();
 
+                    // Do we have a filter string?
+                    if (filterString.length > 0)
+                    {
+                        $ol.append($("<li class='caption'></li>").text(filterString));
+                    }
+
                     // Are there more?
                     if (results.MoreResults)
                     {
@@ -281,23 +350,10 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
             .addClass("text-entry");
         var $select = $("<div></div>").addClass("select")
             .append($("<ol></ol>"));
-        $textInput.click(function (e)
-        {
-            renderer.renderOptions($div, $textInput, $select, true);
-            e.stopPropagation();
-            return false;
-        });
-        $textInput.keyup(function (e)
+        $textInput.keypress(function (e)
         {
             renderer.renderOptions($div, $textInput, $select, true);
-            e.stopPropagation();
-            return false;
-        });
-        $textInput.focus(function (e)
-        {
-            renderer.renderOptions($div, $textInput, $select, true);
-            e.stopPropagation();
-            return false;
+            return true;
         });
 
         var $dropdown = $("<a />")
@@ -305,8 +361,11 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
             .click(function ()
             {
                 // Toggle options.
-                $div.addClass("options-expanded");
-                renderer.renderOptions($div, $textInput, $select, false);
+                $div.toggleClass("options-expanded");
+                if ($div.hasClass("options-expanded"))
+                {
+                    renderer.renderOptions($div, $textInput, $select, false);
+                }
                 return false;
             });
 
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
index 6b51fa6..a16ebf1 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
@@ -13,18 +13,15 @@ function MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, prope
         var $value = base.renderReadOnlyValue.apply(this, [$parent]);
         var value = this.getCurrentValue();
 
-        // Get the data out the lookups.
-        var lookups = propertyValue.Value.GetValueAsLookups();
-
         // Only replace the value if we have something (otherwise leave as "---").
-        if (lookups.Count > 0)
+        if (value.length > 0)
         {
-            value = $("<div></div>");
-            for (var i = 0; i < lookups.Count; i++)
+            var v = $("<div></div>");
+            for (var i = 0; i < value.length; i++)
             {
-                value.append($("<div></div>").text(lookups[i].DisplayValue));
+                v.append($("<div></div>").text(value[i].displayValue));
             }
-            $value.empty().append(value);
+            $value.empty().append(v);
         }
         else
         {
@@ -133,6 +130,7 @@ function MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, prope
             {
                 var lookup = new MFiles.Lookup();
                 lookup.Item = currentValue[i].id;
+                lookup.DisplayValue = currentValue[i].displayValue;
                 lookups.Add(-1, lookup);
             }
 
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
index 1caf7ed..9876c00 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
@@ -53,6 +53,26 @@
         return properties;
     }
     renderer.getObjectBeingRendered = function () { return renderer.originalObject; }
+    renderer.getPropertyValue = function (propertyDef)
+    {
+        for (var i = 0; i < propertyValueRenderers.length; i++)
+        {
+            if (propertyValueRenderers[i].getPropertyDef().ID != propertyDef)
+                continue;
+            return propertyValueRenderers[i].getPropertyValue();
+        }
+        return null;
+    }
+    renderer.getCurrentValue = function (propertyDef)
+    {
+        for (var i = 0; i < propertyValueRenderers.length; i++)
+        {
+            if (propertyValueRenderers[i].getPropertyDef().ID != propertyDef)
+                continue;
+            return propertyValueRenderers[i].getCurrentValue();
+        }
+        return null;
+    }
     renderer.render = function (selectedItem, force)
     {
 
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index 6f64b86..8d5e1cb 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -397,16 +397,9 @@
         if (!dashboard.CustomData.configuration.EnableEditing)
             return;
 
-        // If we aren't editing then die.
-        if (!$listItem.hasClass("editing"))
-            return;
-
         // Update the UI.
         renderer.renderReadOnlyValue($parent);
-
-        // We aren't editing.
-        if (null != $listItem)
-            $listItem.removeClass("editing");
+        $listItem.removeClass("editing");
 
         return true;
     }

From e1f1b3a0bb465704e0fcd316a0babab12b6e62f1 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Wed, 7 Dec 2022 10:27:00 +0000
Subject: [PATCH 29/50] Update version numbers.

---
 src/UIHelpers/appdef.xml               | 2 +-
 src/ViewAllMetadata.UIX/app/appdef.xml | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/UIHelpers/appdef.xml b/src/UIHelpers/appdef.xml
index bf07d6f..98527a1 100644
--- a/src/UIHelpers/appdef.xml
+++ b/src/UIHelpers/appdef.xml
@@ -7,7 +7,7 @@
   <name>UI Helpers</name>
   <description>Enables various UI-related helpers.</description>
   <publisher>M-Files Corporation (open-source)</publisher>
-  <version>0.1</version>
+  <version>0.2</version>
   <copyright>M-Files Corporation 2022 onwards</copyright>
   <required-mfiles-version>22.11.0.0</required-mfiles-version>
   <multi-server-compatible>true</multi-server-compatible>
diff --git a/src/ViewAllMetadata.UIX/app/appdef.xml b/src/ViewAllMetadata.UIX/app/appdef.xml
index cae3250..f6075bc 100644
--- a/src/ViewAllMetadata.UIX/app/appdef.xml
+++ b/src/ViewAllMetadata.UIX/app/appdef.xml
@@ -2,7 +2,7 @@
 <application xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="http://www.m-files.com/schemas/appdef-client-v4.xsd">
 	<guid>1B9552B3-C1C5-44b9-9A5F-D4ABAC5E8AE2</guid>	
 	<name>View all metadata UIX</name>
-	<version>0.1</version>
+	<version>0.2</version>
 	<description>The UI component of the 'View all metadata' module</description>
 	<publisher>M-Files Corporation (open-source)</publisher>
 	<copyright>M-Files Corporation 2022 onwards</copyright>

From 3d37633c809200efb9b8eca8bc0cd0214e464c78 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Wed, 7 Dec 2022 10:44:27 +0000
Subject: [PATCH 30/50] Added warning to dashboard.

---
 src/ShowPreview.UIX/app/appdef.xml     |  6 ++--
 src/UIHelpers/VaultApplication.cs      | 39 ++++++++++++++++++++++++++
 src/UIHelpers/appdef.xml               |  4 +--
 src/ViewAllMetadata.UIX/app/appdef.xml |  4 +--
 4 files changed, 46 insertions(+), 7 deletions(-)

diff --git a/src/ShowPreview.UIX/app/appdef.xml b/src/ShowPreview.UIX/app/appdef.xml
index 032c51f..b0cc86d 100644
--- a/src/ShowPreview.UIX/app/appdef.xml
+++ b/src/ShowPreview.UIX/app/appdef.xml
@@ -4,9 +4,9 @@
 	<guid>3bb694b2-383e-4576-a42b-85ec7035951a</guid>
 	<name>Show Preview UIX</name>
 	<version>0.1</version>
-	<description>The UI component of the 'Show preview' module</description>
-	<publisher></publisher>	
-	<copyright></copyright>
+	<publisher>M-Files Corporation (non-official, open-source)</publisher>
+	<version>0.2</version>
+	<copyright>See https://github.com/M-Files/Samples.UIHelpers</copyright>
 	<required-mfiles-version>22.11.0.0</required-mfiles-version>
 	<optional>true</optional>
 	<enabled-by-default>true</enabled-by-default>
diff --git a/src/UIHelpers/VaultApplication.cs b/src/UIHelpers/VaultApplication.cs
index 42324f9..12369a3 100644
--- a/src/UIHelpers/VaultApplication.cs
+++ b/src/UIHelpers/VaultApplication.cs
@@ -2,6 +2,8 @@
 using MFiles.VAF.Configuration;
 using MFiles.VAF.Configuration.AdminConfigurations;
 using MFiles.VAF.Configuration.Domain.Dashboards;
+using MFiles.VAF.Extensions.Dashboards;
+using MFiles.VAF.Extensions.ExtensionMethods;
 using MFilesAPI;
 using System;
 using System.Collections.Generic;
@@ -140,6 +142,43 @@ protected virtual TExpectedType GetModule<TExpectedType>(string moduleName)
         public override IDashboardContent GetAsynchronousOperationDashboardContent(IConfigurationRequestContext context)
             => null;
 
+        /// <inheritdoc />
+        public override IEnumerable<IDashboardContent> GetStatusDashboardRootItems(IConfigurationRequestContext context)
+        {
+            var c = this.GetUsageWarningDashboardContent(context);
+            if (null != c)
+                yield return c;
+            foreach(var i in base.GetStatusDashboardRootItems(context) ?? Enumerable.Empty<IDashboardContent>())
+                if(null != i)
+                    yield return i;
+        }
+
+        /// <summary>
+        /// Gets a warning to show on the configuration page that this is not supported.
+        /// </summary>
+        /// <param name="context">The context associated with this request.</param>
+        /// <returns>The dashboard content, or null.</returns>
+        public virtual IDashboardContent GetUsageWarningDashboardContent(IConfigurationRequestContext context)
+        {
+            var innerContent = new DashboardContentCollection();
+            {
+                var p = new DashboardCustomContentEx("<p>This functionality is from a code sample at <a href='https://github.com/M-Files/Samples.UIHelpers' target='_blank'>https://github.com/M-Files/Samples.UIHelpers</a>.  It is not an official M-Files solution and is not supported in any way by M-Files.  This application is used at your own risk.</p>");
+                p.Styles.Add("color", "red");
+                innerContent.Add(p);
+            }
+
+            // Create panel.
+            var panel = new DashboardPanelEx()
+            {
+                Title = "WARNING",
+                InnerContent = innerContent
+            };
+            panel.InnerContentStyles.AddOrUpdate("padding-left", "10px");
+            panel.InnerContentStyles.AddOrUpdate("margin-left", "10px");
+            panel.InnerContentStyles.AddOrUpdate("border-left", "1px solid #EEE");
+            return panel;
+        }
+
         #endregion
 
         #region Configuration validation
diff --git a/src/UIHelpers/appdef.xml b/src/UIHelpers/appdef.xml
index 98527a1..8a075f7 100644
--- a/src/UIHelpers/appdef.xml
+++ b/src/UIHelpers/appdef.xml
@@ -6,9 +6,9 @@
   <guid>f27a149d-d754-48ac-a547-b6c5917a6c91</guid>
   <name>UI Helpers</name>
   <description>Enables various UI-related helpers.</description>
-  <publisher>M-Files Corporation (open-source)</publisher>
+  <publisher>M-Files Corporation (non-official, open-source)</publisher>
   <version>0.2</version>
-  <copyright>M-Files Corporation 2022 onwards</copyright>
+  <copyright>See https://github.com/M-Files/Samples.UIHelpers</copyright>
   <required-mfiles-version>22.11.0.0</required-mfiles-version>
   <multi-server-compatible>true</multi-server-compatible>
   <extension-objects>
diff --git a/src/ViewAllMetadata.UIX/app/appdef.xml b/src/ViewAllMetadata.UIX/app/appdef.xml
index f6075bc..8bb8dec 100644
--- a/src/ViewAllMetadata.UIX/app/appdef.xml
+++ b/src/ViewAllMetadata.UIX/app/appdef.xml
@@ -4,8 +4,8 @@
 	<name>View all metadata UIX</name>
 	<version>0.2</version>
 	<description>The UI component of the 'View all metadata' module</description>
-	<publisher>M-Files Corporation (open-source)</publisher>
-	<copyright>M-Files Corporation 2022 onwards</copyright>
+	<publisher>M-Files Corporation (non-official, open-source)</publisher>
+	<copyright>See https://github.com/M-Files/Samples.UIHelpers</copyright>
 	<required-mfiles-version>22.11.0.0</required-mfiles-version>
     <enabled-by-default>true</enabled-by-default>
 	<master-application-guid>f27a149d-d754-48ac-a547-b6c5917a6c91</master-application-guid>

From 8133c0f1f40512d5eb09ede1ac857c81add013ec Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Wed, 7 Dec 2022 12:05:27 +0000
Subject: [PATCH 31/50] Disabled automatic deployment.

---
 src/UIHelpers/install-application.ps1 | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/UIHelpers/install-application.ps1 b/src/UIHelpers/install-application.ps1
index 37f18aa..d39a281 100644
--- a/src/UIHelpers/install-application.ps1
+++ b/src/UIHelpers/install-application.ps1
@@ -1,4 +1,4 @@
-#exit;
+exit;
 
 param(
 

From c6e8b951203f8a166884dfc28bd7640203846841 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Wed, 7 Dec 2022 14:10:29 +0000
Subject: [PATCH 32/50] Can now turn editing on/off in the configuration. More
 content in the readme. Version bump to reflect config change.

---
 README.md                                     | 61 +++++++++++++++++++
 .../Configuration/Configuration.cs            |  3 +-
 src/UIHelpers/appdef.xml                      |  2 +-
 src/ViewAllMetadata.UIX/app/appdef.xml        |  2 +-
 4 files changed, 64 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index e4220c1..cb2fc70 100644
--- a/README.md
+++ b/README.md
@@ -3,3 +3,64 @@
 These are some example UIX applications showing how commonly-requested functionality can be created and maintained by third parties.
 
 **NOTE: This code is produced as an open-source sample.  M-Files can provide no support on its use, nor can be held responsible for issues caused by its use or misuse.**
+
+## Getting started
+
+### Installation
+
+This application is designed to be distributed via the compiled `UIHelpers.mfappx` file.  This can be installed to the vault using [M-Files Admin](https://www.m-files.com/user-guide/latest/eng/Applications.html).  The application must be built from the source code in this repository; M-Files does not distribute compiled versions.
+
+### Configuration
+
+Once installed, navigate to the vault's `Configuration` section, expand `Other Applications` and select `UI Helpers`.  Selecting the `Configuration` tab will allow each module to be configured separately.  Common module configuration includes:
+
+* Whether the module is enabled or not.
+* Which users can access the module (either by role - e.g. "all users with the full control role" - or by specifically allowing access to certain users or groups).
+* Control over any UI components that the module contains (e.g. the default height/width of the popup window, which locations the UI component can be shown in, etc.).
+* The ability to provide translations for common UI elements that are automatically applied based on the desktop language of the user.
+* Logging.
+
+## Available modules
+
+### Show preview
+
+This module allows users to view the preview of an object either in the "bottom pane" (below the listing) or in a popout window.  This allows the user to view both the preview and metadata card at the same time.
+
+By default this module is **not enabled**.  When enabled it defaults to allowing **all users** to see the preview.  These defaults can be changed in the configuration.
+
+To start, ensure that the [module is activated and your user has access](#getting-started) then open M-Files Desktop, right-click on an object and select `Show preview`.  The preview appears below the listing, but can be toggled to other locations using the icons in the Function Ribbon.  The preview can be closed by clicking the `Close` button.
+
+### View all metadata
+
+This module allows users to view the metadata of an object without Metadata Card Configuration rules applied.  This can be useful in some situations (e.g. to debug Metadata Card Configuration rules).  **Note: Metadata Card Configuration rules should never be used instead of proper property-level permissions.**
+
+By default this module is **not enabled**.  When enabled it defaults to allowing **users with the full control of vault role** to see all metadata.  These defaults can be changed in the configuration.
+
+To start, ensure that the [module is activated and your user has access](#getting-started) then open M-Files Desktop, right-click on an object and select `View all metadata`.  The raw metadata appears below the listing, but can be toggled to other locations using the icons in the Function Ribbon.  The metadata card can be closed by clicking the `Close` button.
+
+## Project structure
+
+### UIHelpers.csproj
+
+The core project that declares the various modules that are available.  Each module consists of server-side components, held in this project, and optional client-side components, held in their own project.
+
+### Common.csproj
+
+A project containing common files for use in client-side (UIX) components.  Individual files in the `src` folder can be linked as-is (although note that they may have dependencies), but the recommended approach is to link to the associated files in the `bundle` folder, which are created automatically on build.  The definition for these bundled files can be seen in `bundleconfig.json`.
+
+### ShowPreview.UIX.csproj
+
+A pure-JavaScript UIX application that allows the user to view previews of the selected object.
+
+* `app\shellui.js` contains the application entry point.
+* `app\dashboard\dashboard.js` contains the dashboard entry point.
+* `app\scripts\renderers\objectrenderer.js` contains the `render` method which is called when an object is selected, and which renders the preview itself.
+
+### ViewAllMetadata.UIX.csproj
+
+A pure-JavaScript UIX application that allows the user to view the metadata card of the selected object without any metadata card configuration rules applied.
+
+* `app\shellui.js` contains the application entry point.
+* `app\dashboard\dashboard.js` contains the dashboard entry point.
+* `app\scripts\renderers\objectrenderer.js` contains the `render` method which is called when an object is selected, and which renders the properties to the screen.
+* `app\scripts\renderers\*PropertyValueRenderer.js` contain renderers for different property data types.
diff --git a/src/UIHelpers/Modules/ViewAllMetadata/Configuration/Configuration.cs b/src/UIHelpers/Modules/ViewAllMetadata/Configuration/Configuration.cs
index 0849b5f..c3dc4e2 100644
--- a/src/UIHelpers/Modules/ViewAllMetadata/Configuration/Configuration.cs
+++ b/src/UIHelpers/Modules/ViewAllMetadata/Configuration/Configuration.cs
@@ -14,8 +14,7 @@ public class Configuration
        [JsonConfEditor
        (
            Label = ResourceMarker.Id + nameof(Resources.Configuration.EnableEditing_Label),
-           DefaultValue = false,
-           Hidden = true
+           DefaultValue = false
        )]
         public bool EnableEditing { get; set; }
     }
diff --git a/src/UIHelpers/appdef.xml b/src/UIHelpers/appdef.xml
index 8a075f7..6a53261 100644
--- a/src/UIHelpers/appdef.xml
+++ b/src/UIHelpers/appdef.xml
@@ -7,7 +7,7 @@
   <name>UI Helpers</name>
   <description>Enables various UI-related helpers.</description>
   <publisher>M-Files Corporation (non-official, open-source)</publisher>
-  <version>0.2</version>
+  <version>0.2.1</version>
   <copyright>See https://github.com/M-Files/Samples.UIHelpers</copyright>
   <required-mfiles-version>22.11.0.0</required-mfiles-version>
   <multi-server-compatible>true</multi-server-compatible>
diff --git a/src/ViewAllMetadata.UIX/app/appdef.xml b/src/ViewAllMetadata.UIX/app/appdef.xml
index 8bb8dec..037a82b 100644
--- a/src/ViewAllMetadata.UIX/app/appdef.xml
+++ b/src/ViewAllMetadata.UIX/app/appdef.xml
@@ -2,7 +2,7 @@
 <application xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="http://www.m-files.com/schemas/appdef-client-v4.xsd">
 	<guid>1B9552B3-C1C5-44b9-9A5F-D4ABAC5E8AE2</guid>	
 	<name>View all metadata UIX</name>
-	<version>0.2</version>
+	<version>0.2.1</version>
 	<description>The UI component of the 'View all metadata' module</description>
 	<publisher>M-Files Corporation (non-official, open-source)</publisher>
 	<copyright>See https://github.com/M-Files/Samples.UIHelpers</copyright>

From de4fb3bb4ff1aacf0a27471f2358354aef61ef19 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Wed, 7 Dec 2022 14:16:00 +0000
Subject: [PATCH 33/50] Ignored local ps1 file.

---
 .gitignore | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.gitignore b/.gitignore
index e95d1d7..d8e1457 100644
--- a/.gitignore
+++ b/.gitignore
@@ -350,3 +350,4 @@ healthchecksdb
 src/ViewAllMetadata/ViewAllMetadata.UIX.mfappx
 *.mfappx
 /src/Common/bundles
+/src/UIHelpers/install-application.local.ps1

From c552d9e731575daa7c0d8a9e41092d5446a8ffe5 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Wed, 7 Dec 2022 14:17:11 +0000
Subject: [PATCH 34/50] Added the ability to have a local deployment file.

---
 src/UIHelpers/UIHelpers.csproj | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/UIHelpers/UIHelpers.csproj b/src/UIHelpers/UIHelpers.csproj
index 802341a..d3a6de7 100644
--- a/src/UIHelpers/UIHelpers.csproj
+++ b/src/UIHelpers/UIHelpers.csproj
@@ -110,6 +110,7 @@
     </Content>
   </ItemGroup>
   <ItemGroup>
+    <None Include="install-application.local.ps1" />
     <None Include="install-application.ps1" />
     <None Include="ShowPreview.UIX.mfappx">
       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
@@ -155,6 +156,10 @@
     <Message Importance="High" Text="Executing deployment script..." />
     <Exec Command="PowerShell -ExecutionPolicy Bypass -File install-application.ps1" />
   </Target>
+  <Target Name="DeployIfNeededLocal" AfterTargets="CoreBuild" Condition="Exists('install-application.local.ps1')">
+    <Message Importance="High" Text="Executing (local) deployment script..." />
+    <Exec Command="PowerShell -ExecutionPolicy Bypass -File install-application.local.ps1" />
+  </Target>
   <!-- To modify your build process, add your task inside one of the targets below and uncomment it. 
        Other similar extension points exist, see Microsoft.Common.targets.
   <Target Name="BeforeBuild">

From afa0d6f05873b0461f8cd8cc27a9c6d8b88fe4db Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Fri, 9 Dec 2022 07:59:20 +0000
Subject: [PATCH 35/50] Potential fix for lookup value not rendering properly

---
 src/UIHelpers/appdef.xml                        |  2 +-
 src/ViewAllMetadata.UIX/app/appdef.xml          |  2 +-
 .../scripts/renderers/propertyvaluerenderer.js  | 17 +++++++++--------
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/UIHelpers/appdef.xml b/src/UIHelpers/appdef.xml
index 6a53261..c964f32 100644
--- a/src/UIHelpers/appdef.xml
+++ b/src/UIHelpers/appdef.xml
@@ -7,7 +7,7 @@
   <name>UI Helpers</name>
   <description>Enables various UI-related helpers.</description>
   <publisher>M-Files Corporation (non-official, open-source)</publisher>
-  <version>0.2.1</version>
+  <version>0.2.2</version>
   <copyright>See https://github.com/M-Files/Samples.UIHelpers</copyright>
   <required-mfiles-version>22.11.0.0</required-mfiles-version>
   <multi-server-compatible>true</multi-server-compatible>
diff --git a/src/ViewAllMetadata.UIX/app/appdef.xml b/src/ViewAllMetadata.UIX/app/appdef.xml
index 037a82b..1ccc4dd 100644
--- a/src/ViewAllMetadata.UIX/app/appdef.xml
+++ b/src/ViewAllMetadata.UIX/app/appdef.xml
@@ -2,7 +2,7 @@
 <application xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="http://www.m-files.com/schemas/appdef-client-v4.xsd">
 	<guid>1B9552B3-C1C5-44b9-9A5F-D4ABAC5E8AE2</guid>	
 	<name>View all metadata UIX</name>
-	<version>0.2.1</version>
+	<version>0.2.2</version>
 	<description>The UI component of the 'View all metadata' module</description>
 	<publisher>M-Files Corporation (non-official, open-source)</publisher>
 	<copyright>See https://github.com/M-Files/Samples.UIHelpers</copyright>
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index 8d5e1cb..cf6e1bf 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -320,25 +320,26 @@
 
         var $listItem = renderer.getListItem();
 
+        // Create the value for the PV.
+        var $value = $("span.read-only-value", renderer.getListItem());
+        if ($value.length == 0)
+        {
+            $value = $("<span></span>").addClass("read-only-value");
+            $parent.append($value);
+        }
+
         // If it's invalid then mark the list item.
         if (!renderer.isValidValue())
         {
             if (null != $listItem)
                 $listItem.addClass("invalid-value")
-            return false;
+            return $value;
         }
 
         // We're good.
         if (null != $listItem)
             $listItem.removeClass("invalid-value");
 
-        // Create the value for the PV.
-        var $value = $("span.read-only-value", renderer.getListItem());
-        if ($value.length == 0)
-        {
-            $value = $("<span></span>").addClass("read-only-value");
-            $parent.append($value);
-        }
         var value = renderer.getCurrentValue();
         if ((value + "").length == 0)
         {

From 314b1a375814587b1dec098be4be8d2be13a84d9 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Fri, 9 Dec 2022 08:22:44 +0000
Subject: [PATCH 36/50] Fix for incorrect font.

---
 src/Common/src/dashboards/base-dashboard.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Common/src/dashboards/base-dashboard.css b/src/Common/src/dashboards/base-dashboard.css
index 422fa3c..fc8d1b1 100644
--- a/src/Common/src/dashboards/base-dashboard.css
+++ b/src/Common/src/dashboards/base-dashboard.css
@@ -8,7 +8,7 @@ head, body {
 
 body {
     padding: 10px;
-    font-family: Lato;
+    font-family: Lato, Segoe UI, Tahoma, Arial, sans-serif;
     color: #767676;
 }
 

From 3765766fa9c8c630198f61500ee4443e82a207fb Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Fri, 9 Dec 2022 08:24:18 +0000
Subject: [PATCH 37/50] Fix for built-in Document class being marked as
 incorrect.

---
 .../app/scripts/renderers/LookupPropertyValueRenderer.js      | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
index b8b4ddc..7f358a0 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
@@ -83,7 +83,9 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
 
         if (currentValue == "")
             return !isRequired;
-        return currentValue.id > 0;
+        // ID should be > 0, UNLESS it's the class,
+        // in which case the built -in "document" class has an ID of zero and is valid.
+        return currentValue.id > 0 || (propertyDef.ID == 100 && currentValue.id == 0);
     }
     this.setOriginalValue();
     this.hasChanged = function ()

From 8da7ca3f0c0d1065f8270f61d3ffe0a04648c878 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Fri, 9 Dec 2022 08:27:29 +0000
Subject: [PATCH 38/50] Allowed rendering of some other built-in properties
 (Keywords, repository, location, class groups).

---
 .../app/scripts/renderers/objectrenderer.js               | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
index 9876c00..93cc552 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
@@ -19,7 +19,13 @@
             var associatedPropertyDef = objectClass.AssociatedPropertyDefs[i];
 
             // Skip built-in properties.
-            if (associatedPropertyDef.PropertyDef < 1000 && associatedPropertyDef.PropertyDef != 0 && associatedPropertyDef.PropertyDef != 100)
+            if (associatedPropertyDef.PropertyDef < 1000
+                && associatedPropertyDef.PropertyDef != 0 // Name or title
+                && associatedPropertyDef.PropertyDef != 100 // Class
+                && associatedPropertyDef.PropertyDef != 26 // Keywords
+                && associatedPropertyDef.PropertyDef != 102 // Repository
+                && associatedPropertyDef.PropertyDef != 103 // Location
+                && associatedPropertyDef.PropertyDef != 101) // Class groups
                 continue;
 
             // Add in the property.

From 0bae2c775e144326040cb8fe283adba071dda0a7 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Fri, 9 Dec 2022 08:35:14 +0000
Subject: [PATCH 39/50] Removed class groups from metadata card. Fix for class
 ID 0. Version bump for internal release.

---
 src/UIHelpers/appdef.xml                                       | 2 +-
 src/ViewAllMetadata.UIX/app/appdef.xml                         | 2 +-
 .../app/scripts/renderers/LookupPropertyValueRenderer.js       | 2 +-
 .../app/scripts/renderers/objectrenderer.js                    | 3 +--
 4 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/UIHelpers/appdef.xml b/src/UIHelpers/appdef.xml
index c964f32..60c1d15 100644
--- a/src/UIHelpers/appdef.xml
+++ b/src/UIHelpers/appdef.xml
@@ -7,7 +7,7 @@
   <name>UI Helpers</name>
   <description>Enables various UI-related helpers.</description>
   <publisher>M-Files Corporation (non-official, open-source)</publisher>
-  <version>0.2.2</version>
+  <version>0.2.3</version>
   <copyright>See https://github.com/M-Files/Samples.UIHelpers</copyright>
   <required-mfiles-version>22.11.0.0</required-mfiles-version>
   <multi-server-compatible>true</multi-server-compatible>
diff --git a/src/ViewAllMetadata.UIX/app/appdef.xml b/src/ViewAllMetadata.UIX/app/appdef.xml
index 1ccc4dd..70c21fa 100644
--- a/src/ViewAllMetadata.UIX/app/appdef.xml
+++ b/src/ViewAllMetadata.UIX/app/appdef.xml
@@ -2,7 +2,7 @@
 <application xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="http://www.m-files.com/schemas/appdef-client-v4.xsd">
 	<guid>1B9552B3-C1C5-44b9-9A5F-D4ABAC5E8AE2</guid>	
 	<name>View all metadata UIX</name>
-	<version>0.2.2</version>
+	<version>0.2.3</version>
 	<description>The UI component of the 'View all metadata' module</description>
 	<publisher>M-Files Corporation (non-official, open-source)</publisher>
 	<copyright>See https://github.com/M-Files/Samples.UIHelpers</copyright>
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
index 7f358a0..fa001da 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
@@ -70,7 +70,7 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
             return "";
         }
         var v = $textEntry.data("id");
-        if (isNaN(v) || v == 0)
+        if (isNaN(v))
             return "";
         return {
             id: v,
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
index 93cc552..ae00387 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
@@ -24,8 +24,7 @@
                 && associatedPropertyDef.PropertyDef != 100 // Class
                 && associatedPropertyDef.PropertyDef != 26 // Keywords
                 && associatedPropertyDef.PropertyDef != 102 // Repository
-                && associatedPropertyDef.PropertyDef != 103 // Location
-                && associatedPropertyDef.PropertyDef != 101) // Class groups
+                && associatedPropertyDef.PropertyDef != 103) // Location
                 continue;
 
             // Add in the property.

From 31a7893ddb68d68ba54119a0e7693b03ffe00b52 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Fri, 9 Dec 2022 11:32:38 +0000
Subject: [PATCH 40/50] Enabled rendering of properties that are on the class,
 but not on the actual object.

---
 .../app/dashboard/dashboard.css                   |  6 +++---
 .../app/scripts/renderers/objectrenderer.js       | 15 +++++++++++----
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
index b438a0e..17d0bca 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
@@ -107,9 +107,9 @@ ol.properties li.editable:focus .read-only-value,
 ol.properties li.invalid-value .read-only-value {
     display: none;
 }
-ol.properties li.editable.editing .editing-value,
-ol.properties li.editable:focus .editing-value,
-ol.properties li.invalid-value .editing-value {
+body.editable ol.properties li.editable.editing .editing-value,
+body.editable ol.properties li.editable:focus .editing-value,
+body.editable ol.properties li.invalid-value .editing-value {
     display: block;
 }
 /* make text, real and integer input boxes full width */
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
index ae00387..0e16074 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
@@ -42,7 +42,12 @@
                 continue;
 
             // Skip built-in properties.
-            if (p.PropertyDef < 1000 && p.PropertyDef != 0 && p.PropertyDef != 100)
+            if (associatedPropertyDef.PropertyDef < 1000
+                && associatedPropertyDef.PropertyDef != 0 // Name or title
+                && associatedPropertyDef.PropertyDef != 100 // Class
+                && associatedPropertyDef.PropertyDef != 26 // Keywords
+                && associatedPropertyDef.PropertyDef != 102 // Repository
+                && associatedPropertyDef.PropertyDef != 103) // Location
                 continue;
 
             // If this is the name or title and we have another property set for that on the class then skip.
@@ -133,9 +138,11 @@
 
             // Get the property value.
             var propertyIndex = selectedItem.Properties.IndexOf(propertyDef.ID);
-            if (-1 == propertyIndex)
-                continue;
-            var propertyValue = selectedItem.Properties[propertyIndex - 1];
+            var propertyValue = new MFiles.PropertyValue();
+            propertyValue.PropertyDef = propertyDef.ID;
+            propertyValue.Value.SetValueToNULL(propertyDef.DataType);
+            if(-1 != propertyIndex)
+                propertyValue = selectedItem.Properties[propertyIndex - 1];
 
             // Render.
             var propertyValueRenderer = PropertyValueRenderer.create

From 94741bf33828e076dc57b608e595c16882da05bd Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Fri, 9 Dec 2022 15:52:54 +0000
Subject: [PATCH 41/50] Event now makes "this" correct. Improvements around
 events in lookups. Now trapping that the class has changed.

---
 src/Common/src/Events.js                      |  2 +-
 .../renderers/LookupPropertyValueRenderer.js  |  8 +++-
 .../MultiLineTextPropertyValueRenderer.js     |  1 +
 .../app/scripts/renderers/objectrenderer.js   | 41 +++++++++++--------
 .../renderers/propertyvaluerenderer.js        | 14 +++++++
 5 files changed, 47 insertions(+), 19 deletions(-)

diff --git a/src/Common/src/Events.js b/src/Common/src/Events.js
index 7be68d7..0fd9cf7 100644
--- a/src/Common/src/Events.js
+++ b/src/Common/src/Events.js
@@ -19,6 +19,6 @@
 			eventListeners[eventType] = [];
 		for (var i = 0; i < eventListeners[eventType].length; i++)
 			if (typeof (eventListeners[eventType][i]) == "function")
-				eventListeners[eventType][i].apply(e, Array.prototype.slice.call(arguments, 1));
+				eventListeners[eventType][i].apply(this, Array.prototype.slice.call(arguments, 1));
 	}
 }
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
index fa001da..79caf25 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
@@ -183,6 +183,8 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
                             $textInput.data("displayValue", displayValue);
                             $textInput.data("id", id);
                             $div.removeClass("options-expanded");
+                            renderer.getListItem().removeClass("editing");
+                            renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
                         });
                         $ol.append($li);
                     }
@@ -333,7 +335,8 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
                             $textInput.data("displayValue", displayValue);
                             $textInput.data("id", id);
                             $div.removeClass("options-expanded");
-                            renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged)
+                            renderer.getListItem().removeClass("editing");
+                            renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
                         });
                         $ol.append($li);
                     }
@@ -352,8 +355,9 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
             .addClass("text-entry");
         var $select = $("<div></div>").addClass("select")
             .append($("<ol></ol>"));
-        $textInput.keypress(function (e)
+        $textInput.keyup(function (e)
         {
+            renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
             renderer.renderOptions($div, $textInput, $select, true);
             return true;
         });
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
index e19104d..965e825 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
@@ -23,6 +23,7 @@
         $textarea.val(propertyValue.Value.DisplayValue);
         $textarea.blur(function ()
         {
+            renderer.exitEditMode();
             renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
         });
         $value.append($textarea);
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
index 0e16074..fb22330 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
@@ -42,12 +42,12 @@
                 continue;
 
             // Skip built-in properties.
-            if (associatedPropertyDef.PropertyDef < 1000
-                && associatedPropertyDef.PropertyDef != 0 // Name or title
-                && associatedPropertyDef.PropertyDef != 100 // Class
-                && associatedPropertyDef.PropertyDef != 26 // Keywords
-                && associatedPropertyDef.PropertyDef != 102 // Repository
-                && associatedPropertyDef.PropertyDef != 103) // Location
+            if (p.PropertyDef < 1000
+                && p.PropertyDef != 0 // Name or title
+                && p.PropertyDef != 100 // Class
+                && p.PropertyDef != 26 // Keywords
+                && p.PropertyDef != 102 // Repository
+                && p.PropertyDef != 103) // Location
                 continue;
 
             // If this is the name or title and we have another property set for that on the class then skip.
@@ -157,11 +157,16 @@
             propertyValueRenderer.addEventListener
                 (
                     PropertyValueRenderer.EventTypes.PropertyValueChanged,
-                    updateUI
+                    function ()
+                    {
+                        if (this.getPropertyDef().ID == 100)
+                        {
+                            console.warn("Class has changed!");
+                        }
+                        updateUI();
+                    }
                 );
-            var $listItem = propertyValueRenderer.render();
-            if (null != $listItem)
-                $listItem.focus(updateUI);
+            propertyValueRenderer.render();
             propertyValueRenderers.push(propertyValueRenderer);
         }
     }
@@ -177,11 +182,14 @@
     }
 
     // Update the UI re: save/errors.
-    function updateUI()
+    function updateUI(stopAllEditing)
     {
         // Stop any editing.
-        $(".editing").removeClass("editing");
-        $(".options-expanded").removeClass("options-expanded");
+        if (stopAllEditing)
+        {
+            $(".editing").removeClass("editing");
+            $(".options-expanded").removeClass("options-expanded");
+        }
 
         var changedProperties = [];
         var erroredProperties = [];
@@ -196,7 +204,8 @@
                 erroredProperties.push(renderer);
 
             // Attempt to exit edit mode.
-            renderer.exitEditMode();
+            if (stopAllEditing)
+                renderer.exitEditMode();
         }
 
         // Update the body with flags.
@@ -215,7 +224,7 @@
 
     // When the body is clicked, exit editing mode.
     var $body = $("body");
-    //$body.click(updateUI);
+    $body.click(function () { updateUI(true); });
 
     // Configure the close button.
     $("#btnClose").click(function ()
@@ -279,7 +288,7 @@
     renderer.discardChanges = function ()
     {
         renderer.render(renderer.originalObject, true);
-        updateUI();
+        updateUI(true);
     }
     // Configure the discard button.
     $("#btnDiscard").click(function ()
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index cf6e1bf..1e485fd 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -361,6 +361,7 @@
         $input.val(propertyValue.Value.DisplayValue);
         $input.blur(function ()
         {
+            renderer.exitEditMode();
             renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
         });
         $value.append($input);
@@ -384,6 +385,14 @@
         // Hide options.
         $(".options-expanded").removeClass("options-expanded");
 
+        // Stop all others from being edited.
+        var $listItemsBeingEdited = $("li.editing").not($listItem);
+        for (var i = 0; i < $listItemsBeingEdited.length; i++)
+        {
+            var r = $($listItemsBeingEdited.get(0)).data("renderer");
+            r.exitEditMode();
+        }
+
         // Already editing?
         if ($listItem.hasClass("editing"))
             return;
@@ -398,6 +407,10 @@
         if (!dashboard.CustomData.configuration.EnableEditing)
             return;
 
+        // Don't do anything if we're not editing.
+        if (!$listItem.hasClass("editing"))
+            return true;
+
         // Update the UI.
         renderer.renderReadOnlyValue($parent);
         $listItem.removeClass("editing");
@@ -409,6 +422,7 @@
     {
         // Create the (parent) list item.
         $listItem = $("<li></li>");
+        $listItem.data("renderer", renderer);
         $listItem.attr("tabindex", "0");
         $listItem.addClass("mfdatatype-" + propertyDef.DataType.toString()); // Add a class for the data type
         $listItem.data("propertyDef", propertyDef);

From e4960536cad4b129c3543dcd588ec2779e781000 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Fri, 9 Dec 2022 16:52:32 +0000
Subject: [PATCH 42/50] Better approach to rendering the read-only values.

---
 .../renderers/BooleanPropertyValueRenderer.js |  4 +--
 .../renderers/LookupPropertyValueRenderer.js  |  4 +--
 .../MultiSelectLookupPropertyValueRenderer.js |  4 +--
 .../app/scripts/renderers/objectrenderer.js   |  5 ++--
 .../renderers/propertyvaluerenderer.js        | 30 +++++++++----------
 5 files changed, 24 insertions(+), 23 deletions(-)

diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
index cc19638..b72fa70 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
@@ -39,10 +39,10 @@ function BooleanPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pr
         }
     }
     this.setOriginalValue();
-    this.renderReadOnlyValue = function ($parent)
+    this.renderReadOnlyValue = function ()
     {
         var $listItem = this.getListItem();
-        var $value = base.renderReadOnlyValue.apply(this, [$parent]);
+        var $value = base.renderReadOnlyValue.apply(this, []);
 
         // Set the value.
         var value = this.getCurrentValue();
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
index 79caf25..0c7f91a 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
@@ -6,10 +6,10 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
     PropertyValueRenderer.apply(this, arguments);
     var base = this.getBase();
 
-    this.renderReadOnlyValue = function ($parent)
+    this.renderReadOnlyValue = function ()
     {
         var $listItem = this.getListItem();
-        var $value = base.renderReadOnlyValue.apply(this, [$parent]);
+        var $value = base.renderReadOnlyValue.apply(this, []);
         var value = this.getCurrentValue();
         if ((value + "").length == 0)
         {
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
index a16ebf1..dc011db 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
@@ -7,10 +7,10 @@ function MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, prope
     {
         renderReadOnlyValue: this.renderReadOnlyValue
     };
-    this.renderReadOnlyValue = function ($parent)
+    this.renderReadOnlyValue = function ()
     {
         var $listItem = this.getListItem();
-        var $value = base.renderReadOnlyValue.apply(this, [$parent]);
+        var $value = base.renderReadOnlyValue.apply(this, []);
         var value = this.getCurrentValue();
 
         // Only replace the value if we have something (otherwise leave as "---").
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
index fb22330..641cce8 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
@@ -159,10 +159,11 @@
                     PropertyValueRenderer.EventTypes.PropertyValueChanged,
                     function ()
                     {
+                        // We will need to know if the class changes in the future.
                         if (this.getPropertyDef().ID == 100)
-                        {
                             console.warn("Class has changed!");
-                        }
+
+                        // Update the UI.
                         updateUI();
                     }
                 );
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index 1e485fd..60db593 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -313,19 +313,16 @@
 
         return $label;
     }
-    this.renderReadOnlyValue = function($parent)
+    this.renderReadOnlyValue = function()
     {
-        if (null == $parent)
-            return;
-
         var $listItem = renderer.getListItem();
 
         // Create the value for the PV.
-        var $value = $("span.read-only-value", renderer.getListItem());
+        var $value = $("span.read-only-value", $listItem);
         if ($value.length == 0)
         {
             $value = $("<span></span>").addClass("read-only-value");
-            $parent.append($value);
+            $listItem.append($value);
         }
 
         // If it's invalid then mark the list item.
@@ -407,14 +404,8 @@
         if (!dashboard.CustomData.configuration.EnableEditing)
             return;
 
-        // Don't do anything if we're not editing.
-        if (!$listItem.hasClass("editing"))
-            return true;
-
         // Update the UI.
-        renderer.renderReadOnlyValue($parent);
         $listItem.removeClass("editing");
-
         return true;
     }
 
@@ -432,7 +423,7 @@
         this.renderLabel($listItem);
 
         // Create the read-only value.
-        this.renderReadOnlyValue($listItem);
+        this.renderReadOnlyValue();
 
         // Is editing enabled?
         if (dashboard.CustomData.configuration.EnableEditing)
@@ -472,11 +463,20 @@
         if (null != $parent)
             $parent.append($listItem);
 
-
         return $listItem;
     }
 
-    return this;
+    // React when the property changes and update our read-only version.
+    renderer.addEventListener
+        (
+            PropertyValueRenderer.EventTypes.PropertyValueChanged,
+            function ()
+            {
+                renderer.renderReadOnlyValue();
+            }
+        )
+
+    return renderer;
 }
 PropertyValueRenderer.EventTypes = {
     PropertyValueChanged: 1

From 0a8492e410dd4dc5760fc662f4830ddad3234ff9 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Fri, 9 Dec 2022 17:41:53 +0000
Subject: [PATCH 43/50] Changing class works

---
 .../app/dashboard/dashboard.css               |  6 +-
 .../renderers/LookupPropertyValueRenderer.js  |  8 +-
 .../SingleLineTextPropertyValueRenderer.js    | 10 ---
 .../app/scripts/renderers/objectrenderer.js   | 73 ++++++++++++-------
 .../renderers/propertyvaluerenderer.js        | 27 ++++---
 5 files changed, 73 insertions(+), 51 deletions(-)

diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
index 17d0bca..6617496 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
@@ -102,9 +102,9 @@ ol.properties li.editable .editing-value
 {
     display: none;
 }
-ol.properties li.editable.editing .read-only-value,
-ol.properties li.editable:focus .read-only-value,
-ol.properties li.invalid-value .read-only-value {
+body.editable ol.properties li.editable.editing .read-only-value,
+body.editable ol.properties li.editable:focus .read-only-value,
+body.editable ol.properties li.invalid-value .read-only-value {
     display: none;
 }
 body.editable ol.properties li.editable.editing .editing-value,
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
index 0c7f91a..a75f63b 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
@@ -36,15 +36,17 @@ function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, pro
             pv.Value.SetValue(propertyDef.DataType, null);
         } else
         {
-            currentValue = currentValue.id;
+            var lookup = new MFiles.Lookup();
+            lookup.Item = currentValue.id;
+            lookup.DisplayValue = currentValue.displayValue;
 
             try
             {
-                pv.Value.SetValue(propertyDef.DataType, currentValue);
+                pv.Value.SetValueToLookup(lookup);
             }
             catch (e)
             {
-                alert("Could not set value of " + currentValue + " for property " + propertyDef.Name);
+                alert("Could not set value of " + currentValue.id + " for property " + propertyDef.Name);
             }
         }
         return pv;
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/SingleLineTextPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/SingleLineTextPropertyValueRenderer.js
index 4fb1fa4..4dbcfae 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/SingleLineTextPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/SingleLineTextPropertyValueRenderer.js
@@ -11,15 +11,5 @@
             ? propertyValue.Value.DisplayValue
             : $(".auto-select", $listItem).val() + "";
     }
-    this.isValidValue = function ()
-    {
-        var currentValue = this.getCurrentValue();
-
-        // If it does not have a value but is required, die.
-        if ((currentValue + "").length == 0 && isRequired)
-            return false;
-
-        return true;
-    }
     this.setOriginalValue();
 }
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
index 641cce8..4225610 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
@@ -83,7 +83,7 @@
         }
         return null;
     }
-    renderer.render = function (selectedItem, force)
+    renderer.render = function (selectedItem, force, keepPropertyData)
     {
 
         // Sanity.
@@ -96,14 +96,18 @@
         }
 
         // Is it the same object?
-        if (renderer.originalObject != null && !force)
+        var isSameObject = false;
+        if (renderer.originalObject != null)
         {
             // If it's the same object then don't refresh.
-            if (selectedItem.VersionData.ObjVer.ID == renderer.originalObject.VersionData.ObjVer.ID
+            isSameObject = (selectedItem.VersionData.ObjVer.ID == renderer.originalObject.VersionData.ObjVer.ID
                 && selectedItem.VersionData.ObjVer.Type == renderer.originalObject.VersionData.ObjVer.Type
-                && selectedItem.VersionData.ObjVer.Version == renderer.originalObject.VersionData.ObjVer.Version)
-                return;
+                && selectedItem.VersionData.ObjVer.Version == renderer.originalObject.VersionData.ObjVer.Version);
         }
+        if (isSameObject && !force)
+            return;
+        if (!isSameObject)
+            keepPropertyData = false;
 
         renderer.originalObject = selectedItem.Clone();
 
@@ -116,6 +120,26 @@
         // Set the title.
         $("#title").text(selectedItem.VersionData.Title)
 
+        // Get the class of the object.
+        var objectClass = renderer.getPropertyValue(100);
+        if (!keepPropertyData || null == objectClass || null == objectClass.Value || objectClass.Value.IsNULL())
+            objectClass = selectedItem.VersionData.Class
+        else
+            objectClass = objectClass.Value.GetLookupID();
+
+        // If we keep the property data then try to do so.
+        var selectedItemProperties = selectedItem.Properties;
+        if (keepPropertyData)
+        {
+            selectedItemProperties = new MFiles.PropertyValues();
+            for (var i = 0; i < propertyValueRenderers.length; i++) 
+            {
+                var pv = propertyValueRenderers[i].getPropertyValue();
+                if (null != pv)
+                    selectedItemProperties.Add(-1, pv);
+            }
+        }
+
         // Clear the rendered properties.
         var $propertiesList = $("ol.properties");
         $propertiesList.empty();
@@ -124,8 +148,8 @@
         // Render the properties.
         var properties = getOrderedProperties
         (
-            dashboard.CustomData.vaultStructureManager.getObjectClass(selectedItem.VersionData.Class),
-            selectedItem.Properties
+            dashboard.CustomData.vaultStructureManager.getObjectClass(objectClass),
+            selectedItemProperties
         );
         for (var i = 0; i < properties.length; i++)
         {
@@ -137,12 +161,12 @@
                 continue;
 
             // Get the property value.
-            var propertyIndex = selectedItem.Properties.IndexOf(propertyDef.ID);
+            var propertyIndex = selectedItemProperties.IndexOf(propertyDef.ID);
             var propertyValue = new MFiles.PropertyValue();
             propertyValue.PropertyDef = propertyDef.ID;
             propertyValue.Value.SetValueToNULL(propertyDef.DataType);
             if(-1 != propertyIndex)
-                propertyValue = selectedItem.Properties[propertyIndex - 1];
+                propertyValue = selectedItemProperties[propertyIndex - 1];
 
             // Render.
             var propertyValueRenderer = PropertyValueRenderer.create
@@ -159,9 +183,9 @@
                     PropertyValueRenderer.EventTypes.PropertyValueChanged,
                     function ()
                     {
-                        // We will need to know if the class changes in the future.
+                        // Re-render if the class changes.
                         if (this.getPropertyDef().ID == 100)
-                            console.warn("Class has changed!");
+                            renderer.render(renderer.originalObject, true, true);
 
                         // Update the UI.
                         updateUI();
@@ -242,27 +266,24 @@
             return false;
         var vault = dashboard.Vault;
 
-        function getPropertyValueFromRenderer(propertyDef)
-        {
-            for (var i = 0; i < propertyValueRenderers.length; i++)
-            {
-                if (propertyValueRenderers[i].getPropertyDef().ID == propertyDef)
-                    return propertyValueRenderers[i].getPropertyValue();
-            }
-            return null;
-
-        }
+        // Get the original object properties.
+        var propertyValues = renderer.originalObject.Properties;
 
         // Gather the properties.
-        var propertyValues = new MFiles.PropertyValues();
-        for (var i = 0; i < renderer.originalObject.Properties.Count; i++)
+        for (var i = 0; i < propertyValueRenderers.length; i++)
         {
+
             // Get the value for this property.
-            var pvValue = getPropertyValueFromRenderer(renderer.originalObject.Properties[i].PropertyDef)
-                || renderer.originalObject.Properties[i];
+            var pv = propertyValueRenderers[i].getPropertyValue();
+
+            // If the collection contains a value then remove it.
+            var index = propertyValues.IndexOf(pv.PropertyDef);
+            if (index > -1)
+                propertyValues.Remove(index);
 
             // Add it.
-            propertyValues.Add(-1, pvValue);
+            if(null != pv)
+                propertyValues.Add(index, pv);
         }
 
         // Update the properties.
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index 60db593..ef395b9 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -294,7 +294,13 @@
     {
         var currentValue = this.getCurrentValue();
 
-        return (isRequired && (currentValue + "").length > 0) || !isRequired;
+        // Not required; fine.
+        if (!isRequired)
+            return true;
+
+        // Required, so either needs to have a length or have an automatic value.
+        return (currentValue + "").length > 0 
+            || propertyDef.AutomaticValueType != MFAutomaticValueTypeNone;
     }
 
     this.renderLabel = function($parent)
@@ -325,6 +331,17 @@
             $listItem.append($value);
         }
 
+        // Render the value.
+        var value = renderer.getCurrentValue();
+        if ((value + "").length == 0)
+        {
+            $listItem.addClass("empty");
+            value = propertyDef.AutomaticValueType == MFAutomaticValueTypeNone
+                ? "---"
+                : "(automatic)";
+        }
+        $value.text(value);
+
         // If it's invalid then mark the list item.
         if (!renderer.isValidValue())
         {
@@ -337,14 +354,6 @@
         if (null != $listItem)
             $listItem.removeClass("invalid-value");
 
-        var value = renderer.getCurrentValue();
-        if ((value + "").length == 0)
-        {
-            $listItem.addClass("empty");
-            value = "---";
-        }
-        $value.text(value);
-
         return $value;
     }
 

From 3403e438fd9182f095e95e2d0c16f633e9f8724d Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Fri, 9 Dec 2022 18:21:01 +0000
Subject: [PATCH 44/50] Property deletion also works

---
 src/Common/Common.csproj                      |   1 +
 .../src/dashboards/images/icon-delete.png     | Bin 0 -> 475 bytes
 .../ViewAllMetadata.UIX.csproj                |   3 +
 .../app/dashboard/dashboard.css               |  14 ++++
 .../renderers/BooleanPropertyValueRenderer.js |   2 +-
 .../renderers/DatePropertyValueRenderer.js    |   2 +-
 .../FloatingPropertyValueRenderer.js          |   2 +-
 .../renderers/IntegerPropertyValueRenderer.js |   2 +-
 .../renderers/LookupPropertyValueRenderer.js  |   2 +-
 .../MultiLineTextPropertyValueRenderer.js     |   2 +-
 .../MultiSelectLookupPropertyValueRenderer.js |   2 +-
 .../SingleLineTextPropertyValueRenderer.js    |   2 +-
 .../renderers/TimePropertyValueRenderer.js    |   2 +-
 .../TimestampPropertyValueRenderer.js         |   2 +-
 .../app/scripts/renderers/objectrenderer.js   |  63 +++++++++++++++---
 .../renderers/propertyvaluerenderer.js        |  53 ++++++++++-----
 16 files changed, 119 insertions(+), 35 deletions(-)
 create mode 100644 src/Common/src/dashboards/images/icon-delete.png

diff --git a/src/Common/Common.csproj b/src/Common/Common.csproj
index 796c46d..f28cbad 100644
--- a/src/Common/Common.csproj
+++ b/src/Common/Common.csproj
@@ -41,6 +41,7 @@
     <Content Include="src\dashboards\base-dashboard.css" />
     <Content Include="src\ConfigurationManager.js" />
     <Content Include="src\dashboards\images\arrow_drop_down_s1_grey.png" />
+    <Content Include="src\dashboards\images\icon-delete.png" />
     <Content Include="src\dashboards\scripts\console-dashboard.js" />
     <Content Include="src\console-shellui.js" />
     <Content Include="src\dashboards\scripts\Dashboard.js" />
diff --git a/src/Common/src/dashboards/images/icon-delete.png b/src/Common/src/dashboards/images/icon-delete.png
new file mode 100644
index 0000000000000000000000000000000000000000..3319a51c296a44faa5df3dfbe488aca04097bc77
GIT binary patch
literal 475
zcmV<10VMv3P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0dPq~K~#7Ftx~^B
z!%z_ZlG0jmshiMJA~eo*uvA?#`Y$-u)u}oZ6|AL*;E$zl1s4Su|BDAg8@m|i3O=xP
zj-we8@1;q2#zqSI!I78m?!LSC?tni+i4$eR$YmVV>9|d%1++zh)~AcMWip;9P}wkQ
zo`(*RIZTJGcxXTNStle?;bC>ns8eE>EQ@4hspMw9sPXX|e~vmRR}C$#;^~*lKRR(T
zSh5(iRq;2cq9rHa-CSc?FGbOMspNAK#5?VZgD>DID9hgV={YXWPJ9uOd`V})#ZZf`
zP+2#;xL4OFi6Bqou!-UDB_4u7k0~mW;02~knYDyafPbqVv@I$(4w}(*V)~XWa4S1o
zNBdFR!i2~%ak0w2z+{ZHeQ5`;vyPFf+bI_-CT*qPftV*;>|sWzw2fx4($OZqkGNGR
zXdg7vYSK1}%JkV8^jSCLQgXm}#LZ$}yQjc~;OQ3w7bm-#&tR+fz)bunz5pFzdrTcu
R#-0EG002ovPDHLkV1k@O%#r{A

literal 0
HcmV?d00001

diff --git a/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj b/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
index 682bacf..7a4bd5e 100644
--- a/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
+++ b/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
@@ -35,6 +35,9 @@
       <Link>app\common-shellui.min.js</Link>
       <DependentUpon>common-shellui.js</DependentUpon>
     </Content>
+    <Content Include="..\Common\src\dashboards\images\icon-delete.png">
+      <Link>app\images\icon-delete.png</Link>
+    </Content>
     <Content Include="..\Common\src\dashboards\images\icon-edit.png">
       <Link>app\images\icon-edit.png</Link>
     </Content>
diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
index 6617496..6ad817f 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
@@ -98,6 +98,20 @@ ol.properties li.editable:hover {
     background-repeat: no-repeat;
     background-position: 170px 6px;
 }
+    ol.properties a.remove {
+        display: none;
+        background-image: url("../images/icon-delete.png");
+        background-repeat: no-repeat;
+        background-position: 0px 0px;
+        width: 16px;
+        height: 16px;
+        cursor: pointer;
+        vertical-align: middle;
+        margin-right: 5px;
+    }
+    ol.properties li.removable:hover a.remove {
+        display: inline-block;
+    }
 ol.properties li.editable .editing-value
 {
     display: none;
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
index b72fa70..1a7441c 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
@@ -1,5 +1,5 @@
 
-function BooleanPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+function BooleanPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
 {
     var renderer = this;
     PropertyValueRenderer.apply(this, arguments);
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/DatePropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/DatePropertyValueRenderer.js
index 0a5eff0..8c5cba8 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/DatePropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/DatePropertyValueRenderer.js
@@ -1,5 +1,5 @@
 
-function DatePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+function DatePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
 {
     PropertyValueRenderer.apply(this, arguments);
     var base = this.getBase();
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/FloatingPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/FloatingPropertyValueRenderer.js
index 413c1f1..cbb77cd 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/FloatingPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/FloatingPropertyValueRenderer.js
@@ -1,5 +1,5 @@
 
-function FloatingPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+function FloatingPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
 {
     PropertyValueRenderer.apply(this, arguments);
     var base = this.getBase();
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/IntegerPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/IntegerPropertyValueRenderer.js
index 8f6dd52..35941c2 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/IntegerPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/IntegerPropertyValueRenderer.js
@@ -1,5 +1,5 @@
 
-function IntegerPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+function IntegerPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
 {
     FloatingPropertyValueRenderer.apply(this, arguments);
     var base = this.getBase();
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
index a75f63b..7e4b756 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
@@ -1,5 +1,5 @@
 
-function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
 {
     // Set up the base object.
     var renderer = this;
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
index 965e825..60f75a3 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
@@ -1,4 +1,4 @@
-function MultiLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+function MultiLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
 {
     var renderer = this;
     SingleLineTextPropertyValueRenderer.apply(this, arguments);
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
index dc011db..2b55450 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
@@ -1,5 +1,5 @@
 
-function MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+function MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
 {
     var renderer = this;
     LookupPropertyValueRenderer.apply(this, arguments);
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/SingleLineTextPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/SingleLineTextPropertyValueRenderer.js
index 4dbcfae..e204b4d 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/SingleLineTextPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/SingleLineTextPropertyValueRenderer.js
@@ -1,4 +1,4 @@
-function SingleLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+function SingleLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
 {
     PropertyValueRenderer.apply(this, arguments);
     var base = this.getBase();
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/TimePropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimePropertyValueRenderer.js
index 0850748..f331b9f 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/TimePropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimePropertyValueRenderer.js
@@ -1,5 +1,5 @@
 
-function TimePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+function TimePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
 {
     PropertyValueRenderer.apply(this, arguments);
     var base = this.getBase();
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/TimestampPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimestampPropertyValueRenderer.js
index 1ecf4eb..534600f 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/TimestampPropertyValueRenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimestampPropertyValueRenderer.js
@@ -1,5 +1,5 @@
 
-function TimestampPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+function TimestampPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
 {
     PropertyValueRenderer.apply(this, arguments);
 
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
index 4225610..68b6cf6 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
@@ -3,6 +3,7 @@
     var renderer = this;
     renderer.dashboard = dashboard;
     var propertyValueRenderers = [];
+    var deletedProperties = [];
     function getOrderedProperties(objectClass, objectProperties)
     {
         var renderedPropertyDefs = [];
@@ -37,6 +38,10 @@
         {
             var p = objectProperties[i];
 
+            // Skip deleted ones.
+            if (deletedProperties.indexOf(p.PropertyDef) > -1)
+                continue;
+
             // Skip rendered ones.
             if (renderedPropertyDefs.indexOf(p.PropertyDef) > -1)
                 continue;
@@ -83,6 +88,10 @@
         }
         return null;
     }
+    renderer.reRender = function (force, keepPropertyData)
+    {
+        return renderer.render(renderer.originalObject, force, keepPropertyData);
+    }
     renderer.render = function (selectedItem, force, keepPropertyData)
     {
 
@@ -139,6 +148,10 @@
                     selectedItemProperties.Add(-1, pv);
             }
         }
+        else
+        {
+            deletedProperties = [];
+        }
 
         // Clear the rendered properties.
         var $propertiesList = $("ol.properties");
@@ -176,7 +189,8 @@
                 propertyDef,
                 propertyValue,
                 property.isRequired,
-                $propertiesList
+                $propertiesList,
+                property.isRemovable
             );
             propertyValueRenderer.addEventListener
                 (
@@ -185,7 +199,28 @@
                     {
                         // Re-render if the class changes.
                         if (this.getPropertyDef().ID == 100)
-                            renderer.render(renderer.originalObject, true, true);
+                            renderer.reRender(true, true);
+
+                        // Update the UI.
+                        updateUI();
+                    }
+            );
+            propertyValueRenderer.addEventListener
+                (
+                    PropertyValueRenderer.EventTypes.PropertyValueRemoved,
+                    function ()
+                    {
+                        // Remove this property value.
+                        for (var i = 0; i < propertyValueRenderers.length; i++)
+                        {
+                            // If it's this one then remove it and re-render.
+                            if (propertyValueRenderers[i] == this)
+                            {
+                                deletedProperties.push(propertyValueRenderers[i].getPropertyDef().ID);
+                                renderer.reRender(true, true);
+                                break;
+                            }
+                        }
 
                         // Update the UI.
                         updateUI();
@@ -222,15 +257,15 @@
         {
 
             // Should we enable buttons and things?
-            var renderer = propertyValueRenderers[i];
-            if (renderer.hasChanged())
-                changedProperties.push(renderer);
-            if (!renderer.isValidValue())
-                erroredProperties.push(renderer);
+            var pvr = propertyValueRenderers[i];
+            if (pvr.hasChanged())
+                changedProperties.push(pvr);
+            if (!pvr.isValidValue())
+                erroredProperties.push(pvr);
 
             // Attempt to exit edit mode.
             if (stopAllEditing)
-                renderer.exitEditMode();
+                pvr.exitEditMode();
         }
 
         // Update the body with flags.
@@ -238,7 +273,7 @@
             .removeClass("changed")
             .removeClass("has-errors");
         $("#btnSave").removeAttr("disabled");
-        if (changedProperties.length > 0)
+        if (deletedProperties.length > 0 || changedProperties.length > 0)
             $body.addClass("changed");
         if (erroredProperties.length > 0)
         {
@@ -269,6 +304,15 @@
         // Get the original object properties.
         var propertyValues = renderer.originalObject.Properties;
 
+        // Remove any deleted.
+        for (var i = 0; i < deletedProperties.length; i++)
+        {
+            // If the collection contains a value then remove it.
+            var index = propertyValues.IndexOf(deletedProperties[i]);
+            if (index > -1)
+                propertyValues.Remove(index);
+        }
+
         // Gather the properties.
         for (var i = 0; i < propertyValueRenderers.length; i++)
         {
@@ -309,6 +353,7 @@
 
     renderer.discardChanges = function ()
     {
+        deletedProperties = [];
         renderer.render(renderer.originalObject, true);
         updateUI(true);
     }
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index ef395b9..8084bb7 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -1,4 +1,4 @@
-function PropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+function PropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
 {
     var renderer = this;
     var $listItem = null;
@@ -305,14 +305,32 @@
 
     this.renderLabel = function($parent)
     {
+
         // Create the label for the PV.
-        var $label = $("<label></label>");
+        var $label = $("<label></label>")
+            .attr("for", "propertyEditor-" + propertyDef.ID);
         if (isRequired)
             $label.addClass("mandatory");
         var $labelSpan = $("<span></span>");
         $labelSpan.text(propertyDef.Name);
         $label.append($labelSpan);
 
+        // If it can be removed then render the icon.
+        if (isRemovable)
+        {
+            var $removeButton = $("<a></a>")
+                .addClass("remove")
+                .click(function ()
+                {
+                    renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueRemoved);
+                });
+            if (null != $parent)
+            {
+                $parent.addClass("removable");
+                $label.prepend($removeButton);
+            }
+        }
+
         // Add to a parent if we can.
         if (null != $parent)
             $parent.append($label);
@@ -363,7 +381,9 @@
         var $value = $("<span></span>").addClass("editing-value");
 
         // Create a standard input.
-        var $input = $("<input type='text' maxlength='100' />").addClass("auto-select");
+        var $input = $("<input type='text' maxlength='100' />")
+            .addClass("auto-select")
+            .attr("id", "propertyEditor-" + propertyDef.ID);
         $input.val(propertyValue.Value.DisplayValue);
         $input.blur(function ()
         {
@@ -488,34 +508,35 @@
     return renderer;
 }
 PropertyValueRenderer.EventTypes = {
-    PropertyValueChanged: 1
+    PropertyValueChanged: 1,
+    PropertyValueRemoved: 2
 };
-PropertyValueRenderer.create = function (dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent)
+PropertyValueRenderer.create = function (dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
 {
     switch (propertyDef.DataType)
     {
         case MFDatatypeMultiSelectLookup:
-            return new MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+            return new MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
         case MFDatatypeLookup:
-            return new LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+            return new LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
         case MFDatatypeTimestamp:
-            return new TimestampPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+            return new TimestampPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
         case MFDatatypeTime:
-            return new TimePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+            return new TimePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
         case MFDatatypeDate:
-            return new DatePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+            return new DatePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
         case MFDatatypeBoolean:
-            return new BooleanPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+            return new BooleanPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
         case MFDatatypeInteger:
-            return new IntegerPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+            return new IntegerPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
         case MFDatatypeFloating:
-            return new FloatingPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+            return new FloatingPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
         case MFDatatypeMultiLineText:
-            return new MultiLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+            return new MultiLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
         case MFDatatypeText:
-            return new SingleLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+            return new SingleLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
         default:
             alert("Property datatype " + propertyDef.DataType + " not handled; rendering may fail.");
-            return new PropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent);
+            return new PropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
     }
 }
\ No newline at end of file

From 81649b5f1a2d5ee2890d710f7ce04366ff1ef9ea Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Fri, 9 Dec 2022 18:21:17 +0000
Subject: [PATCH 45/50] Version bump

---
 src/UIHelpers/appdef.xml               | 2 +-
 src/ViewAllMetadata.UIX/app/appdef.xml | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/UIHelpers/appdef.xml b/src/UIHelpers/appdef.xml
index 60c1d15..0e389ca 100644
--- a/src/UIHelpers/appdef.xml
+++ b/src/UIHelpers/appdef.xml
@@ -7,7 +7,7 @@
   <name>UI Helpers</name>
   <description>Enables various UI-related helpers.</description>
   <publisher>M-Files Corporation (non-official, open-source)</publisher>
-  <version>0.2.3</version>
+  <version>0.2.4</version>
   <copyright>See https://github.com/M-Files/Samples.UIHelpers</copyright>
   <required-mfiles-version>22.11.0.0</required-mfiles-version>
   <multi-server-compatible>true</multi-server-compatible>
diff --git a/src/ViewAllMetadata.UIX/app/appdef.xml b/src/ViewAllMetadata.UIX/app/appdef.xml
index 70c21fa..c2f3347 100644
--- a/src/ViewAllMetadata.UIX/app/appdef.xml
+++ b/src/ViewAllMetadata.UIX/app/appdef.xml
@@ -2,7 +2,7 @@
 <application xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="http://www.m-files.com/schemas/appdef-client-v4.xsd">
 	<guid>1B9552B3-C1C5-44b9-9A5F-D4ABAC5E8AE2</guid>	
 	<name>View all metadata UIX</name>
-	<version>0.2.3</version>
+	<version>0.2.4</version>
 	<description>The UI component of the 'View all metadata' module</description>
 	<publisher>M-Files Corporation (non-official, open-source)</publisher>
 	<copyright>See https://github.com/M-Files/Samples.UIHelpers</copyright>

From 3afe071faf5cbb0c0388770cd19e7a1e4c2c2448 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Thu, 12 Jan 2023 09:40:10 +0000
Subject: [PATCH 46/50] Created SingleObjectDashboard (dashboard that follows a
 single object being selected, etc.) Added promise and setimmediate polyfills
 Added more icons

---
 src/Common/Common.csproj                      |   6 +
 src/Common/bundleconfig.json                  |   2 +
 src/Common/src/WindowManager.js               |  12 +-
 .../src/dashboards/images/create_s1_grey.png  | Bin 0 -> 396 bytes
 src/Common/src/dashboards/images/disable.png  | Bin 0 -> 235 bytes
 .../dashboards/images/ellipsis_s1_grey.png    | Bin 0 -> 145 bytes
 src/Common/src/dashboards/images/enable.png   | Bin 0 -> 279 bytes
 .../src/dashboards/scripts/Dashboard.js       |  51 +++--
 .../src/dashboards/scripts/polyfill.min.js    |   1 +
 .../src/dashboards/scripts/setImmediate.js    | 186 ++++++++++++++++++
 .../app/dashboard/dashboard.js                |   2 +-
 .../app/dashboard/dashboard.js                |   2 +-
 12 files changed, 240 insertions(+), 22 deletions(-)
 create mode 100644 src/Common/src/dashboards/images/create_s1_grey.png
 create mode 100644 src/Common/src/dashboards/images/disable.png
 create mode 100644 src/Common/src/dashboards/images/ellipsis_s1_grey.png
 create mode 100644 src/Common/src/dashboards/images/enable.png
 create mode 100644 src/Common/src/dashboards/scripts/polyfill.min.js
 create mode 100644 src/Common/src/dashboards/scripts/setImmediate.js

diff --git a/src/Common/Common.csproj b/src/Common/Common.csproj
index f28cbad..b080be9 100644
--- a/src/Common/Common.csproj
+++ b/src/Common/Common.csproj
@@ -41,10 +41,16 @@
     <Content Include="src\dashboards\base-dashboard.css" />
     <Content Include="src\ConfigurationManager.js" />
     <Content Include="src\dashboards\images\arrow_drop_down_s1_grey.png" />
+    <Content Include="src\dashboards\images\create_s1_grey.png" />
+    <Content Include="src\dashboards\images\disable.png" />
+    <Content Include="src\dashboards\images\ellipsis_s1_grey.png" />
+    <Content Include="src\dashboards\images\enable.png" />
     <Content Include="src\dashboards\images\icon-delete.png" />
     <Content Include="src\dashboards\scripts\console-dashboard.js" />
     <Content Include="src\console-shellui.js" />
     <Content Include="src\dashboards\scripts\Dashboard.js" />
+    <Content Include="src\dashboards\scripts\polyfill.min.js" />
+    <Content Include="src\dashboards\scripts\setImmediate.js" />
     <Content Include="src\Events.js" />
     <Content Include="src\dashboards\images\bottom-pane.png" />
     <Content Include="src\dashboards\images\icon-edit.png" />
diff --git a/src/Common/bundleconfig.json b/src/Common/bundleconfig.json
index 5f62479..64d31cf 100644
--- a/src/Common/bundleconfig.json
+++ b/src/Common/bundleconfig.json
@@ -17,6 +17,8 @@
     "inputFiles": [
       "src/dashboards/scripts/console-dashboard.js",
       "src/dashboards/scripts/jquery-1.12.4.min.js",
+      "src/dashboards/scripts/setImmediate.js",
+      "src/dashboards/scripts/polyfill.min.js",
       "src/Events.js",
       "src/dashboards/scripts/Dashboard.js"
     ]
diff --git a/src/Common/src/WindowManager.js b/src/Common/src/WindowManager.js
index e369b18..079482d 100644
--- a/src/Common/src/WindowManager.js
+++ b/src/Common/src/WindowManager.js
@@ -5,7 +5,7 @@
 	var tabId = null;
 	var tabTitle = null;
 	var t = this;
-	var registrationCallback = null;
+	var selectionChangedCallback = null;
 	var bottomTab;
 	var sideTab;
 	var shown = false;
@@ -41,7 +41,7 @@
 
 		// Set the new location.
 		currentLocation = newLocation;
-		registrationCallback = null;
+		selectionChangedCallback = null;
 
 		// Update vault.
 		t.saveDefaultWindowSize();
@@ -188,9 +188,9 @@
 
 		// Define the data to send to the dashboard.
 		var customData = {
-			registrationCallback: function (fn)
+			selectionChangedCallback: function (fn)
 			{
-				registrationCallback = fn
+				selectionChangedCallback = fn
 			},
 			tabClosedCallback: t.close,
 			windowManager: orchestrator.getWindowManager(),
@@ -202,7 +202,7 @@
 		};
 
 		// If we have a function then try to call it.
-		if (registrationCallback && typeof (registrationCallback) == "function")
+		if (selectionChangedCallback && typeof (selectionChangedCallback) == "function")
 		{
 			try
 			{
@@ -210,7 +210,7 @@
 				var selectedItems = orchestrator.getSelectedItems()
 				if (null == selectedItems)
 					return false;
-				registrationCallback(selectedItems);
+				selectionChangedCallback(selectedItems);
 
 				switch (currentLocation)
 				{
diff --git a/src/Common/src/dashboards/images/create_s1_grey.png b/src/Common/src/dashboards/images/create_s1_grey.png
new file mode 100644
index 0000000000000000000000000000000000000000..17122d0e92f0ba5fef9e8de36b0c46eaf55c6687
GIT binary patch
literal 396
zcmV;70dxL|P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0U=35K~#7Ftx`K~
zgFp}+NCfHN2;>AwnG<l0(550lMP;a{0J}>U`5IKdfjI(4z%2#%4PwDsuO%$|Nr;`%
zyw84!9)u=0k|eP$%kqa|@K8EayGC7iU6;mj+}so>isBo;Ek2vnXd#qFQMA1h0NJ0&
zYv6@pxSs{GEOSiLJSv=b)8ChqXqxsO1VO8FWf;arK_<lI$SqyN?)(0i7oz~wKIu+?
z!{<e>Q++A06RvPMj4rw^NcP2coH@Z-KzNXQB0)pTo%?Vi$$6vDtLFp|-qW3c=pq0o
zzW-J+#Cx_Be4b6m8PUn}+ymjCRse|u@fu%5v#P4vb=?z0zEHm1;PSip0r_uEDNmGT
q>0l_q@`IM^ZTOsctNi-tnK%Ot<7rW2E*$p&0000<MNUMnLSTXhcchyD

literal 0
HcmV?d00001

diff --git a/src/Common/src/dashboards/images/disable.png b/src/Common/src/dashboards/images/disable.png
new file mode 100644
index 0000000000000000000000000000000000000000..7e19f71b30f2addd11b06ca8e0e54701c8795734
GIT binary patch
literal 235
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBeuJlrV@L(#-H96o8x#as_+J@r;N&*g;Kj_f
zfs^@lB@3JE5qp{7y0#}jZrAfISZ}o~wdeWyy=!MTJuvaOvPLlcwOcNa0OPa7=<k<w
z?%k7Oy)t2os9~@JXQQA&ans_^gFOE)IxT;`_45>WHQxrY8DeX=GM1iISkJ!cz@oCh
cUg@PwsZ}wp=O?&L2fBs9)78&qol`;+05XG5lK=n!

literal 0
HcmV?d00001

diff --git a/src/Common/src/dashboards/images/ellipsis_s1_grey.png b/src/Common/src/dashboards/images/ellipsis_s1_grey.png
new file mode 100644
index 0000000000000000000000000000000000000000..9003ee364df2c457931bbced3754b87f824a91f9
GIT binary patch
literal 145
zcmeAS@N?(olHy`uVBq!ia0vp^f<P?5!3HEh7*2@?Qk(@Ik;M!Qteqgtn42;87f_I~
zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFK)#x%i(^Oy<J;pKIT;u@jvP4t_oryAtInFO
m=IokE4~1{vjID2Jh-Lhr!EgDCbJGW)4hBzGKbLh*2~7Z*9VuS`

literal 0
HcmV?d00001

diff --git a/src/Common/src/dashboards/images/enable.png b/src/Common/src/dashboards/images/enable.png
new file mode 100644
index 0000000000000000000000000000000000000000..8dd1e4a7f964a5d42f5598d86e3b0aefebc21834
GIT binary patch
literal 279
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{u)mg$B+ufxBX{%n;Zn(_RE$&T@u|So55LS
z%qC>TV0D4-P09f_lT&kVG|Eaue_-k?4D|5`5xHxve>3Iz^Rp=pY|2(P(xUGz-T$8w
z^JjN?%QC@0F5ra1OpdwwdIz5+m@Js`{=Nox*~99&akFLbM_I-k>pJc=A;vx>fA^m)
z4k2c4Wf~5L*V*}B3Y)LFe_oLOyvN*Ag^l#TZ9QhU^q!#9ipkj%b9Q&dwzkc`!*Dae
Wfb&Fo#5|z889ZJ6T-G@yGywoWMq(NO

literal 0
HcmV?d00001

diff --git a/src/Common/src/dashboards/scripts/Dashboard.js b/src/Common/src/dashboards/scripts/Dashboard.js
index 91c06ef..1ab2556 100644
--- a/src/Common/src/dashboards/scripts/Dashboard.js
+++ b/src/Common/src/dashboards/scripts/Dashboard.js
@@ -1,15 +1,39 @@
 "use strict";
 
+function SingleObjectDashboard()
+{
+    var t = this;
+    var dashboard = new Dashboard();
+
+    t.events = dashboard.events;
+    t.addEventListener = t.events.addEventListener;
+    t.dispatchEvent = t.events.dispatchEvent;
+
+    t.getShellUI = t.getShellUI;
+    t.getUIXDashboard = dashboard.getUIXDashboard;
+    t.addEventListener(Dashboard.EventTypes.NewDashboard, function (dashboard)
+    {
+        // If we have some items then dispatch the event now.
+        if (dashboard.CustomData && dashboard.CustomData.selectedItems)
+            t.dispatchEvent(Dashboard.EventTypes.SelectionChanged, dashboard.CustomData.selectedItems);
+
+    });
+}
+
 function Dashboard()
 {
     /// <summary>The entry point of Dashboard.</summary>
     /// <param name="d" type="MFiles.Dashboard">The new Dashboard object.</param>
     var t = this;
 
+    console.log("Dashboard activated");
+
     var events = new Events();
     t.addEventListener = events.addEventListener;
     t.dispatchEvent = events.dispatchEvent;
 
+    var shellUI;
+    t.getShellUI = function () { return shellUI; }
     var uixDashboard = null;
     t.getUIXDashboard = function () { return uixDashboard; }
 
@@ -18,7 +42,7 @@ function Dashboard()
         uixDashboard = dashboard;
 
         // Parent is a shell pane container (tab), when dashboard is shown in right pane.
-        var shellUI = null;
+        shellUI = null;
         switch (dashboard.CustomData.currentLocation)
         {
             case 0: // Bottom pane.
@@ -31,23 +55,26 @@ function Dashboard()
         }
 
         // Initialize console.
-        console.initialize(shellUI, dashboard.CustomData.moduleName || "Unknown module");
+        if(null != shellUI)
+            console.initialize(shellUI, dashboard.CustomData.moduleName || "Unknown module");
 
         // Pass a reference back to our renderer.
-        if (dashboard.CustomData.registrationCallback)
-            dashboard.CustomData.registrationCallback(function (selectedItems)
+        if (dashboard.CustomData.selectionChangedCallback)
+            dashboard.CustomData.selectionChangedCallback(function (selectedItems)
             {
                 t.dispatchEvent(Dashboard.EventTypes.SelectionChanged, selectedItems)
             });
 
         // Do we need to resize?
-        dashboard.CustomData.windowManager.resizePopupWindow(dashboard.Window);
-
-        // On resize, save the location.
-        // Resize fires continuously, so no point reporting back until they are done.
-        // This waits until no changes in 0.5s then saves back.
-        if (null != dashboard.Window)
+        if (dashboard.CustomData.windowManager
+            && dashboard.CustomData.windowManager.resizePopupWindow
+            && dashboard.Window)
         {
+            dashboard.CustomData.windowManager.resizePopupWindow(dashboard.Window);
+
+            // On resize, save the location.
+            // Resize fires continuously, so no point reporting back until they are done.
+            // This waits until no changes in 0.5s then saves back.
             var resizeTimeout = null;
             window.addEventListener("resize", function ()
             {
@@ -60,10 +87,6 @@ function Dashboard()
             });
         }
 
-        // If we have some items then dispatch the event now.
-        if (dashboard.CustomData.selectedItems)
-            t.dispatchEvent(Dashboard.EventTypes.SelectionChanged, dashboard.CustomData.selectedItems);
-
     });
 
     // When the OnNewDashboard method is called, start our dashboard.
diff --git a/src/Common/src/dashboards/scripts/polyfill.min.js b/src/Common/src/dashboards/scripts/polyfill.min.js
new file mode 100644
index 0000000..cebfadc
--- /dev/null
+++ b/src/Common/src/dashboards/scripts/polyfill.min.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t():"function"==typeof define&&define.amd?define(t):t()}(0,function(){"use strict";function e(e){var t=this.constructor;return this.then(function(n){return t.resolve(e()).then(function(){return n})},function(n){return t.resolve(e()).then(function(){return t.reject(n)})})}function t(e){return new this(function(t,n){function o(e,n){if(n&&("object"==typeof n||"function"==typeof n)){var f=n.then;if("function"==typeof f)return void f.call(n,function(t){o(e,t)},function(n){r[e]={status:"rejected",reason:n},0==--i&&t(r)})}r[e]={status:"fulfilled",value:n},0==--i&&t(r)}if(!e||"undefined"==typeof e.length)return n(new TypeError(typeof e+" "+e+" is not iterable(cannot read property Symbol(Symbol.iterator))"));var r=Array.prototype.slice.call(e);if(0===r.length)return t([]);for(var i=r.length,f=0;r.length>f;f++)o(f,r[f])})}function n(e){return!(!e||"undefined"==typeof e.length)}function o(){}function r(e){if(!(this instanceof r))throw new TypeError("Promises must be constructed via new");if("function"!=typeof e)throw new TypeError("not a function");this._state=0,this._handled=!1,this._value=undefined,this._deferreds=[],l(e,this)}function i(e,t){for(;3===e._state;)e=e._value;0!==e._state?(e._handled=!0,r._immediateFn(function(){var n=1===e._state?t.onFulfilled:t.onRejected;if(null!==n){var o;try{o=n(e._value)}catch(r){return void u(t.promise,r)}f(t.promise,o)}else(1===e._state?f:u)(t.promise,e._value)})):e._deferreds.push(t)}function f(e,t){try{if(t===e)throw new TypeError("A promise cannot be resolved with itself.");if(t&&("object"==typeof t||"function"==typeof t)){var n=t.then;if(t instanceof r)return e._state=3,e._value=t,void c(e);if("function"==typeof n)return void l(function(e,t){return function(){e.apply(t,arguments)}}(n,t),e)}e._state=1,e._value=t,c(e)}catch(o){u(e,o)}}function u(e,t){e._state=2,e._value=t,c(e)}function c(e){2===e._state&&0===e._deferreds.length&&r._immediateFn(function(){e._handled||r._unhandledRejectionFn(e._value)});for(var t=0,n=e._deferreds.length;n>t;t++)i(e,e._deferreds[t]);e._deferreds=null}function l(e,t){var n=!1;try{e(function(e){n||(n=!0,f(t,e))},function(e){n||(n=!0,u(t,e))})}catch(o){if(n)return;n=!0,u(t,o)}}var a=setTimeout;r.prototype["catch"]=function(e){return this.then(null,e)},r.prototype.then=function(e,t){var n=new this.constructor(o);return i(this,new function(e,t,n){this.onFulfilled="function"==typeof e?e:null,this.onRejected="function"==typeof t?t:null,this.promise=n}(e,t,n)),n},r.prototype["finally"]=e,r.all=function(e){return new r(function(t,o){function r(e,n){try{if(n&&("object"==typeof n||"function"==typeof n)){var u=n.then;if("function"==typeof u)return void u.call(n,function(t){r(e,t)},o)}i[e]=n,0==--f&&t(i)}catch(c){o(c)}}if(!n(e))return o(new TypeError("Promise.all accepts an array"));var i=Array.prototype.slice.call(e);if(0===i.length)return t([]);for(var f=i.length,u=0;i.length>u;u++)r(u,i[u])})},r.allSettled=t,r.resolve=function(e){return e&&"object"==typeof e&&e.constructor===r?e:new r(function(t){t(e)})},r.reject=function(e){return new r(function(t,n){n(e)})},r.race=function(e){return new r(function(t,o){if(!n(e))return o(new TypeError("Promise.race accepts an array"));for(var i=0,f=e.length;f>i;i++)r.resolve(e[i]).then(t,o)})},r._immediateFn="function"==typeof setImmediate&&function(e){setImmediate(e)}||function(e){a(e,0)},r._unhandledRejectionFn=function(e){void 0!==console&&console&&console.warn("Possible Unhandled Promise Rejection:",e)};var s=function(){if("undefined"!=typeof self)return self;if("undefined"!=typeof window)return window;if("undefined"!=typeof global)return global;throw Error("unable to locate global object")}();"function"!=typeof s.Promise?s.Promise=r:(s.Promise.prototype["finally"]||(s.Promise.prototype["finally"]=e),s.Promise.allSettled||(s.Promise.allSettled=t))});
diff --git a/src/Common/src/dashboards/scripts/setImmediate.js b/src/Common/src/dashboards/scripts/setImmediate.js
new file mode 100644
index 0000000..3c1b06e
--- /dev/null
+++ b/src/Common/src/dashboards/scripts/setImmediate.js
@@ -0,0 +1,186 @@
+(function (global, undefined) {
+    "use strict";
+
+    if (global.setImmediate) {
+        return;
+    }
+
+    var nextHandle = 1; // Spec says greater than zero
+    var tasksByHandle = {};
+    var currentlyRunningATask = false;
+    var doc = global.document;
+    var registerImmediate;
+
+    function setImmediate(callback) {
+      // Callback can either be a function or a string
+      if (typeof callback !== "function") {
+        callback = new Function("" + callback);
+      }
+      // Copy function arguments
+      var args = new Array(arguments.length - 1);
+      for (var i = 0; i < args.length; i++) {
+          args[i] = arguments[i + 1];
+      }
+      // Store and register the task
+      var task = { callback: callback, args: args };
+      tasksByHandle[nextHandle] = task;
+      registerImmediate(nextHandle);
+      return nextHandle++;
+    }
+
+    function clearImmediate(handle) {
+        delete tasksByHandle[handle];
+    }
+
+    function run(task) {
+        var callback = task.callback;
+        var args = task.args;
+        switch (args.length) {
+        case 0:
+            callback();
+            break;
+        case 1:
+            callback(args[0]);
+            break;
+        case 2:
+            callback(args[0], args[1]);
+            break;
+        case 3:
+            callback(args[0], args[1], args[2]);
+            break;
+        default:
+            callback.apply(undefined, args);
+            break;
+        }
+    }
+
+    function runIfPresent(handle) {
+        // From the spec: "Wait until any invocations of this algorithm started before this one have completed."
+        // So if we're currently running a task, we'll need to delay this invocation.
+        if (currentlyRunningATask) {
+            // Delay by doing a setTimeout. setImmediate was tried instead, but in Firefox 7 it generated a
+            // "too much recursion" error.
+            setTimeout(runIfPresent, 0, handle);
+        } else {
+            var task = tasksByHandle[handle];
+            if (task) {
+                currentlyRunningATask = true;
+                try {
+                    run(task);
+                } finally {
+                    clearImmediate(handle);
+                    currentlyRunningATask = false;
+                }
+            }
+        }
+    }
+
+    function installNextTickImplementation() {
+        registerImmediate = function(handle) {
+            process.nextTick(function () { runIfPresent(handle); });
+        };
+    }
+
+    function canUsePostMessage() {
+        // The test against `importScripts` prevents this implementation from being installed inside a web worker,
+        // where `global.postMessage` means something completely different and can't be used for this purpose.
+        if (global.postMessage && !global.importScripts) {
+            var postMessageIsAsynchronous = true;
+            var oldOnMessage = global.onmessage;
+            global.onmessage = function() {
+                postMessageIsAsynchronous = false;
+            };
+            global.postMessage("", "*");
+            global.onmessage = oldOnMessage;
+            return postMessageIsAsynchronous;
+        }
+    }
+
+    function installPostMessageImplementation() {
+        // Installs an event handler on `global` for the `message` event: see
+        // * https://developer.mozilla.org/en/DOM/window.postMessage
+        // * http://www.whatwg.org/specs/web-apps/current-work/multipage/comms.html#crossDocumentMessages
+
+        var messagePrefix = "setImmediate$" + Math.random() + "$";
+        var onGlobalMessage = function(event) {
+            if (event.source === global &&
+                typeof event.data === "string" &&
+                event.data.indexOf(messagePrefix) === 0) {
+                runIfPresent(+event.data.slice(messagePrefix.length));
+            }
+        };
+
+        if (global.addEventListener) {
+            global.addEventListener("message", onGlobalMessage, false);
+        } else {
+            global.attachEvent("onmessage", onGlobalMessage);
+        }
+
+        registerImmediate = function(handle) {
+            global.postMessage(messagePrefix + handle, "*");
+        };
+    }
+
+    function installMessageChannelImplementation() {
+        var channel = new MessageChannel();
+        channel.port1.onmessage = function(event) {
+            var handle = event.data;
+            runIfPresent(handle);
+        };
+
+        registerImmediate = function(handle) {
+            channel.port2.postMessage(handle);
+        };
+    }
+
+    function installReadyStateChangeImplementation() {
+        var html = doc.documentElement;
+        registerImmediate = function(handle) {
+            // Create a <script> element; its readystatechange event will be fired asynchronously once it is inserted
+            // into the document. Do so, thus queuing up the task. Remember to clean up once it's been called.
+            var script = doc.createElement("script");
+            script.onreadystatechange = function () {
+                runIfPresent(handle);
+                script.onreadystatechange = null;
+                html.removeChild(script);
+                script = null;
+            };
+            html.appendChild(script);
+        };
+    }
+
+    function installSetTimeoutImplementation() {
+        registerImmediate = function(handle) {
+            setTimeout(runIfPresent, 0, handle);
+        };
+    }
+
+    // If supported, we should attach to the prototype of global, since that is where setTimeout et al. live.
+    var attachTo = Object.getPrototypeOf && Object.getPrototypeOf(global);
+    attachTo = attachTo && attachTo.setTimeout ? attachTo : global;
+
+    // Don't get fooled by e.g. browserify environments.
+    if ({}.toString.call(global.process) === "[object process]") {
+        // For Node.js before 0.9
+        installNextTickImplementation();
+
+    } else if (canUsePostMessage()) {
+        // For non-IE10 modern browsers
+        installPostMessageImplementation();
+
+    } else if (global.MessageChannel) {
+        // For web workers, where supported
+        installMessageChannelImplementation();
+
+    } else if (doc && "onreadystatechange" in doc.createElement("script")) {
+        // For IE 6–8
+        installReadyStateChangeImplementation();
+
+    } else {
+        // For older browsers
+        installSetTimeoutImplementation();
+    }
+
+    attachTo.setImmediate = setImmediate;
+    attachTo.clearImmediate = clearImmediate;
+}(typeof self === "undefined" ? typeof global === "undefined" ? this : global : self));
diff --git a/src/ShowPreview.UIX/app/dashboard/dashboard.js b/src/ShowPreview.UIX/app/dashboard/dashboard.js
index ba9e39a..efdfa65 100644
--- a/src/ShowPreview.UIX/app/dashboard/dashboard.js
+++ b/src/ShowPreview.UIX/app/dashboard/dashboard.js
@@ -4,7 +4,7 @@
 {
 
     // Set up the dashboard.
-    var dashboard = new Dashboard();
+    var dashboard = new SingleObjectDashboard();
 
     // Our renderer will be set up later.
     var renderer = null;
diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.js b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.js
index 6dcbd4c..20a72f5 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.js
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.js
@@ -9,7 +9,7 @@ dayjs().utcOffset(new Date().getTimezoneOffset());
 {
 
     // Set up the dashboard.
-    var dashboard = new Dashboard();
+    var dashboard = new SingleObjectDashboard();
 
     // Our renderer will be set up later.
     var renderer = null;

From 45d27d872807c5f2824aa6800a65f1e9b883e232 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Tue, 17 Jan 2023 17:28:14 +0000
Subject: [PATCH 47/50] wizard interface coming together.

---
 src/Common/Common.csproj                          |   5 +++++
 .../src/dashboards/images/delete_s1_grey.png      | Bin 0 -> 338 bytes
 src/Common/src/dashboards/images/filter_s1.png    | Bin 0 -> 225 bytes
 src/Common/src/dashboards/images/filter_s1.svg    |   3 +++
 .../src/dashboards/images/filter_s1_grey.png      | Bin 0 -> 293 bytes
 .../src/dashboards/images/filter_s1_grey.svg      |   3 +++
 6 files changed, 11 insertions(+)
 create mode 100644 src/Common/src/dashboards/images/delete_s1_grey.png
 create mode 100644 src/Common/src/dashboards/images/filter_s1.png
 create mode 100644 src/Common/src/dashboards/images/filter_s1.svg
 create mode 100644 src/Common/src/dashboards/images/filter_s1_grey.png
 create mode 100644 src/Common/src/dashboards/images/filter_s1_grey.svg

diff --git a/src/Common/Common.csproj b/src/Common/Common.csproj
index b080be9..e0c2c12 100644
--- a/src/Common/Common.csproj
+++ b/src/Common/Common.csproj
@@ -42,9 +42,14 @@
     <Content Include="src\ConfigurationManager.js" />
     <Content Include="src\dashboards\images\arrow_drop_down_s1_grey.png" />
     <Content Include="src\dashboards\images\create_s1_grey.png" />
+    <Content Include="src\dashboards\images\delete_s1_grey.png" />
     <Content Include="src\dashboards\images\disable.png" />
     <Content Include="src\dashboards\images\ellipsis_s1_grey.png" />
     <Content Include="src\dashboards\images\enable.png" />
+    <Content Include="src\dashboards\images\filter_s1.png" />
+    <Content Include="src\dashboards\images\filter_s1.svg" />
+    <Content Include="src\dashboards\images\filter_s1_grey.png" />
+    <Content Include="src\dashboards\images\filter_s1_grey.svg" />
     <Content Include="src\dashboards\images\icon-delete.png" />
     <Content Include="src\dashboards\scripts\console-dashboard.js" />
     <Content Include="src\console-shellui.js" />
diff --git a/src/Common/src/dashboards/images/delete_s1_grey.png b/src/Common/src/dashboards/images/delete_s1_grey.png
new file mode 100644
index 0000000000000000000000000000000000000000..fae153d13386d74e75b1515f5f5bf7c9f2af6d86
GIT binary patch
literal 338
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdz&H|6fVg?3oVGw3ym^DWND9BhG
z<nF|<?wrg^AcrO0(btiIVPik{pF~z5|GB4&V@L(#+o@-H4=eDr`szn2%c?53N(&b>
zPqgxqWcJ(QvSO8n{kGthwjcBq+JDq~JrZwNxpJkv_ZK~><ae38iaB1I>@1mUuct=l
zW$G{8v+Z1L!kWc_SsWgFXY#*)$;6?!?fD}Of!3X;ZEwjLOxRl1Yq(G9Tb%pZn)~JD
zTnyX?4c(c06m~pQX%KT+Rebg&gK0-h+RV)iS^@`5{SQ4k(7xyU3MscI>H&2HJ8Rxp
zc6u^pwDOp#`!RlT>lF&qVK_6VSh0;^%7ljw9r-hh6?Y|{@Z3?d>`(W%bIC;wGDfUN
fu3WiN|C({5{!@uNYEu(|US{xg^>bP0l+XkK>5+VT

literal 0
HcmV?d00001

diff --git a/src/Common/src/dashboards/images/filter_s1.png b/src/Common/src/dashboards/images/filter_s1.png
new file mode 100644
index 0000000000000000000000000000000000000000..d3b6f367ebaa7d895faa75cd58b8d27b17676310
GIT binary patch
literal 225
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBewn9>V@L(#(}~`K4F)_e;vykVstSynQv*0X
z4sZ$`@Kg<P;xLx^(Q<*O;L+JH+kP+eY%o_?<WTk~?7<IJ=gO169_vRnFW4!yR9~aK
z{I|r^BBz5+w)=Iae9p{s6=HRquxYB&!q^EDi%jJ{DIa9fu4zfMU4D4_nX1<+do{h&
RZGkRe@O1TaS?83{1ORICNaX+k

literal 0
HcmV?d00001

diff --git a/src/Common/src/dashboards/images/filter_s1.svg b/src/Common/src/dashboards/images/filter_s1.svg
new file mode 100644
index 0000000..1986c0d
--- /dev/null
+++ b/src/Common/src/dashboards/images/filter_s1.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.0284 1H1.97159C1.56491 1 1.32835 1.45969 1.56473 1.79062L5.90687 7.86961C5.96744 7.95441 6 8.05602 6 8.16023V14.2785C6 14.6276 6.34869 14.8692 6.67556 14.7467L9.67556 13.6217C9.87071 13.5485 10 13.3619 10 13.1535V8.16023C10 8.05602 10.0326 7.95441 10.0931 7.86961L14.4353 1.79062C14.6717 1.45968 14.4351 1 14.0284 1Z" fill="white"/>
+</svg>
diff --git a/src/Common/src/dashboards/images/filter_s1_grey.png b/src/Common/src/dashboards/images/filter_s1_grey.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac905a423278e49215fd3d8bd9f16bef5be49e7a
GIT binary patch
literal 293
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{w_}!$B+ufr$HA54=M2QT8bA6TQ^C+;Fyxk
zz}~P~c!!hu24xE-<qZr8kFLfoeY)lP=hg3<WjNn|WMYiqJlJjcOr>RquHv#OOM+f?
z?QuLZttt9Ixh;DfQ;?Uulg0m2YTMl(?Qm>Zxb>Ze$^8>4f1REjSC}Th;o3b-8Lpb}
z>tE~UILx^9IP4G4&EU1CCJQsZ>&<;uS@*U4zPz{-;}tKd_a}e7iENpAqr<^HIBIIw
m?x4nfYkLjN{<i$%_y68(|K#-QpvgdAFnGH9xvX<aXaWFxo^dt+

literal 0
HcmV?d00001

diff --git a/src/Common/src/dashboards/images/filter_s1_grey.svg b/src/Common/src/dashboards/images/filter_s1_grey.svg
new file mode 100644
index 0000000..ac440ed
--- /dev/null
+++ b/src/Common/src/dashboards/images/filter_s1_grey.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.0284 1H1.97159C1.56491 1 1.32835 1.45969 1.56473 1.79062L5.90687 7.86961C5.96744 7.95441 6 8.05602 6 8.16023V14.191C6 14.5627 6.39116 14.8044 6.72361 14.6382L9.72361 13.1382C9.893 13.0535 10 12.8804 10 12.691V8.16023C10 8.05602 10.0326 7.95441 10.0931 7.86961L14.4353 1.79062C14.6717 1.45968 14.4351 1 14.0284 1Z" fill="#8E8E8E"/>
+</svg>

From 7c3e518e75abb766c7d6c30574e05086b37790c3 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Mon, 23 Jan 2023 14:52:31 +0000
Subject: [PATCH 48/50] A tab gets rendered.

---
 src/Common/Common.csproj                      |  3 +-
 src/Common/bundleconfig.json                  |  5 +-
 src/Common/src/Promise.polyfill.shellui.js    | 94 +++++++++++++++++++
 ...olyfill.min.js => Promise.polyfill.min.js} |  0
 4 files changed, 99 insertions(+), 3 deletions(-)
 create mode 100644 src/Common/src/Promise.polyfill.shellui.js
 rename src/Common/src/dashboards/scripts/{polyfill.min.js => Promise.polyfill.min.js} (100%)

diff --git a/src/Common/Common.csproj b/src/Common/Common.csproj
index e0c2c12..d19d169 100644
--- a/src/Common/Common.csproj
+++ b/src/Common/Common.csproj
@@ -54,7 +54,7 @@
     <Content Include="src\dashboards\scripts\console-dashboard.js" />
     <Content Include="src\console-shellui.js" />
     <Content Include="src\dashboards\scripts\Dashboard.js" />
-    <Content Include="src\dashboards\scripts\polyfill.min.js" />
+    <Content Include="src\dashboards\scripts\Promise.polyfill.min.js" />
     <Content Include="src\dashboards\scripts\setImmediate.js" />
     <Content Include="src\Events.js" />
     <Content Include="src\dashboards\images\bottom-pane.png" />
@@ -64,6 +64,7 @@
     <Content Include="src\json2.js" />
     <Content Include="src\Orchestrator.js" />
     <Content Include="src\dashboards\scripts\jquery-1.12.4.min.js" />
+    <Content Include="src\Promise.polyfill.shellui.js" />
     <Content Include="src\SingleWindowOrchestrator.js" />
     <Content Include="src\VaultStructureManager.js" />
     <Content Include="src\WindowManager.js" />
diff --git a/src/Common/bundleconfig.json b/src/Common/bundleconfig.json
index 64d31cf..b2ad3a6 100644
--- a/src/Common/bundleconfig.json
+++ b/src/Common/bundleconfig.json
@@ -9,7 +9,8 @@
       "src/SingleWindowOrchestrator.js",
       "src/ConfigurationManager.js",
       "src/VaultStructureManager.js",
-      "src/WindowManager.js"
+      "src/WindowManager.js",
+      "src/Promise.polyfill.shellui.js"
     ]
   },
   {
@@ -18,7 +19,7 @@
       "src/dashboards/scripts/console-dashboard.js",
       "src/dashboards/scripts/jquery-1.12.4.min.js",
       "src/dashboards/scripts/setImmediate.js",
-      "src/dashboards/scripts/polyfill.min.js",
+      "src/dashboards/scripts/Promise.polyfill.min.js",
       "src/Events.js",
       "src/dashboards/scripts/Dashboard.js"
     ]
diff --git a/src/Common/src/Promise.polyfill.shellui.js b/src/Common/src/Promise.polyfill.shellui.js
new file mode 100644
index 0000000..fc3c410
--- /dev/null
+++ b/src/Common/src/Promise.polyfill.shellui.js
@@ -0,0 +1,94 @@
+function Promise(fn)
+{
+    var p = this;
+    var run = false;
+    var success = false;
+    var data = null;
+    var calledBack = false;
+    var thenCallbacks = [];
+    var catchCallbacks = [];
+
+    function resolve(d)
+    {
+        data = d;
+        calledBack = true;
+        success = true;
+        p.then();
+    }
+    function reject()
+    {
+        calledBack = true;
+        success = false;
+        p["catch"]();
+    }
+
+    function action()
+    {
+        try
+        {
+            run = true;
+            fn(resolve, reject);
+        }
+        catch (e)
+        {
+            console.log(e);
+            MFiles.ThrowError(MFiles.GetLongErrorDescription(e));
+        }
+    }
+
+    p.then = function (fn)
+    {
+        if (typeof fn == "function")
+            thenCallbacks.push(fn);
+
+        // Have we already run?
+        if (run)
+        {
+            // Sanity.
+            if (false == calledBack)
+            {
+                console.error("Promise execution did not call resolve or reject.");
+            }
+
+            // Was it successful?
+            if (success)
+            {
+                for (var i = 0; i < thenCallbacks.length; i++)
+                    thenCallbacks[i](data);
+            }
+            return p;
+        }
+
+        return p;
+    }
+
+    p["catch"] = function (fn)
+    {
+        if (typeof fn == "function")
+            catchCallbacks.push(fn);
+
+        // Have we already run?
+        if (run)
+        {
+            // Sanity.
+            if (false == calledBack)
+            {
+                console.error("Promise execution did not call resolve or reject.");
+            }
+
+            // Was it unsuccessful?
+            if (!success)
+            {
+                for (var i = 0; i < catchCallbacks.length; i++)
+                    catchCallbacks[i](data);
+            }
+            return p;
+        }
+
+        return p;
+    }
+
+    MFiles.SetTimer(50, action);
+
+    return p;
+}
\ No newline at end of file
diff --git a/src/Common/src/dashboards/scripts/polyfill.min.js b/src/Common/src/dashboards/scripts/Promise.polyfill.min.js
similarity index 100%
rename from src/Common/src/dashboards/scripts/polyfill.min.js
rename to src/Common/src/dashboards/scripts/Promise.polyfill.min.js

From 87b90ef2669dc15985d5dc05b2152638f98acd32 Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Wed, 25 Jan 2023 11:19:07 +0000
Subject: [PATCH 49/50] Fix for duplicate version element.

---
 src/ShowPreview.UIX/app/appdef.xml | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/ShowPreview.UIX/app/appdef.xml b/src/ShowPreview.UIX/app/appdef.xml
index b0cc86d..17c5f0a 100644
--- a/src/ShowPreview.UIX/app/appdef.xml
+++ b/src/ShowPreview.UIX/app/appdef.xml
@@ -5,7 +5,6 @@
 	<name>Show Preview UIX</name>
 	<version>0.1</version>
 	<publisher>M-Files Corporation (non-official, open-source)</publisher>
-	<version>0.2</version>
 	<copyright>See https://github.com/M-Files/Samples.UIHelpers</copyright>
 	<required-mfiles-version>22.11.0.0</required-mfiles-version>
 	<optional>true</optional>

From 0f14d8434e5ae915154e708be7aa2178d8d232ae Mon Sep 17 00:00:00 2001
From: Craig Hawker <craig.hawker@m-files.com>
Date: Wed, 25 Jan 2023 14:20:27 +0000
Subject: [PATCH 50/50] Fix for null reference issue.

---
 src/Common/src/dashboards/scripts/Dashboard.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/Common/src/dashboards/scripts/Dashboard.js b/src/Common/src/dashboards/scripts/Dashboard.js
index 1ab2556..e3cf3e1 100644
--- a/src/Common/src/dashboards/scripts/Dashboard.js
+++ b/src/Common/src/dashboards/scripts/Dashboard.js
@@ -29,6 +29,7 @@ function Dashboard()
     console.log("Dashboard activated");
 
     var events = new Events();
+    t.events = events;
     t.addEventListener = events.addEventListener;
     t.dispatchEvent = events.dispatchEvent;