Add xml2js and proj4 packages. (#343)

* add xml2js

* Fix DrawTool Upload Loading style

* Draw Edit properties

package.json

@@ -121,6 +121,7 @@
     "postcss-normalize": "8.0.1",
     "postcss-preset-env": "6.7.0",
     "postcss-safe-parser": "4.0.1",
+    "proj4": "^2.8.1",
     "pug": "^3.0.1",
     "react": "^16.13.1",
     "react-app-polyfill": "^1.0.6",
@@ -150,7 +151,8 @@
     "webpack-manifest-plugin": "2.2.0",
     "winston": "^3.3.4",
     "workbox-webpack-plugin": "4.3.1",
-    "ws": "^8.8.1"
+    "ws": "^8.8.1",
+    "xml2js": "^0.4.23"
   },
   "eslintConfig": {
     "extends": "react-app"

src/essence/Tools/Draw/DrawTool.css

@@ -253,19 +253,19 @@
     background: var(--color-mmgis);
 }
 #drawToolDrawFilesNewLoading {
-    width: calc(100% - 14px);
+    width: 100%;
     height: 2px;
     position: absolute;
-    top: 36px;
-    left: 7px;
+    top: 28px;
+    left: 0px;
     overflow: hidden;
     opacity: 0;
     transition: opacity 0.1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
 }
 #drawToolDrawFilesNewLoading > div {
     width: 30%;
     height: 100%;
-    background: #1169d3;
+    background: var(--color-c);
     animation: drawToolLoading1 1s ease-in-out infinite;
 }
 @keyframes drawToolLoading1 {
@@ -2544,3 +2544,15 @@
 .drawToolContextMenuTab.active {
     display: inherit;
 }
+
+.drawToolContextMenuPropertiesExtended {
+    margin: 16px 0px;
+    padding: 8px 0px;
+    border-top: 1px solid var(--color-a1);
+    border-bottom: 1px solid var(--color-a1);
+}
+.drawToolContextMenuPropertiesExtended > li {
+    display: flex;
+    justify-content: space-between;
+    padding: 2px 0px;
+}

src/essence/Tools/Draw/DrawTool_Editing.js

@@ -622,6 +622,14 @@ var Editing = {
                             `<div>${DrawTool.contextMenuLayer.feature.properties._radius.toFixed(3)}m</div>`,
                         "</div>",
                     ].join('\n') : "",
+                    "<div class='drawToolContextMenuPropertiesExtended'>",
+                    Object.keys(DrawTool.contextMenuLayer.feature.properties).map((p) => {
+                        const pv = DrawTool.contextMenuLayer.feature.properties[p]
+                        if( typeof pv === 'number' || typeof pv === 'string')
+                            return `<li><div>${p}</div><div>${pv}</div></li>`
+                        else return ''
+                    }).join('\n'),
+                    "</div>",
                     (!displayOnly) ? ["<div class='drawToolContextMenuPropertiesReassignUUID flexbetween'>",
                         "<div id='drawToolContextMenuPropertiesReassignUUIDValue'>" + uuid + "</div>",
                         "<div id='drawToolContextMenuPropertiesReassignUUID' class='drawToolButton1'>Reassign</div>",