From a885c334334f06d6ea1df4a96045db07294e4bbb Mon Sep 17 00:00:00 2001
From: zero41120 <devtlin34@gmail.com>
Date: Mon, 10 Feb 2020 16:19:36 -0800
Subject: [PATCH] 1540 Remove support for array in the demo UI

---
 test/demo/cropping-polygons.html | 18 ++----------------
 1 file changed, 2 insertions(+), 16 deletions(-)

diff --git a/test/demo/cropping-polygons.html b/test/demo/cropping-polygons.html
index 368f6b53..8f69d98d 100644
--- a/test/demo/cropping-polygons.html
+++ b/test/demo/cropping-polygons.html
@@ -42,13 +42,6 @@
         <button id='resetBtn'>Reset</button>
         <button id='exampleBtn'>Load Example</button>
     </div>
-    <div class='box-with-title'>
-        <div class="buttons">
-            <button id="addArrayBtn">Add Array as Polygon</button>
-            <button onclick="emptyElement('polygonArrayEl')">Clear</button>
-        </div>
-        <textarea id="polygonArrayEl"></textarea>
-    </div>
     <div class='box-with-title'>
         <div class="buttons">
             <button id="addPointBtn">Add Points as Polygon</button>
@@ -81,12 +74,11 @@
     <script>
         // Global Variables
         var previewEl = document.getElementById('previewEl');
-        var polygonArrayEl = document.getElementById('polygonArrayEl');
         var polygonPointEl = document.getElementById('polygonPointEl');
 
         var examples =  [
-            [[480,300],[300,420],[600,420]],            // Triangle
-            [[300,550],[300,750],[600,750],[600,550]]   // Rectangle
+            [{x: 480, y: 300},{x: 300, y: 420},{x: 600, y: 420}],                   // Triangle
+            [{x: 300, y: 550},{x: 300, y: 750},{x: 600, y: 750},{x: 600, y: 550}]   // Rectangle
         ];
 
         // Load default examples
@@ -116,7 +108,6 @@
             var p = viewer.viewport.viewportToImageCoordinates(viewportPoint);
             p.x = Math.round((p.x + Number.EPSILON) * 100) / 100
             p.y = Math.round((p.y + Number.EPSILON) * 100) / 100
-            insertObjectToElement([p.x, p.y], polygonArrayEl);
             insertObjectToElement({x:p.x, y:p.y}, polygonPointEl);
         });
 
@@ -144,10 +135,6 @@
                 console.log(error);
             }
         }
-        // Add clicked points to polygon tracker variable
-        document.getElementById('addArrayBtn').onclick = function(){
-            insertValueFromElementToPreviewElement(polygonArrayEl);
-        };
 
         // Add clicked points to polygon tracker variable as point objects
         document.getElementById('addPointBtn').onclick = function(){
@@ -164,7 +151,6 @@
         };
 
         document.getElementById('resetBtn').onclick = function(){
-            emptyElement('polygonArrayEl');
             emptyElement('polygonPointEl');
             emptyElement('previewEl');
             var tiledImage = viewer.world.getItemAt(0);