samplse: drag-and-drop and list-view-drag-and-drop

feathersui · Aug 1, 2024 · f51ab9e · f51ab9e
1 parent e06019d
commit f51ab9e
Show file tree

Hide file tree

Showing 11 changed files with 4,900 additions and 0 deletions.
diff --git a/_data/samples-haxe-openfl.json b/_data/samples-haxe-openfl.json
@@ -72,13 +72,27 @@
     "codeLink": "https://github.com/feathersui/feathersui-openfl/tree/v1.3.0/samples/dark-mode/",
     "content": "Easily switch between light and dark mode with the default theme."
   },
+  {
+    "title": "Custom Drag-and-Drop",
+    "image": "/samples/haxe-openfl/img/custom-drag-and-drop.png",
+    "demoLink": "/samples/haxe-openfl/drag-and-drop/",
+    "codeLink": "https://github.com/feathersui/feathersui-openfl/tree/v1.3.0/samples/drag-and-drop/",
+    "content": "Demonstrates using the drag-and-drop interfaces in Feathers UI."
+  },
   {
     "title": "Hello world",
     "image": "/samples/haxe-openfl/img/hello-world.png",
     "demoLink": "/samples/haxe-openfl/hello-world/",
     "codeLink": "https://github.com/feathersui/feathersui-openfl/tree/v1.3.0/samples/hello-world/",
     "content": "Every project needs a \"Hello World\" to get you started!"
   },
+  {
+    "title": "List View Drag-and-Drop",
+    "image": "/samples/haxe-openfl/img/list-view-drag-and-drop.png",
+    "demoLink": "/samples/haxe-openfl/list-view-drag-and-drop/",
+    "codeLink": "https://github.com/feathersui/feathersui-openfl/tree/v1.3.0/samples/list-view-drag-and-drop/",
+    "content": "Demonstrates drag-and-drop with the Feathers UI <code>ListView</code> component."
+  },
   {
     "title": "Login Form",
     "image": "/samples/haxe-openfl/img/login-form.png",

diff --git a/static/samples/haxe-openfl/drag-and-drop/DragAndDrop.js b/static/samples/haxe-openfl/drag-and-drop/DragAndDrop.js
diff --git a/static/samples/haxe-openfl/drag-and-drop/favicon.png b/static/samples/haxe-openfl/drag-and-drop/favicon.png
diff --git a/static/samples/haxe-openfl/drag-and-drop/index.html b/static/samples/haxe-openfl/drag-and-drop/index.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+
+	<meta charset="utf-8">
+
+	<title>Drag and Drop — Feathers UI Samples</title>
+
+	<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+	<meta name="apple-mobile-web-app-capable" content="yes">
+
+
+	<link rel="shortcut icon" type="image/png" href="./favicon.png">
+
+
+	<script type="text/javascript" src="./DragAndDrop.js"></script>
+
+	<script>
+		window.addEventListener ("touchmove", function (event) { event.preventDefault (); }, { capture: false, passive: false });
+		if (typeof window.devicePixelRatio != 'undefined' && window.devicePixelRatio > 2) {
+			var meta = document.getElementById ("viewport");
+			meta.setAttribute ('content', 'width=device-width, initial-scale=' + (2 / window.devicePixelRatio) + ', user-scalable=no');
+		}
+	</script>
+
+	<style>
+		html,body { margin: 0; padding: 0; height: 100%; overflow: hidden; }
+		#openfl-content { background: #000000; width: 100%; height: 100%; }
+
+	</style>
+
+</head>
+<body>
+
+	<noscript>This webpage makes extensive use of JavaScript. Please enable JavaScript in your web browser to view this page.</noscript>
+
+	<div id="openfl-content"></div>
+
+	<script type="text/javascript">
+		lime.embed ("DragAndDrop", "openfl-content", 0, 0, { parameters: {} });
+	</script>
+
+</body>
+</html>
diff --git a/static/samples/haxe-openfl/img/custom-drag-and-drop.png b/static/samples/haxe-openfl/img/custom-drag-and-drop.png
diff --git a/static/samples/haxe-openfl/img/list-view-drag-and-drop.png b/static/samples/haxe-openfl/img/list-view-drag-and-drop.png
diff --git a/static/samples/haxe-openfl/list-view-drag-and-drop/ListViewDragAndDrop.js b/static/samples/haxe-openfl/list-view-drag-and-drop/ListViewDragAndDrop.js
diff --git a/static/samples/haxe-openfl/list-view-drag-and-drop/assets/img/feathersui-logo.png b/static/samples/haxe-openfl/list-view-drag-and-drop/assets/img/feathersui-logo.png
diff --git a/static/samples/haxe-openfl/list-view-drag-and-drop/favicon.png b/static/samples/haxe-openfl/list-view-drag-and-drop/favicon.png
diff --git a/static/samples/haxe-openfl/list-view-drag-and-drop/index.html b/static/samples/haxe-openfl/list-view-drag-and-drop/index.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+
+	<meta charset="utf-8">
+
+	<title>Drag and drop between two ListView components — Feathers UI Samples</title>
+
+	<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+	<meta name="apple-mobile-web-app-capable" content="yes">
+
+
+	<link rel="shortcut icon" type="image/png" href="./favicon.png">
+
+
+	<script type="text/javascript" src="./ListViewDragAndDrop.js"></script>
+
+	<script>
+		window.addEventListener ("touchmove", function (event) { event.preventDefault (); }, { capture: false, passive: false });
+		if (typeof window.devicePixelRatio != 'undefined' && window.devicePixelRatio > 2) {
+			var meta = document.getElementById ("viewport");
+			meta.setAttribute ('content', 'width=device-width, initial-scale=' + (2 / window.devicePixelRatio) + ', user-scalable=no');
+		}
+	</script>
+
+	<style>
+		html,body { margin: 0; padding: 0; height: 100%; overflow: hidden; }
+		#openfl-content { background: #000000; width: 100%; height: 100%; }
+
+	</style>
+
+</head>
+<body>
+
+	<noscript>This webpage makes extensive use of JavaScript. Please enable JavaScript in your web browser to view this page.</noscript>
+
+	<div id="openfl-content"></div>
+
+	<script type="text/javascript">
+		lime.embed ("ListViewDragAndDrop", "openfl-content", 0, 0, { parameters: {} });
+	</script>
+
+</body>
+</html>
diff --git a/static/samples/haxe-openfl/list-view-drag-and-drop/manifest/default.json b/static/samples/haxe-openfl/list-view-drag-and-drop/manifest/default.json
@@ -0,0 +1 @@
+{"name":null,"assets":"aoy4:pathy34:assets%2Fimg%2Ffeathersui-logo.pngy4:sizei3872y4:typey5:IMAGEy2:idy15:feathersui-logogh","rootPath":null,"version":2,"libraryArgs":[],"libraryType":null}