Changeset 37538 for gs3-extensions/tabletop-dl/trunk/tabletop.html

Timestamp:

2023-03-18T00:09:16+13:00 (13 months ago)

Author:

davidb

Message:

'Development of winbox combined with interact.js to the point where basic rotation and zooming is working

File:

• gs3-extensions/tabletop-dl/trunk/tabletop.html (modified) (3 diffs)

gs3-extensions/tabletop-dl/trunk/tabletop.html

@@ -18 +18 @@
     <script src="winbox-dist/js/winbox.min.js"></script>
     -->
-    <link rel="stylesheet" href="src/winbox-with-interactjs/dist/css/winbox.min.css">
-    <script src="src/winbox-with-interactjs/dist/js/winbox.min.js"></script>
+    <link rel="stylesheet" href="winbox-with-interactjs-dist/css/winbox.min.css">
+    <script src="winbox-with-interactjs-dist/js/winbox.min.js"></script>
     
     <script src="interactjs-dist/interact.min.js"></script>
@@ -100 +100 @@
   </body>
   <script>
-    /*
-    function gsToggleHeader()
-    {
-    $('#gs-header').slideToggle();
-    }
-    */
+
     $(document).ready(function() {
     $("#gs-control-bar").width("100%").hide();
@@ -115 +110 @@
     });
 
-
-    const win = new WinBox({
-        id:    "my-winbox",
-        title: 'My Window2',
-        width: '400px',
-        height: '400px',
-    });
-
-    interact('#my-winbox')
-        .draggable({
-        // enable inertial throwing
-        inertia: true,
-        // keep the element within the area of it's parent
-        modifiers: [
-            interact.modifiers.restrictRect({
-            restriction: 'parent',
-            endOnly: true
-            })
-        ],
-        // enable autoScroll
-        autoScroll: true,
-        
-        listeners: {
-            // call this function on every dragmove event
-            move: dragMoveListener,
-            
-            // call this function on every dragend event
-            end (event) {
-            var textEl = event.target.querySelector('p')
-            
-            textEl && (textEl.textContent =
-                   'moved a distance of ' +
-                   (Math.sqrt(Math.pow(event.pageX - event.x0, 2) +
-                          Math.pow(event.pageY - event.y0, 2) | 0))
-                   .toFixed(2) + 'px')
-            }
-        }
-        });
-
     });
     
   </script>
+
 </html>